/* Material system, informed by the live Artfiction glass-nav styles.
   Thin light edges, actual backdrop blur, no dark bevel or sampled scene layer. */
:root{--glass-edge:inset 0 1px 0 #f5f6f429,inset 0 0 0 1px #f5f6f412;--glass-blur:blur(24px) brightness(1.08) saturate(1.45)}
.liquid{background:#f5f6f409;border:1px solid transparent;box-shadow:var(--glass-edge);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}
.nav{background:rgba(18,18,22,.2);border-color:transparent;box-shadow:0 4px 18px #00000016,var(--glass-edge);backdrop-filter:blur(36px) brightness(1.15) saturate(1.7);-webkit-backdrop-filter:blur(36px) brightness(1.15) saturate(1.7);text-shadow:none;transition:top .24s,background .22s,box-shadow .22s}
.nav[data-theme=dark]{background:rgba(18,18,22,.2);color:#f5f6f4;--nav-ink:#f5f6f4;border-color:transparent;box-shadow:0 4px 18px #00000016,var(--glass-edge)}
.nav[data-surface=photo]{background:rgba(18,18,22,.42);backdrop-filter:blur(36px) brightness(1) saturate(1.45);-webkit-backdrop-filter:blur(36px) brightness(1) saturate(1.45)}
.nav[data-theme=light]{background:rgba(251,251,251,.76);color:#292724;--nav-ink:#292724;border-color:#2927240d;box-shadow:0 4px 18px #29272408,inset 0 1px #ffffffa6,inset 0 0 0 1px #ffffff33;backdrop-filter:blur(36px) saturate(1.3);-webkit-backdrop-filter:blur(36px) saturate(1.3)}
.nav .hub-apps__panel{color:var(--ha-ink)}
.nav .nav-login,.nav[data-theme=light] .nav-login{background:#f5f6f409;color:var(--nav-ink);border:1px solid #f5f6f41c;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.nav .nav-login:hover{background:#ffffff16;box-shadow:none;transform:translateY(-1px)}
.nav[data-theme=light] .nav-login{border-color:#2927241f;background:#29272404}.nav[data-theme=light] .nav-login:hover{background:#2927240a}
.btn.liquid,.hero-primary{background:#f5f6f40d;border-color:transparent;box-shadow:var(--glass-edge);backdrop-filter:blur(20px) brightness(1.12) saturate(1.45);-webkit-backdrop-filter:blur(20px) brightness(1.12) saturate(1.45)}
.btn.liquid:hover,.hero-primary:hover{background:#f5f6f41c;box-shadow:inset 0 1px #ffffff45,inset 0 0 0 1px #ffffff24;transform:translateY(-2px)}
.nav .btn.liquid{background:#f5f6f409;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.nav .btn.liquid:hover{background:#ffffff16;box-shadow:none}
.sector-choice{background:#f5f6f40a;border-color:transparent;box-shadow:var(--glass-edge)}
.sector-choice:hover{background:#f5f6f417;box-shadow:var(--glass-edge)}
.sector-choice[aria-selected=true]{background:#f5f6f41c;border-color:#f5f6f41a;box-shadow:inset 0 1px #ffffff3d,inset 0 0 0 1px #ffffff17}
.o-chat{background:#16161a40;border-color:#ffffff1c;box-shadow:var(--glass-edge);backdrop-filter:blur(16px) brightness(1.05) saturate(1.3);-webkit-backdrop-filter:blur(16px) brightness(1.05) saturate(1.3)}
.light-chapter .liquid,.orbit-caption{background:#ffffff60;border-color:#29272412;box-shadow:inset 0 1px #ffffffaa,inset 0 0 0 1px #ffffff50;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2)}
.light-chapter .btn.liquid:hover{background:#ffffffa6;box-shadow:inset 0 1px #fff,inset 0 0 0 1px #ffffff70}
.pricing-cta,.footer-start{background:#f5f6f410;border:1px solid #ffffff18;box-shadow:var(--glass-edge);backdrop-filter:blur(20px) brightness(1.1) saturate(1.4);-webkit-backdrop-filter:blur(20px) brightness(1.1) saturate(1.4)}
.pricing-cta:hover,.footer-start:hover{background:#f5f6f423;border-color:#ffffff30;box-shadow:var(--glass-edge)}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more),(forced-colors:active){.liquid,.nav,.nav[data-surface=photo],.pricing-cta,.footer-start{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.liquid{background:#171719;color:#fff;border-color:#aaaaaa}.nav[data-theme=dark],.nav[data-surface=photo]{background:#171719}.nav[data-theme=light],.light-chapter .liquid,.orbit-caption{background:#fbfbfb;color:#292724;border-color:#79736f}.o-chat{background:#171719}.sector-choice[aria-selected=true]{background:#3e3e42;color:#fff}.pricing-cta,.footer-start{background:#fbfbfb;color:#292724}}

/* Ortak metin ritmi ve kapanış bileşenleri. */
body{}h1,h2,h3{}
.hero-copy p,.showcase-caption>p,.story-copy>p,.setup-copy>p,.setup-panel>p,.v-faq details>p{}
.footer-assistant h2{}.footer-assistant p{margin-top:12px;}.footer-start{margin-top:16px}
.nav-links>li>a{padding-inline:9px}.nav-in{gap:15px}.nav-identity{gap:20px}
.pricing-panel{grid-template-columns:1fr 1fr}
.pricing-scope,.pricing-offer{padding:28px 30px;display:flex;flex-direction:column}
.pricing-scope-top,.pricing-offer-top{height:29px;display:flex;align-items:center;font-size:12px}
.pricing-scope-top{color:#777174}
.pricing-scope h3,.pricing-offer h3{font-size:clamp(27px,2.4vw,34px);letter-spacing:-.025em}
.pricing-scope h3{margin-top:18px}.pricing-offer-copy{padding:18px 0 24px}
.pricing-features{margin:22px 0 26px;gap:12px}.pricing-volume{margin-top:auto}.pricing-offer-bottom{padding-top:19px}
.pricing-cta,.pricing-select select{min-height:46px}.pricing-offer-copy>p{}
.light-chapter .setup-copy .btn{background:#e8332e;color:#fff;border-color:#e8332e;box-shadow:inset 0 1px #ffffff35;backdrop-filter:none;-webkit-backdrop-filter:none}
.light-chapter .setup-copy .btn:hover{background:#cf2824;color:#fff;box-shadow:inset 0 1px #ffffff35}
.setup-tabs button[aria-selected=true]{background:#e8332e;color:#fff;box-shadow:inset 0 1px #ffffff30}
.setup-tabs button:hover{background:#e8332e13;color:#b82b27}.setup-tabs button[aria-selected=true]:hover{background:#cf2824;color:white}
.setup-copy>p{max-width:425px;margin:20px 0 23px}.setup-panel>p{margin-top:12px}
.setup-window{position:relative;min-height:0;height:auto;padding-bottom:25px}
.setup-panel{min-height:334px}.setup-panel[hidden]{display:none}
.setup-playback{position:absolute;right:16px;bottom:12px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #e8332e25;border-radius:50%;color:#b82b27;background:#e8332e08;cursor:pointer;transition:background .2s}
.setup-playback:hover{background:#e8332e18}.setup-playback:focus-visible{outline:2px solid #e8332e;outline-offset:3px}
.footer-bottom .gm-mark{--icon:22px!important;--pad:9px!important;--gap:8px!important;--wm-h:21px!important;--wm-w:76px!important;min-width:40px;min-height:40px}
.footer-bottom .gm-bloom{display:none}.footer-bottom .gm-rim{opacity:.3}
html{overflow-anchor:none}
@media(min-width:801px) and (max-width:1100px){.nav-identity{gap:12px}.nav-links{font-size:11px}.nav-links>li>a{padding-inline:7px}.nav .brand{font-size:23px}.nav-cta .btn{padding-inline:12px}}
@media(max-width:800px){.pricing-scope,.pricing-offer{padding:24px 22px}.pricing-scope h3,.pricing-offer h3{font-size:28px}.setup-window{min-height:0}.setup-panel{min-height:334px}.hero-art canvas{filter:none}.liquid{backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3)}}
@media(max-width:600px){.pricing-scope,.pricing-offer{padding:23px 20px}.pricing-scope h3,.pricing-offer h3{font-size:28px}.pricing-offer-copy{padding-bottom:26px}.pricing-offer-bottom{padding-top:0}.pricing-heading>p{}}
@media(max-width:480px){.setup-window{padding:20px 18px;min-height:0}.setup-panel{min-height:334px}.setup-copy>p{font-size:14px}.setup-tabs button{min-height:40px}.footer-bottom{gap:12px}.o-msg p{}.footer-assistant h2{}}
@media(prefers-reduced-motion:reduce){.story-stage:after{display:none}}
html[data-motion=reduce] .story-stage:after{display:none}

.pricing-scope{border:1px solid transparent}
@media(max-width:600px){.pricing-panel{grid-template-columns:1fr}.pricing-scope{border-color:transparent}}

/* Ortak kırmızı yüzey: sıcak ışık, derin kırmızı ve ince statik doku. */
:root{--red-surface:radial-gradient(ellipse at 12% 0%,#f46347 0%,transparent 65%),linear-gradient(135deg,#e8332e 20%,#c0262d 78%,#9d2632);--surface-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.7' d='M0 0h140v140H0z'/%3E%3C/svg%3E")}
.light-chapter .setup-copy .btn,.setup-tabs button[aria-selected=true],.hero-actions .hero-primary,.pricing-offer .pricing-cta,.footer-start{position:relative;isolation:isolate;background:var(--red-surface);color:#fff;border-color:#ffffff25;box-shadow:inset 0 1px #ffffff35;transition:filter .2s,transform .2s,box-shadow .2s}
.light-chapter .setup-copy .btn:before,.setup-tabs button[aria-selected=true]:before,.hero-actions .hero-primary:before,.pricing-offer .pricing-cta:before,.footer-start:before{content:'';position:absolute;inset:0;border-radius:inherit;background-image:var(--surface-noise);opacity:.09;pointer-events:none}
.light-chapter .setup-copy .btn:hover,.setup-tabs button[aria-selected=true]:hover,.hero-actions .hero-primary:hover,.pricing-offer .pricing-cta:hover,.footer-start:hover{background:var(--red-surface);filter:brightness(1.08);box-shadow:inset 0 1px #ffffff55}
.setup-tabs{position:relative;gap:10px;border-bottom:0;padding-bottom:17px}

.pricing-offer-copy>p{max-width:none;font-size:13px}
.pricing-offer-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:end;padding-top:8px}
.pricing-offer .pricing-volume{min-width:0;margin:0;padding:0;border:0}
.pricing-offer .pricing-volume label{color:#f3d9d4;font-size:11px;margin-bottom:8px}
.pricing-offer .pricing-select select{min-width:0;height:49px;background:#ffffff0b;border-color:#ffffff30;color:#fff;font-size:12px;padding:12px 28px 12px 12px;text-overflow:ellipsis}
.pricing-offer .pricing-select select:hover{background:#ffffff16;border-color:#ffffff60}
.pricing-offer .pricing-select select:focus-visible{outline-color:#fff}
.pricing-offer .pricing-select option{color:#292724;background:#fbfbfb}
.pricing-offer .pricing-select>svg{right:10px;color:#f5ded8}
.pricing-offer .pricing-cta{height:49px;min-width:0;gap:8px;padding:12px;font-size:12px}
.pricing-offer .pricing-cta svg{flex-shrink:0;width:16px}
.pricing-features{margin-bottom:0}
.v-faq details,.v-faq details:last-child{overflow:hidden;border:1px solid #ded8d84f;border-radius:17px;margin-bottom:10px;background:linear-gradient(125deg,#fff,#f5f2f240);box-shadow:inset 0 1px #fff;transition:background .25s,border-color .25s,box-shadow .25s}
.v-faq details[data-expanded=true]{border-color:#e8332e30;background:linear-gradient(125deg,#fff,#f7ebe780);box-shadow:inset 0 1px #fff,0 7px 22px #702b2305}
.v-faq summary{padding:20px 64px 20px 22px;font-size:14px;}
.v-faq summary:after,.v-faq details[open] summary:after{content:'+';display:grid;place-items:center;right:17px;top:50%;width:28px;height:28px;border:1px solid #c5b9b936;border-radius:50%;font-size:21px;color:#917c78;background:#ffffff80;transform:translateY(-50%);transition:transform .25s,background .25s,color .25s}
.v-faq summary:hover:after{transform:translateY(-50%) rotate(90deg);color:#bd2930}
.v-faq details[data-expanded=true] summary:after{transform:translateY(-50%) rotate(45deg);background:var(--red-surface);color:white;border-color:transparent}
.v-faq summary:focus-visible{outline:2px solid #e8332e;outline-offset:-4px;border-radius:17px}
.faq-answer{padding:0 56px 22px 22px}.faq-answer p{font-size:13px;color:#736c69}
@media(max-width:800px){.setup-tabs{gap:6px}.pricing-offer-bottom{gap:8px}.pricing-offer .pricing-select select,.pricing-offer .pricing-cta{font-size:11px;padding-left:9px}.v-faq summary{padding:18px 54px 18px 18px}.faq-answer{padding:0 18px 20px}}
@media(max-width:480px){.setup-panel .source-row{gap:12px}.pricing-offer .pricing-cta{gap:4px;padding-right:8px}.pricing-offer .pricing-cta svg{width:13px}}
@media(prefers-reduced-motion:reduce){.v-faq details,.v-faq summary:after{transition:none}}
html[data-motion=reduce] .v-faq details,html[data-motion=reduce] .v-faq summary:after{transition:none}

@media(max-width:360px){.setup-panel{min-height:350px}}

/* Tek parça adım kontrolü: ortak seçim yüzeyi sekmeler arasında akar. */
.setup-tabs{display:flex;gap:0;padding:5px;border:1px solid #ddd5d536;border-radius:24px;background:#eeeae94d;isolation:isolate}
.setup-tabs .setup-selection{position:absolute;left:5px;top:5px;bottom:5px;width:calc((100% - 10px)/3);border-radius:19px;background:var(--red-surface);box-shadow:inset 0 1px #ffffff45,0 2px 6px #91272714;pointer-events:none;z-index:0;transition:transform .48s cubic-bezier(.22,1,.36,1)}
.setup-selection:before{content:'';position:absolute;inset:0;border-radius:inherit;background-image:var(--surface-noise);opacity:.09}
.setup-tabs button,.setup-tabs button[aria-selected=true],.setup-tabs button[aria-selected=true]:hover{z-index:1;position:relative;isolation:auto;background:transparent;border-color:transparent;box-shadow:none;filter:none;transition:color .25s}
.setup-tabs button[aria-selected=true]:before{display:none}
.setup-tabs button:hover{background:transparent;color:#b42b2a}.setup-tabs button[aria-selected=true]{color:white}
.setup-panels{display:grid}.setup-panel{grid-area:1/1;min-width:0}
.v-faq summary:after{display:none!important}
.faq-toggle{position:absolute;right:17px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border:1px solid #c5b9b936;border-radius:50%;color:#917c78;background:#ffffff80;transition:background .25s,color .25s}
.faq-toggle svg{display:block;transform-origin:50% 50%;transition:transform .25s}
.v-faq details[data-expanded=true] .faq-toggle{background:var(--red-surface);color:#fff;border-color:transparent}
.v-faq details[data-expanded=true] .faq-toggle svg{transform:rotate(45deg)}
/* Beyaz geçiş gerçek içerikle birlikte gelir; ayrı tam ekran örtü yok. */
.story-stage:after{display:none;content:none}
@media(prefers-reduced-motion:reduce){.setup-tabs .setup-selection,.faq-toggle,.faq-toggle svg{transition:none}}

/* Hover/press: değişen özellikler iki yönde de aynı kısa geçişi kullanır. */
:root{--hover-time:220ms;--hover-ease:cubic-bezier(.2,.7,.2,1)}
.nav{transition:top .24s,background-color var(--hover-time),color var(--hover-time),box-shadow var(--hover-time)}
.nav-links>li>a,.hero-secondary,.motion-toggle{transition:color var(--hover-time) var(--hover-ease),background-color var(--hover-time) var(--hover-ease),border-color var(--hover-time) var(--hover-ease),transform var(--hover-time) var(--hover-ease)}
.nav-toggle{border-radius:9px;transition:background-color var(--hover-time),color var(--hover-time),transform var(--hover-time)}
.orbit-caption,.sector-choice,.demo-replay,.demo-topics button,.setup-playback{transition:background-color var(--hover-time) var(--hover-ease),border-color var(--hover-time) var(--hover-ease),color var(--hover-time) var(--hover-ease),box-shadow var(--hover-time) var(--hover-ease),transform var(--hover-time) var(--hover-ease)}
.nav .nav-login,.light-chapter .setup-copy .btn,.hero-actions .hero-primary,.pricing-offer .pricing-cta,.footer-start,.footer-qr{transition:background-color var(--hover-time) var(--hover-ease),border-color var(--hover-time) var(--hover-ease),color var(--hover-time) var(--hover-ease),filter var(--hover-time) var(--hover-ease),box-shadow var(--hover-time) var(--hover-ease),transform var(--hover-time) var(--hover-ease)}
.setup-tabs button,.setup-tabs button[aria-selected=true],.setup-tabs button[aria-selected=true]:hover{transition:color var(--hover-time) var(--hover-ease),transform var(--hover-time) var(--hover-ease)}
.footer-directory a:not(.brand){text-decoration-line:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:color var(--hover-time),text-decoration-color var(--hover-time)}
.footer-directory a:not(.brand):hover{ text-decoration-color:currentColor }
/* Gradyanlar doğrudan interpolate edilmez; vurgu katmanı opacity ile geçer. */
.v-faq details,.v-faq details[data-expanded=true]{position:relative;isolation:isolate;background:linear-gradient(125deg,#fff,#f5f2f240);transition:border-color .25s,box-shadow .25s}
.v-faq details:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#fff,#f7ebe780);opacity:0;transition:opacity .25s}
.v-faq details[data-expanded=true]:before{opacity:1}
.faq-toggle,.v-faq details[data-expanded=true] .faq-toggle{isolation:isolate;background:#ffffff80;transition:color .25s,border-color .25s}
.faq-toggle:before{content:'';position:absolute;inset:-1px;border-radius:inherit;z-index:-1;background:var(--red-surface);opacity:0;transition:opacity .25s;pointer-events:none}
.v-faq details[data-expanded=true] .faq-toggle:before{opacity:1}

.menu-link-copy{display:contents}.menu-link-copy small,.mobile-menu-arrow{display:none}
@media(max-width:800px){
  .nav{overflow:hidden;max-height:calc(100svh - 48px);transition:top .24s,background-color .3s,color .3s,box-shadow .3s,border-radius .4s}
  .nav-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;align-items:center;width:100%;margin-inline:0}
  .nav-identity{grid-column:1;grid-row:1}.nav-cta{grid-column:2;grid-row:1}
  .nav nav{position:static;grid-column:1/-1;grid-row:2;display:grid;grid-template-rows:0fr;pointer-events:none;transition:grid-template-rows .46s cubic-bezier(.22,1,.36,1)}
  .nav[data-menu-open=true] nav{grid-template-rows:1fr;pointer-events:auto}
  .nav .nav-links,.nav .nav-links.open{position:static;display:flex;flex-direction:column;gap:0;min-height:0;overflow:hidden;visibility:hidden;padding:0;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:visibility 0s .46s}
  .nav[data-menu-open=true] .nav-links{visibility:visible;transition-delay:0s}
  .nav .nav-links>li{opacity:0;transform:translateY(-9px);transition:opacity .16s,transform .25s}
  .nav .nav-links>li:first-child{padding-top:18px}
  .nav .nav-links>li:last-child{padding-bottom:12px}
  .nav[data-menu-open=true] .nav-links>li{opacity:1;transform:translateY(0);transition:opacity .3s,transform .4s cubic-bezier(.22,1,.36,1);transition-delay:calc(50ms + var(--menu-order)*35ms)}
  .nav-links>li:nth-child(1){--menu-order:0}.nav-links>li:nth-child(2){--menu-order:1}.nav-links>li:nth-child(3){--menu-order:2}.nav-links>li:nth-child(4){--menu-order:3}.nav-links>li:nth-child(5){--menu-order:4}
  .nav .nav-links>li>a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 9px;border-radius:12px;color:#f5f6f4;font-size:19px;line-height:1.15}
  .nav .nav-links>li+li>a{border-top:1px solid #ffffff0b}
  .nav .menu-link-copy{display:flex;flex-direction:column;gap:5px}.nav .menu-link-copy>span{font-family:var(--display);letter-spacing:-.025em}
  .nav .menu-link-copy small{display:block;font-size:10px;line-height:1.3;font-weight:400;color:#c3bdbc}
  .nav .mobile-menu-arrow{display:block;color:#d4c6c3;font-size:19px;opacity:.65;transition:transform .22s,opacity .22s}
  .nav .nav-links>li>a:hover{background:#ffffff08}.nav .nav-links>li>a:hover .mobile-menu-arrow{transform:translate(2px,-2px);opacity:1}
  .nav .nav-family,.nav .nav-in:has(.nav-links.open) .nav-family{display:none}
  .nav[data-menu-open=true],.nav[data-theme=light][data-menu-open=true],.nav[data-surface=photo][data-menu-open=true]{--nav-ink:#f5f6f4;color:#f5f6f4;background-color:rgba(23,20,24,.9);border-radius:22px;box-shadow:0 16px 45px #00000026,var(--glass-edge)}
  .nav[data-menu-open=true] .nav-login{color:#f5f6f4;border-color:#ffffff20;background:#ffffff06}
  .nav[data-menu-open=true] .nav-login:hover{background:#ffffff12}
  .nav-toggle{width:36px;height:36px}
  .nav-toggle svg{overflow:visible}.nav-toggle path{transform-origin:12px 12px;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .18s}
  .nav-toggle[aria-expanded=true] .menu-line-top{transform:translateY(5px) rotate(45deg);transform-origin:12px 7px}
  .nav-toggle[aria-expanded=true] .menu-line-middle{opacity:0}
  .nav-toggle[aria-expanded=true] .menu-line-bottom{transform:translateY(-5px) rotate(-45deg);transform-origin:12px 17px}
  .nav .nav-links a:focus-visible{outline-offset:-3px;outline-color:#fff}
}
@media(max-width:800px) and (max-height:620px){.nav .nav-links>li>a{padding-block:10px;font-size:17px}.nav .menu-link-copy small{font-size:9px}.nav .nav-links>li:first-child{padding-top:10px}.nav .nav-links,.nav .nav-links.open{overflow-y:auto;max-height:calc(100svh - 130px);overscroll-behavior:contain}}

/* Telefonda heykel merkezde; kısa ekranlarda metin ve alt bilgiye yer bırakır. */
@media(max-width:480px){
  .hero-art{left:8%;top:29%;width:84%;height:41%}
  .hero-copy{top:72%}
}
@media(max-width:480px) and (max-height:700px){
  .hero-panel h1{top:17%}
  .hero-art{top:27%;height:39%}
  .hero-copy{top:68%}
}
@media(max-width:480px) and (max-height:600px){
  .experience-stage{min-height:0}
  .hero-art{top:28%;height:34%}
  .hero-copy{top:64%}
}

/* Sohbet ancak açıkça seçildiğinde kendi içinde kayar; sayfa hareketi önceliklidir. */
.o-chat[data-scroll-enabled=true] .o-thread{overflow-y:auto;overscroll-behavior:auto}
.o-thread:focus-visible{outline:1px solid #ffffff60;outline-offset:-2px;border-radius:8px}
.demo-scroll-toggle{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:7px;background:transparent;padding:7px 3px;color:#e2d8d4;font-size:10px;white-space:nowrap;transition:color .22s,background-color .22s}
.demo-scroll-toggle:hover,.demo-scroll-toggle[aria-pressed=true]{color:#fff;background:#ffffff12}
.demo-scroll-toggle:focus-visible{outline-offset:2px}
.demo-scroll-toggle>span{font-size:13px}

/* Katmanlı fotoğraflar scroll ile açılır; sonraki bölüm kendi yüzeyiyle açılır. */
.story{--story-paper:#101012;--story-ink:#fff;--story-muted:#c8c3c0;height:195svh;min-height:0;background:var(--story-paper)}
.story-stage{position:sticky;top:0;height:100svh;min-height:0;display:grid;place-items:center;padding:0;background:var(--story-paper);overflow:hidden;isolation:isolate}
.story-images{position:absolute;inset:0;display:block;pointer-events:none;perspective:none}
.story-images .float-image{position:absolute;inset:50% auto auto 50%;width:clamp(170px,19vw,250px);height:clamp(130px,14vw,184px);border-radius:13px;object-fit:cover;object-position:center 30%;filter:saturate(.82) brightness(.94);opacity:1;box-shadow:0 8px 24px #00000018;transform:translate(-50%,-50%);will-change:transform}
.story-images .fi-1{z-index:6}.story-images .fi-2{z-index:4}.story-images .fi-3{z-index:2}.story-images .fi-4{z-index:5}.story-images .fi-5{z-index:3}.story-images .fi-6{z-index:1}
.story-copy{position:relative;z-index:7;width:44%;max-width:650px;padding:0;opacity:0;transform:translateY(18px);will-change:opacity,transform;pointer-events:none}
.story h2{font-size:clamp(30px,3.3vw,46px);color:var(--story-muted)}
.story h2>span{color:var(--story-ink)}
.story-copy>p{font-size:14px;max-width:400px;margin:14px auto 0;color:var(--story-muted)}
main{background:#101012}
.light-chapter{z-index:3;clip-path:inset(0 3% 0 round 32px 32px 0 0)}
@media(max-width:800px){.story{height:calc(min(100svh,760px) + 95svh)}.story-stage{height:min(100svh,760px)}.story-images .float-image{width:clamp(100px,29vw,180px);height:clamp(84px,24vw,138px);border-radius:10px}.story-copy{width:88%;max-width:570px}.story h2{font-size:clamp(28px,7.5vw,40px)}.story-copy>p{font-size:12px;max-width:310px}}
/* Azaltılmış harekette içerik doğrudan görünür, sabit sahne gerektirmez. */
html[data-motion=reduce] .story{height:auto;min-height:0;background:#101012;--story-paper:#101012;--story-ink:#fff;--story-muted:#c8c3c0}
html[data-motion=reduce] .story-stage{height:auto;min-height:0;padding:40px 20px;gap:24px}
html[data-motion=reduce] .story-images{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:min(960px,100%)}
html[data-motion=reduce] .story-images .float-image{position:static;width:100%;height:clamp(84px,14vw,160px);transform:none!important}
html[data-motion=reduce] .story-copy{width:100%;opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.story{height:auto;min-height:0;background:#101012;--story-paper:#101012;--story-ink:#fff;--story-muted:#c8c3c0}.story-stage{height:auto;min-height:0;padding:40px 20px;gap:24px}.story-images{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:min(960px,100%)}.story-images .float-image{position:static;width:100%;height:clamp(84px,14vw,160px);transform:none!important}.story-copy{width:100%;opacity:1!important;transform:none!important}}

/* Marka konturunda 16 + 16 + 28 nokta; dolgu ve rastgele parçacık bulutu yok. */
.halo-sign{position:absolute;left:50%;top:49%;width:clamp(40px,4.5vw,64px);height:auto;aspect-ratio:32/40;transform:translate(-50%,-50%);pointer-events:none}
:root{--particle-red:232,51,46;--particle-light:255,245,238}
.halo-sign-contour{stroke:rgb(var(--particle-red));stroke-width:.35;opacity:.4}
.halo-sign-particles{stroke:rgb(var(--particle-red));stroke-width:.85;opacity:1;animation:halo-contour-flow 7s linear infinite;animation-play-state:paused}
.halo-sign[data-animated=true] .halo-sign-particles{animation-play-state:running}
@keyframes halo-contour-flow{to{stroke-dashoffset:-4}}
.halo-sign-highlights{stroke:rgb(var(--particle-light));opacity:.9;animation-name:halo-highlight-flow;animation-duration:35s}
@keyframes halo-highlight-flow{to{stroke-dashoffset:-20}}
@media(prefers-reduced-motion:reduce){.halo-sign-particles{animation:none}}
html[data-motion=reduce] .halo-sign-particles{animation:none}


.story-cta{position:relative;isolation:isolate;pointer-events:auto;margin-top:var(--story-action-gap);background:var(--red-surface);border:1px solid #ffffff25;box-shadow:inset 0 1px #ffffff35;transition:filter .22s,transform .22s,box-shadow .22s}
.story-cta:before{content:'';position:absolute;inset:0;border-radius:inherit;background-image:var(--surface-noise);opacity:.09;pointer-events:none}
.story-cta:hover{background:var(--red-surface);filter:brightness(1.08);box-shadow:inset 0 1px #ffffff55;transform:translateY(-2px)}
.story-cta:active{transform:translateY(0) scale(.98)}
@media(max-width:800px){.story-cta{padding:11px 16px;font-size:12px;gap:16px}}