:root{--bg: #0a0a0c;--bg-elev: #121216;--bg-elev-2: #17171c;--bg-elev-3: #1e1e24;--border: rgba(255,255,255,.07);--border-strong: rgba(255,255,255,.12);--border-subtle: rgba(255,255,255,.04);--ink: #f3f3f5;--ink-mid: #a8a8b3;--ink-dim: #6e6e7a;--ink-faint: #4a4a54;--accent: oklch(.78 .14 155);--accent-hi: oklch(.86 .16 155);--accent-lo: oklch(.42 .11 155);--accent-glow: oklch(.78 .14 155 / .35);--danger: oklch(.68 .18 28);--chrome: rgba(255,255,255,.04);--chrome-hi: rgba(255,255,255,.08);--shadow-card: 0 24px 64px -16px rgba(0,0,0,.7);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-display: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace;--maxw: 1240px}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth;background:#050507}body{background:radial-gradient(ellipse 1200px 800px at 50% -200px,oklch(.22 .08 155 / .4),transparent 70%),radial-gradient(ellipse 800px 600px at 90% 800px,oklch(.2 .06 260 / .25),transparent 60%),#050507;background-attachment:fixed;color:var(--ink);font-family:var(--font-sans);font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:16px;line-height:1.5;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 32px}.section{position:relative;padding:120px 0}.section-tight{padding:80px 0}@media(max-width:720px){.section{padding:80px 0}.container{padding:0 24px}}.nav{position:sticky;top:0;z-index:100;background:#08080bb3;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid var(--border-subtle)}.nav-inner{height:64px;display:flex;align-items:center;gap:32px}.nav-brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.02em;font-size:16px;text-decoration:none;color:inherit}.nav-brand-logo{width:32px;height:32px;border-radius:8px;display:block}.nav-links{display:flex;gap:4px;margin-left:24px}.nav-link{height:32px;padding:0 12px;display:inline-flex;align-items:center;font-size:13.5px;color:var(--ink-mid);border-radius:6px;transition:color .12s,background .12s}.nav-link:hover{color:var(--ink);background:var(--chrome)}.nav-spacer{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:9px;font-size:13.5px;font-weight:500;letter-spacing:-.01em;transition:background .12s,color .12s,border-color .12s,transform .12s,box-shadow .12s;white-space:nowrap}.btn-primary{background:var(--accent);color:#06110c;font-weight:600;box-shadow:0 8px 24px -8px var(--accent-glow)}.btn-primary:hover{background:var(--accent-hi);transform:translateY(-1px)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--chrome);color:var(--ink);border:1px solid var(--border)}.btn-secondary:hover{background:var(--chrome-hi);border-color:var(--border-strong)}.btn-ghost{color:var(--ink-mid)}.btn-ghost:hover{color:var(--ink);background:var(--chrome)}.btn-lg{height:48px;padding:0 22px;font-size:14.5px;border-radius:10px}.btn-xl{height:56px;padding:0 28px;font-size:15px;border-radius:12px;gap:12px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:500}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.h-display{font-family:var(--font-display);font-weight:600;letter-spacing:-.04em;line-height:.98;color:#fff}.h-section{font-family:var(--font-display);font-weight:600;letter-spacing:-.03em;line-height:1.05;color:#fff;margin:0}.lead{font-size:19px;line-height:1.5;color:var(--ink-mid);text-wrap:pretty}.mono{font-family:var(--font-mono)}.dim{color:var(--ink-mid)}.faint{color:var(--ink-dim)}.hero{position:relative;padding:100px 0;overflow:hidden}.hero-bg{position:absolute;inset:-10%;pointer-events:none;z-index:0;background:radial-gradient(ellipse 800px 500px at 50% 0%,oklch(.32 .14 155 / .35) 0%,transparent 70%),radial-gradient(ellipse 500px 400px at 80% 70%,oklch(.25 .1 260 / .3) 0%,transparent 70%)}.hero-grid-bg{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 900px 600px at 50% 35%,black 30%,transparent 80%);mask-image:radial-gradient(ellipse 900px 600px at 50% 35%,black 30%,transparent 80%)}.hero-inner{position:relative;z-index:1;text-align:center}.hero h1{font-family:var(--font-display);font-weight:600;font-size:clamp(56px,8vw,104px);letter-spacing:-.045em;line-height:.96;margin:28px auto 0;max-width:1100px;color:#fff;text-wrap:balance}.hero h1 .accent{color:var(--accent)}.hero-sub{margin:28px auto 0;max-width:660px;font-size:20px;line-height:1.45;color:var(--ink-mid);text-wrap:pretty}.hero-cta{margin:40px auto 0;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-meta{margin:24px auto 0;display:flex;gap:22px;justify-content:center;flex-wrap:wrap;font-family:var(--font-mono);font-size:12px;color:var(--ink-dim);letter-spacing:.04em}.hero-meta-item{display:inline-flex;align-items:center;gap:8px}.hero-meta-item svg{color:var(--accent)}.hero-stage{position:relative;margin:80px auto 0;max-width:1080px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(180deg,#131318,#0a0a0d);box-shadow:0 60px 140px -40px #000c,0 0 0 1px #ffffff08;overflow:hidden}.hero-stage .titlebar{height:40px;padding:0 16px;display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#1a1a20,#131318);border-bottom:1px solid var(--border-subtle)}.tlights{display:flex;gap:7px}.tl{width:12px;height:12px;border-radius:50%}.tl.r{background:#ff5f57}.tl.y{background:#febc2e}.tl.g{background:#28c840}.titlebar .ttl{margin:0 auto;font-family:var(--font-mono);font-size:12px;color:var(--ink-dim);padding-right:60px}.hero-stage .canvas{position:relative;height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:radial-gradient(ellipse at 30% 20%,oklch(.22 .06 260) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,oklch(.18 .08 300) 0%,transparent 60%),#0a0a10;padding:32px}.dpill{position:relative;display:inline-flex;align-items:center;gap:18px;padding:14px 22px 14px 18px;background:#0a0a0ceb;backdrop-filter:blur(32px) saturate(1.4);border:1px solid rgba(255,255,255,.1);border-radius:999px;box-shadow:0 40px 80px -16px #000000b3,0 0 64px -8px var(--accent-glow)}.mic-orb{position:relative;width:36px;height:36px}.mic-orb:before{content:"";position:absolute;inset:-6px;border-radius:50%;background:var(--accent);opacity:.25;animation:pillpulse 1.4s ease-out infinite}.mic-orb .core{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,oklch(.95 .15 155),var(--accent));box-shadow:0 0 20px var(--accent-glow),0 0 0 1px #fff3 inset;display:flex;align-items:center;justify-content:center;color:#06110c}@keyframes pillpulse{0%{transform:scale(.9);opacity:.45}to{transform:scale(1.8);opacity:0}}.wave{display:flex;align-items:center;gap:3px;height:28px}.wave-bar{width:3px;border-radius:2px;background:linear-gradient(to top,color-mix(in oklch,var(--accent) 55%,white 15%),var(--accent));transition:height 80ms ease-out}.dpill-meta{display:flex;align-items:center;gap:10px;padding-left:12px;border-left:1px solid rgba(255,255,255,.1)}.dpill-meta .timer{font-family:var(--font-mono);font-size:13px;color:var(--ink-mid);letter-spacing:.04em;min-width:38px}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:5px;background:var(--chrome);border:1px solid var(--border-strong);border-bottom-width:2px;font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--ink)}.kbd-lg{min-width:60px;height:56px;padding:0 18px;font-size:22px;border-radius:10px;border-bottom-width:3px}.hero-typed{width:100%;max-width:720px;padding:18px 22px;border-radius:12px;background:#00000073;border:1px solid var(--border-subtle);font-size:17px;line-height:1.45;color:var(--ink);text-align:left;font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;min-height:60px}.hero-typed .lab{font-size:10.5px;color:var(--ink-dim);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-family:var(--font-mono);font-weight:500}.caret{display:inline-block;width:2px;height:18px;background:var(--accent);margin-left:1px;vertical-align:text-bottom;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-elev);padding:24px 0}.strip-row{display:flex;align-items:center;justify-content:space-around;gap:24px;flex-wrap:wrap}.strip-item{display:inline-flex;align-items:center;gap:12px;font-size:13.5px;color:var(--ink-mid);font-weight:500}.strip-item svg{color:var(--accent)}.sec-head{text-align:center;margin-bottom:56px;max-width:720px;margin-left:auto;margin-right:auto}.sec-head h2{font-size:clamp(36px,4.8vw,56px);margin:16px 0 0}.sec-head p{margin:18px auto 0;max-width:580px;color:var(--ink-mid);font-size:17px;line-height:1.5;text-wrap:pretty}.carousel-wrap{position:relative}.carousel-stage{position:relative;border-radius:18px;border:1px solid var(--border);overflow:hidden;background:#060608;aspect-ratio:16 / 10;box-shadow:0 40px 100px -30px #000000b3}.carousel-slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;opacity:0;transition:opacity .38s ease;pointer-events:none}.carousel-slide.active{opacity:1;pointer-events:auto}.carousel-controls{display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:16px}.carousel-dots{display:flex;gap:8px}.dot-btn{width:28px;height:4px;border-radius:2px;background:var(--chrome-hi);transition:background .2s,width .2s;cursor:pointer}.dot-btn.active{background:var(--accent);width:48px}.carousel-arrow{width:38px;height:38px;border-radius:50%;background:var(--chrome);border:1px solid var(--border);color:var(--ink-mid);display:inline-flex;align-items:center;justify-content:center;transition:all .12s ease}.carousel-arrow:hover{color:var(--ink);background:var(--chrome-hi);border-color:var(--border-strong)}.carousel-label{font-family:var(--font-mono);font-size:12px;color:var(--ink-mid);letter-spacing:.06em}.carousel-label .num{color:var(--accent);margin-right:8px}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feat-grid .span2{grid-column:span 2}@media(max-width:900px){.feat-grid{grid-template-columns:1fr}.feat-grid .span2{grid-column:auto}}.feat-card{position:relative;padding:32px;border-radius:14px;background:var(--bg-elev);border:1px solid var(--border);transition:border-color .2s;overflow:hidden;display:flex;flex-direction:column;min-height:260px}.feat-card:hover{border-color:var(--border-strong)}.feat-icon{width:38px;height:38px;border-radius:9px;background:color-mix(in oklch,var(--accent) 18%,transparent);border:1px solid color-mix(in oklch,var(--accent) 35%,transparent);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;margin-bottom:22px}.feat-card h3{font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.02em;margin:0 0 8px;color:#fff}.feat-card p{margin:0;font-size:14.5px;color:var(--ink-mid);line-height:1.5}.compare{border-radius:14px;border:1px solid var(--border);overflow:hidden;background:var(--bg-elev)}.compare table{width:100%;border-collapse:collapse;font-size:14.5px}.compare th,.compare td{padding:18px 22px;text-align:left;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.compare tr:last-child td{border-bottom:0}.compare th{font-weight:500;color:var(--ink-mid);background:var(--bg-elev-2);font-size:13px}.compare th.col-us{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.compare td.feat{color:var(--ink);font-weight:500}.compare td.cell{color:var(--ink-mid)}.compare td.us{color:var(--ink)}.compare .yes{color:var(--accent)}.compare .no{color:var(--ink-faint)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:900px){.price-grid{grid-template-columns:1fr}}.price-card{position:relative;padding:32px 28px 28px;border-radius:16px;background:var(--bg-elev);border:1px solid var(--border);display:flex;flex-direction:column}.price-card.featured{background:linear-gradient(180deg,color-mix(in oklch,var(--accent) 8%,var(--bg-elev)),var(--bg-elev));border-color:color-mix(in oklch,var(--accent) 50%,transparent);box-shadow:0 0 80px -30px color-mix(in oklch,var(--accent) 80%,transparent)}.price-tag{position:absolute;top:-12px;right:20px;background:var(--accent);color:#06110c;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;padding:5px 10px;border-radius:999px}.price-name{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mid);font-weight:600}.price-amount-row{margin-top:16px;display:flex;align-items:baseline;gap:6px}.price-amount{font-family:var(--font-display);font-size:56px;font-weight:600;letter-spacing:-.04em;color:#fff;line-height:1}.price-per{font-size:14px;color:var(--ink-dim)}.price-desc{margin-top:12px;font-size:14px;color:var(--ink-mid);line-height:1.5;min-height:44px}.price-features{list-style:none;padding:0;margin:22px 0;display:grid;gap:12px;flex:1}.price-features li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink);line-height:1.4}.price-features li svg{color:var(--accent);flex-shrink:0;margin-top:2px}.price-cta{display:inline-flex;align-items:center;justify-content:center;height:44px;border-radius:9px;font-size:14px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background .12s,transform .12s}.price-cta.primary{background:var(--accent);color:#06110c}.price-cta.primary:hover{background:var(--accent-hi)}.price-cta.secondary{background:var(--chrome);color:var(--ink);border:1px solid var(--border)}.price-cta.secondary:hover{background:var(--chrome-hi)}.price-cta:active{transform:scale(.98)}.price-foot{margin-top:14px;font-size:12px;color:var(--ink-dim);text-align:center}.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:900px){.testi-grid{grid-template-columns:1fr}}.testi{padding:28px;border-radius:14px;background:var(--bg-elev);border:1px solid var(--border)}.testi-q{font-size:15.5px;line-height:1.55;color:var(--ink);margin:0;text-wrap:pretty}.testi-meta{margin-top:22px;display:flex;align-items:center;gap:12px}.avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;font-family:var(--font-mono);letter-spacing:.04em}.testi-name{font-size:13.5px;font-weight:500;color:var(--ink)}.testi-role{font-size:12px;color:var(--ink-dim);margin-top:2px}.faq-wrap{max-width:760px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border)}.faq-q{width:100%;text-align:left;padding:20px 4px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:16.5px;font-weight:500;color:var(--ink);letter-spacing:-.01em}.faq-q .chev{color:var(--ink-dim);transition:transform .2s;flex-shrink:0}.faq-q.open .chev{transform:rotate(45deg);color:var(--accent)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;font-size:15px;color:var(--ink-mid);line-height:1.55}.faq-a.open{max-height:400px;padding:0 4px 22px}.final-cta{position:relative;padding:80px 32px;text-align:center;border-radius:24px;background:linear-gradient(180deg,color-mix(in oklch,var(--accent) 12%,var(--bg-elev)),var(--bg-elev));border:1px solid color-mix(in oklch,var(--accent) 30%,transparent);overflow:hidden;box-shadow:0 40px 100px -30px color-mix(in oklch,var(--accent) 40%,transparent)}.final-cta h2{font-size:clamp(36px,4.5vw,56px);margin:0;color:#fff}.final-cta p{margin:16px auto 32px;color:var(--ink-mid);font-size:17px;max-width:540px;line-height:1.5}.footer{border-top:1px solid var(--border);background:#08080b80;padding:60px 0 36px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}@media(max-width:720px){.footer-grid{grid-template-columns:1fr 1fr}}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:16px}.footer-tag{margin-top:12px;font-size:13.5px;color:var(--ink-mid);max-width:280px;line-height:1.5}.footer-col-h{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:16px;font-weight:600}.footer-col a{display:block;padding:4px 0;font-size:13.5px;color:var(--ink-mid);transition:color .12s}.footer-col a:hover{color:var(--ink)}.footer-bot{margin-top:48px;padding-top:24px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12.5px;color:var(--ink-dim);font-family:var(--font-mono);letter-spacing:.04em;flex-wrap:wrap}.modal-bg{position:fixed;inset:0;z-index:200;background:#000000b3;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .2s ease}.modal-bg.open{opacity:1;pointer-events:auto}.modal{width:100%;max-width:480px;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:18px;padding:32px;position:relative;transform:translateY(8px) scale(.98);opacity:0;transition:opacity .2s ease,transform .2s ease;box-shadow:0 40px 120px -20px #000c}.modal-bg.open .modal{opacity:1;transform:translateY(0) scale(1)}.modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-dim);background:transparent;transition:background .12s,color .12s}.modal-close:hover{background:var(--chrome);color:var(--ink)}.modal h3{font-family:var(--font-display);font-size:22px;font-weight:600;margin:0;color:#fff;letter-spacing:-.02em}.modal-sub{margin-top:8px;font-size:14px;color:var(--ink-mid);line-height:1.5}.modal-plan{margin-top:20px;padding:18px;border-radius:12px;background:var(--bg-elev-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-plan .name{font-size:14px;font-weight:600;color:#fff}.modal-plan .desc{font-size:12.5px;color:var(--ink-dim);margin-top:2px}.modal-plan .amount{font-family:var(--font-display);font-size:28px;font-weight:600;letter-spacing:-.03em;color:#fff}.modal-plan .per{font-size:12px;color:var(--ink-dim)}.modal-cta{margin-top:18px;width:100%;height:48px;border-radius:10px;background:var(--accent);color:#06110c;font-weight:600;font-size:14.5px;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background .12s}.modal-cta:hover{background:var(--accent-hi)}.modal-foot{margin-top:14px;text-align:center;font-size:12px;color:var(--ink-dim)}.modal-foot a{color:var(--ink-mid);text-decoration:underline;text-underline-offset:2px}.modal-trust{margin-top:18px;padding-top:18px;border-top:1px solid var(--border-subtle);display:flex;gap:18px;justify-content:center;font-family:var(--font-mono);font-size:11px;color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase}.modal-trust span{display:inline-flex;gap:6px;align-items:center}.modal-trust svg{color:var(--accent)}.section.storytelling{padding:80px 0 120px}.section-nav{position:fixed;top:50%;right:16px;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;z-index:90;pointer-events:auto}.section-nav-dot{position:relative;display:flex;align-items:center;gap:12px;padding:6px 10px;background:transparent;border:none;cursor:pointer;color:#ffffff80;font:inherit;border-radius:999px;transition:color .24s ease,background .24s ease}.section-nav-dot:hover{color:#fffffff2;background:#ffffff0a}.section-nav-line{display:block;width:16px;height:2px;background:currentColor;border-radius:2px;transition:width .24s ease,background .24s ease;opacity:.6}.section-nav-dot.is-active{color:var(--accent)}.section-nav-dot.is-active .section-nav-line{width:28px;opacity:1}.section-nav-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translate(8px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap;pointer-events:none}.section-nav-dot:hover .section-nav-label,.section-nav-dot.is-active .section-nav-label{opacity:1;transform:none}@media(max-width:900px){.section-nav{display:none}.storytelling-sticky-head{position:relative;top:0;padding:24px 0 16px}}.storytelling-carousel{position:relative;width:min(1800px,calc(100vw - 48px));margin:32px auto 0;padding:0;box-sizing:border-box}.storytelling-stage{position:relative;width:100%;aspect-ratio:16 / 10;max-height:70vh;overflow:hidden;border-radius:18px;background:var(--bg-elev);border:1px solid rgba(255,255,255,.06);box-shadow:0 40px 90px -30px #000000b3}.storytelling-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1);pointer-events:none}.storytelling-scene.is-active{opacity:1;pointer-events:auto}.storytelling-artboard{width:2880px;height:1800px;flex-shrink:0;transform-origin:center center;overflow:hidden;position:relative}.storytelling-arrow{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#0a0a0e8c;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);color:#ffffffeb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease,opacity .2s ease;z-index:10;opacity:.7}.storytelling-stage:hover .storytelling-arrow{opacity:1}.storytelling-arrow:hover{background:#14141cd9;border-color:#ffffff4d}.storytelling-arrow-prev{left:20px}.storytelling-arrow-next{right:20px}@media(max-width:700px){.storytelling-arrow{width:40px;height:40px}.storytelling-arrow-prev{left:10px}.storytelling-arrow-next{right:10px}}.storytelling-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#0a0a0eb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffd9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;z-index:10}.storytelling-arrow:hover{background:#14141cd9;border-color:#ffffff40}.storytelling-arrow:active{transform:translateY(-50%) scale(.94)}.storytelling-arrow-prev{left:16px}.storytelling-arrow-next{right:16px}.storytelling-meta{margin-top:28px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.storytelling-captions{position:relative;min-height:96px}.storytelling-caption{position:absolute;inset:0;opacity:0;transform:translateY(6px);transition:opacity .36s ease,transform .36s ease;pointer-events:none}.storytelling-caption.is-active{opacity:1;transform:none;pointer-events:auto}.storytelling-caption-meta{display:flex;align-items:center;gap:14px}.storytelling-num{font-size:13px;color:var(--ink-dim);letter-spacing:.1em;font-family:var(--font-mono, ui-monospace, monospace)}.storytelling-label{font-size:11px;text-transform:uppercase;color:var(--accent);letter-spacing:.18em}.storytelling-title{font-size:clamp(20px,2vw,28px);line-height:1.2;margin:8px 0 0;max-width:32em}.storytelling-body{font-size:clamp(14px,1vw,16px);color:var(--ink-dim);margin:8px 0 0;line-height:1.55;max-width:60ch}.storytelling-progress{display:flex;gap:10px;align-items:center}.storytelling-dot{width:28px;height:4px;border-radius:2px;background:#ffffff2e;border:none;padding:0;cursor:pointer;transition:background .24s ease,width .24s ease}.storytelling-dot:hover{background:#ffffff52}.storytelling-dot.is-active{background:var(--accent);width:44px}@media(max-width:900px){.storytelling-carousel{padding:0 12px}.storytelling-stage{max-height:60vh}.storytelling-arrow{width:36px;height:36px}.storytelling-meta{grid-template-columns:1fr}.storytelling-progress{justify-content:center}.storytelling-captions{min-height:140px}}.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;max-width:560px;margin:0 auto;background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:16px;z-index:1000;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 24px #0006}.cookie-banner p{margin:0;font-size:14px;color:var(--ink-dim)}.cookie-banner-actions{display:flex;gap:8px;justify-content:flex-end}.legal h1{font-size:40px;margin-bottom:24px}.legal h2{font-size:22px;margin-top:40px;margin-bottom:12px}.legal p{color:var(--ink-dim);line-height:1.7;max-width:70ch}.legal a{color:var(--accent)}.legal code{background:var(--bg-elev);padding:2px 6px;border-radius:4px}.lang-switch{background:transparent;color:inherit;border:1px solid var(--border,rgba(255,255,255,.15));border-radius:8px;padding:6px 8px;font:inherit;cursor:pointer}.lang-switch:focus{outline:2px solid var(--accent,#ff8a3d);outline-offset:2px}
