/* Chat Up! demoları: ortak temel. Fontlar self-host (OFL), Türkçe glifli alt kümeler.
   Marka: sarı #FFA800 (logo.jpg'den ölçüldü) + mürekkep. Köşe ölçeği 0: oval, hap, yuvarlak kart yok.
   Daire yalnız logo rozeti ve ikon kabı için. */
@font-face{font-family:"Schibsted Grotesk";src:url("fontlar/schibsted.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Geist";src:url("fontlar/geist.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("fontlar/instrument-sans.woff2") format("woff2");font-weight:400 700;font-stretch:75% 100%;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("fontlar/newsreader.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("fontlar/newsreader-italik.woff2") format("woff2");font-weight:200 800;font-style:italic;font-display:swap}

:root{
  --sari:#FFA800;          /* marka sarısı, logodan */
  --sari-acik:#FFD37A;
  --sari-sis:#FFF3DB;
  --murekkep:#121316;      /* saf siyah değil */
  --murekkep-2:#3A3C42;
  --gri-metin:#5E6068;     /* beyaz zeminde 6.2:1 */
  --tel:#E3E4E6;
  --beyaz:#FFFFFF;
  --z-nav:20; --z-ust:40;
  --ease-cik:cubic-bezier(.16,1,.3,1);
  --ease-sert:cubic-bezier(.7,0,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
img,svg,canvas,video{display:block;max-width:100%}
[hidden]{display:none!important} /* img{display:block} gizli yedekleri görünür yapmasın */
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--murekkep);outline-offset:3px}
.gizli-metin{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:12px;top:-60px;z-index:100;background:var(--murekkep);color:#fff;padding:10px 14px;text-decoration:none}
.atla:focus{top:12px}
/* ikon sprite güvenlik ağı: boyutsuz svg dev olmasın, renk metinden gelsin */
:where(svg:has(>use)){width:1.2em;height:1.2em;fill:currentColor;flex:none}
/* titreme kalkanı: hareket açıksa [data-giris] öğeleri animasyon kurulana dek gizli; betik çökerse 2,5 sn'de görünür */
html.ac-bekle [data-giris]{visibility:hidden}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}