/* Nöbetçi — landing + legal ortak stil. Kaynak: docs/design/design-tokens.md */
:root{--bg:#FAF7F2;--card:#FFFFFF;--ink:#1C2B4B;--sub:#6E6A63;--micro:#4E4A44;--red:#D63B2F;--red-ink:#B4291F;--green:#257A55;--green-ink:#226E4D;--line:#E7E0D3;--stub:#F5F1E8;--red-soft:rgba(214,59,47,.08);--green-soft:rgba(37,122,85,.10);--flap:#1C2B4B;--flap-ink:#FAF7F2;--sh:0 1px 3px rgba(28,43,75,.07);--sh-lg:0 12px 34px rgba(28,43,75,.12)}
@media (prefers-color-scheme:dark){:root{--bg:#0E1626;--card:#182238;--ink:#EDEFF4;--sub:#96A0B5;--micro:#B7C0D2;--red:#E8604F;--red-ink:#F08476;--green:#43A47D;--green-ink:#6FC7A0;--line:#26324C;--stub:#131C30;--red-soft:rgba(232,96,79,.14);--green-soft:rgba(67,164,125,.16);--flap:#0A101E;--flap-ink:#E8ECF4;--sh:none;--sh-lg:none}}
:root[data-theme=light]{--bg:#FAF7F2;--card:#FFFFFF;--ink:#1C2B4B;--sub:#6E6A63;--micro:#4E4A44;--red:#D63B2F;--red-ink:#B4291F;--green:#257A55;--green-ink:#226E4D;--line:#E7E0D3;--stub:#F5F1E8;--red-soft:rgba(214,59,47,.08);--green-soft:rgba(37,122,85,.10);--flap:#1C2B4B;--flap-ink:#FAF7F2;--sh:0 1px 3px rgba(28,43,75,.07);--sh-lg:0 12px 34px rgba(28,43,75,.12)}
:root[data-theme=dark]{--bg:#0E1626;--card:#182238;--ink:#EDEFF4;--sub:#96A0B5;--micro:#B7C0D2;--red:#E8604F;--red-ink:#F08476;--green:#43A47D;--green-ink:#6FC7A0;--line:#26324C;--stub:#131C30;--red-soft:rgba(232,96,79,.14);--green-soft:rgba(67,164,125,.16);--flap:#0A101E;--flap-ink:#E8ECF4;--sh:none;--sh-lg:none}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Figtree,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-wrap:pretty}
a{color:var(--red-ink);text-decoration:none}
a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.wrap{max-width:1160px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
.legal-wrap{max-width:760px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
@keyframes nbBreathe{0%,100%{opacity:.3}50%{opacity:1}}
@keyframes flapDrop{from{transform:rotateX(-92deg);opacity:0}to{transform:rotateX(0);opacity:1}}
@keyframes flapTurn{0%{transform:rotateX(0)}45%{transform:rotateX(-86deg)}55%{transform:rotateX(86deg)}100%{transform:rotateX(0)}}
@keyframes rowIn{from{opacity:0;transform:perspective(700px) rotateX(-26deg) translateY(12px)}to{opacity:1;transform:perspective(700px) rotateX(0) translateY(0)}}
@keyframes notifIn{0%{transform:translateY(-150%) rotate(-.7deg);opacity:0}72%{transform:translateY(3%) rotate(.25deg);opacity:1}100%{transform:translateY(0) rotate(0);opacity:1}}
@keyframes notifOut{from{transform:translateY(0);opacity:1}to{transform:translateY(-150%);opacity:0}}
@keyframes stubSlide{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
[data-marquee]:hover>[data-track],[data-marquee]:focus-within>[data-track]{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}[data-marquee]{overflow-x:auto;scroll-snap-type:x mandatory}[data-marquee-dup]{display:none}}