/* ============================================================================
   ANERS — design system & page layer (V41)
   ----------------------------------------------------------------------------
   Tek fikir: gökyüzü küresi bir marka karakteridir. Tabloda doğar (hero), kaydırmayla
   tablodan kopar (madalyon), gravür olur (amaç), mürekkep izine döner (kurucu),
   ince yörünge ve noktaya iner (final). Sayfa bir bölüm yığını değil, tek sürekli
   sahne: her sahne bir öncekinden bir nesne, bir renk ya da bir kelime devralır.
   Gündüz dünyası: kağıt, gravür çizgileri, matematik yörüngeler, ince teknik
   notlar, gümüş Core; altın yalnızca nokta ve seçim kadar. Az kutu, az UI, çok
   tipografi ve boşluk. Bu dosya tasarım katmanıdır (token, taban, üst şerit,
   sahne, Versatil akışı, derinlik katmanları, Core sahnesi, kelime sahneleri,
   kurucu anları, mozaik, sorular, alt bilgi, hareket, mobil). Ürün bileşenlerinin
   iç stilleri (sohbet, panel, palet) components.css'te. Sürüm numaralı override yok.
   ============================================================================ */

/* ---------- Yazı tipleri ------------------------------------------------ */
@font-face{font-family:Manrope;src:url("../fonts/manrope-400.woff") format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url("../fonts/manrope-500.woff") format('woff');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url("../fonts/manrope-600.woff") format('woff');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Lora;src:url("../fonts/lora-400.woff") format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Lora;src:url("../fonts/lora-500.woff") format('woff');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Lora;src:url("../fonts/lora-400-italic.woff") format('woff');font-style:italic;font-weight:400;font-display:swap}

/* ---------- 0. Tokens ---------------------------------------------------- */
:root{
 --an-sky:#0b3a5e;--an-sky-deep:#072b48;--an-sky-ink:#041b2e;--an-navy:#0d3049;
 --an-gold:#e8d4a6;--an-gold-strong:#d9b96f;--an-gold-ink:#745820;
 --an-cream:#f2ead8;--an-paper:#f4eee2;--an-marble:#ece4d3;--an-marble-2:#e3dac6;--an-silver:#c9d2d8;
 --an-ink-day:#14283a;--an-muted-day:#4f5e6b;--an-line-day:#14283a26;--an-line-soft:#14283a14;
 --an-bg:var(--an-sky-deep);--an-ink:var(--an-cream);--an-muted:#cfd9df;--an-line:#d9e3e52c;--an-accent:var(--an-gold);
 --page-bg:#072b48;
 --an-serif:Lora,Georgia,"Times New Roman",serif;--an-sans:Manrope,Arial,Helvetica,sans-serif;--an-mono:"Courier New",monospace;
 --font:var(--an-sans);--mono:var(--an-mono);
 --an-t-xs:12px;--an-t-sm:14px;--an-t-md:16px;--an-t-lg:clamp(19px,1.5vw,23px);--an-t-h3:clamp(24px,2.3vw,32px);
 /* tipografi önde: kapak ölçeği, kelime sahneleri, teknik not */
 --an-display:clamp(56px,9.4vw,164px);--an-display-xl:clamp(64px,10.8vw,204px);--an-word:clamp(64px,11.2vw,206px);--an-h2:clamp(40px,5.2vw,84px);
 --an-note:500 11px/1.5 var(--an-mono);
 --an-s-1:8px;--an-s-2:12px;--an-s-3:16px;--an-s-4:24px;--an-s-5:32px;--an-s-6:48px;--an-s-7:72px;--an-s-8:clamp(72px,9vw,120px);--an-s-9:clamp(96px,13vw,200px);
 --gutter-x:clamp(24px,5.5vw,96px);--frame-top:clamp(84px,11vh,120px);--frame-bottom:clamp(64px,9vh,96px);--header-h:96px;
 --container:1360px;--page-width:1360px;--page-gutter:48px;--an-w-text:640px;
 --an-r-sm:10px;--an-r-md:16px;--an-r-lg:24px;--an-r-pill:999px;--an-radius:24px;--an-control:10px;
 --an-shadow:0 14px 40px #02101c40;--an-focus:0 0 0 3px var(--an-sky-deep),0 0 0 6px var(--an-gold);
 --an-d-fast:.16s;--an-d-base:.32s;--an-d-slow:.7s;--an-ease:cubic-bezier(.16,1,.3,1);--an-ease-ui:cubic-bezier(.4,0,.2,1);--an-ease-scene:cubic-bezier(.22,1,.36,1);--ease:var(--an-ease);
 --an-z-scene:0;--an-z-copy:4;--an-z-ui:6;--an-z-header:40;--an-z-dock:50;--an-z-dialog:80;
 --scene-focus:0;--scene-wash:0;--scene4-opacity:0;--scene4-y:38px;--ui-hdr-wash:0;
 /* kağıt dokusu ve gravür çizgisi (statik, karışım katmanı yok) */
 --an-paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .08 0 0 0 0 .16 0 0 0 0 .23 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
 --an-hatch:repeating-linear-gradient(-32deg,#14283a12 0 1px,transparent 1px 6px);
 /* bileşen katmanının okuduğu takma adlar */
 --an-surface:#0f2f4c;--an-raised:#123b5c;--an-input:#061f35;--an-text:var(--an-cream);--an-dim:#9fb0bd;--an-line-strong:#d9e3e54d;
 --background:var(--an-bg);--surface:var(--an-surface);--surface-raised:var(--an-raised);--foreground:var(--an-text);--muted:var(--an-muted);--accent:var(--an-accent);--line:var(--an-line);
 --v5-accent:var(--an-gold);--v5-panel:#0b2a45f2;--v5-safe-bottom:0px;--v12-ink:var(--an-text);--v12-muted:var(--an-muted);--v12-line:var(--an-line);--v12-accent:var(--an-accent);
 --v121-surface:#0f2f4c;--v121-text:var(--an-text);--v121-muted:#b9c6d0;--v121-accent:var(--an-gold);--v121-line:var(--an-line);--v122-paper:#eeeee5;--v122-muted:#a9aba8;--v122-line:#dbdfd51a;
 --v23-radius:18px;--v23-ink:#32332f;--v23-light:#eaebe9;--v28-paper:#eeeee5;--v28-ink:#20291f;--v28-serif:var(--an-serif);--v29-radius:32px;--v29-card:24px;--v29-control:16px;--v29-ease:cubic-bezier(.22,.68,.22,1);--work-ease:cubic-bezier(.22,1,.36,1);--v33-ease:cubic-bezier(.2,.75,.2,1);
 --legacy-glow-x:50vw;--legacy-glow-y:32vh;--legacy-tilt-x:0deg;--legacy-tilt-y:0deg;--shell-section-progress:0;--shell-depth-x:0;--shell-depth-y:0;
}
@property --seam-d-px{syntax:'<length>';inherits:true;initial-value:640px}
:root{--seam-x:72;--seam-d:min(46vw,640px);--seam-d-px:min(46vw,640px)}
@media(max-width:980px){:root{--seam-x:64;--seam-d:min(64vw,360px);--seam-d-px:min(64vw,360px)}}
@media(max-width:760px){:root{--header-h:72px;--page-gutter:24px}}

/* ---------- 1. Taban ------------------------------------------------------ */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px;-webkit-text-size-adjust:100%;background:var(--page-bg)}
body{margin:0;min-height:100vh;font:400 16px/1.6 var(--an-sans);color:var(--an-ink);background:var(--page-bg);-webkit-font-smoothing:antialiased;transition:background-color 1.1s var(--an-ease)}
body,html{overflow-x:clip}
h1,h2,h3,h4{margin:0;font-family:var(--an-serif);font-weight:400;letter-spacing:-.02em;line-height:1.05;text-wrap:balance}
h4{font-family:var(--an-sans);font-weight:500;letter-spacing:0;line-height:1.3}
p{margin:0}
img,video,canvas,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
input,textarea,select{font:inherit}
::selection{background:var(--an-gold);color:var(--an-sky-ink)}
:focus-visible{outline:none;box-shadow:var(--an-focus)}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:-60px;z-index:200;padding:12px 18px;border-radius:var(--an-r-pill);background:var(--an-gold);color:var(--an-sky-ink);font-weight:600;transition:top var(--an-d-fast)}
.skip-link:focus{top:16px}
.reading-progress{position:fixed;inset:0 0 auto 0;height:2px;z-index:100;pointer-events:none}
.reading-progress span{display:block;height:100%;background:var(--an-gold);transform:scaleX(0);transform-origin:left}
main{display:block}

/* metin yardımcıları */
.lead{font-size:clamp(19px,1.7vw,24px);line-height:1.45;letter-spacing:-.012em;color:var(--an-ink)}
.muted{color:var(--an-muted)}
.eyebrow,.index-label,.journal-kicker{font:500 12px/1.4 var(--an-sans);letter-spacing:.02em;text-transform:none;color:var(--an-muted)}
.eyebrow-sep{opacity:.45;margin-inline:2px}
.note{font:var(--an-note);letter-spacing:.08em;text-transform:uppercase;color:var(--an-muted)}
.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0;border:0;background:transparent;font:500 14px/1.4 var(--an-sans);color:var(--an-ink);text-align:left;transition:color var(--an-d-fast) var(--an-ease-ui),gap var(--an-d-fast)}
.text-link:hover{color:var(--an-accent);gap:16px}
.text-link span{font-size:15px}
.display{font:400 var(--an-display)/.94 var(--an-serif);letter-spacing:-.045em;color:var(--an-ink);text-wrap:balance}
.display-line{display:block}
.display-soft{color:var(--an-muted);opacity:.9}
.display-italic{font-style:italic}
.section-lede{max-width:520px;font-size:clamp(16px,1.25vw,19px);line-height:1.6;color:var(--an-muted)}

/* butonlar: az ve sakin */
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 22px;border:1px solid transparent;border-radius:var(--an-r-pill);font:500 14px/1.4 var(--an-sans);letter-spacing:.005em;white-space:nowrap;transition:background-color var(--an-d-fast) var(--an-ease-ui),color var(--an-d-fast),border-color var(--an-d-fast)}
.button:disabled{opacity:.45;cursor:default}
.button-light{background:var(--an-gold);color:#20291f}
.button-light:hover{background:#f1e2bb}
.button-ink{background:var(--an-ink-day);color:var(--an-cream)}
.button-ink:hover{background:#1f3d55}
.button-outline{background:transparent;color:var(--an-ink-day);border-color:#14283a40}
.button-outline:hover{background:#14283a0d}

/* ---------- 2. Yüzeyler ---------------------------------------------------- */
html.surface-night{--page-bg:#072b48}
html.surface-dawn{--page-bg:#123d60}
html.surface-day{--page-bg:var(--an-paper)}
html.surface-footer{--page-bg:#e9e0cd}
[data-surface]{background:transparent;transition:color .8s var(--an-ease)}
[data-surface="dawn"]{--an-bg:#123d60;--an-line:#dfe8ec33}
[data-surface="day"]{--an-bg:var(--an-paper);--an-ink:var(--an-ink-day);--an-muted:var(--an-muted-day);--an-line:var(--an-line-day);--an-accent:var(--an-gold-ink);--an-text:var(--an-ink-day);--an-dim:#5c6b78;color:var(--an-ink-day)}
[data-surface="day"] .button-light{background:var(--an-ink-day);color:#f2ead8;box-shadow:none}
[data-surface="day"] .button-light:hover{background:#1f3d55}
[data-surface="day"] :is(a,button,summary,input,textarea,select,[tabindex]):focus-visible{box-shadow:0 0 0 3px var(--an-paper),0 0 0 6px #8a6b2a}
[data-surface="day"] .text-link:hover{color:var(--an-gold-ink)}

/* ---------- 3. Bölüm kabuğu: kağıt dokusu, geniş nefes ------------------------ */
main>.section{position:relative;padding-block:var(--an-s-9);padding-inline:var(--gutter-x)}
main>.section[data-surface="day"]{background-color:var(--an-paper);background-image:var(--an-paper-grain);background-size:260px 260px}
main .section>*{max-width:var(--container);margin-inline:auto}
.section{scroll-margin-top:100px}
.section-aside{opacity:.72;font-size:12px}

/* ---------- 4. Üst şerit: sözcük işareti, az bağlantı, tek CTA ----------------- */
.site-header{position:sticky;top:0;z-index:var(--an-z-header);height:var(--header-h);background:transparent;transition:background-color var(--an-d-slow) var(--an-ease)}
.header-inner{position:relative;z-index:1;display:flex;align-items:center;gap:14px;height:var(--header-h);padding-inline:var(--gutter-x)}
html.scrolled .site-header{background:#072b48cc;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
html.surface-day.scrolled .site-header,html.surface-footer.scrolled .site-header{background:#f4eee2f2}
.wordmark{display:inline-flex;align-items:center;min-height:44px;color:var(--an-cream)}
.wordmark span{font:500 19px/1 var(--an-sans);letter-spacing:-.11em;color:#ebe5d8}
.wordmark .brand-period{color:var(--an-gold);letter-spacing:0}
html.surface-day .site-header .wordmark span,html.surface-footer .site-header .wordmark span{color:var(--an-ink-day)}
html.surface-day .site-header .wordmark .brand-period,html.surface-footer .site-header .wordmark .brand-period{color:var(--an-gold-ink)}
html.cinema-on:not(.scrolled) .site-header :is(.wordmark span,.main-nav>a:not([data-open-chat])){color:color-mix(in srgb,#ebe5d8 calc(100% - var(--ui-hdr-wash,0)*100%),#14283a)}
.main-nav{display:flex;align-items:center;gap:2px;margin-left:clamp(14px,2.4vw,40px)}
.main-nav>a{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:var(--an-r-pill);font:500 13px/1 var(--an-sans);color:#ebe5d8;white-space:nowrap;transition:background-color var(--an-d-fast) var(--an-ease-ui),color var(--an-d-fast) var(--an-ease-ui)}
.main-nav>a:hover{background:#f2ead818}
.main-nav>a[aria-current]{color:var(--an-gold)}
.main-nav .nav-index{display:none}
.main-nav>a.nav-more,.main-nav>a[data-open-chat]{display:none}
html.surface-day .main-nav>a,html.surface-footer .main-nav>a{color:var(--an-ink-day)}
html.surface-day .main-nav>a:hover,html.surface-footer .main-nav>a:hover{background:#14283a12}
html.surface-day .main-nav>a[aria-current],html.surface-footer .main-nav>a[aria-current]{color:var(--an-gold-ink)}
.header-cta{display:inline-flex;align-items:center;gap:10px;margin-left:auto;min-height:40px;padding:0 16px;border:1px solid #f2ead83a;border-radius:var(--an-r-pill);background:transparent;color:var(--an-cream);font:500 13px/1 var(--an-sans);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--an-d-base) var(--an-ease),background-color var(--an-d-fast),color var(--an-d-fast),border-color var(--an-d-fast)}
.header-cta:hover{background:var(--an-cream);color:#14283a;border-color:var(--an-cream)}
html.scrolled .header-cta,html:not(.cinema-on) .header-cta{opacity:1;pointer-events:auto}
html.surface-day .header-cta,html.surface-footer .header-cta{border-color:#14283a33;color:var(--an-ink-day)}
html.surface-day .header-cta:hover,html.surface-footer .header-cta:hover{background:var(--an-ink-day);color:#f2ead8;border-color:var(--an-ink-day)}
.v18-header-tools{display:flex;align-items:center;gap:6px}
.v18-header-tools .v4-command-button{display:none}
/* sistem düğmesi: sessiz, küçük bir nokta; metin ekran okuyucuya kalır (shell.js günceller) */
.v5-hud{position:static;display:flex}
.v5-hud #v5-panel-open{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #f2ead85c;border-radius:50%;background:#072b4840;color:var(--an-cream);transition:border-color var(--an-d-fast),background-color var(--an-d-fast)}
.v5-hud #v5-panel-open:hover{border-color:#f2ead880;background:#f2ead812}
.v5-hud-dot{width:6px;height:6px;border-radius:50%;background:#cfd9df;transition:background-color var(--an-d-base)}
.v5-hud[data-mode="real"] .v5-hud-dot{background:#7ef0b9}
.v5-hud #v5-hud-copy,.v5-hud kbd{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html.surface-day .v5-hud #v5-panel-open,html.surface-footer .v5-hud #v5-panel-open{border-color:#14283a26;color:var(--an-ink-day)}
html.surface-day .v5-hud #v5-panel-open:hover,html.surface-footer .v5-hud #v5-panel-open:hover{border-color:#14283a66;background:#14283a0a}
html.surface-day .v5-hud-dot,html.surface-footer .v5-hud-dot{background:#14283a}
html.surface-day .v5-hud[data-mode="real"] .v5-hud-dot{background:#2d8a5f}
body.v5-chat-focus .v5-hud{opacity:0;pointer-events:none}
.site-header .menu-toggle{display:none}
@media(max-width:1100px){
 .main-nav{position:absolute;right:var(--gutter-x);top:calc(var(--header-h) - 12px);width:min(340px,calc(100vw - 2*var(--gutter-x)));margin:0;padding:10px;flex-direction:column;align-items:stretch;gap:2px;border:1px solid #f2ead826;border-radius:var(--an-r-lg);background:#072b48f2;box-shadow:var(--an-shadow);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px);transition:visibility var(--an-d-fast),opacity var(--an-d-fast),transform var(--an-d-base) var(--an-ease)}
 .main-nav.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:none}
 .main-nav>a,.main-nav>a.nav-more,.main-nav>a[data-open-chat]{display:inline-flex;padding:14px 16px;font-size:15px;color:#ebe5d8}
 .main-nav .nav-index{display:inline;font:500 11px/1 var(--an-mono);color:#cfd9df99;min-width:18px}
 .main-nav>a[data-open-chat]{margin-top:8px;background:var(--an-gold);color:#20291f;justify-content:center}
 html.surface-day .main-nav,html.surface-footer .main-nav{background:#f8f3e9f7;border-color:#14283a26}
 html.surface-day .main-nav>a,html.surface-footer .main-nav>a{color:var(--an-ink-day)}
 .v18-header-tools{margin-left:auto}
 .header-cta{margin-left:0}
 .site-header .menu-toggle{display:grid;place-items:center;gap:5px;width:44px;height:44px;padding:0;border:1px solid #f2ead83a;border-radius:50%;background:transparent}
 .site-header .menu-toggle span{display:block;width:18px;height:1.5px;background:var(--an-cream);transition:transform var(--an-d-base) var(--an-ease),opacity var(--an-d-fast)}
 .site-header .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.25px) rotate(45deg)}
 .site-header .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
 html.surface-day .menu-toggle,html.surface-footer .menu-toggle{border-color:#14283a33}
 html.surface-day .menu-toggle span,html.surface-footer .menu-toggle span{background:var(--an-ink-day)}
}
@media(max-width:760px){.v18-header-tools{display:flex}.v5-hud #v5-panel-open{width:36px;height:36px}}
@media(max-width:420px){.header-inner{gap:8px}.header-cta{font-size:12px;padding:0 12px}.wordmark span{font-size:17px}}

/* ---------- 5. Açılış sahnesi: tablo → küre → tipografi → Versatil ------------------
   Tek ilerleme kaynağı (--story-progress, cinema.js). Sahne seçici yok; başlık
   kaydırmayla ikiye ayrılır, küre üzerine matematik yörüngeler biner, kağıt
   yıkaması soldan gelir; son sözle birlikte "Bir şey yaz" çağrısı doğar. */
.story-scroll{position:relative;margin:0;background:transparent;--story-progress:0;--story-split:0;--story-copy-opacity:1;--story-copy-y:0px;--story-second-opacity:0;--story-second-y:45px;--story-final-opacity:0;--story-final-y:38px;--scene-orbit:0;--orbit-x:69%;--orbit-y:51%;--orbit-d:44vw}
html.cinema-on .story-scroll{height:560svh;margin-top:calc(-1 * var(--header-h))}
.hero{position:relative;overflow:clip;min-height:100svh;background:var(--an-sky-deep);color:var(--an-cream);isolation:isolate}
html.cinema-on .hero{position:sticky;top:0;height:100svh;min-height:0;padding:0}
/* sahne katmanı */
.painted-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.stage{background:#0b4168;isolation:isolate;--stage-zoom:1}
@media(min-width:981px){.stage{--stage-zoom:1.24}}
.stage .stage-poster,.stage .stage-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 55%;transform:translate(var(--scene-camera-x,0%),var(--scene-camera-y,0%)) scale(calc(var(--scene-camera-scale,1) * var(--stage-zoom)));transform-origin:74% 52%}
.stage .stage-poster{z-index:0}
.stage .stage-video{z-index:1;opacity:0;transition:opacity var(--an-d-slow) ease;background:transparent}
.stage-ready .stage .stage-video{opacity:1}
.gl{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity .9s ease;display:block}
html.gl-ready .gl{opacity:1}
html.gl-ready .stage .stage-video{display:none}
.painted-scene:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,#032942da 0%,#0533559e 37%,#06365a05 78%),linear-gradient(0deg,#042b49a8,transparent 35%);opacity:calc(1 - var(--scene-wash,0));transition:opacity var(--an-d-base)}
.stage-light{position:absolute;inset:-10%;z-index:2;pointer-events:none;mix-blend-mode:screen;opacity:calc(.15 + var(--scene-focus,0)*.55);background:radial-gradient(circle at 75% 52%,#ffe2a03a 0 5%,#ffd98a12 16%,transparent 30%);transition:opacity var(--an-d-base)}
.stage-wash{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:calc(var(--scene-wash,0)*.96);background:linear-gradient(90deg,#f4eee2f4 0%,#f4eee2e0 32%,#f4eee290 52%,#f4eee200 70%),var(--an-paper-grain);background-size:auto,260px 260px}
.stage-grain{position:absolute;inset:-20%;z-index:4;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:240px 240px}
.stage-foot{position:absolute;inset:auto 0 0 0;height:30%;z-index:5;pointer-events:none;background:linear-gradient(0deg,var(--an-sky-deep) 0%,#072b48b8 30%,#072b4830 62%,transparent 100%);opacity:calc(1 - var(--scene-wash,0)*.85)}
.stage-stamp{display:none}
/* iniş: küre tablodan koparken tablo tamamen kağıda döner; nesne tek başına kalır */
.painted-scene::before{content:"";position:absolute;inset:0;z-index:5;background:var(--an-paper);opacity:calc(var(--scene-land,0) * .99);pointer-events:none}
/* açılış: yalnızca opacity + scale */
html.intro .stage .stage-poster,html.intro .stage .stage-video,html.intro .stage .gl{scale:1.06;opacity:.001;transform-origin:70% 55%}
html.intro-done .stage .stage-poster,html.intro-done .stage .stage-video{scale:1;transition:scale 1.8s var(--an-ease-scene),opacity 1.1s ease}
html.intro-done .stage .gl{scale:1;transition:scale 1.8s var(--an-ease-scene),opacity .9s ease}
html.intro .hero-copy>*,html.intro .hero-note{opacity:0;transform:translateY(18px)}
html.intro .hero-sphere{opacity:0}
html.intro-done .hero-copy>*,html.intro-done .hero-note{opacity:1;transform:none;transition:opacity 1s var(--an-ease),transform 1s var(--an-ease)}
html.intro-done .hero-copy>:nth-child(2){transition-delay:.42s}html.intro-done .hero-copy>:nth-child(3){transition-delay:.52s}html.intro-done .hero-note{transition-delay:.6s}
/* başlık satırları tek tek yükselir (yalnızca opacity + transform) */
html.intro .hero-line{opacity:0;transform:translateY(.35em)}
html.intro-done .hero-line{opacity:1;transform:none;transition:opacity 1.1s var(--an-ease),transform 1.1s var(--an-ease-scene)}
html.intro-done .hero-line-2{transition-delay:.16s}
/* küre üstüne yörünge: tablo küresinin ekran konumu (cinema.js hesaplar) */
.hero-orbit{position:absolute;left:var(--medal-x,var(--orbit-x));top:var(--medal-y,var(--orbit-y));width:calc(var(--medal-d,var(--orbit-d)) * .92);aspect-ratio:1;z-index:3;translate:-50% -50%;pointer-events:none;opacity:var(--scene-orbit,0);transform:rotate(calc(var(--story-progress,0)*90deg))}
.hero-orbit svg{width:100%;height:100%;overflow:visible;fill:none;stroke:color-mix(in srgb,#f2ead8 calc(100% - clamp(0%,(var(--scene-wash,0) - .5) * 400%,100%)),#14283a);stroke-width:.5;opacity:.85}
.hero-orbit .orbit-dot{fill:color-mix(in srgb,var(--an-gold) calc(100% - clamp(0%,(var(--scene-wash,0) - .5) * 400%,100%)),#745820);stroke:none}
.hero-sphere{position:absolute;left:var(--medal-x,69vw);top:var(--medal-y,51vh);width:calc(var(--medal-d,44vw) * 1.0);height:auto;max-width:none;z-index:3;translate:-50% -50%;pointer-events:none;opacity:0;transition:opacity 1.2s ease .3s;filter:drop-shadow(0 30px 60px #06243f40)}
html.intro-done .hero-sphere,html:not(.intro) .hero-sphere{opacity:1}
.sphere-front .hero-sphere{z-index:5}
html:not(.cinema-on) .hero-sphere{display:none}
:is(.motion-paused,.v10-safe-mode,.motion-fallback) .hero-sphere{display:none}
/* teknik not: sağ üst */
.hero-note{position:absolute;right:var(--gutter-x);bottom:calc(var(--frame-bottom) + 58px);z-index:var(--an-z-copy);display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin:0;font:var(--an-note);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,#e3ebefcc calc(100% - var(--scene-land,0)*100%),#4f5e6b);opacity:var(--story-copy-opacity);pointer-events:none}
.hero-note span{position:relative;padding-right:18px}
.hero-note span::after{content:"";position:absolute;right:0;top:50%;width:10px;height:1px;background:currentColor;opacity:.6}
/* birinci söz: tam genişlik, iki satır çapraz */
.hero-copy{position:relative;z-index:var(--an-z-copy);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:0 40px;align-items:end;pointer-events:none}
.hero-copy>*{pointer-events:auto}
html.cinema-on .hero-copy{position:absolute;inset:calc(var(--header-h) + clamp(8px,2vh,28px)) var(--gutter-x) auto var(--gutter-x);opacity:var(--story-copy-opacity);translate:0 var(--story-copy-y)}
.hero h1{grid-column:1/-1;grid-row:1;margin:0;font:400 var(--an-display-xl)/.86 var(--an-serif);letter-spacing:-.05em;color:#fff3d5;text-wrap:balance;text-shadow:0 2px 28px #06243f80}
.hero-line{display:block;will-change:transform}
.hero-line-1{translate:calc(var(--story-split,0)*-10vw) 0}
.hero-line-2{margin-left:clamp(40px,10vw,220px);translate:calc(var(--story-split,0)*16vw) 0}
.hero-description{grid-column:1;grid-row:2;max-width:380px;margin:clamp(20px,3vw,40px) 0 12px;font-size:15px;line-height:1.65;color:#dfe7ec}
.hero-actions{grid-column:1;grid-row:3;margin:0}
.hero-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0;border-bottom:1px solid #f2ead866;font:600 14px/1 var(--an-sans);color:#fff8e6;text-shadow:0 1px 14px #06243f;transition:border-color var(--an-d-fast),color var(--an-d-fast)}
.hero-link:hover{color:var(--an-gold);border-color:var(--an-gold)}
/* sahne sözleri 2–4: iki kelime, büyük, italik vurgu */
.story-scene-2,.story-scene-3,.story-scene-4{display:none}
html.cinema-on :is(.story-scene-2,.story-scene-3,.story-scene-4){display:block;position:absolute;left:var(--gutter-x);bottom:var(--frame-bottom);width:min(78%,1100px);z-index:var(--an-z-copy);pointer-events:none;text-align:left}
html.cinema-on .story-scene-2{opacity:var(--story-second-opacity);translate:0 var(--story-second-y)}
html.cinema-on .story-scene-3{opacity:var(--story-final-opacity,0);translate:0 var(--story-final-y,38px)}
html.cinema-on .story-scene-4{width:min(62%,900px);opacity:var(--scene4-opacity,0);transform:translateY(var(--scene4-y,38px))}
.story-kicker{margin:0 0 18px;font:var(--an-note);letter-spacing:.14em;text-transform:uppercase;color:#e3ebefcc}
.story-title{margin:0 0 22px;font:400 clamp(52px,9.6vw,176px)/.9 var(--an-serif);letter-spacing:-.05em;color:#fff3d5;text-wrap:balance}
.story-title em{font-style:italic;color:var(--an-gold)}
.story-scene-2>p:last-child,.story-scene-3>p:last-child,.story-scene-4>p:last-child{max-width:440px;font-size:15px;line-height:1.65;color:#e3ebef}
/* kağıt yıkaması geçerken metin kremden mürekkebe hızlı ve geç döner (yıkama .45 → .65 aralığında), ara tonda okunmaz kalmaz */
.story-scene-3,.story-scene-4{--ink-mix:clamp(0%,(var(--scene-wash,0) - .34) * 400%,100%)}
.story-scene-3 .story-title,.story-scene-4 .story-title{color:color-mix(in srgb,#fff3d5 calc(100% - var(--ink-mix)),#14283a)}
.story-scene-3 .story-title em,.story-scene-4 .story-title em{color:color-mix(in srgb,var(--an-gold) calc(100% - var(--ink-mix)),#745820)}
.story-scene-3>p:last-child,.story-scene-3 .story-kicker,.story-scene-4>p:last-child,.story-scene-4 .story-kicker{color:color-mix(in srgb,#e3ebef calc(100% - var(--ink-mix)),#304658)}
.story-cta{display:none}
html.cinema-on .story-cta{display:block;position:absolute;left:var(--gutter-x);bottom:calc(var(--frame-bottom) - 64px);z-index:7;opacity:0;pointer-events:none;translate:0 12px;transition:opacity .25s,translate .25s}
html.cinema-on .story-cta.is-ready{opacity:1;pointer-events:auto;translate:0 0}
/* kaydırma ipucu ve film denetimi: küçük, tek satır */
.scroll-hint{position:absolute;left:50%;bottom:calc(var(--frame-bottom) + 10px);z-index:var(--an-z-ui);display:flex;flex-direction:column;align-items:center;gap:10px;transform:translateX(-50%);color:#f2ead8;font:var(--an-note);letter-spacing:.18em;text-transform:uppercase;opacity:calc(var(--story-copy-opacity,1)*.8);pointer-events:none;transition:opacity var(--an-d-base)}
.scroll-hint i{width:1px;height:34px;background:linear-gradient(#f2ead8,transparent);overflow:hidden;position:relative}
.scroll-hint i:after{content:"";position:absolute;left:0;top:-34px;width:1px;height:34px;background:linear-gradient(transparent,#fff);animation:v35-hint 2.2s var(--an-ease) infinite}
@keyframes v35-hint{to{transform:translateY(68px)}}
.film-controls{position:absolute;right:var(--gutter-x);bottom:calc(var(--frame-bottom) + 6px);z-index:9;width:auto;padding:0;border:0;background:transparent}
.film-top{display:flex;align-items:center;gap:12px;min-height:40px}
.film-controls #film-play,.film-controls #film-exit{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid #f2ead83a;border-radius:var(--an-r-pill);background:#072b48cc;color:var(--an-cream);font:var(--an-note);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:background-color var(--an-d-fast),color var(--an-d-fast)}
.film-controls #film-play:hover,.film-controls #film-exit:hover{background:#f2ead818}
.film-controls #film-play:disabled{opacity:.6;cursor:default}
.film-controls .film-track,.film-controls #film-scene{display:none}
html.intro .film-controls{opacity:0}
html.intro-done .film-controls{opacity:1;transition:opacity .8s ease .5s}
/* statik storyboard: sinematik mod yokken */
html:not(.cinema-on) .hero{display:flex;flex-direction:column;justify-content:center;gap:28px;min-height:0;padding:calc(var(--header-h) + 40px) var(--gutter-x) 48px}
html:not(.cinema-on) .hero-copy{max-width:900px;grid-template-columns:1fr;gap:20px}
html:not(.cinema-on) .hero h1{font-size:clamp(44px,7vw,120px)}
html:not(.cinema-on) .hero-line-2{margin-left:0}
html:not(.cinema-on) :is(.hero-description,.hero-actions){grid-column:1;grid-row:auto;margin:0}
html:not(.cinema-on) :is(.story-scene-2,.story-scene-3,.story-scene-4){display:block;position:relative;max-width:760px;padding-top:24px;border-top:1px solid #f2ead826}
html:not(.cinema-on) .story-title{font-size:clamp(30px,3.6vw,52px)}
html:not(.cinema-on) .story-cta{display:block;max-width:640px}
html:not(.cinema-on) :is(.scroll-hint,.hero-orbit,.hero-note){display:none!important}
html:not(.cinema-on) .stage{position:absolute;inset:0}
html:not(.cinema-on) .stage-poster{opacity:1!important;transform:none!important}
html:not(.cinema-on) .film-controls{position:relative;inset:auto;margin-top:8px}
:is(.motion-paused,.v10-safe-mode,.motion-fallback) .stage .stage-video,:is(.motion-paused,.v10-safe-mode,.motion-fallback) .gl{display:none!important}
:is(.motion-paused,.v10-safe-mode,.motion-fallback) .stage .stage-poster{opacity:1!important;transform:none!important}
:is(.motion-paused,.v10-safe-mode,.motion-fallback) :is(.stage-light,.stage-wash){display:none!important}
:is(.motion-paused,.v10-safe-mode) .scroll-hint i:after{animation:none}
html.film-on .story-cta .button{background:var(--an-ink-day);color:var(--an-cream)}

/* ---------- 6. Versatil: tek yaşayan ürün sahnesi --------------------------------
   Boş kağıt, "Bir şey yaz." Yazınca metin büyür; inceleyince parçalar fiziksel
   parçalar gibi ayrılır, Smart Router yolu çizer, istek Core tohumuna akar,
   cevap Mini'den (ya da bağlı gerçek modelden) gelir. Teknik ayrıntı derinde. */
.product{padding-top:calc(var(--seam-d) * .5 + clamp(48px,6vw,96px))!important;overflow:clip}
.sphere-medal{position:absolute;left:calc(var(--seam-x) * 1vw);top:0;width:var(--seam-d);aspect-ratio:1;max-width:none;z-index:0;translate:-50% -50%;pointer-events:none;filter:drop-shadow(0 30px 60px #06243f40)}
/* dikiş: Versatil'den 'Nasıl çalışır'a inen çekül çizgisi (küre → kontur) */
.product::after{content:"";position:absolute;left:calc(var(--seam-x) * 1vw);bottom:0;width:1px;height:clamp(140px,20vw,320px);background:linear-gradient(transparent,#14283a4d)}
.architecture::before{content:"";position:absolute;left:calc(var(--seam-x) * 1vw);top:0;width:1px;height:clamp(120px,16vw,240px);background:#14283a4d;z-index:1}
.product-mark{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font:500 13px/1.4 var(--an-sans);color:var(--an-muted)}
.product-mark-name{font:400 22px/1 var(--an-serif);letter-spacing:-.02em;color:var(--an-ink)}
.product-mark .section-aside{margin-left:12px;opacity:1;font:var(--an-note);letter-spacing:.08em;text-transform:uppercase;color:var(--an-muted)}
.product-mark .section-aside::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#2d8a5f;box-shadow:0 0 0 4px #2d8a5f22;vertical-align:middle}
.product-intro{position:relative;z-index:1;max-width:44ch;margin-top:22px;font-size:clamp(16px,1.25vw,19px);line-height:1.6;color:var(--an-muted)}
.flow{position:relative;z-index:1}
.ask{margin-top:clamp(96px,14vw,220px)}
.ask-form{position:relative}
.ask-title{margin:0;font:400 var(--an-word)/.9 var(--an-serif);letter-spacing:-.055em;color:var(--an-ink);transition:opacity .6s var(--an-ease),transform .6s var(--an-ease)}
.ask-title label{cursor:text}
.ask-form.has-text .ask-title{opacity:.22;transform:translateY(-6px)}
.ask-title-sm{font-size:clamp(48px,7vw,120px)}
.ask-field{display:block;width:100%;min-height:1.3em;margin-top:clamp(20px,3vw,40px);padding:0 0 .35em;border:0;border-bottom:1px solid #14283a4d;border-radius:0;background:transparent;color:var(--an-ink);font:400 clamp(30px,4.4vw,72px)/1.22 var(--an-serif);letter-spacing:-.03em;resize:none;overflow:hidden;outline:none;caret-color:var(--an-gold-ink);transition:border-color var(--an-d-fast)}
.ask-field:focus{border-bottom-color:var(--an-ink);box-shadow:none}
.ask-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-top:22px}
.lab-presets{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px}
.lab-presets-label{font:var(--an-note);letter-spacing:.08em;text-transform:uppercase;color:var(--an-muted);margin-right:4px}
.lab-presets button{min-height:40px;padding:8px 0;border:0;background:transparent;color:var(--an-muted);font:500 13px/1.4 var(--an-sans);text-decoration:underline;text-decoration-color:#14283a33;text-underline-offset:4px;transition:color var(--an-d-fast),text-decoration-color var(--an-d-fast)}
.lab-presets button:hover{color:var(--an-ink);text-decoration-color:var(--an-ink)}
.lab-actions{display:flex;align-items:center;gap:16px}
.lab-submit{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:12px 22px;border:0;border-radius:var(--an-r-pill);background:var(--an-ink-day);color:#f2ead8;font:500 14px/1.4 var(--an-sans);transition:background-color var(--an-d-fast)}
.lab-submit:hover{background:#1f3d55}
.lab-submit:disabled{opacity:.5;cursor:default}
.lab-char-count{font:var(--an-note);letter-spacing:.04em;color:var(--an-muted)}
.lab-note{max-width:52ch;margin-top:20px;font-size:13px;line-height:1.7;color:var(--an-muted)}
.ask-flow{position:relative;margin-top:clamp(48px,6vw,88px)}
/* akış hayaleti: henüz metin yokken dört adımın teknik lejandı */
.lab-empty{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:18px;border-top:1px solid var(--an-line)}
.ask-ghost{position:relative;display:block;padding-top:6px;font:var(--an-note);letter-spacing:.06em;text-transform:uppercase;color:var(--an-muted);opacity:.7}
.ask-ghost::before{content:attr(data-n);display:block;margin-bottom:14px;font:400 13px/1 var(--an-mono);color:var(--an-gold-ink)}
.ask-ghost b{display:block;margin-bottom:6px;font:400 22px/1.1 var(--an-serif);letter-spacing:-.02em;text-transform:none;color:var(--an-ink)}
.flow-stages{margin:0;padding:0;list-style:none}
.flow-stage{position:relative;padding:28px 0 32px 0;border-top:1px solid var(--an-line);animation:stage-in .9s var(--an-ease) both}
.flow-stage[data-stage="route"]{animation-delay:1.3s}
.flow-stage[data-stage="model"]{animation-delay:2.3s}
@keyframes stage-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.flow-label{display:flex;align-items:center;gap:14px;margin-bottom:16px;font:var(--an-note);letter-spacing:.1em;text-transform:uppercase;color:var(--an-muted)}
.flow-num{font:400 13px/1 var(--an-mono);color:var(--an-gold-ink)}
.flow-num-big{font:400 clamp(40px,5vw,84px)/1 var(--an-mono);letter-spacing:-.04em;color:#14283a2e}
.flow-count{margin:0 0 18px;font-size:14px;color:var(--an-muted)}
.flow-count strong{font:400 clamp(40px,4.6vw,72px)/1 var(--an-serif);letter-spacing:-.03em;color:var(--an-ink);margin-right:8px}
.lab-measure{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid #b39a5f66;border-radius:var(--an-r-pill);background:#f2e6c8;font:600 9px/1 var(--an-mono);letter-spacing:.1em;color:#7a5c1f}
.token-list{display:flex;flex-wrap:wrap;gap:10px 6px;max-height:360px;overflow:auto;padding:6px 0 4px}
.token-chip{padding:6px 10px;border:1px solid #14283a33;border-radius:4px;background:#fbf7ee;color:var(--an-ink);cursor:pointer;font:400 clamp(18px,1.6vw,24px)/1.3 var(--an-serif);letter-spacing:-.01em;overflow-wrap:anywhere;max-width:100%;box-shadow:0 1px 0 #14283a14,0 6px 14px -8px #14283a40;animation:token-in .9s var(--an-ease-scene) both;animation-delay:calc(.9s + var(--token-index,0)*55ms);transition:background-color var(--an-d-fast),border-color var(--an-d-fast)}
.token-chip:nth-child(3n){rotate:-1.1deg}.token-chip:nth-child(3n+1){rotate:.9deg}.token-chip:nth-child(5n){rotate:-.4deg;translate:0 2px}
.token-chip:hover{background:#ffffff;border-color:#14283a80}
.token-chip[aria-pressed="true"]{background:var(--an-ink-day);border-color:var(--an-ink-day);color:#f2ead8}
@keyframes token-in{from{opacity:0;translate:30px -90px;scale:.55;rotate:-10deg}to{opacity:1;translate:0 0;scale:1}}
.token-inspector{min-height:1.6em;margin-top:14px;font:var(--an-note);letter-spacing:.02em;color:var(--an-muted)}
.route-line{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;font-size:15px;color:var(--an-muted)}
.route-node{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid #14283a4d;border-radius:var(--an-r-pill);font:var(--an-note);letter-spacing:.1em;text-transform:uppercase;color:var(--an-ink)}
.route-wire{position:relative;display:block;flex:1 1 60px;max-width:180px;height:1px;background:var(--an-ink);transform-origin:left;animation:wire-in 1s var(--an-ease) 1.5s both}
.route-wire::after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--an-gold-ink)}
@keyframes wire-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.route-line>strong{font:400 clamp(28px,3vw,48px)/1 var(--an-serif);letter-spacing:-.03em;color:var(--an-ink)}
.route-sub{font-size:14px}
.route-sub strong{font:400 18px/1 var(--an-serif);color:var(--an-ink)}
.flow-stage[data-stage="model"]{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 28px;align-items:center}
.flow-stage[data-stage="model"] .flow-label{grid-column:1/-1}
.core-seed{position:relative;width:96px;height:96px;animation:seed-in 1.2s var(--an-ease) 2.4s both}
.core-seed img{position:absolute;inset:14%;width:72%;height:72%;object-fit:cover;border-radius:50%;mask-image:radial-gradient(#000 40%,transparent 72%);-webkit-mask-image:radial-gradient(#000 40%,transparent 72%)}
.core-orbit{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--an-ink);stroke-width:.6;overflow:visible;animation:orbit-turn 40s linear infinite}
@keyframes seed-in{from{opacity:0;scale:.2}to{opacity:1;scale:1}}
@keyframes orbit-turn{to{rotate:360deg}}
.flow-text{max-width:44ch;font-size:15px;line-height:1.7;color:var(--an-muted)}
.ask-answer{grid-column:2;justify-self:start;display:inline-flex;align-items:center;gap:12px;min-height:48px;margin-top:6px;padding:12px 22px;border:0;border-radius:var(--an-r-pill);background:var(--an-ink-day);color:#f2ead8;font:500 14px/1.4 var(--an-sans);transition:background-color var(--an-d-fast)}
.ask-answer:hover{background:#1f3d55}
.ask-more{margin-top:12px;border-top:1px solid var(--an-line)}
.ask-more>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;list-style:none;cursor:pointer;font:var(--an-note);letter-spacing:.1em;text-transform:uppercase;color:var(--an-muted)}
.ask-more>summary::-webkit-details-marker{display:none}
.ask-more>summary span{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--an-line);border-radius:50%;font:400 15px/1 var(--an-sans);transition:transform var(--an-d-base) var(--an-ease)}
.ask-more[open]>summary span{transform:rotate(45deg)}
.ask-more>summary:hover{color:var(--an-ink)}
.request-code{margin:0 0 12px;max-height:320px;overflow:auto;padding:18px 20px;border-radius:var(--an-r-md);background:var(--an-ink-day);color:#f2ead8;font:400 12px/1.65 var(--an-mono);white-space:pre-wrap;overflow-wrap:anywhere}
.copy-request{margin:0 0 20px;padding:8px 14px;border:1px solid #14283a33;border-radius:var(--an-r-pill);background:transparent;color:var(--an-ink);font:500 13px/1.4 var(--an-sans)}
.copy-request:hover{background:#14283a0d}
.lab-status{margin-top:18px;font:var(--an-note);letter-spacing:.04em;color:var(--an-muted)}
.lab-status.is-error{color:#9b2f22}
.lab-loading .ask-title{opacity:.5}
/* gönderince yazı fiziksel olarak parçalanır: metnin kopyası kelime kelime aşağı, parçaların doğacağı yere düşer */
.ask-form.is-processing .ask-field{opacity:.28;transition:opacity .4s}
.ask-shatter{position:absolute;left:0;right:0;pointer-events:none;z-index:2;font:400 clamp(30px,4.4vw,72px)/1.22 var(--an-serif);letter-spacing:-.03em;color:var(--an-ink);white-space:pre-wrap;overflow-wrap:anywhere}
.ask-shatter span{display:inline-block;animation:shatter 1.1s var(--an-ease-scene) both;animation-delay:calc(var(--i,0) * 28ms)}
@keyframes shatter{0%{opacity:1;transform:none}30%{opacity:1}100%{opacity:0;transform:translate(-14px,140px) rotate(-7deg) scale(.55)}}
/* parçalar Router'a akar: tel üstünde koşan noktalar; Core kısa tepki verir; cevap düğmesi sonra belirir */
.route-wire::before{content:"";position:absolute;left:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--an-ink);opacity:0;animation:wire-dot 1.1s ease-in-out 1.4s 3}
@keyframes wire-dot{0%{opacity:0;left:0}15%{opacity:1}85%{opacity:1}100%{opacity:0;left:100%}}
.core-seed::after{content:"";position:absolute;inset:-6%;border:1px solid var(--an-gold-ink);border-radius:50%;opacity:0;animation:seed-ring 1.6s var(--an-ease) 2.6s 2}
@keyframes seed-ring{0%{opacity:.9;transform:scale(.6)}100%{opacity:0;transform:scale(1.9)}}
.core-seed img{animation:seed-react 1.4s var(--an-ease-scene) 2.5s both}
@keyframes seed-react{0%{transform:scale(1) rotate(0)}40%{transform:scale(1.18) rotate(24deg)}100%{transform:scale(1) rotate(0)}}
.ask-answer{animation:stage-in .8s var(--an-ease) 3.2s both}
.core-companion.is-pulse::before{content:"";position:absolute;inset:-4px;border:1px solid var(--an-gold-ink);border-radius:50%;animation:seed-ring 1.4s var(--an-ease) both}
/* 04 · cevap: sohbet */
.chat{margin-top:clamp(96px,12vw,180px)}
.flow-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 28px;align-items:end;max-width:1100px;margin-bottom:clamp(24px,3vw,40px)}
.flow-head .ask-title{grid-column:2;grid-row:1}
.flow-head .flow-num-big{grid-column:1;grid-row:1;align-self:end;padding-bottom:.12em}
.flow-lede{grid-column:2;max-width:52ch;font-size:15px;line-height:1.6;color:var(--an-muted)}
.chat-shell{position:relative;padding-top:8px;border-top:1px solid var(--an-line)}
.chat-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:18px 0 6px}
.chat-toolbar>b{font:400 22px/1 var(--an-serif);letter-spacing:-.02em;color:var(--an-ink)}
.chat-badge,.chat-memory-chip{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:0 10px;border:1px solid #14283a33;border-radius:var(--an-r-pill);font:var(--an-note);letter-spacing:.1em;text-transform:uppercase;color:var(--an-muted)}
.chat-badge[data-connected="true"],.chat-badge[data-mode="real"]{border-color:#2d8a5f;color:#1f6b48}
.chat-memory-chip i{width:6px;height:6px;border-radius:50%;background:#14283a33}
.chat-memory-chip[data-active="true"] i{background:#2d8a5f}
.chat-memory-note{max-width:64ch;margin:4px 0 0;font-size:12px;line-height:1.6;color:var(--an-muted)}
/* gerçek modeli bağla: açılır teknik not */
.v18-runtime-guide{margin-top:18px;border-top:1px solid var(--an-line)}
.v18-runtime-guide>summary{display:flex;align-items:center;gap:14px;min-height:52px;list-style:none;cursor:pointer;font:var(--an-note);letter-spacing:.1em;text-transform:uppercase;color:var(--an-muted)}
.v18-runtime-guide>summary::-webkit-details-marker{display:none}
.v18-runtime-guide>summary::after{content:"+";display:grid;place-items:center;width:28px;height:28px;margin-left:auto;border:1px solid var(--an-line);border-radius:50%;font:400 15px/1 var(--an-sans);transition:transform var(--an-d-base) var(--an-ease)}
.v18-runtime-guide[open]>summary::after{transform:rotate(45deg)}
.v18-runtime-guide>summary:hover{color:var(--an-ink)}
.v18-guide-caption{font-size:10px;opacity:.7}
.chat-setup{max-width:64ch;padding:4px 0 20px;font-size:14px;line-height:1.75;color:var(--an-muted)}
.chat-setup p{margin:0 0 12px}
.chat-setup a{color:var(--an-ink);text-decoration:underline;text-decoration-color:#14283a33;text-underline-offset:4px}
.chat-setup a:hover{text-decoration-color:var(--an-ink)}
.chat-setup ol{margin:12px 0 16px;padding-left:20px}
.chat-setup li{padding-block:3px}
.chat-connection{margin-top:8px}
.chat-connection>summary{min-height:40px;display:flex;align-items:center;cursor:pointer;list-style:none;font-size:14px;color:var(--an-ink)}
.chat-connection>summary::-webkit-details-marker{display:none}
.chat-connection form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:end;margin-top:10px}
.chat-connection label{grid-column:1/-1;font:var(--an-note);letter-spacing:.08em;text-transform:uppercase;color:var(--an-muted)}
.chat-connection input{min-height:44px;padding:8px 0;border:0;border-bottom:1px solid #14283a4d;border-radius:0;background:transparent;color:var(--an-ink);font:400 16px/1.4 var(--an-sans);outline:none}
.chat-connection input:focus{border-bottom-color:var(--an-ink);box-shadow:none}
/* konuşma: transkript düzeni — sol sütun kim, sağ sütun söz */
.chat-log{max-height:min(64svh,620px);overflow:auto;margin-top:18px;border-top:1px solid var(--an-line);scrollbar-width:thin;scrollbar-color:#14283a33 transparent}
.chat-log,.chat-log *{transition-duration:0s!important}
.chat-empty{display:flex;flex-direction:column;gap:10px;padding:40px 0 36px}
.v18-chat-greeting{font:400 clamp(24px,2.2vw,32px)/1.2 var(--an-serif);letter-spacing:-.02em;color:var(--an-ink)}
.chat-empty>span:not(.v18-chat-greeting){max-width:48ch;font-size:15px;line-height:1.6;color:var(--an-muted)}
.chat-message{display:grid;grid-template-columns:96px minmax(0,1fr);gap:6px 24px;padding:22px 0;border-bottom:1px solid var(--an-line-soft);animation:msg-in .5s var(--an-ease) both}
@keyframes msg-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.chat-role{padding-top:7px;font:var(--an-note);letter-spacing:.12em;text-transform:uppercase;color:var(--an-muted)}
.chat-user .chat-role{color:var(--an-gold-ink)}
.chat-message p{margin:0;font:400 clamp(17px,1.3vw,20px)/1.55 var(--an-serif);letter-spacing:-.01em;color:var(--an-ink);overflow-wrap:anywhere;white-space:pre-wrap}
.chat-user p{font-style:italic;color:#2b3d4d}
.chat-message .is-pending::after{content:"· · ·";margin-left:6px;color:var(--an-muted);animation:chat-pulse 1.4s ease infinite}
@keyframes chat-pulse{50%{opacity:.3}}
.chat-message[data-streaming="true"] p::after{content:"▍";display:inline-block;margin-left:2px;color:var(--an-gold-ink);animation:versatil-caret .85s steps(1) infinite}
.chat-message.is-error p{color:#9b2f22}
.v25-latest-bar{display:flex;justify-content:flex-end;min-height:0}
.v25-latest{margin-top:8px;padding:6px 0;border:0;background:transparent;font:var(--an-note);letter-spacing:.08em;text-transform:uppercase;color:var(--an-muted);text-decoration:underline;text-underline-offset:4px}
/* yazma alanı: ince çizgi, serif */
.chat-composer{margin-top:22px}
.chat-composer label{display:block;margin-bottom:6px;font:var(--an-note);letter-spacing:.1em;text-transform:uppercase;color:var(--an-muted)}
.chat-composer textarea{display:block;width:100%;min-height:3em;padding:6px 0 12px;border:0;border-bottom:1px solid #14283a4d;border-radius:0;background:transparent;color:var(--an-ink);font:400 clamp(19px,1.6vw,24px)/1.4 var(--an-serif);letter-spacing:-.015em;resize:vertical;outline:none;caret-color:var(--an-gold-ink);transition:border-color var(--an-d-fast)}
.chat-composer textarea::placeholder{color:#14283a66}
.chat-composer textarea:focus{border-bottom-color:var(--an-ink);box-shadow:none}
.chat-composer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:16px}
.chat #chat-send{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 22px;border:0;border-radius:var(--an-r-pill);background:var(--an-ink-day);color:#f2ead8;font:500 14px/1.4 var(--an-sans);box-shadow:none}
.chat #chat-send:hover{background:#1f3d55}
.chat #chat-send:disabled{opacity:.5}
.chat-composer-actions small{font:var(--an-note);letter-spacing:.04em;color:var(--an-muted)}
.keyboard-hint{display:inline-flex;align-items:center;gap:6px;margin-left:8px;font:var(--an-note);color:var(--an-muted)}
.keyboard-hint kbd{padding:1px 6px;border:1px solid #14283a33;border-radius:4px;font:inherit;background:transparent}
.chat-status{margin-top:12px;font:var(--an-note);letter-spacing:.04em;color:var(--an-muted)}
.chat-status.is-error{color:#9b2f22}
.chat-model{margin-top:26px;padding-top:14px;border-top:1px solid var(--an-line);font:var(--an-note);letter-spacing:.1em;text-transform:uppercase;color:var(--an-muted)}
/* örnek sorular: kart değil, altı çizili sözler */
.chat-demo-prompts{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 26px;margin-top:10px}
.chat-demo-prompts .v24-prompt{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--an-ink);text-align:left;transition:color var(--an-d-fast)}
.chat-demo-prompts .v24-prompt>span{font:400 17px/1.3 var(--an-serif);letter-spacing:-.01em;text-decoration:underline;text-decoration-color:#14283a33;text-underline-offset:5px;transition:text-decoration-color var(--an-d-fast)}
.chat-demo-prompts .v24-prompt>small{font-size:12px;color:var(--an-muted)}
.chat-demo-prompts .v24-prompt:hover{color:var(--an-gold-ink)}
.chat-demo-prompts .v24-prompt:hover>span{text-decoration-color:currentColor}
.v24-more-prompts{flex-basis:100%;margin-top:4px}
.v24-more-prompts>summary{display:inline-flex;align-items:center;gap:10px;min-height:40px;cursor:pointer;list-style:none;font:var(--an-note);letter-spacing:.1em;text-transform:uppercase;color:var(--an-muted)}
.v24-more-prompts>summary::-webkit-details-marker{display:none}
.v24-more-prompts>summary:hover{color:var(--an-ink)}
.v24-more-prompts>div{display:flex;flex-wrap:wrap;gap:4px 22px;padding:4px 0 8px}
.v24-more-prompts button{min-height:40px;padding:6px 0;border:0;background:transparent;color:var(--an-muted);font:500 13px/1.4 var(--an-sans);text-decoration:underline;text-decoration-color:#14283a33;text-underline-offset:4px}
.v24-more-prompts button:hover{color:var(--an-ink);text-decoration-color:var(--an-ink)}
.chat-bottom-tools{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:18px;padding-top:14px;border-top:1px solid var(--an-line-soft)}
.chat-small-button,.v5-chat-focus-button{min-height:40px;padding:6px 0;border:0;background:transparent;color:var(--an-muted);font:var(--an-note);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-decoration:underline;text-decoration-color:#14283a33;text-underline-offset:4px;transition:color var(--an-d-fast)}
.chat-small-button:hover,.v5-chat-focus-button:hover{color:var(--an-ink)}
.chat-connection .chat-small-button{min-height:44px;padding:0 16px;border:1px solid #14283a33;border-radius:var(--an-r-pill);text-decoration:none}
/* gerçek runtime kartı (chat.js oluşturur): kağıt üstünde ince çerçeve */
.chat-shell .v12-runtime,.chat-shell .v121-settings{margin:14px 0 4px;padding:18px 20px;border:1px solid #14283a26;border-radius:var(--an-r-md);background:#faf6ec;color:var(--an-ink)}
.chat-shell .v12-runtime h3{font:400 18px/1.2 var(--an-serif);letter-spacing:-.01em;color:var(--an-ink)}
.chat-shell .v12-runtime dt{color:var(--an-muted)}
.chat-shell .v12-runtime dd{color:var(--an-gold-ink)}
.chat-shell .v12-runtime input{border:1px solid #14283a26;border-radius:8px;background:#fff;color:var(--an-ink)}
.chat-shell .v12-runtime button,.chat-shell .v121-settings button{border:1px solid #14283a33;border-radius:var(--an-r-pill);background:transparent;color:var(--an-ink)}
.chat-shell .v122-found{border-top:1px solid #14283a26}
.chat-shell .v122-found h4{color:var(--an-ink)}
.chat-shell .v122-found a{color:var(--an-ink)}
.chat-shell .v122-found small{color:var(--an-muted)}
/* odak modu: kağıt üstünde tam ekran sohbet */
body.v5-chat-focus #versatil-sohbet .chat-shell{position:fixed;z-index:120;inset:0;padding:calc(var(--header-h) + 8px) var(--gutter-x) 24px;overflow:auto;border:0;background:var(--an-paper);box-shadow:none}
body.v5-chat-focus #versatil-sohbet .chat-log{max-height:none}
.v5-focus-close{border-color:#14283a33!important;color:var(--an-ink-day)!important;background:#f4eee2!important}
@media(max-width:760px){.chat-message{grid-template-columns:1fr;gap:4px}.chat-role{padding-top:0}.chat-toolbar{gap:8px 12px}.chat-connection form{grid-template-columns:1fr}}
.ask-runtime{margin-top:20px}
.ask-runtime-body{padding:8px 0 28px}
.ask-runtime-body>p{max-width:60ch;margin-bottom:18px;font-size:15px;line-height:1.75;color:var(--an-muted)}
.lab-downloads{display:flex;flex-wrap:wrap;gap:8px}
.lab-download{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0 16px;border:1px solid #14283a33;border-radius:var(--an-r-pill);color:var(--an-ink);font-size:13px;transition:background-color var(--an-d-fast),color var(--an-d-fast)}
.lab-download:hover{background:var(--an-ink-day);color:#f2ead8;border-color:var(--an-ink-day)}
@media(max-width:900px){.lab-empty{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-stage[data-stage="model"]{grid-template-columns:1fr}.ask-answer{grid-column:1}}

/* ---------- 7. Nasıl çalışır: kaydırma mimariyi açar ------------------------------
   Üç gravür plaka üst üste: ön Tokenizer, orta Model, arka Pocket. Kaydırdıkça
   plakalar fiziksel olarak ayrılır (--work-progress, cinema.js); sahne sırası
   (data-scene) hangi plakanın odakta olduğunu söyler. Teknik bilgiler tablo
   yerine plakaya iliştirilmiş küçük notlar. */
.depth-head{position:relative;z-index:1;max-width:900px;margin-bottom:clamp(40px,6vw,88px);padding-top:clamp(120px,16vw,240px)}
.depth-contour{position:absolute;left:calc(var(--seam-x) * 1vw);top:calc(var(--an-s-9) + clamp(120px,16vw,240px));width:min(44vw,600px);height:auto;max-width:none;translate:-50% -50%;opacity:.55;pointer-events:none;z-index:0;transform:rotate(calc((var(--section-progress,.5) - .5) * 14deg))}
.architecture{overflow:clip;isolation:isolate}
.depth-head .eyebrow{margin-bottom:22px}
.depth{position:relative;--depth:1}
.depth-shell{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px clamp(32px,5vw,96px);align-items:center}
.depth-stack{order:2}
.work-story{order:1}
.depth-stack{position:relative;height:clamp(340px,44vw,620px);perspective:1400px;isolation:isolate}
.depth-layer{position:absolute;left:14%;top:14%;width:72%;margin:0;aspect-ratio:4/3;background:var(--an-marble-2);box-shadow:0 1px 0 #ffffff80 inset,0 30px 60px -30px #14283a66,0 2px 6px #14283a1f;transform:translate3d(calc(var(--lx) * var(--depth)),calc(var(--ly) * var(--depth)),var(--lz)) rotate(calc(var(--lr) * var(--depth)));transition:opacity .7s var(--an-ease),box-shadow .7s var(--an-ease)}
.depth-layer[data-layer="0"]{--lx:-28%;--ly:30%;--lz:0px;--lr:-4deg;z-index:3}
.depth-layer[data-layer="1"]{--lx:0%;--ly:0%;--lz:-70px;--lr:0deg;z-index:2}
.depth-layer[data-layer="2"]{--lx:28%;--ly:-30%;--lz:-140px;--lr:4deg;z-index:1}
.depth-layer img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.depth-layer::after{content:"";position:absolute;inset:0;background:var(--an-hatch);opacity:.5;pointer-events:none}
.depth-layer::before{content:"";position:absolute;inset:0;z-index:1;background:#f4eee2;opacity:0;pointer-events:none;transition:opacity .7s var(--an-ease)}
.depth-layer figcaption{position:absolute;left:-1px;bottom:-1px;z-index:2;display:flex;flex-direction:column;gap:2px;max-width:92%;padding:10px 14px 10px 12px;border-top:1px solid #14283a26;background:#f4eee2;font:var(--an-note);letter-spacing:.06em;text-transform:uppercase;color:var(--an-muted)}
.depth-layer figcaption b{font:400 17px/1.1 var(--an-serif);letter-spacing:-.01em;text-transform:none;color:var(--an-ink)}
.depth[data-scene="0"] .depth-layer:not([data-layer="0"])::before,.depth[data-scene="1"] .depth-layer:not([data-layer="1"])::before,.depth[data-scene="2"] .depth-layer:not([data-layer="2"])::before{opacity:.42}
.depth[data-scene="0"] .depth-layer[data-layer="0"],.depth[data-scene="1"] .depth-layer[data-layer="1"],.depth[data-scene="2"] .depth-layer[data-layer="2"]{box-shadow:0 0 0 1px #14283a,0 40px 70px -30px #14283a80}
.work-visual{display:none}
.work-story{display:grid;gap:0}
.work-story>article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 28px;padding:36px 0;border-top:1px solid var(--an-line)}
.work-index{font:var(--an-note);letter-spacing:.1em;text-transform:uppercase;color:var(--an-muted);padding-top:12px;min-width:84px}
.work-line{margin:0 0 16px;font:400 clamp(36px,4.4vw,72px)/1 var(--an-serif);letter-spacing:-.04em;color:var(--an-ink)}
.work-story>article p:not(.work-spec){margin:0 0 16px;max-width:46ch;font-size:16px;line-height:1.75;color:var(--an-muted)}
.work-spec{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 18px;max-width:420px;margin:0 0 14px;padding:12px 0;border-top:1px solid var(--an-line);border-bottom:1px solid var(--an-line);font-size:14px;color:var(--an-ink)}
.work-spec span{font:var(--an-note);letter-spacing:.06em;text-transform:uppercase;color:var(--an-muted);padding-top:3px}
.work-note{display:block;margin-top:6px;font-size:12px;line-height:1.6;color:var(--an-muted)}
/* masaüstü + hareket açık: yapışkan sahne, plakalar kaydırmayla açılır, metin sahneye göre değişir */
.work-on{height:340svh;--depth:var(--work-progress,0)}
.work-on .depth-shell{position:sticky;top:var(--header-h);height:calc(100svh - var(--header-h));align-items:center}
.work-on .depth-stack{height:min(72svh,640px)}
.work-on .work-visual{display:flex;position:absolute;left:0;right:0;bottom:24px;align-items:center;gap:16px;font:var(--an-note);letter-spacing:.1em;color:var(--an-muted)}
.work-on .work-stage-progress{display:block;flex:1;height:1px;background:#14283a1f}
.work-on .work-stage-progress>span{display:block;height:100%;background:var(--an-ink);transform-origin:left;transform:scaleX(var(--work-progress,0))}
.work-on .work-story{position:relative;height:min(72svh,640px)}
.work-on .work-story>article{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0;border:0;opacity:0;transform:translateY(28px);transition:opacity .6s var(--an-ease),transform .8s var(--an-ease);pointer-events:none}
.work-on .work-index{padding:0;margin-bottom:22px}
.work-on[data-scene="0"] .work-story>article:nth-child(1),.work-on[data-scene="1"] .work-story>article:nth-child(2),.work-on[data-scene="2"] .work-story>article:nth-child(3){opacity:1;transform:none;pointer-events:auto}
.depth.is-static .depth-layer{transition:none}
@media(max-width:900px){.depth-contour{top:80px;width:62vw;opacity:.4}.depth-shell{grid-template-columns:1fr}.depth{--depth:.55}.depth-stack{order:1;height:min(84vw,460px)}.work-story{order:2}.depth-layer{left:16%;top:12%;width:68%}.work-story>article{grid-template-columns:1fr;gap:10px;padding:28px 0}.work-index{padding-top:0}}

/* Core sahnesi: lacivert, tam genişlik; gümüş küre yansıması; teknik notlar Core'un çevresinde */
.section>.core-scene{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px clamp(24px,5vw,80px);align-items:center;max-width:none;width:100vw;margin:var(--an-s-8) 0 0 50%;translate:-50% 0;padding:clamp(56px,7vw,110px) var(--gutter-x);background:var(--an-sky-deep);color:var(--an-cream);overflow:hidden;isolation:isolate}
.core-scene::before{content:"";position:absolute;inset:-6% -22% -6% 42%;background:url("../sphere-silver.jpg") center/cover no-repeat;opacity:.2;mix-blend-mode:screen;pointer-events:none;z-index:-1}
.core-scene::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 66% 50%,#0b3a5e00 34%,#072b48 80%);pointer-events:none;z-index:-1}
.core-scene>*{max-width:none;margin-inline:0}
.core-copy{max-width:460px}
.core-copy .eyebrow{color:#cfd9df;margin-bottom:22px}
.core-title{margin-bottom:18px;font:400 clamp(40px,5.2vw,92px)/.95 var(--an-serif);letter-spacing:-.04em;color:#fff3d5}
.core-title em{font-style:italic;color:var(--an-silver)}
.core-copy>p:not(.eyebrow){max-width:400px;font-size:15px;line-height:1.7;color:#cfd9df}
.core-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:26px}
.v122-materials{display:flex;gap:4px;padding:4px;border:1px solid #f2ead826;border-radius:var(--an-r-pill)}
.v122-materials button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:0;border-radius:var(--an-r-pill);background:transparent;color:#cfd9df;font-size:13px;cursor:pointer;transition:background-color var(--an-d-fast),color var(--an-d-fast)}
.v122-materials button[aria-pressed="true"]{background:#f2ead822;color:var(--an-cream)}
.v122-materials i{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#f2f5f1,#80827a)}
.v122-materials [data-core-material="aurora"] i{background:linear-gradient(135deg,#2ec4b6,#6b4fbb)}
.core-reset{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid #f2ead83a;border-radius:var(--an-r-pill);background:transparent;color:var(--an-cream);font-size:13px;cursor:pointer;transition:background-color var(--an-d-fast)}
.core-reset:hover{background:#f2ead818}
.core-art{position:relative;height:clamp(320px,40vw,540px);margin-block:24px}
.core-stage{position:absolute;inset:0;cursor:grab;touch-action:pan-y;border-radius:var(--an-r-lg);outline-offset:-4px}
.core-stage.is-dragging{cursor:grabbing}
.core-image{position:absolute;width:min(720px,100%);height:100%;top:50%;left:50%;object-fit:contain;transform:translate(-50%,-50%);mix-blend-mode:screen;mask-image:radial-gradient(#000 32%,transparent 70%);-webkit-mask-image:radial-gradient(#000 32%,transparent 70%)}
.scene-canvas{position:absolute;inset:0;width:100%;height:100%;display:none;pointer-events:none}
.scene-ready .scene-canvas{display:block}
.scene-ready .core-image{display:none}
.scene-unavailable .core-reset{display:none}
.core-notes{position:absolute;inset:0;margin:0;padding:0;list-style:none;pointer-events:none}
.core-notes li{position:absolute;display:flex;flex-direction:column;gap:4px;font:var(--an-note);letter-spacing:.1em;text-transform:uppercase;color:#cfd9df}
.core-notes li::before{content:"";position:absolute;width:1px;background:#cfd9df66}
.core-notes strong{font:400 clamp(34px,3.6vw,64px)/1 var(--an-serif);letter-spacing:-.03em;text-transform:none;color:#fff3d5}
.core-notes strong span{font-size:.5em;margin-left:3px}
.core-note-a{left:0;top:40%}
.core-note-a::before{left:0;top:100%;height:min(80px,10vh);margin-top:8px}
.core-note-b{right:0;top:4%;align-items:flex-end;text-align:right}
.core-note-b::before{right:0;top:100%;height:min(60px,8vh);margin-top:8px}
.core-note-c{left:4%;bottom:-2%}
.core-note-c::before{left:0;bottom:100%;height:min(70px,9vh);margin-bottom:8px}
.core-caption{grid-column:1/-1;max-width:640px;margin-top:8px;font-size:12px;line-height:1.7;color:#cfd9dfb3}
@media(max-width:900px){.section>.core-scene{grid-template-columns:1fr}.core-art{height:min(88vw,460px)}.core-notes strong{font-size:26px}.core-note-a{left:0;top:0}.core-note-b{right:0;top:auto;bottom:0}.core-note-c{left:auto;right:0;top:0;align-items:flex-end;text-align:right}.core-note-c::before{left:auto;right:0;bottom:auto;top:100%;margin:8px 0 0}}

/* dikiş: Core'un yörüngesi lacivert sahneden kağıda taşar (tek çizgi, fark karışımı: lacivertte açık, kağıtta mürekkep) */
.company{overflow:visible}
.seam-ring{position:absolute;left:calc(var(--seam-x) * 1vw);top:0;width:min(34vw,420px);aspect-ratio:1;translate:-50% -50%;border:1px solid #e0d8c8;border-radius:50%;mix-blend-mode:difference;pointer-events:none;z-index:2;transform:rotate(calc((var(--section-progress,.5) - .5) * 60deg))}
.seam-ring i{position:absolute;left:50%;top:-4px;width:7px;height:7px;border-radius:50%;background:#e0d8c8;translate:-50% 0}
/* ---------- 8. Amacımız: üç kelime — Eriş. / Oluştur. / Herkes için. ------------------ */
.words{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:0 clamp(32px,5vw,96px)}
.words-stage{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;isolation:isolate}
.words-motif{position:absolute;left:52%;top:50%;width:min(52vw,760px);height:auto;max-width:none;translate:-50% -50%;opacity:.3;mix-blend-mode:multiply;pointer-events:none;z-index:-1;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 34%,transparent 68%);mask-image:radial-gradient(circle at 50% 50%,#000 34%,transparent 68%);transform:rotate(var(--words-turn,0deg));transition:transform 1.6s var(--an-ease)}
.words[data-step="1"] .words-motif{--words-turn:-14deg}.words[data-step="2"] .words-motif{--words-turn:-28deg}
.words-word{margin:0;font:400 var(--an-word)/.86 var(--an-serif);letter-spacing:-.06em;color:var(--an-ink);text-wrap:balance;transition:opacity .22s var(--an-ease),transform .22s var(--an-ease)}
.words-word.is-swap{opacity:0;transform:translateY(10px)}
.words-count{display:flex;gap:18px;align-items:center;margin-top:28px;font:var(--an-note);letter-spacing:.1em;color:var(--an-muted)}
.words-steps{margin:0;padding:0;list-style:none}
.words-steps li{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:40px 0;transition:opacity .5s var(--an-ease)}
.words-steps li:not(.is-active){opacity:.35}
.words-steps li::before{content:attr(data-word);display:none;margin-bottom:24px;font:400 clamp(64px,20vw,120px)/.9 var(--an-serif);letter-spacing:-.05em;color:var(--an-ink)}
.words-steps .index-label{display:block;margin-bottom:22px}
.purpose-lead{margin:0 0 18px;font:400 clamp(28px,2.8vw,46px)/1.1 var(--an-serif);letter-spacing:-.03em;color:var(--an-ink)}
.words-steps p:not(.index-label){max-width:44ch;font-size:clamp(15px,1.2vw,18px);line-height:1.75;color:var(--an-muted)}
.words-steps .text-link{margin-top:12px}
.company-body{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(28px,5vw,80px);align-items:start;margin-top:var(--an-s-7)}
.figure-portrait{position:relative;margin:0;width:min(100%,320px);aspect-ratio:3/4;overflow:hidden;background:#0a2540;isolation:isolate}
.figure-portrait img{width:100%;height:100%;object-fit:cover;transform:translateY(calc((var(--section-progress,.5) - .5) * -20px)) scale(1.05)}
.figure-portrait figcaption{position:absolute;left:0;bottom:0;z-index:2;padding:8px 12px;background:#f5efe3e6;font:var(--an-note);letter-spacing:.06em;text-transform:uppercase;color:var(--an-ink-day)}
html.js-reveal .figure-portrait img{clip-path:inset(0 0 100% 0);transition:clip-path 1.1s var(--an-ease-scene),transform .2s linear}
html.js-reveal .figure-portrait.is-in img{clip-path:inset(0 0 0 0)}
.disclosure{border-top:1px solid var(--an-line);border-bottom:1px solid var(--an-line)}
.disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;padding:22px 0;min-height:64px;font:400 clamp(19px,1.5vw,24px)/1.35 var(--an-serif);letter-spacing:-.01em;color:var(--an-ink);cursor:pointer}
.disclosure>summary::-webkit-details-marker{display:none}
.disclosure>summary>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border:1px solid var(--an-line);border-radius:50%;font:400 16px/1 var(--an-sans);transition:transform var(--an-d-base) var(--an-ease)}
.disclosure[open]>summary>span{transform:rotate(45deg)}
.disclosure-body{padding:8px 0 40px}
.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:8px}
.principle{padding:24px 0 8px;border-top:1px solid var(--an-line)}
.principle .index-label{display:block;margin-bottom:16px}
.principle h3{margin-bottom:12px;font-size:22px}
.principle p{font-size:15px;line-height:1.75;color:var(--an-muted)}
.company-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:var(--an-s-6)}
.company-map>div{padding-top:18px;border-top:1px solid var(--an-line)}
.company-map .index-label{display:block;margin-bottom:12px}
.company-map a{display:inline-flex;gap:10px;font:400 22px/1.2 var(--an-serif);color:var(--an-ink)}
.company-map a:hover{color:var(--an-accent)}
.company-map p{margin-top:10px;font-size:14px;line-height:1.7;color:var(--an-muted)}
.vision-note{margin-top:var(--an-s-5);font-size:13px;line-height:1.7;color:var(--an-muted)}
@media(max-width:900px){.words{grid-template-columns:1fr}.words-stage{display:none}.words-steps li{min-height:0;padding:56px 0 24px;border-top:1px solid var(--an-line)}.words-steps li:not(.is-active){opacity:1}.words-steps li::before{display:block}.company-body{grid-template-columns:1fr}.figure-portrait{width:min(100%,260px)}.principles{grid-template-columns:1fr}.company-map{grid-template-columns:1fr}}

/* ---------- 9. Kurucu: dört tam ekran an -------------------------------------------
   Sahne arkada yapışkan, her an kendi kadrajı: Sınırlar (daralan çerçeve, küçük nesne),
   Bekleyiş (zaman, boşluk, yavaş yörünge), İlk cevap (tek küçük satır), Yön (çerçeve
   açılır). Metin her anda ekranın alt sol köşesinde tek başına. */
.founder-head{max-width:900px}
.founder-head .eyebrow{margin-bottom:22px}
.founder-lede{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px clamp(32px,6vw,120px);align-items:end;margin-top:var(--an-s-7)}
.founder-monogram{margin:0 0 10px;font:italic 400 clamp(96px,11vw,180px)/.85 var(--an-serif);letter-spacing:-.07em;color:var(--an-ink)}
.founder-monogram span{color:var(--an-gold-ink)}
.founder-id h3{font-size:clamp(22px,2vw,28px)}
.founder-role{margin-top:6px;font-size:13px;color:var(--an-muted)}
.founder-description{max-width:420px;margin-top:16px;font-size:14px;line-height:1.75;color:var(--an-muted)}
.founder-statement .lead{margin-bottom:16px;font-size:clamp(22px,2.2vw,32px);line-height:1.3}
.founder-statement p:not(.lead){font-size:16px;color:var(--an-muted)}
.journey{position:relative;margin-top:var(--an-s-8)}
.journey-stage{position:sticky;top:0;height:100svh;z-index:0;overflow:hidden;isolation:isolate}
.moment-frame{position:absolute;inset:var(--frame-inset,18%);border:1px solid #14283a59;display:grid;place-items:center;transition:inset 1.4s var(--an-ease-scene)}
.moment-frame::before{content:"";position:absolute;inset:0;background:var(--an-hatch);opacity:var(--frame-hatch,.35);transition:opacity 1s}
.journey-motif{width:min(52vh,52vw);height:auto;max-width:none;opacity:.6;transform:scale(var(--motif-scale,.5)) rotate(var(--motif-turn,0deg));transition:transform 1.4s var(--an-ease-scene),opacity 1s var(--an-ease)}
.moment-answer{position:absolute;display:flex;align-items:center;gap:12px;font:var(--an-note);letter-spacing:.14em;text-transform:uppercase;color:var(--an-ink);opacity:var(--answer-opacity,0);transition:opacity 1s .3s}
.moment-answer i{width:56px;height:1px;background:var(--an-ink)}
.moment-answer::after{content:"";width:2px;height:14px;background:var(--an-ink);animation:versatil-caret 1.1s steps(1) infinite}
.journey-meta{position:absolute;left:0;top:calc(var(--header-h) + 8px);display:flex;flex-direction:column;gap:4px}
.journey-num{font:400 clamp(72px,9vw,150px)/.85 var(--an-serif);letter-spacing:-.06em;color:var(--an-ink);transition:opacity .16s,transform .16s}
.journey-num.is-swap{opacity:0;transform:translateY(8px)}
.journey-cue{margin-top:10px;font:400 clamp(20px,2vw,30px)/1.1 var(--an-serif);color:var(--an-muted)}
.journey-count{margin-top:12px;font:var(--an-note);letter-spacing:.1em;color:var(--an-muted)}
.journey[data-step="0"]{--frame-inset:16% 12% 16% 30%;--motif-scale:.46;--frame-hatch:.5}
.journey[data-step="1"]{--frame-inset:24% 20% 24% 38%;--motif-scale:.1;--orbit-opacity:1;--frame-hatch:.12}
.journey[data-step="2"]{--frame-inset:26% 22% 26% 40%;--motif-scale:.1;--answer-opacity:1;--orbit-opacity:1;--frame-hatch:0}
.journey[data-step="3"]{--frame-inset:4% 2% 4% 2%;--motif-scale:1.05;--motif-turn:-18deg;--orbit-opacity:.5;--frame-hatch:0}
.journey[data-step="1"] .journey-motif,.journey[data-step="2"] .journey-motif{opacity:0}
.journey-steps{position:relative;z-index:1;margin:-100svh 0 0;padding:0;list-style:none}
.journey-steps li{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;max-width:520px;padding:0 0 12svh;transition:opacity .5s var(--an-ease)}
.journey-steps li:not(.is-active){opacity:0}
.journey-steps .index-label{display:block;margin-bottom:18px}
.journey-steps h3{margin-bottom:14px;font-size:clamp(34px,4vw,64px);letter-spacing:-.035em}
.journey-steps p{max-width:42ch;font-size:clamp(16px,1.25vw,19px);line-height:1.7;color:var(--an-muted)}
.practice{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px clamp(24px,4vw,64px);margin-top:var(--an-s-8)}
.practice>div:first-child h3{margin-top:12px;font-size:clamp(28px,3vw,42px)}
.practice-items{display:grid;gap:0}
.practice-items article{padding:18px 0;border-top:1px solid var(--an-line)}
.practice-items article:last-child{border-bottom:1px solid var(--an-line)}
.practice-items h4{margin-bottom:6px;font-size:16px}
.practice-items p{font-size:14px;line-height:1.7;color:var(--an-muted)}
@media(max-width:900px){.founder-lede{grid-template-columns:1fr}.journey-stage{height:80svh}.journey-meta{top:calc(var(--header-h) + 4px)}.journey[data-step] {--frame-inset:18% 6% 22% 34%}.journey[data-step="3"]{--frame-inset:6% 4% 8% 4%}.journey-steps{margin-top:-80svh}.journey-steps li{min-height:80svh;padding-bottom:8svh}.practice{grid-template-columns:1fr}}

/* ---------- 10. Bakış: nefes alanı --------------------------------------------- */
.journal-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:auto;gap:clamp(24px,3.5vw,56px) clamp(16px,2.5vw,40px);align-items:start}
.journal-head{position:relative;grid-column:1/8;grid-row:1;z-index:2;padding-bottom:clamp(24px,4vw,64px)}
.journal-head::before{content:"";position:absolute;left:-14%;top:calc(-1 * var(--an-s-9) - 120px);width:min(48vw,560px);aspect-ratio:1;background:url("../sphere-ink.png") center/contain no-repeat;opacity:.15;pointer-events:none;z-index:-1;transform:rotate(-24deg)}
.journal-head .eyebrow{margin-bottom:22px}
.journal-head .section-lede{margin-top:22px}
.journal-head .text-link{margin-top:8px}
.journal-card{display:block;color:inherit}
.journal-card.is-sky{grid-column:9/13;grid-row:1/3;z-index:1;padding-top:clamp(24px,4vw,64px)}
.journal-card.is-lead{grid-column:1/13;grid-row:2;z-index:2}
.journal-card.is-birds{grid-column:1/5;grid-row:3}
.journal-note{grid-column:6/10;grid-row:3;align-self:end;max-width:360px;padding-bottom:6px;font-size:13px;line-height:1.7;color:var(--an-muted)}
.journal-cover{position:relative;overflow:hidden;background:#0a2540}
.journal-card.is-lead .journal-cover{aspect-ratio:21/9}
.journal-card.is-sky .journal-cover{aspect-ratio:3/4}
.journal-card.is-birds .journal-cover{aspect-ratio:4/3}
.journal-cover img{width:100%;height:100%;object-fit:cover;transform:translateY(var(--story-image-y,0)) scale(1.08);transition:transform .8s var(--an-ease)}
.journal-card:hover .journal-cover img{transform:translateY(var(--story-image-y,0)) scale(1.12)}
.journal-caption{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 18px;align-items:baseline;padding:14px 2px 0}
.journal-kicker{grid-row:1/3;align-self:start;padding-top:6px}
.journal-caption h3{font-size:clamp(22px,1.9vw,28px)}
.journal-caption p{grid-column:2;font-size:14px;line-height:1.6;color:var(--an-muted)}
.journal-card.is-lead .journal-caption{max-width:640px}
@media(max-width:900px){.journal-mosaic{grid-template-columns:1fr;gap:28px}.journal-head,.journal-card.is-lead,.journal-card.is-sky,.journal-card.is-birds,.journal-note{grid-column:1;grid-row:auto;padding-top:0}.journal-card.is-lead .journal-cover{aspect-ratio:4/3}.journal-card.is-sky .journal-cover{aspect-ratio:4/5}}

/* ---------- 11. Sorular ----------------------------------------------------------- */
.questions-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px clamp(32px,5vw,96px);align-items:start}
.questions-head{position:sticky;top:120px}
.questions-head .eyebrow{margin-bottom:22px}
.questions h2{font-size:clamp(44px,5.4vw,84px);letter-spacing:-.04em;line-height:.98}
.questions h2 em{font-style:italic;color:var(--an-muted)}
.answers{border-top:1px solid var(--an-line)}
.answers details{border-bottom:1px solid var(--an-line)}
.answers summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;list-style:none;cursor:pointer;font:400 clamp(19px,1.5vw,24px)/1.35 var(--an-serif);letter-spacing:-.01em;color:var(--an-ink)}
.answers summary::-webkit-details-marker{display:none}
.answers summary span{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid var(--an-line);border-radius:50%;font:400 16px/1 var(--an-sans);transition:transform var(--an-d-base) var(--an-ease),background-color var(--an-d-fast)}
.answers details[open] summary span{transform:rotate(45deg);background:var(--an-ink-day);color:#f2ead8;border-color:var(--an-ink-day)}
.answers p{max-width:640px;padding-bottom:22px;font-size:15px;line-height:1.8;color:var(--an-muted)}
.answers a{display:inline-flex;align-items:center;min-height:32px;margin-bottom:16px;font-size:14px;color:var(--an-ink)}
.answers a:hover{color:var(--an-accent)}
@media(max-width:900px){.questions-layout{grid-template-columns:1fr}.questions-head{position:static}}

/* ---------- 12. Alt bilgi: küre son hâli — ince yörünge ve nokta ------------------------ */
.site-footer{position:relative;margin-top:var(--an-s-6);padding:60px var(--gutter-x) 40px;background:var(--an-marble);color:var(--an-ink-day);overflow:hidden}
.site-footer>*{position:relative;max-width:var(--container);margin-inline:auto}
.footer-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding-bottom:40px;border-bottom:1px solid #14283a26}
.footer-top .wordmark span{font:500 clamp(110px,17vw,260px)/.82 var(--an-sans);letter-spacing:-.075em;color:var(--an-ink-day)}
.footer-top .wordmark .brand-period{color:var(--an-gold-ink)}
.footer-top p{grid-column:1;max-width:360px;font-size:16px;line-height:1.6;color:#425160}
.footer-cta{grid-column:2;grid-row:1/3;align-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.footer-orbit{position:absolute;right:-4%;top:-16%;width:min(34vw,420px);fill:none;stroke:#14283a;stroke-width:.4;opacity:.6;pointer-events:none;transform:rotate(calc((var(--section-progress,.5) - .5) * 30deg))}
.footer-orbit .orbit-dot{fill:var(--an-gold-ink);stroke:none}
.back-top{display:grid;place-items:center;width:44px;height:44px;border:1px solid #14283a33;border-radius:50%;color:var(--an-ink-day);transition:background-color var(--an-d-fast),color var(--an-d-fast)}
.back-top:hover{background:var(--an-ink-day);color:var(--an-cream)}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding-top:24px;font-size:13px;color:#425160}
.footer-bottom nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.footer-bottom a{display:inline-block;padding:6px 0;color:#425160;transition:color var(--an-d-fast)}
.footer-bottom a:hover{color:var(--an-ink-day)}
@media(max-width:760px){.footer-top{grid-template-columns:1fr}.footer-cta{grid-column:1;grid-row:auto;flex-direction:row;align-items:center}.footer-orbit{width:60vw;right:-20%;top:-6%}}

/* ---------- 13. Yaşayan Aners nesnesi (V44) ----------------------------------------------
   Tek nesne, sayfa boyunca hâl değiştirir: tablodaki küre → madalyon → kontur → token noktaları → çizgisel ağ →
   metal çekirdek (Core) → gravür halkası → mürekkep / eksik daire → ince iz → sade sembol.
   .obj kapsayıcısı katmanları üst üste taşır; hangi katmanın göründüğünü data-material söyler. Sayfa durumu
   (html[data-object]) ui.js'te tek ölçümle yazılır; yoldaş (sabit köşe) bu durumu taşır, etkileşim (tokenizer)
   kısa süreliğine malzemeyi değiştirir. Yalnızca opacity + transform. */
.obj{position:relative;isolation:isolate}
.obj>img,.obj>svg{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .9s var(--an-ease),transform 1.3s var(--an-ease-scene)}
.obj>svg{fill:none;stroke:var(--an-ink-day);stroke-width:.6;overflow:visible}
.obj .obj-dots{fill:var(--an-gold-ink);stroke:none}
.obj .obj-net{stroke-width:.45}
.obj .obj-photo,.obj .obj-metal{object-fit:cover;border-radius:50%}
.obj .obj-metal{-webkit-mask-image:radial-gradient(#000 40%,transparent 70%);mask-image:radial-gradient(#000 40%,transparent 70%)}
.obj .obj-silver{object-fit:cover;-webkit-mask-image:radial-gradient(circle,#000 34%,transparent 47%);mask-image:radial-gradient(circle,#000 34%,transparent 47%)}
/* malzemeler */
/* dikişteki madalyon akışa girmez: .obj'nin position:relative'i bu elemanda absolute kalır */
.sphere-medal.obj{position:absolute}
.obj[data-material="photo"] .obj-photo{opacity:1}
.obj[data-material="contour"] .obj-contour{opacity:1}
.obj[data-material="contour"] .obj-photo{opacity:.12}
.obj[data-material="tokens"] .obj-contour{opacity:.9}
.obj[data-material="tokens"] .obj-dots{opacity:1;animation:obj-spin 6s linear infinite}
.obj[data-material="tokens"] .obj-photo{opacity:.08}
.obj[data-material="net"] .obj-contour{opacity:.5}
.obj[data-material="net"] .obj-net,.obj[data-material="net"] .obj-dots{opacity:1}
.obj[data-material="net"] .obj-orbit{opacity:.6}
.obj[data-material="metal"] .obj-silver,.obj[data-material="metal"] .obj-metal{opacity:1}
.obj[data-material="metal"] .obj-orbit{opacity:.55;transform:scale(.72)}
.obj[data-material="pocket"] .obj-contour{opacity:1;transform:scale(.58)}
.obj[data-material="pocket"] .obj-orbit{opacity:1;transform:scale(.66)}
.obj[data-material="engrave"] .obj-contour{opacity:.8}
.obj[data-material="engrave"] .obj-orbit{opacity:.9;transform:scale(1.08)}
.obj[data-material="symbol"] .obj-orbit{opacity:1}
.obj[data-material="symbol"]::after{content:"";position:absolute;left:50%;top:50%;width:18%;height:18%;border-radius:50%;background:var(--an-ink-day);translate:-50% -50%}
@keyframes obj-spin{to{rotate:360deg}}
/* Versatil dikişindeki madalyon: token'lar yüzeye dokunduğunda malzeme değişir; sonra metal çekirdeğe yaklaşır */
.sphere-medal .obj-silver{transform:scale(1.36)}
.sphere-medal[data-material="tokens"] .obj-dots{transform:scale(.62)}
.sphere-medal[data-material="net"] .obj-net,.sphere-medal[data-material="net"] .obj-dots{transform:scale(.62)}
.sphere-medal[data-material="metal"] .obj-photo{opacity:.35}
.sphere-medal[data-material="metal"] .obj-orbit{opacity:.7;transform:scale(.9)}
/* yoldaş: sabit köşe, sayfa boyunca taşıyıcı */
.core-companion{position:fixed;right:28px;bottom:28px;z-index:var(--an-z-ui);width:72px;height:72px;pointer-events:none;opacity:0;transform:scale(.4);transition:opacity .7s var(--an-ease),transform 1.1s var(--an-ease-scene)}
.core-companion>svg{stroke:var(--an-ink-day)}
html:not(.surface-day):not(.surface-footer) .core-companion>svg{stroke:var(--an-cream)}
.core-companion[data-stage="seed"]{opacity:1;transform:scale(.8)}
.core-companion[data-stage="grow"]{opacity:1;transform:scale(1.5)}
.core-companion[data-stage="edge"]{opacity:.85;transform:scale(.7) translateX(22%)}
.core-companion[data-stage="return"]{opacity:1;transform:scale(1)}
.core-companion.is-pulse::before{content:"";position:absolute;inset:-4px;border:1px solid var(--an-gold-ink);border-radius:50%;animation:seed-ring 1.4s var(--an-ease) both}
body.v5-chat-focus .core-companion{opacity:0}
@media(max-width:760px){.core-companion{display:none}}
/* Nasıl çalışır: aynı nesnenin üç hâli, plakaların köşesinde (çizgisel/parçalı · metal · sıkıştırılmış) */
.obj-mini{position:absolute;right:6%;top:7%;width:22%;aspect-ratio:1;z-index:2}
.obj-mini>svg{stroke:var(--an-ink-day)}
/* Core sahnesi: dönüşüm anı — yörüngeler sıkışır, çizgiler birleşir, küre çekirdeğe döner */
.core-morph{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:3}
.core-morph>svg,.core-morph>img{position:absolute;width:min(72%,520px);height:auto;aspect-ratio:1;left:50%;top:50%;translate:-50% -50%}
.core-morph>svg{fill:none;stroke:#e8e2d4;stroke-width:.5;overflow:visible}
.core-morph>img{opacity:.7;filter:invert(1) brightness(1.4)}
.core-scene .core-stage{transition:opacity 1.2s var(--an-ease),transform 1.6s var(--an-ease-scene)}
html.motion-on .core-scene:not(.is-morph) .core-stage{opacity:0;transform:scale(.82)}
html.motion-on .core-scene.is-morph .core-stage{transition-delay:1.1s}
.core-scene.is-morph .core-morph>svg{animation:morph-orbit 2.2s var(--an-ease-scene) both}
.core-scene.is-morph .core-morph>img{animation:morph-sphere 2s var(--an-ease-scene) both}
@keyframes morph-orbit{0%{opacity:1;transform:scale(1.5) rotate(0deg)}70%{opacity:.8;transform:scale(.55) rotate(140deg)}100%{opacity:0;transform:scale(.3) rotate(200deg)}}
@keyframes morph-sphere{0%{opacity:.75;transform:scale(1.15)}60%{opacity:.5;transform:scale(.7) skewX(-8deg)}100%{opacity:0;transform:scale(.35)}}
html:not(.motion-on) .core-morph,:is(.motion-paused,.v10-safe-mode) .core-morph{display:none}
/* Amacımız: gravür halkası — Core'dan soyutlaşan büyük dairesel motif; kelimeler çevresinde yaşar */
.words-stage::before{content:"";position:absolute;left:52%;top:50%;width:min(58vw,820px);aspect-ratio:1;translate:-50% -50%;border:1px solid #14283a4d;border-radius:50%;z-index:-1;transform:rotate(calc(var(--section-progress,.5) * 90deg))}
.words-stage::after{content:"";position:absolute;left:52%;top:50%;width:min(58vw,820px);aspect-ratio:1;translate:-50% -50%;border:1px dashed #14283a26;border-radius:50%;z-index:-1;transform:rotate(calc(var(--section-progress,.5) * -60deg)) scale(.72)}
/* Kurucu: eksik daire — beklerken açık kalır, ilk cevapta tamamlanır */
.moment-orbit{position:absolute;width:min(58vh,58vw);aspect-ratio:1;fill:none;stroke:#14283a80;stroke-width:.5;opacity:var(--orbit-opacity,0);transition:opacity 1s;overflow:visible}
.moment-orbit circle:first-child{stroke-dasharray:100;stroke-dashoffset:var(--ring-gap,0);transition:stroke-dashoffset 1.8s var(--an-ease-scene)}
.moment-orbit .moment-dot{fill:var(--an-gold-ink);stroke:none}
.journey[data-step="1"]{--ring-gap:26}
.journey[data-step="2"]{--ring-gap:0}
/* Bakış: nesne neredeyse kaybolur — fotoğrafların arasından geçen ince iz */
.journal-trace{position:absolute;left:-6%;top:-4%;width:112%;height:auto;aspect-ratio:1;fill:none;stroke:#14283a;stroke-width:.5;opacity:.2;pointer-events:none;z-index:0;transform:rotate(calc((var(--section-progress,.5) - .5) * 20deg))}
.journal-mosaic{position:relative}
.journal-card,.journal-head,.journal-note{position:relative;z-index:1}
/* Final: iz → yörünge → sade küre → sembol */
.footer-orbit .orbit-core{fill:var(--an-ink-day);stroke:none}
.footer-symbol{display:inline-grid;place-items:center;width:.34em;height:.34em;margin-left:.1em;border:1px solid var(--an-ink-day);border-radius:50%;vertical-align:.14em}
.footer-symbol i{width:34%;height:34%;border-radius:50%;background:var(--an-ink-day)}

/* ---------- 14. Hareket kuralları ------------------------------------------------------ */
:is(.motion-paused,.v10-safe-mode) .figure-portrait img{clip-path:none!important;transform:none!important}
:is(.motion-paused,.v10-safe-mode) :is(.sphere-medal,.words-motif,.journey-motif,.footer-orbit,.hero-orbit,.depth-contour){transform:none!important}
:is(.motion-paused,.v10-safe-mode) :is(.words-steps li,.journey-steps li){opacity:1!important}
:is(.motion-paused,.v10-safe-mode) :is(.core-orbit,.moment-orbit){animation:none!important}
:is(.motion-paused,.v10-safe-mode) :is(.token-chip,.flow-stage,.core-seed,.route-wire,.route-wire::before,.core-seed::after,.core-seed img,.ask-answer,.ask-shatter span){animation:none!important}
:is(.motion-paused,.v10-safe-mode) .seam-ring{transform:none!important}
:is(.motion-paused,.v10-safe-mode) .core-companion{transition:none}
:is(.motion-paused,.v10-safe-mode) :is(.obj>img,.obj>svg,.moment-orbit circle){transition:none!important;animation:none!important}
:is(.motion-paused,.v10-safe-mode) :is(.words-stage::before,.words-stage::after,.journal-trace){transform:none!important}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
 .figure-portrait img{clip-path:none!important;transform:none!important}
 .journal-cover img,.sphere-medal,.words-motif,.journey-motif,.footer-orbit,.depth-contour,.seam-ring,.journal-trace{transform:none!important}
 .core-morph{display:none}
 .ask-shatter{display:none}
 .words-steps li,.journey-steps li{opacity:1!important}
 .gl{display:none!important}
}

/* ---------- 15. Mobil: sinematik hero telefonda da ---------------------------------------- */
@media(max-width:980px){
 :root{--ui-mbottom:150px;--an-display:clamp(42px,11.4vw,96px);--an-display-xl:clamp(44px,13vw,110px);--an-word:clamp(56px,17vw,120px)}
 html.cinema-on :is(.hero-copy,.story-scene-2,.story-scene-3,.story-scene-4){position:absolute;left:20px;right:20px;top:auto;bottom:var(--ui-mbottom);width:auto;max-width:none;margin:0;padding:0;text-align:left;translate:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}
 html.cinema-on .hero-copy{top:calc(var(--header-h) + 8px);bottom:auto;z-index:var(--an-z-copy);justify-content:flex-start}
 html.cinema-on .hero-copy>*{width:100%;max-width:none}
 html.cinema-on .story-scene-2{translate:0 var(--story-second-y)}
 html.cinema-on .story-scene-3{translate:0 var(--story-final-y,38px)}
 .hero h1{font-size:clamp(48px,15vw,92px);line-height:.9;order:1}
 .hero-line-2{margin-left:8vw}
 .sphere-front .hero-sphere{z-index:3}
 .hero-description{order:2;margin:16px 0 0;font-size:14px;max-width:none}
 .hero-actions{order:3;margin:18px 0 0}
 .hero-note{right:20px;bottom:calc(var(--ui-mbottom) - 60px);font-size:10px}
 .story-title{font-size:clamp(38px,11vw,64px);line-height:.94;margin-bottom:14px}
 .story-scene-2>p:last-child,.story-scene-3>p:last-child,.story-scene-4>p:last-child{max-width:none;margin-top:12px;font-size:15px;line-height:1.55}
 html.cinema-on .story-cta{display:block;left:20px;right:auto;top:auto;bottom:calc(var(--ui-mbottom) - 66px);transform:none}
 html.cinema-on .scroll-hint{display:none!important}
 html.cinema-on .film-controls{right:20px;bottom:22px}
 html.cinema-on .stage-foot{height:58%;background:linear-gradient(0deg,var(--an-sky-deep) 0%,#072b48e6 26%,#072b4899 55%,transparent 100%)}
 html.cinema-on .stage-wash{background:linear-gradient(0deg,#f4eee2f7 0%,#f4eee2ea 36%,#f4eee28c 60%,#f4eee200 80%)}
 html.cinema-on .painted-scene:after{background:linear-gradient(180deg,#063453d9,#0634538c 40%,#06345330 70%,#06345300)}
 html.cinema-on .stage-light{opacity:calc(.1 + var(--scene-focus,0)*.4)}
 .stage .stage-poster,.stage .stage-video{object-position:69% 65%}
 html:not(.cinema-on) .hero{padding-inline:20px}
 .ask-title{font-size:clamp(56px,15vw,110px)}
 .ask-field{font-size:clamp(24px,6.4vw,40px)}
}
@media(max-width:980px) and (max-height:640px){:root{--ui-mbottom:126px}html.cinema-on .hero-description{display:none}}
@media(max-width:760px){.stage .stage-poster,.stage .stage-video{object-position:64% 62%}}
@media(max-width:420px){main .section h2.display,.ask-title,.words-word,.story-title{overflow-wrap:anywhere}}