/* CoreAI landing · baskı dili: kâğıt, iki mürekkep (turuncu + kobalt), noktalı tram; kimlik kartları, mühürler.
   Fontlar yerel (CSP font-src 'self'). Hareket: hafif salınım + imleç paralaksı; reduced-motion'da kapanır. */

@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/SpaceGrotesk-normal-300_700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/SpaceGrotesk-normal-300_700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/InstrumentSerif-italic-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/InstrumentSerif-italic-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/InstrumentSerif-normal-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/InstrumentSerif-normal-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/JetBrainsMono-normal-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/JetBrainsMono-normal-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/JetBrainsMono-normal-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/JetBrainsMono-normal-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --font-ui:"Space Grotesk","Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;
  --font-display:"Space Grotesk","Segoe UI Variable Display",system-ui,sans-serif;
  --font-serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --font-mono:"JetBrains Mono","Cascadia Mono",ui-monospace,Consolas,monospace;
  --canvas:#EFE9DC;--bg:#E7E0D1;--raised:#F8F4EB;--sunk:#E1D9C8;
  --line:#D4CAB5;--line-strong:#B3A78C;
  --fg:#1B1917;--fg-2:#514B43;--fg-3:#7E7566;
  --accent:#D1461B;--accent-hover:#B23A14;--on-accent:#FFF6EE;--accent-soft:#F3D8CB;
  --ink2:#2A47B5;--ink2-soft:#D8DEF4;
  --holo-a:#F2A65A;--holo-b:#2A47B5;--holo-c:#E86A3A;
  --metal-1:#F6F2E8;--metal-2:#CDC4B0;--metal-3:#8E8470;
  --ok:#2F7A3E;--bad:#B8321E;--warn:#9A6A00;--warn-bg:#F6E7C5;
  --shadow:0 30px 80px -40px rgba(27,25,23,.45);
  --gut:clamp(18px,4vw,56px);--ease:cubic-bezier(.2,0,0,1);--ease-out:cubic-bezier(.16,1,.3,1);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --canvas:#15141A;--bg:#100F14;--raised:#1E1D25;--sunk:#0D0C11;
    --line:#2C2B36;--line-strong:#40404E;
    --fg:#EEE8DC;--fg-2:#B3AC9E;--fg-3:#7F7A70;
    --accent:#FF7A45;--accent-hover:#FF9166;--on-accent:#1A0E08;--accent-soft:#3A2218;
    --ink2:#7B93FF;--ink2-soft:#1E2744;
    --holo-a:#FFB86B;--holo-b:#7B93FF;--holo-c:#FF7A45;
    --metal-1:#4A4856;--metal-2:#24232C;--metal-3:#0E0D12;
    --ok:#6FD39A;--bad:#F08A7E;--warn:#F2C56A;--warn-bg:#2E2414;
    --shadow:0 30px 80px -40px rgba(0,0,0,.9);color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --canvas:#15141A;--bg:#100F14;--raised:#1E1D25;--sunk:#0D0C11;
  --line:#2C2B36;--line-strong:#40404E;
  --fg:#EEE8DC;--fg-2:#B3AC9E;--fg-3:#7F7A70;
  --accent:#FF7A45;--accent-hover:#FF9166;--on-accent:#1A0E08;--accent-soft:#3A2218;
  --ink2:#7B93FF;--ink2-soft:#1E2744;
  --holo-a:#FFB86B;--holo-b:#7B93FF;--holo-c:#FF7A45;
  --metal-1:#4A4856;--metal-2:#24232C;--metal-3:#0E0D12;
  --ok:#6FD39A;--bad:#F08A7E;--warn:#F2C56A;--warn-bg:#2E2414;
  --shadow:0 30px 80px -40px rgba(0,0,0,.9);color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--fg);font:400 16px/1.55 var(--font-ui);overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p,ul,ol,figure,pre{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}svg{display:block}button{font:inherit;color:inherit}img{max-width:100%;height:auto}
em{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
::selection{background:var(--accent);color:var(--on-accent)}
.wrap{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--gut)}
.wrap--narrow{max-width:900px}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--accent);color:var(--on-accent);padding:10px 14px;border-radius:6px}
.skip:focus{top:12px}

/* ---------- WebGL alan ---------- */
.field{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;background:
  radial-gradient(55% 45% at 15% 12%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%),
  radial-gradient(50% 40% at 88% 85%,color-mix(in srgb,var(--ink2) 12%,transparent),transparent 70%),var(--canvas)}
.field.is-gl{background:none}
main,footer{position:relative;z-index:1}
header.nav{position:sticky;top:0;z-index:50}

/* ---------- imleç ---------- */
.cursor{display:none}
@media (hover:hover) and (pointer:fine){
  .cursor{display:block;position:fixed;left:0;top:0;z-index:90;pointer-events:none;transform:translate(-100px,-100px);will-change:transform}
  .cursor__ring{position:absolute;left:-14px;top:-14px;width:28px;height:28px;border:1.5px solid var(--accent);border-radius:50%;opacity:0;transition:transform .35s var(--ease-out),opacity .3s,background .3s;transform:scale(.6)}
  .cursor.is-on .cursor__ring{opacity:.75;transform:scale(1)}
  .cursor.is-link .cursor__ring{transform:scale(1.5);opacity:.5}
  .cursor.is-drag .cursor__ring{transform:scale(2.6);opacity:1;background:var(--accent);border-color:transparent}
  .cursor__label{position:absolute;left:0;top:0;transform:translate(-50%,-50%);color:var(--on-accent);font:500 9px/1 var(--font-mono);letter-spacing:.14em;opacity:0;transition:opacity .2s;white-space:nowrap}
  .cursor.is-drag .cursor__label{opacity:1;transition-delay:.1s}
  .deck__stage{cursor:none}
}

/* ---------- gezinti ---------- */
.nav{position:sticky;top:0;z-index:50;transition:background .3s,border-color .3s}
.nav.is-stuck,.nav.is-open{background:var(--canvas);border-bottom:1px solid var(--line)}
.nav.is-hero{color:#F3EEE4}.nav.is-hero .nav__links a{color:#D9D2C4}.nav.is-hero .nav__links a:hover{color:#fff}.nav.is-hero .icon-btn{color:#E9E2D4;border-color:rgba(243,238,228,.3)}.nav.is-hero .brand__mark{color:#FF7A45}
.nav__in{height:68px;display:flex;align-items:center;gap:18px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.brand__mark{width:28px;height:28px;color:var(--accent)}
.brand__name{font:600 1.1rem/1 var(--font-display);letter-spacing:-.03em}
.brand__name b{color:var(--accent);font-weight:600}
.nav__links{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav__links a{position:relative;padding:8px 12px;color:var(--fg-2);font-size:.88rem;text-decoration:none;border-radius:6px;transition:color .2s}
.nav__links a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out)}
.nav__links a:hover{color:var(--fg)}.nav__links a:hover::after{transform:scaleX(1)}
.nav__tools{display:flex;align-items:center;gap:7px}
.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--fg-2);cursor:pointer;font:500 .74rem var(--font-mono);transition:background .2s,color .2s,border-color .2s}
.icon-btn:hover{background:var(--sunk);color:var(--fg);border-color:var(--line-strong)}
.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ic-moon{display:none!important}
:root[data-theme="dark"] .ic-sun{display:none!important}:root[data-theme="dark"] .ic-moon{display:block!important}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .ic-sun{display:none!important}:root:not([data-theme="light"]) .ic-moon{display:block!important}}
.btn{--h:46px;position:relative;min-height:var(--h);display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 22px;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:var(--on-accent);font:500 .93rem var(--font-ui);text-decoration:none;cursor:pointer;overflow:hidden;transition:transform .35s var(--ease-out),box-shadow .35s,background .2s,color .2s}
.btn::before{content:"";position:absolute;inset:0;background:var(--accent-hover);transform:translateY(100%);transition:transform .4s var(--ease-out);border-radius:inherit}
.btn>*{position:relative}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px var(--accent)}
.btn:hover::before{transform:translateY(0)}
.btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s var(--ease-out)}
.btn:hover svg{transform:translateY(2px)}
.btn--ghost{background:transparent;color:var(--fg);border-color:var(--line-strong)}
.btn--ghost::before{background:var(--sunk)}
.btn--ghost:hover{box-shadow:none}
.btn--sm{--h:36px;padding:0 15px;font-size:.84rem}.btn--lg{--h:54px;padding:0 30px;font-size:1rem}
.btn.is-soon{background:transparent;color:var(--fg-2);border:1px dashed var(--line-strong);cursor:not-allowed;pointer-events:none}
.btn.is-soon::before{display:none}
.menu-btn{display:none}.menu-btn .m1,.menu-btn .m2{transition:transform .25s;transform-origin:center;transform-box:fill-box}
.is-open .menu-btn .m1{transform:translateY(4px) rotate(45deg)}.is-open .menu-btn .m2{transform:translateY(-4px) rotate(-45deg)}

/* ---------- ortak ---------- */
.sec{padding:clamp(72px,10vw,140px) 0}
.sec__head{margin-bottom:clamp(28px,4vw,52px);max-width:900px}
.kicker{display:inline-flex;align-items:center;gap:12px;color:var(--fg-3);font:500 .72rem/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px}
.kicker>span:first-child:not(:only-child){color:var(--accent)}
.kicker>span:first-child:not(:only-child)::after{content:"";display:inline-block;width:28px;height:1px;background:var(--line-strong);margin-left:12px;vertical-align:middle}
h2{font:500 clamp(2rem,5vw,4.2rem)/1.02 var(--font-display);letter-spacing:-.04em;text-wrap:balance}
h2 em{font-size:1.08em;color:var(--accent)}
.sec__sub{max-width:62ch;margin-top:18px;color:var(--fg-2);font-size:clamp(1rem,1.3vw,1.14rem);line-height:1.55}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease-out),transform 1s var(--ease-out);transition-delay:var(--d,0ms)}
.reveal.in{opacity:1;transform:none}

/* ---------- hero ---------- */
.hero{min-height:100svh;display:flex;align-items:center;padding:96px 0 64px;position:relative}
.hero__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);grid-template-areas:"boot boot" "title title" "tags side" "scroll side";gap:18px 48px;align-items:end}
.boot{grid-area:boot;display:flex;align-items:center;gap:10px;color:var(--fg-3);font:400 .74rem/1 var(--font-mono);letter-spacing:.08em;min-height:1em;white-space:nowrap;overflow:hidden;max-width:100%}
.boot__dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--ok);animation:pulse 2.2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 45%,transparent)}70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
#bootLine::after{content:"▍";color:var(--accent);animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.hero__title{grid-area:title;font:500 clamp(2.9rem,9.2vw,8.6rem)/.94 var(--font-display);letter-spacing:-.05em;margin-top:6px}
.hero__title .line{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.hero__title .line__in{display:block;transform:translateY(110%);transition:transform 1.1s var(--ease-out);transition-delay:calc(var(--i,0)*110ms + 150ms)}
.js.fonts-ready .hero__title .line__in,.js.no-motion .hero__title .line__in{transform:none}
.hero__title em{color:var(--accent);font-size:1.06em;padding-right:.04em}
.line--muted{color:var(--fg-3)}
.hero__side{grid-area:side;display:grid;gap:22px;padding-bottom:6px}
.hero__lead{color:var(--fg-2);font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.6;max-width:44ch}
.hero__cta{display:flex;gap:10px;flex-wrap:wrap}
.hero__tags{grid-area:tags;display:flex;flex-wrap:wrap;gap:8px;align-self:end}
.hero__tags li{padding:7px 12px;border:1px solid var(--line-strong);border-radius:999px;background:color-mix(in srgb,var(--raised) 65%,transparent);backdrop-filter:blur(8px);color:var(--fg-2);font:500 .7rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;animation:floaty 7s ease-in-out infinite;animation-delay:calc(var(--i,0)*-1.7s)}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.hero__scroll{grid-area:scroll;display:flex;align-items:center;gap:10px;color:var(--fg-3);font:400 .7rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin-top:10px}
.hero__scroll i{width:44px;height:1px;background:var(--line-strong);position:relative;overflow:hidden}
.hero__scroll i::after{content:"";position:absolute;inset:0;background:var(--accent);transform:translateX(-100%);animation:slide 2.4s var(--ease) infinite}
@keyframes slide{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}

/* ---------- koşu (sohbet simülasyonu) ---------- */
.run{padding-top:clamp(40px,6vw,90px)}
.console{position:relative;border:1px solid var(--line-strong);border-radius:14px;background:color-mix(in srgb,var(--raised) 90%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow);overflow:hidden}
.console__bar{position:relative;height:46px;display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid var(--line);font:400 .78rem var(--font-mono);color:var(--fg-2)}
.console__dots{display:flex;gap:6px}.console__dots i{width:10px;height:10px;border-radius:50%;background:var(--line-strong)}
.console__title{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.console__title b{color:var(--fg);font-weight:500}.console__sep{margin:0 8px;color:var(--fg-3)}
.console__state{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.state-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1.6s infinite}
.state-dot.is-wait{background:var(--warn)}.state-dot.is-done{background:var(--ok);animation:none}
.console__count{font:500 .78rem var(--font-mono);color:var(--fg-3);display:inline-flex;gap:4px;white-space:nowrap}.console__count b{color:var(--fg);font-weight:500}.console__count i{font-style:normal}
.console__body{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px}
.console__main{min-width:0;display:flex;flex-direction:column}
.thread{height:600px;overflow-y:auto;padding:22px clamp(16px,2.4vw,32px) 28px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;scroll-behavior:smooth;display:flex;flex-direction:column;gap:14px}
.turn{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;animation:turnIn .5s var(--ease-out) both}
@keyframes turnIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.turn__av{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:var(--sunk);border:1px solid var(--line);overflow:hidden}
.turn__av img{width:32px;height:32px;object-fit:contain}
.turn--user .turn__av{background:var(--fg);color:var(--canvas);font:600 .8rem var(--font-ui)}
.turn--sys .turn__av{background:transparent;border-style:dashed;color:var(--fg-3);font:500 .7rem var(--font-mono)}
.turn__body{min-width:0}
.turn__head{display:flex;align-items:baseline;gap:8px;margin-bottom:5px;font-size:.8rem;flex-wrap:wrap}
.turn__head b{font-weight:500}.turn__head .sub{color:var(--fg-3);font:400 .7rem var(--font-mono)}
.turn__head time{margin-left:auto;color:var(--fg-3);font:400 .68rem var(--font-mono);font-variant-numeric:tabular-nums}
.turn__text{font-size:.92rem;line-height:1.55;color:var(--fg-2);white-space:pre-wrap}
.turn--user .turn__text{color:var(--fg);padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--sunk) 70%,transparent)}
.turn--sys .turn__text{font:400 .76rem/1.5 var(--font-mono);color:var(--fg-3)}
.tag{display:inline-block;margin-left:6px;padding:2px 7px;border:1px solid color-mix(in srgb,var(--ink2) 55%,transparent);border-radius:4px;color:var(--ink2);font:500 .62rem/1.3 var(--font-mono);letter-spacing:.06em;vertical-align:middle;animation:tagIn .5s var(--ease-out) both}
@keyframes tagIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
.typing{display:inline-flex;gap:4px;padding:6px 0}.typing i{width:5px;height:5px;border-radius:50%;background:var(--fg-3);animation:dots 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes dots{0%,80%,100%{opacity:.25}40%{opacity:1}}
/* araç satırı */
.tool{display:grid;grid-template-columns:16px auto minmax(0,1fr) auto 12px;align-items:center;gap:10px;margin-top:8px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--raised) 70%,transparent);font-size:.8rem;animation:turnIn .4s var(--ease-out) both}
.tool b{font-weight:500;white-space:nowrap}.tool code{font:400 .74rem var(--font-mono);color:var(--fg-3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.tool small{font:400 .68rem var(--font-mono);color:var(--fg-3);white-space:nowrap}.tool__chev{color:var(--fg-3)}
.tool__spin{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--line-strong);border-top-color:var(--accent);animation:spin 1s linear infinite}
.tool.is-done .tool__spin{animation:none;border:0;background:none;color:var(--ok);width:14px;height:14px}
.tool.is-done .tool__spin::before{content:"✓";font:500 12px/1 var(--font-mono)}
/* bloklar */
.block{margin-top:10px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--raised) 70%,transparent);overflow:hidden;animation:turnIn .5s var(--ease-out) both}
.block__top{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line);font:500 .68rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
.block__top b{color:var(--fg);font-weight:500;letter-spacing:0;text-transform:none;font-size:.8rem;font-family:var(--font-ui)}
.block__body{padding:10px 12px;font-size:.84rem;color:var(--fg-2)}
.block--term .block__body,.block--diff .block__body{padding:0}
.note{display:grid;gap:6px;padding-left:0}.note li{position:relative;padding-left:16px;font-size:.84rem}.note li::before{content:"";position:absolute;left:2px;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.ask{margin-top:12px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:10px;background:color-mix(in srgb,var(--accent-soft) 45%,transparent);animation:turnIn .5s var(--ease-out) both}
.ask p{font-size:.88rem;color:var(--fg)}
.term{margin:0;padding:12px 14px;font:400 .76rem/1.6 var(--font-mono);color:var(--fg-2);white-space:pre-wrap;word-break:break-word}
.term .ok{color:var(--ok)}.term .bad{color:var(--bad)}.term .dim{color:var(--fg-3)}
.diff__file{display:flex;justify-content:space-between;gap:10px;padding:7px 12px;border-bottom:1px solid var(--line);font:500 .72rem var(--font-mono);color:var(--fg)}
.diff__file span{color:var(--fg-3);font-weight:400}
.diff{margin:0;padding:8px 0;font:400 .74rem/1.55 var(--font-mono);overflow-x:auto;border-bottom:1px solid var(--line)}
.diff span{display:block;padding:0 12px;white-space:pre}
.diff__add{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--fg)}
.diff__del{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--fg-2);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--bad) 50%,transparent)}
.diff__ctx{color:var(--fg-3)}
.block--pr .block__body{display:grid;gap:8px}
.pr__title{font-weight:500;color:var(--fg)}
.pr__meta{display:flex;flex-wrap:wrap;gap:6px 14px;font:400 .7rem var(--font-mono);color:var(--fg-3)}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.act{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;cursor:pointer;font:500 .82rem var(--font-ui);transition:background .2s,transform .3s var(--ease-out),border-color .2s}
.act:hover{background:var(--sunk);transform:translateY(-1px)}
.act--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.act--primary:hover{background:var(--accent-hover)}
.act--quiet{border-color:var(--line);color:var(--fg-2)}
.act--sm{padding:6px 11px;font-size:.76rem}
.act:disabled{opacity:.5;cursor:default;transform:none}
.act.is-picked{opacity:1;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.act__timer{font:400 .66rem var(--font-mono);color:inherit;opacity:.75}
/* alt ajanlar */
.subs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.sub{position:relative;border:1px solid var(--line);border-left:3px solid var(--line-strong);border-radius:10px;background:color-mix(in srgb,var(--raised) 75%,transparent);padding:12px 12px 10px;display:flex;flex-direction:column;gap:8px;animation:turnIn .5s var(--ease-out) both;min-width:0}
.sub--run{border-left-color:var(--ink2)}.sub--wait{border-left-color:var(--warn)}.sub--done{border-left-color:var(--ok)}
.sub__head{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center}
.sub__head img{width:28px;height:28px;object-fit:contain}
.sub__head span{display:grid;min-width:0}.sub__head b{font-size:.82rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub__head small{font:400 .66rem var(--font-mono);color:var(--fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sub__state{font:500 .62rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid currentColor;white-space:nowrap;font-style:normal}
.sub--run .sub__state{color:var(--ink2)}.sub--wait .sub__state{color:var(--warn)}.sub--done .sub__state{color:var(--ok)}
.sub__text{font-size:.8rem;line-height:1.5;color:var(--fg-2);min-height:1.5em}
.sub__foot{display:flex;justify-content:space-between;gap:8px;font:400 .68rem var(--font-mono);color:var(--fg-3);padding-top:6px;border-top:1px dashed var(--line)}
.sub__go{color:var(--fg-2)}
.sub__stop{align-self:flex-start;border:0;background:none;padding:0;color:var(--bad);font:500 .72rem var(--font-ui);cursor:default}
.sub--done .sub__stop{visibility:hidden}
.perm{border:1px solid color-mix(in srgb,var(--bad) 45%,transparent);border-radius:9px;padding:10px;background:color-mix(in srgb,var(--bad) 6%,transparent);display:grid;gap:8px;animation:turnIn .4s var(--ease-out) both}
.perm header{display:flex;justify-content:space-between;gap:8px;align-items:center}.perm header b{font-size:.8rem;font-weight:500}.perm header em{font:500 .64rem var(--font-mono);color:var(--bad);font-style:normal;white-space:nowrap}
.perm p{font-size:.76rem;color:var(--fg-2)}
.perm code{display:block;padding:8px 10px;border-radius:6px;background:var(--sunk);font:400 .7rem/1.5 var(--font-mono);color:var(--fg);word-break:break-all}
.perm__acts{display:flex;flex-wrap:wrap;gap:6px}.perm__acts .act{padding:6px 10px;font-size:.74rem}
.perm.is-granted{border-color:color-mix(in srgb,var(--ok) 50%,transparent);background:color-mix(in srgb,var(--ok) 6%,transparent)}
.perm.is-granted header em{color:var(--ok)}
/* çıktılar */
.out{margin-top:10px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--raised) 75%,transparent);padding:12px;display:grid;gap:10px;animation:turnIn .5s var(--ease-out) both}
.out header{display:flex;align-items:center;gap:10px}.out header span{display:grid}.out header b{font-size:.84rem;font-weight:500}.out header small{font:400 .68rem var(--font-mono);color:var(--fg-3)}
.out__ico{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:var(--ink2);color:#fff;font:600 .6rem var(--font-mono);font-style:normal}
.out__ico--ppt{background:var(--accent);color:var(--on-accent)}
.out__md{padding:10px 12px;border-radius:7px;background:var(--sunk);font:400 .72rem/1.55 var(--font-mono);color:var(--fg-2);white-space:pre-wrap}
.slides{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.slides figure{aspect-ratio:16/9;border:1px solid var(--line);border-radius:6px;background:linear-gradient(160deg,var(--raised),var(--sunk));display:flex;flex-direction:column;justify-content:space-between;padding:8px;font-size:.7rem}
.slides figure b{color:var(--accent);font:500 .62rem var(--font-mono)}.slides figure span{font-weight:500}
.slides figure:nth-child(2){background:linear-gradient(160deg,var(--ink2-soft),var(--raised))}
.slides figure:nth-child(3){background:linear-gradient(160deg,var(--accent-soft),var(--raised))}
.out .actions{margin-top:0}
/* composer */
.composer{border-top:1px solid var(--line);padding:10px clamp(16px,2.4vw,32px) 14px;background:color-mix(in srgb,var(--sunk) 35%,transparent)}
.composer__top{display:flex;align-items:center;gap:12px;font-size:.72rem;color:var(--fg-3);margin-bottom:8px;flex-wrap:wrap}
.composer__proj{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid var(--line);border-radius:6px;font:500 .7rem var(--font-mono);color:var(--fg-2)}
.composer__proj i{width:10px;height:8px;border:1px solid currentColor;border-radius:2px}
.composer__bar{display:flex;align-items:center;gap:8px}
.composer__plus{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;color:var(--fg-3)}
.composer__chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;font-size:.74rem;color:var(--fg-2)}
.composer__chip img{width:18px;height:18px;object-fit:contain}
.composer__grow{flex:1}
.composer__send{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--fg);color:var(--canvas);font-size:.6rem}
/* senaryo paneli */
.side{position:relative;border-left:1px solid var(--line);padding:18px 18px 16px;display:flex;flex-direction:column;background:color-mix(in srgb,var(--sunk) 40%,transparent)}
.scen{display:grid;gap:6px}
.scen li{position:relative;display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;padding:10px 10px 12px;border:1px solid transparent;border-radius:10px;cursor:pointer;color:var(--fg-3);transition:background .3s,color .3s,border-color .3s;overflow:hidden}
.scen li:hover{background:color-mix(in srgb,var(--raised) 70%,transparent)}
.scen li i{font:500 .7rem var(--font-mono);color:inherit;font-style:normal}
.scen li span{display:grid;gap:1px}.scen li b{font-size:.86rem;font-weight:500}.scen li small{font-size:.7rem;line-height:1.3}
.scen li em{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease);font-style:normal}
.scen li.is-on{color:var(--fg);background:color-mix(in srgb,var(--raised) 85%,transparent);border-color:var(--line)}
.scen li.is-on i{color:var(--accent)}
.scen li.is-done{color:var(--fg-2)}.scen li.is-done em{background:var(--ok)}
.ctx{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line);display:grid;gap:6px;min-height:110px}
.ctx h4{font:500 .68rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin-bottom:4px}
.ctx__row{display:grid;grid-template-columns:12px 1fr;gap:8px;align-items:center;font-size:.78rem;color:var(--fg-3);transition:color .4s}
.ctx__row i{width:8px;height:8px;border-radius:50%;border:1px solid var(--line-strong);transition:background .4s,border-color .4s}
.ctx__row.is-on{color:var(--fg)}.ctx__row.is-on i{background:var(--ok);border-color:var(--ok)}
.side__note{margin-top:auto;padding-top:14px;font-size:.66rem;line-height:1.5;color:var(--fg-3)}
.console__rail{height:3px;background:var(--line)}
.console__rail i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ink2),var(--accent));transition:width .8s var(--ease)}

/* ---------- film: kampüste bir gün ---------- */
.film{position:fixed;inset:0;z-index:0;overflow:hidden;background:#0d0c10}
.film__video{position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%) scale(1.04);filter:saturate(1.18) contrast(1.06)}
.film__scrim{position:absolute;inset:0;--s:.1;background:
  linear-gradient(180deg,rgba(13,12,16,.35) 0%,rgba(13,12,16,.0) 22%,rgba(13,12,16,.0) 70%,rgba(13,12,16,.5) 100%),
  color-mix(in srgb,var(--canvas) calc(var(--s)*100%),transparent);transition:background .2s linear}
.film__grain{position:absolute;inset:0;pointer-events:none;opacity:.07;background-image:repeating-radial-gradient(circle at 20% 30%,rgba(255,255,255,.6) 0 1px,transparent 1px 3px),repeating-radial-gradient(circle at 70% 60%,rgba(0,0,0,.6) 0 1px,transparent 1px 4px);mix-blend-mode:overlay}
.film-ready .field{display:none}
.hero{color:#F3EEE4;--fg:#F3EEE4;--fg-2:#D9D2C4;--fg-3:#B6AE9E}
.hero .btn--ghost{color:#F3EEE4;border-color:rgba(243,238,228,.45);background:rgba(13,12,16,.25);backdrop-filter:blur(8px)}
.hero .btn--ghost::before{background:rgba(243,238,228,.12)}
.hero__tags li{background:rgba(13,12,16,.42);border-color:rgba(243,238,228,.22);color:#E9E2D4;text-shadow:none}
.hero .boot{color:#CFC7B7}
.line--muted{color:#C3BBA9}
.hero__in{grid-template-areas:"title title" "side side";align-items:start;row-gap:28px}
.hero__side{max-width:640px}
.chapters{grid-area:chapters;align-self:end;max-width:640px;text-shadow:none}
.chapters__head{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.chapters__clock{font:500 clamp(1.6rem,3vw,2.4rem)/1 var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#FFB86B}
.chapters__title{display:grid;gap:2px}.chapters__title b{font:500 .78rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#E9E2D4}.chapters__title small{font-size:.86rem;color:#CFC7B7}
.chapters__list{display:flex;gap:4px;flex-wrap:wrap}
.chapters__list li{position:relative;display:grid;gap:5px;min-width:64px;padding:6px 8px 7px;border-radius:8px;cursor:pointer;color:#B6AE9E;font-size:.66rem;line-height:1.2;transition:color .3s,background .3s;--p:0}
.chapters__list li i{display:block;height:3px;border-radius:2px;background:rgba(255,255,255,.18);overflow:hidden;position:relative}
.chapters__list li i::after{content:"";position:absolute;inset:0;background:#FFB86B;transform:scaleX(var(--p));transform-origin:left}
.chapters__list li.is-done i::after{transform:scaleX(1);background:rgba(255,184,107,.6)}
.chapters__list li.is-on{color:#F3EEE4;background:rgba(13,12,16,.35);backdrop-filter:blur(8px)}
.chapters__list li:hover{color:#F3EEE4}
.cast{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.hero__in{position:relative;z-index:1}
.cast__fig{position:absolute;width:auto;filter:drop-shadow(0 18px 24px rgba(0,0,0,.45));transform:translate3d(var(--px,0),var(--py,0),0);animation:bob 6s ease-in-out infinite;will-change:transform}
.cast__fig--1{height:clamp(120px,16vw,230px);right:clamp(16px,9vw,160px);top:12%;animation-delay:-1.2s}
.cast__fig--2{height:clamp(90px,11vw,160px);right:clamp(8px,24vw,420px);top:46%;animation-delay:-3s;opacity:.95}
.cast__fig--3{height:clamp(110px,13vw,190px);left:clamp(4px,3vw,60px);bottom:8%;animation-delay:-4.4s;opacity:.9}
@keyframes bob{0%,100%{margin-top:0}50%{margin-top:-14px}}
@media (max-width:900px){
  .hero__in{grid-template-areas:"title" "side"}
  .cast__fig--2{display:none}.cast__fig--1{top:6%;right:8px}.cast__fig--3{bottom:2%;left:0}
  .chapters__list li{min-width:52px;padding:5px 6px}
}
@media (max-width:600px){
  .chapters__list{gap:3px}.chapters__list li{min-width:0;flex:1 1 30%}
  .cast__fig--1{height:96px}.cast__fig--3{display:none}
}

/* ---------- deste (kimlik kartları) ---------- */
.deck{overflow:hidden;padding-bottom:clamp(40px,6vw,80px)}
.deck .sec__head{margin-bottom:8px}
.deck__stage{position:relative;height:520px;perspective:1400px;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline-offset:-2px}
.deck__track{position:absolute;left:50%;top:50%;width:0;height:0}
.card{position:absolute;left:0;top:0;width:var(--cw,300px);height:var(--ch,420px);margin:calc(var(--ch,420px)/-2) 0 0 calc(var(--cw,300px)/-2);transform-style:preserve-3d;will-change:transform;transform:translate3d(var(--x,0px),var(--y,0px),var(--z,0px)) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg)) scale(var(--s,1));transition:filter .4s;filter:brightness(var(--br,1))}
.card.is-active{z-index:5}
.card__body{position:relative;width:100%;height:100%;border-radius:18px;padding:2px;background:linear-gradient(160deg,var(--metal-1),var(--metal-2) 48%,var(--metal-3) 52%,var(--metal-1));box-shadow:0 40px 70px -40px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.25);transform-style:preserve-3d}
.card__inner{position:relative;height:100%;border-radius:16px;overflow:hidden;background:var(--raised);display:grid;grid-template-rows:auto 1fr auto;padding:16px 18px;color:var(--fg)}
.card__inner::before{content:"";position:absolute;inset:0;background:
  linear-gradient(115deg,transparent 30%,color-mix(in srgb,var(--holo-a) 55%,transparent) 44%,color-mix(in srgb,var(--holo-b) 40%,transparent) 50%,color-mix(in srgb,var(--holo-c) 45%,transparent) 56%,transparent 70%);
  background-size:220% 220%;background-position:calc(var(--hx,50)*1%) calc(var(--hy,50)*1%);mix-blend-mode:soft-light;opacity:.95;pointer-events:none}
:root[data-theme="dark"] .card__inner::before{mix-blend-mode:screen;opacity:.4}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .card__inner::before{mix-blend-mode:screen;opacity:.4}}
.card__inner::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.035) 3px 4px);pointer-events:none}
.card__top{display:flex;justify-content:space-between;align-items:center;font:500 .6rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}
.card__top b{color:var(--accent);font-weight:500}
.card__mid{position:relative;display:grid;grid-template-rows:auto 1fr;gap:12px;padding-top:14px}
.card__photo{position:relative;width:100px;height:100px;border-radius:12px;background:linear-gradient(180deg,var(--ink2-soft),color-mix(in srgb,var(--ink2) 18%,var(--raised)));display:grid;place-items:center;border:1px solid var(--line);overflow:hidden}
.card__photo img{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.25))}
.card__photo svg{width:72px;height:72px;image-rendering:pixelated}
.card__chip{position:absolute;right:0;top:18px;width:40px;height:30px;border-radius:6px;background:linear-gradient(135deg,#E7CE8E,#B8912E 55%,#E9D59C);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.card__chip::before{content:"";position:absolute;inset:7px 6px;border:1px solid rgba(0,0,0,.25);border-radius:3px}
.card__chip::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(0,0,0,.25)}
.card__name{font:500 1.5rem/1.05 var(--font-display);letter-spacing:-.03em}
.card__role{margin-top:4px;color:var(--fg-2);font-size:.8rem}
.card__perm{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.card__perm li{padding:3px 7px;border:1px solid var(--line-strong);border-radius:4px;font:500 .58rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2)}
.card__seal{position:absolute;right:-6px;bottom:4px;width:78px;height:78px;border-radius:50%;border:1.5px solid var(--accent);display:grid;place-items:center;text-align:center;color:var(--accent);font:500 .5rem/1.15 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;transform:rotate(-12deg);opacity:.85}
.card__seal::before{content:"";position:absolute;inset:5px;border:1px dashed var(--accent);border-radius:50%}
.card__seal span{position:relative;padding:0 8px}
.card__foot{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;padding-top:12px;border-top:1px solid var(--line);font:400 .62rem/1.4 var(--font-mono);color:var(--fg-3)}
.card__foot b{display:block;color:var(--fg);font-weight:500}
.card__bar{height:22px;width:90px;background:repeating-linear-gradient(90deg,var(--fg) 0 1px,transparent 1px 3px,var(--fg) 3px 5px,transparent 5px 6px,var(--fg) 6px 7px,transparent 7px 10px);opacity:.75}
.deck__ui{display:grid;grid-template-columns:auto 1fr;gap:24px 48px;align-items:start;margin-top:22px}
.deck__nav{display:flex;align-items:center;gap:12px}
.deck__btn{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:transparent;cursor:pointer;transition:background .2s,transform .3s var(--ease-out)}
.deck__btn:hover{background:var(--sunk);transform:scale(1.06)}
.deck__btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.deck__count{font:500 .9rem var(--font-mono);font-variant-numeric:tabular-nums;color:var(--fg-3);display:inline-flex;gap:6px}
.deck__count b{color:var(--fg);font-weight:500}.deck__count i{font-style:normal}
.deck__bar{width:90px;height:1px;background:var(--line);position:relative;margin-left:8px}
.deck__bar i{position:absolute;left:0;top:-1px;height:3px;width:16.6%;background:var(--accent);transition:transform .5s var(--ease-out)}
.deck__detail{max-width:560px}
.deck__detail-role{color:var(--accent);font:500 .7rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase}
.deck__detail h3{margin-top:6px;font:500 clamp(1.4rem,2.4vw,2rem)/1.1 var(--font-display);letter-spacing:-.03em}
.deck__detail p:not(.deck__detail-role){margin-top:10px;color:var(--fg-2);line-height:1.55}
.deck__perms{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.deck__perms li{padding:5px 10px;border:1px solid var(--line-strong);border-radius:999px;font:500 .66rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2)}
.deck__detail.is-swap>*{animation:swap .5s var(--ease-out) both}
@keyframes swap{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---------- mühürler ---------- */
.seals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.seal{position:relative;padding:clamp(22px,2.6vw,36px);background:color-mix(in srgb,var(--raised) 86%,transparent);min-height:280px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;overflow:hidden;transition:background .3s}
.seal:hover{background:var(--raised)}
.seal>b{color:var(--fg-3);font:500 .7rem var(--font-mono);letter-spacing:.14em}
.seal h3{font:500 1.35rem/1.15 var(--font-display);letter-spacing:-.025em}
.seal p{color:var(--fg-2);font-size:.9rem;line-height:1.55;max-width:40ch}
.seal__ring{position:absolute;right:18px;top:18px;width:108px;height:108px;color:var(--accent);opacity:0;transform:scale(1.5) rotate(-20deg);transition:opacity .6s,transform .9s var(--ease-out);transition-delay:.25s}
.seal:nth-child(even) .seal__ring{color:var(--ink2)}
.seal.in .seal__ring{opacity:.9;transform:none}
.seal__ring svg{width:100%;height:100%;animation:spin 28s linear infinite;overflow:visible}
.seal__ring text{font:500 8.4px var(--font-mono);letter-spacing:.18em;fill:currentColor}
.seal__ring::before{content:"";position:absolute;inset:16px;border:1px solid currentColor;border-radius:50%;opacity:.55}
.seal__ring::after{content:"";position:absolute;inset:0;border:1.5px solid currentColor;border-radius:50%}
.seal:hover .seal__ring svg{animation-duration:9s}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- duruş ---------- */
.stance{padding:clamp(60px,10vw,140px) 0}
.stance__text{font:400 clamp(1.7rem,4.6vw,4rem)/1.12 var(--font-display);letter-spacing:-.035em;max-width:24ch;text-wrap:balance}
.stance__text em{color:var(--accent);font-size:1.1em}
.stance__more{display:block;margin-top:.6em;font-size:.42em;letter-spacing:-.01em;line-height:1.5;color:var(--fg-2);max-width:48ch}

/* ---------- SSS ---------- */
.faq__list{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;font:500 clamp(1.05rem,1.6vw,1.3rem)/1.3 var(--font-display);letter-spacing:-.02em}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";flex:none;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;font-weight:400;color:var(--fg-2);transition:transform .35s var(--ease-out),background .2s}
details[open] summary::after{transform:rotate(45deg);background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
details p{padding:0 0 22px;color:var(--fg-2);max-width:66ch;line-height:1.6}

/* ---------- kapanış, altbilgi ---------- */
.closing{padding:clamp(80px,12vw,160px) 0;text-align:center}
.closing__in{display:grid;justify-items:center;gap:20px}
.closing h2{font-size:clamp(2.2rem,6.4vw,5.4rem)}
.closing__note{color:var(--fg-3);font-size:.82rem}
.foot{border-top:1px solid var(--line);padding:26px 0}
.foot__in{display:flex;align-items:center;gap:20px;flex-wrap:wrap;color:var(--fg-3);font-size:.82rem}
.foot__c{margin-left:auto;font:400 .72rem var(--font-mono)}

/* ---------- duyarlı ---------- */
@media (max-width:1100px){
  .console__body{grid-template-columns:minmax(0,1fr) 260px}
}
@media (max-width:900px){
  .hero__in{grid-template-columns:1fr;grid-template-areas:"title" "side";gap:22px}
  .hero{padding-top:84px}
  .console__body{grid-template-columns:1fr}
  .thread{height:520px}
  .side{border-left:0;border-top:1px solid var(--line)}
  .scen{grid-template-columns:1fr 1fr}
  .ctx{min-height:0}
  .seals{grid-template-columns:1fr 1fr}
  .deck__ui{grid-template-columns:1fr}
}
@media (max-width:860px){
  .nav__links{display:none;position:absolute;left:0;right:0;top:68px;flex-direction:column;align-items:stretch;padding:10px var(--gut) 18px;background:color-mix(in srgb,var(--canvas) 96%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
  .nav.is-open .nav__links{display:flex}
  .nav__links a{padding:12px 6px;font-size:1rem}
  .nav__cta{display:none}
  .menu-btn{display:grid}
}
@media (max-width:600px){
  .seals{grid-template-columns:1fr}
  .seal{min-height:0;padding-top:60px}
  .seal__ring{width:86px;height:86px;right:14px;top:14px}
  .thread{height:470px;padding:16px 14px 20px}
  .turn{grid-template-columns:30px 1fr;gap:10px}.turn__av{width:30px;height:30px}.turn__av img{width:26px;height:26px}
  .subs{grid-template-columns:1fr}
  .scen{grid-template-columns:1fr}
  .console__state span,.console__count{display:none}
  .composer__top{display:none}
  .deck__stage{height:440px}
  .hero__tags li{font-size:.62rem}
}

/* ---------- hareket azaltma ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .hero__title .line__in{transform:none;transition:none}
  .hero__tags li,.boot__dot,.state-dot,.hero__scroll i::after,.seal__ring svg,#bootLine::after,.tool__spin,.cast__fig{animation:none}
  .seal__ring{opacity:.9;transform:none;transition:none}
  .btn,.btn::before,.btn svg,.card,.deck__btn{transition:none}
  .turn,.block,.tag,.tool,.sub,.perm,.out,.ask{animation:none}
}