/* Odd Moon Studio */
:root{
  --ink:#0c0c0e; --paper:#ffffff; --night:#040406; --floor:#0d0d10;
  --soft:#f2f2f3; --line:#e4e4e6; --muted:#6c6c72;
  --blue:#2440ff; --blue2:#7088ff; --violet:#6a35ff; --rec:#ff3b30;
  --display:'Saira','Arial Narrow',Arial,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --gut:clamp(16px,2.6vw,40px);
  --ease:cubic-bezier(.2,.7,.1,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:17px;line-height:1.45;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,video,canvas,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3{font-family:var(--display);font-stretch:125%;font-weight:700;line-height:.95;margin:0;letter-spacing:-.01em}
p{margin:0 0 1em}
.mono{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media (hover:hover) and (pointer:fine){body.has-cursor,body.has-cursor a,body.has-cursor button,body.has-cursor input,body.has-cursor select,body.has-cursor summary,body.has-cursor label{cursor:none}}

/* cursor */
.cursor{position:fixed;left:0;top:0;width:38px;height:38px;margin:-19px 0 0 -19px;border:1.5px solid #fff;border-radius:50%;pointer-events:none;z-index:200;mix-blend-mode:difference;transition:width .3s var(--ease),height .3s var(--ease),margin .3s var(--ease),background .3s;opacity:0}
.cursor span{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#fff}
.cursor.is-on{opacity:1}
.cursor.is-hover{width:70px;height:70px;margin:-35px 0 0 -35px;background:#fff}
@media (hover:none),(pointer:coarse){.cursor{display:none}}

/* pills */
.pill{display:inline-flex;align-items:center;justify-content:center;gap:.5em;height:40px;padding:0 20px;border-radius:999px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid transparent;transition:background .3s,color .3s,border-color .3s,transform .3s var(--ease)}
.pill:hover{transform:translateY(-2px)}
.pill--light{background:#fff;color:var(--ink)}
.pill--light:hover{background:var(--blue);color:#fff}
.pill--ghost{border-color:rgba(255,255,255,.4);color:#fff}
.pill--ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.pill--dark{background:var(--ink);color:#fff}
.pill--dark:hover{background:var(--blue)}
.pill--xs{height:28px;padding:0 12px;font-size:10px}
.pill--big{height:56px;padding:0 30px;font-size:13px}
.eyebrow{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin:0 0 22px}
.eyebrow--dark{color:var(--ink)}
.eyebrow::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:10px;vertical-align:1px}

/* header */
.site-header{position:fixed;inset:0 0 auto 0;z-index:100;color:#fff;mix-blend-mode:difference;pointer-events:none}
.site-header a,.site-header button{pointer-events:auto}
.ticker{height:28px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.18);font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;display:flex;align-items:center;transition:transform .5s var(--ease),opacity .5s}
.ticker__track{display:flex;gap:56px;white-space:nowrap;animation:tick 40s linear infinite;padding-left:56px}
.ticker__track span::before{content:'●';margin-right:12px;font-size:7px;vertical-align:2px}
@keyframes tick{to{transform:translateX(-50%)}}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px var(--gut);gap:24px;transition:transform .5s var(--ease)}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--display);font-stretch:125%;font-weight:700;font-size:13px;line-height:1;letter-spacing:.02em}
.logo svg{width:26px;height:26px}
.nav__links{display:flex;gap:28px;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em}
.nav__links a{position:relative}
.nav__links a::after{content:'';position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:currentColor;transition:right .4s var(--ease)}
.nav__links a:hover::after{right:0}
.nav__right{display:flex;gap:10px}
.nav__menu{display:none}
.site-header.is-scrolled .ticker{transform:translateY(-100%);opacity:0}
.site-header.is-scrolled .nav{transform:translateY(-28px)}
.mobile-menu{position:fixed;inset:0;z-index:99;background:var(--night);display:flex;flex-direction:column;justify-content:center;gap:10px;padding:var(--gut)}
.mobile-menu[hidden]{display:none}
.mobile-menu a{font-family:var(--display);font-stretch:125%;font-weight:700;font-size:clamp(34px,9vw,60px);color:#fff;line-height:1.1}

/* ================= HERO ================= */
.hero{position:relative;height:240vh;background:var(--night)}
.hero__pin{position:sticky;top:0;height:100vh;min-height:600px;overflow:hidden;color:#fff;background:var(--night)}
.hero__stars{position:absolute;inset:0;width:100%;height:100%}
.hero__moon{position:absolute;top:50%;left:64%;width:min(96vh,64vw);aspect-ratio:1;transform:translate(-28%,-46%);will-change:transform}
.moon-canvas{position:absolute;inset:-25%;width:150%;height:150%}
.orbit-labels{position:absolute;inset:0}
.orbit-label{position:absolute;left:0;top:0;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;padding:4px 8px;border:1px solid rgba(255,255,255,.55);background:rgba(4,4,8,.6);color:#fff;white-space:nowrap;will-change:transform,opacity}
.hero__copy{position:absolute;left:var(--gut);right:var(--gut);bottom:clamp(40px,8vh,84px);max-width:820px;z-index:2}
.hero__title{font-size:clamp(44px,7.1vw,116px);font-weight:800;line-height:.9;margin-bottom:26px}
.hero__title .ln{display:block;overflow:hidden;padding-bottom:.04em}
.hero__title .ln>span{display:inline-block}
.hero__rec{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.08em;margin:0 0 22px;color:#fff}
.hero__rec i{width:9px;height:9px;border-radius:50%;background:var(--rec);box-shadow:0 0 14px 2px rgba(255,59,48,.7);animation:pulse 1.2s ease-in-out infinite}
.hero__rec b{font-weight:500;color:var(--rec);min-width:8ch}
.hero__rec span{color:rgba(255,255,255,.6);margin-left:10px;padding-left:12px;border-left:1px solid rgba(255,255,255,.25)}
@media (max-width:767px){.hero__rec span{display:none}}
@keyframes pulse{50%{opacity:.25;transform:scale(.8)}}
.hero__sub{max-width:470px;color:rgba(255,255,255,.75);font-size:16px;margin-bottom:28px}
.hero__ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero__scroll{position:absolute;right:var(--gut);bottom:28px;font-size:11px;color:rgba(255,255,255,.6);writing-mode:vertical-rl;letter-spacing:.2em;z-index:2}
.hero__scroll::after{content:'';display:inline-block;width:1px;height:46px;background:rgba(255,255,255,.5);margin-top:10px;animation:drip 2s var(--ease) infinite}
@keyframes drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.atmo{position:absolute;inset:0;pointer-events:none;z-index:3}
.atmo__glow{position:absolute;left:50%;top:50%;width:300vmax;height:300vmax;margin:-150vmax 0 0 -150vmax;border-radius:50%;opacity:0;
  background:radial-gradient(circle,#fff 0%,#fff 16%,#e6f2ff 21%,#8cc4fa 26%,#3a7af0 31%,#2a26c4 36%,rgba(30,16,120,.6) 41%,rgba(10,4,40,0) 47%);transform:scale(.05)}
.atmo__white{position:absolute;inset:0;background:#fff;opacity:0}

/* ================= FILM ================= */
.film{position:relative;background:#fff}
.film__pin{position:relative;height:100vh;overflow:hidden;background:#fff}
.film__sky{position:absolute;left:0;right:0;bottom:0;height:400vh;transform:translateY(0);
  background:linear-gradient(0deg,#ffffff 0%,#ffffff 25%,#cfe6fd 34%,#6aaef5 44%,#3466e6 53%,#2a26c4 62%,#140a55 72%,#06040f 84%,#040406 100%)}
.film__stars{position:absolute;inset:0;width:100%;height:100%;opacity:0}
.film__word{position:absolute;left:0;top:13%;display:flex;gap:.4em;white-space:nowrap;font-family:var(--display);font-stretch:125%;font-weight:800;font-size:clamp(120px,19vw,330px);line-height:1;color:#f0f0f1;will-change:transform}
.film__stagewrap{position:absolute;left:0;right:0;top:0;bottom:56px;display:flex;align-items:flex-end;justify-content:center}
.stage{position:relative;width:1600px;height:900px;flex:none;transform-origin:50% 100%}
.stage>*{position:absolute}
/* S1 */
.seqA{left:880px;top:100px;width:440px;height:800px}
.seqshadow{left:968px;top:842px;width:350px;height:46px;border-radius:50%;background:radial-gradient(closest-side,rgba(12,14,40,.26),rgba(12,14,40,.1) 55%,rgba(12,14,40,0));filter:blur(3px)}
.livecap{left:1150px;top:150px;display:flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:10px 10px 10px 2px;padding:10px 14px;font-family:var(--mono);font-size:17px;color:var(--ink);box-shadow:0 14px 40px rgba(10,10,30,.08);opacity:0;white-space:nowrap}
.livecap i{width:2px;height:18px;background:var(--blue);animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.recdot{left:920px;top:214px;display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:13px;font-weight:700;color:var(--rec);background:#fff;padding:5px 10px;border-radius:999px;box-shadow:0 6px 20px rgba(255,59,48,.18);opacity:0}
.recdot i{width:9px;height:9px;border-radius:50%;background:var(--rec);animation:pulse 1.2s ease-in-out infinite}
/* S2 phone */
.phone{left:960px;top:110px;width:330px;height:680px;border-radius:52px;background:#111;padding:12px;box-shadow:0 50px 100px rgba(10,10,40,.25),inset 0 0 0 2px #2a2a30;opacity:0}
.phone__screen{position:relative;width:100%;height:100%;border-radius:42px;overflow:hidden;background:#000}
.phone__feed{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
video.phone__feed{object-fit:cover}
.phone__notch{position:absolute;left:50%;top:24px;width:96px;height:28px;margin-left:-48px;border-radius:20px;background:#000}
.phone__ui{position:absolute;inset:0}
.phone__ui--cam{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:62px 0 34px}
.phone__timer{display:flex;align-items:center;gap:6px;background:var(--rec);color:#fff;font-size:14px;padding:3px 10px;border-radius:6px}
.phone__timer i{width:7px;height:7px;border-radius:50%;background:#fff}
.phone__shutter{width:70px;height:70px;border-radius:50%;border:5px solid #fff;position:relative}
.phone__shutter::after{content:'';position:absolute;inset:8px;border-radius:8px;background:var(--rec)}
.phone__ui--share{background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.65));display:flex;align-items:flex-end;padding:16px;opacity:0}
.share{width:100%;background:rgba(255,255,255,.96);border-radius:24px;padding:22px 18px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ink);text-align:center}
.share__icon{width:52px;height:52px;border-radius:14px;background:var(--ink);display:flex;align-items:center;justify-content:center}
.share__icon svg{width:30px}
.share b{font-family:var(--display);font-stretch:125%;font-size:20px}
.share__meta{font-size:10.5px;color:var(--muted)}
.share__bar{width:100%;height:6px;border-radius:3px;background:var(--line);position:relative;overflow:hidden;margin-top:8px}
.share__bar em{position:absolute;inset:0 100% 0 0;background:var(--blue)}
.share__pct{font-size:11px;color:var(--blue)}
.tap{position:absolute;left:50%;top:76%;width:80px;height:80px;margin:-40px;border-radius:50%;background:rgba(36,64,255,.35);transform:scale(0)}
.flyframes{left:0;top:0;width:0;height:0}
.flyframes i{position:absolute;left:0;top:0;width:96px;height:54px;border-radius:4px;background:#222 center/cover;box-shadow:0 8px 20px rgba(0,0,0,.2);opacity:0}
/* S2 ingest panel */
.ingest{left:1010px;top:150px;width:550px;border-radius:18px;background:#fff;box-shadow:0 44px 100px rgba(14,16,60,.16),0 0 0 1px rgba(12,12,20,.07);overflow:hidden;opacity:0;box-sizing:border-box}
.ingest *{box-sizing:border-box}
.ingest__head{display:flex;align-items:center;gap:12px;height:62px;padding:0 20px;border-bottom:1px solid var(--line)}
.ingest__logo{width:34px;height:34px;border-radius:10px;background:var(--ink);display:flex;align-items:center;justify-content:center;flex:none}
.ingest__logo svg{width:19px}
.ingest__head b{font-family:var(--display);font-stretch:125%;font-weight:800;font-size:17px;letter-spacing:.01em;color:var(--ink)}
.ingest__st{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.05em;color:var(--muted)}
.ingest__st i{width:8px;height:8px;border-radius:50%;background:#c9cad1}
.ingest__st em{font-style:normal}
.ingest.is-live .ingest__st{color:var(--blue)}
.ingest.is-live .ingest__st i{background:var(--blue);animation:pulse 1.2s ease-in-out infinite}
.ingest.is-done .ingest__st{color:var(--ink)}
.ingest.is-done .ingest__st i{background:var(--blue);animation:none;box-shadow:0 0 0 4px rgba(36,64,255,.14)}
.ingest__cols,.irow{display:grid;grid-template-columns:150px 1fr 58px 86px;gap:12px;align-items:center}
.ingest__cols{height:30px;padding:0 20px;font-size:9.5px;letter-spacing:.1em;color:var(--muted)}
.ingest__rows{list-style:none;margin:0;padding:0 12px;position:relative}
.irow{height:54px;padding:0 8px;border-radius:10px;transition:background .3s}
.irow:nth-child(odd){background:#f7f7f9}
.irow__k{display:flex;align-items:center;gap:10px}
.irow__th{width:72px;height:40px;border-radius:6px;background:#e9e9ee center/cover;flex:none;opacity:0}
.irow__id{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--muted)}
.irow__tx{position:relative;justify-self:start;max-width:100%;font-size:14.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;clip-path:inset(0 100% 0 0)}
.irow__tx.is-quiet{color:var(--muted);font-style:italic}
.irow__strike{position:absolute;left:0;right:0;top:52%;height:1.5px;background:rgba(255,59,48,.75);transform:scaleX(0);transform-origin:0 50%}
.irow__len{font-family:var(--mono);font-size:11.5px;color:var(--muted);text-align:right}
.irow__tag{justify-self:end;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;padding:5px 9px;border-radius:999px;white-space:nowrap;opacity:0;background:rgba(36,64,255,.1);color:var(--blue)}
.irow__tag--cut{background:rgba(255,59,48,.1);color:var(--rec)}
.ingest__scan{position:absolute;left:0;right:0;top:92px;height:2px;background:var(--blue);box-shadow:0 0 22px 5px rgba(36,64,255,.35);opacity:0;pointer-events:none}
.ingest__scan span{position:absolute;right:16px;top:-22px;font-size:9.5px;letter-spacing:.1em;color:#fff;background:var(--blue);padding:3px 8px;border-radius:4px}
.ingest__foot{display:flex;justify-content:space-between;align-items:center;height:46px;margin-top:8px;padding:0 20px;border-top:1px solid var(--line);font-size:10.5px;letter-spacing:.06em;color:var(--muted)}
.ingest__foot .js-ingest-n{color:var(--ink);font-weight:700}
/* S3 timeline */
.tl{left:560px;top:250px;width:1000px;height:420px;border-radius:12px;background:#111318;box-shadow:0 40px 90px rgba(10,10,40,.25);overflow:hidden;opacity:0;transform-origin:50% 0}
.tl__bar{display:flex;justify-content:space-between;align-items:center;height:36px;padding:0 16px;font-size:11px;color:#8a8d98;border-bottom:1px solid #22252d}
.tl__tc{color:#fff}
.tl__view{position:absolute;left:0;right:0;top:36px;bottom:0;overflow:hidden}
.tl__track{position:absolute;left:0;top:0;height:100%;width:3200px;will-change:transform}
.tl__ruler{position:relative;height:26px;border-bottom:1px solid #22252d;font-size:10px;color:#5d606b}
.tl__ruler span{position:absolute;top:7px}
.tl__row{position:relative;margin:10px 0}
.tl__row--c{height:44px}
.tl__row--v{height:150px}
.tl__row--a{height:110px}
.tl__row::before{content:attr(data-l);position:absolute}
.clip{position:absolute;top:0;height:100%;border-radius:6px;overflow:hidden;background:#2a2d36 center/cover;box-shadow:inset 0 0 0 2px rgba(255,255,255,.12)}
.clip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.clip .g{opacity:0}
.clip--bad{background:repeating-linear-gradient(135deg,#2a2d36 0 8px,#22252d 8px 16px);box-shadow:inset 0 0 0 2px #ff3b30}
.clip--bad span{position:absolute;left:8px;top:8px;font-family:var(--mono);font-size:11px;font-weight:700;color:#fff;background:#ff3b30;padding:2px 6px;border-radius:3px}
.wave{position:absolute;top:0;height:100%;border-radius:6px;background:#1b2340;overflow:hidden}
.wave::after{content:'';position:absolute;inset:14px 0;background:repeating-linear-gradient(90deg,#7088ff 0 3px,transparent 3px 7px);-webkit-mask:linear-gradient(0deg,transparent,#000 30%,#000 70%,transparent);mask:linear-gradient(0deg,transparent,#000 30%,#000 70%,transparent);transform:scaleY(var(--amp,1))}
.wave--flat::after{background:linear-gradient(0deg,transparent 48%,#4a4e58 48%,#4a4e58 52%,transparent 52%);-webkit-mask:none;mask:none}
.capblk{position:absolute;top:0;height:100%;border-radius:6px;background:var(--blue);color:#fff;font-family:var(--mono);font-size:11px;display:flex;align-items:center;padding:0 10px;white-space:nowrap;overflow:hidden;opacity:0}
.tl__razor{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#ff3b30;box-shadow:0 0 14px #ff3b30;opacity:0}
.tl__razor::before{content:'✂';position:absolute;top:2px;left:-9px;color:#ff3b30;font-size:16px}
.tl__playhead{position:absolute;left:30%;top:0;bottom:0;width:2px;background:#fff;opacity:0}
/* S4 monitor */
.mon{left:600px;top:90px;width:920px;height:518px;opacity:0;transform-origin:50% 100%}
.mon__frame{position:relative;width:100%;height:100%;border-radius:10px;overflow:hidden;background:#000;box-shadow:0 40px 90px rgba(10,10,40,.25)}
.mon__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mon__graded{clip-path:inset(0 100% 0 0)}
.mon__wipe{position:absolute;top:0;bottom:0;left:0;width:3px;background:#fff;box-shadow:0 0 20px 4px rgba(112,136,255,.8);opacity:0}
.mon__caps{position:absolute;left:0;right:0;bottom:15%;text-align:center;font-family:var(--display);font-stretch:125%;font-weight:800;font-size:44px;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.5)}
.mon__caps span{display:inline-block;opacity:0}
.mon__caps .hl{background:var(--blue);padding:0 12px}
.mon__lower{position:absolute;left:30px;top:30px;display:flex;flex-direction:column;background:#fff;border-left:6px solid var(--blue);padding:8px 14px;font-size:13px;color:var(--ink);opacity:0}
.mon__lower b{color:var(--blue)}
.mon__meter{position:absolute;right:22px;top:30px;bottom:30px;width:12px;display:flex;flex-direction:column-reverse;gap:3px;opacity:0}
.mon__meter i{flex:1;background:#33d17a;border-radius:2px;animation:meter .5s ease-in-out infinite alternate}
.mon__meter i:nth-child(n+6){background:#ffd23f}.mon__meter i:nth-child(8){background:var(--rec)}
.mon__meter i:nth-child(2n){animation-duration:.37s}.mon__meter i:nth-child(3n){animation-duration:.62s}
@keyframes meter{from{opacity:.25}to{opacity:1}}
.mon__tag{position:absolute;left:12px;bottom:10px;font-size:10px;color:#fff;background:rgba(0,0,0,.5);padding:2px 6px}
.mon__grade{position:absolute;right:46px;bottom:10px;font-size:10px;color:#fff;background:var(--blue);padding:2px 6px;opacity:0}
/* S5 story */
.curve{left:560px;top:112px;width:1000px;height:150px;overflow:visible;opacity:0}
.curve path{stroke-dasharray:1300;stroke-dashoffset:1300}
.beats{left:560px;top:240px;width:1000px;height:20px}
.beats span{position:absolute;top:0;font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px;color:#fff;opacity:0}
.beats span:nth-child(1){background:var(--rec)}.beats span:nth-child(2){background:var(--blue)}.beats span:nth-child(3){background:var(--violet)}
/* S6 multiply */
.multi{left:0;top:0;width:1600px;height:900px;transform-origin:1060px 450px}
.tile{position:absolute;left:0;top:0;border-radius:8px;overflow:hidden;background:#111;box-shadow:0 20px 50px rgba(10,10,40,.18);opacity:0}
.tile img{width:100%;height:100%;object-fit:cover}
.tile__lab{position:absolute;left:8px;bottom:8px;font-family:var(--mono);font-size:10px;color:#fff;background:rgba(0,0,0,.6);padding:2px 6px;border-radius:3px}
.tile__cap{position:absolute;left:0;right:0;bottom:22%;text-align:center;font-family:var(--display);font-stretch:125%;font-weight:800;font-size:15px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6);padding:0 6px;line-height:1.05}
.tile__cap em{font-style:normal;background:var(--blue);padding:0 4px}
.tile__big{position:absolute;left:12px;top:10px;font-family:var(--display);font-stretch:125%;font-weight:800;font-size:30px;line-height:.9;color:#fff;text-shadow:0 3px 16px rgba(0,0,0,.6)}
.tile--car{background:linear-gradient(140deg,#2440ff,#6a35ff);color:#fff;padding:16px;display:flex;flex-direction:column;justify-content:space-between}
.tile--car b{font-family:var(--display);font-stretch:125%;font-weight:800;font-size:20px;line-height:1}
.tile--car span{font-family:var(--mono);font-size:10px;opacity:.8}
.tile--plan{background:#fff;border:1px solid var(--line);padding:14px;display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-content:start}
.tile--plan i{height:46px;border-radius:4px;background:var(--soft)}
.tile--plan i.on{background:var(--blue)}.tile--plan i.v{background:var(--violet)}.tile--plan i.k{background:#16161a}
.tile--plan b{grid-column:1/-1;font-family:var(--mono);font-size:10px;color:var(--muted);font-weight:400;margin-bottom:4px}
/* S7 calendar */
.cal{left:560px;top:110px;width:1000px;height:600px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 40px 90px rgba(10,10,40,.12);padding:22px;opacity:0}
.cal__head{display:flex;justify-content:space-between;font-size:12px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:14px}
.cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.cal__day{font-family:var(--mono);font-size:11px;color:var(--muted)}
.post{min-height:150px;padding:10px;border-radius:8px;font-size:12px;line-height:1.25;color:#fff;display:flex;flex-direction:column;gap:6px;opacity:0}
.post b{font-family:var(--mono);font-size:10px;letter-spacing:.08em}
.post i{font-style:normal;font-family:var(--mono);font-size:10px;opacity:.85;margin-top:auto}
.post--yt{background:#16161a}.post--sh{background:var(--blue)}.post--li{background:#3b3f4a}.post--ig{background:var(--violet)}.post--tt{background:#0a0a0c}
/* S8 launch */
.capsule{left:1010px;top:380px;width:100px;height:100px;opacity:0}
.capsule span{position:absolute;inset:0;border-radius:24px;background:linear-gradient(140deg,#fff,#c8d2ff);box-shadow:0 0 60px 20px rgba(112,136,255,.6),0 0 0 2px #fff inset}
.orbit{left:560px;top:20px;width:1000px;height:860px;opacity:0}
.orbit__moon{position:absolute;left:50%;top:50%;width:900px;height:900px;margin:-450px 0 0 -450px}
.orbit__tiles{position:absolute;inset:0}
.otile{position:absolute;left:0;top:0;width:110px;height:62px;border-radius:6px;overflow:hidden;box-shadow:0 0 24px rgba(112,136,255,.45);border:1px solid rgba(255,255,255,.6)}
.otile img{width:100%;height:100%;object-fit:cover}
.otile span{position:absolute;left:4px;bottom:3px;font-family:var(--mono);font-size:8px;color:#fff;background:rgba(0,0,0,.55);padding:1px 4px}
/* copy column */
.film__copy{position:absolute;left:var(--gut);top:0;bottom:56px;width:min(31vw,440px);pointer-events:none;z-index:4}
.chap{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);opacity:0}
.chap__k{display:inline-block;font-size:12px;color:var(--blue);margin-bottom:18px}
.chap__t{font-size:clamp(34px,3.7vw,62px);font-weight:800;line-height:.95;margin-bottom:22px;
  background-image:linear-gradient(90deg,var(--ink) 0%,var(--ink) 33%,var(--blue) 42%,var(--blue2) 50%,#c9c9cf 58%,#c9c9cf 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent}
.chap p{font-size:clamp(15px,1.2vw,18px);color:var(--muted);max-width:360px}
.film.is-night .chap__t{background-image:linear-gradient(90deg,#fff 0%,#fff 33%,var(--blue2) 42%,var(--blue) 50%,#2b2b31 58%,#2b2b31 100%)}
.film.is-night .chap p{color:rgba(255,255,255,.7)}
.film.is-night .chap__k{color:var(--blue2)}
/* HUD */
.hud{position:absolute;top:96px;z-index:5;font-size:12px;color:#55555b;display:flex;gap:14px;align-items:center;transition:color .4s}
.hud--l{left:var(--gut)}.hud--r{right:var(--gut)}
.hud b{color:var(--ink);transition:color .4s}
.hud__mode{display:flex;align-items:center;gap:7px}
.hud__dot{width:8px;height:8px;border-radius:50%;background:var(--rec);animation:pulse 1.2s ease-in-out infinite}
.hud--r b{display:inline-block;min-width:2ch;color:var(--blue);font-size:15px}
.film.is-night .hud{color:rgba(255,255,255,.6)}.film.is-night .hud b{color:#fff}
.scrub{position:absolute;left:0;right:0;bottom:0;height:56px;background:var(--floor);color:#fff;padding:9px var(--gut) 0;z-index:5}
.scrub__ticks{display:flex;justify-content:space-between;font-size:10px;color:#6a6d78}
.scrub__ticks span.on{color:#fff}
.scrub__bar{position:relative;height:3px;background:#24262e;margin-top:10px;border-radius:2px}
.scrub__bar em{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--blue);border-radius:2px}
.scrub__bar i{position:absolute;top:-6px;left:0;width:2px;height:15px;background:var(--rec);box-shadow:0 0 10px var(--rec)}

/* ================= STORY LIST (phone, reduced motion) ================= */
.slist{display:none;padding:90px var(--gut) 70px}
.slist__title{font-size:clamp(40px,11vw,64px);font-weight:800;margin-bottom:40px}
.slist__steps{list-style:none;margin:0;padding:0}
.sstep{display:grid;gap:16px;padding:30px 0;border-top:1px solid var(--line)}
.sstep__v{position:relative;height:300px;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden}
.sstep__v--her{background:#fff}
.sstep__v--her img,.sstep__vid{height:100%;width:auto;mix-blend-mode:multiply}
.sstep__v .recdot--static{position:absolute;left:12px;top:12px;opacity:1}
.miniphone{position:relative;height:100%;aspect-ratio:9/18.5;border-radius:26px;background:#111;padding:6px}
.miniphone img{width:100%;height:100%;object-fit:cover;border-radius:20px}
.miniphone span{position:absolute;left:12px;right:12px;bottom:14px;background:#fff;border-radius:10px;padding:8px;font-size:10px;text-align:center;color:var(--ink)}
.sstep__v--tl{background:#111318;flex-direction:column;gap:14px}
.sstep__v--tl>span{font-size:11px;color:#ff6b62}
.minitl{display:flex;gap:6px;width:86%;height:70px}
.minitl i{flex:2;border-radius:5px;background:linear-gradient(140deg,#7088ff,#2440ff)}
.minitl i.x{flex:1;background:repeating-linear-gradient(135deg,#2a2d36 0 6px,#22252d 6px 12px);box-shadow:inset 0 0 0 2px #ff3b30}
.sstep__v--frame img{width:100%;height:100%;object-fit:cover}
.sstep__cap{position:absolute;left:0;right:0;bottom:16px;text-align:center;font-family:var(--display);font-stretch:125%;font-weight:800;font-size:22px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.sstep__cap em{font-style:normal;background:var(--blue);padding:0 6px}
.sstep__v--beats{gap:6px;align-items:stretch;padding:40px 0}
.sstep__v--beats span{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px;font-family:var(--mono);font-size:12px;color:#fff;border-radius:6px}
.sstep__v--beats span:nth-child(1){background:var(--rec)}.sstep__v--beats span:nth-child(2){background:var(--blue)}.sstep__v--beats span:nth-child(3){background:var(--violet)}
.sstep__v--multi{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.sstep__v--multi img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.sstep__v--cal{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0;align-content:center;height:auto;min-height:220px}
.sstep__v--cal span{padding:12px 8px;min-height:90px;border-radius:6px;color:#fff;font-family:var(--mono);font-size:10.5px;line-height:1.5}
.c1{background:#16161a}.c2{background:var(--blue)}.c3{background:#3b3f4a}.c4{background:var(--violet)}.c5{background:#0a0a0c}
.sstep__v--orbit{background:var(--night)}
.mini-orbit{width:100%;height:100%}
.sstep__t b{font-size:11.5px;color:var(--blue)}
.sstep__t h3{font-size:clamp(24px,6vw,34px);margin:8px 0}
.sstep__t p{color:var(--muted);margin:0}
@media (min-width:768px){.slist__steps{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--gut)}}

/* gradient fills */
.fill-title{font-size:clamp(40px,5.4vw,88px);font-weight:800;line-height:.95}
.fill-title span{display:inline;background-image:linear-gradient(90deg,var(--ink) 0%,var(--ink) 33%,var(--blue) 42%,var(--blue2) 50%,#c9c9cf 58%,#c9c9cf 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent}
.fill-title .dim{background-image:linear-gradient(90deg,#a9a9ae 0%,#a9a9ae 33%,var(--blue2) 45%,#d9d9dd 58%,#d9d9dd 100%)}
.fill-title--dark span{background-image:linear-gradient(90deg,#fff 0%,#fff 33%,var(--blue2) 42%,var(--blue) 50%,#2b2b31 58%,#2b2b31 100%)}
.fill-text{font-size:clamp(19px,1.7vw,26px);line-height:1.3;background-image:linear-gradient(90deg,var(--ink) 0%,var(--ink) 40%,var(--blue) 50%,#cfcfd4 60%,#cfcfd4 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent}
.fill-text--dark{background-image:linear-gradient(90deg,#fff 0%,#fff 40%,var(--blue2) 50%,#33333a 60%,#33333a 100%)}

/* split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--gut);padding:0 var(--gut)}
.split__sticky{position:sticky;top:120px;padding-bottom:60px}
.split__right{padding:120px 0 160px}

/* statement */
.statement{background:var(--night);color:#fff;padding:clamp(120px,18vh,200px) 0 clamp(70px,10vh,110px);text-align:center;overflow:hidden}
.statement__title{font-size:clamp(36px,7.2vw,132px);max-width:none;margin:0 auto 40px;padding:0 var(--gut);line-height:.98;text-wrap:balance}
.fill-title--dark .statement__hl{background-image:linear-gradient(90deg,#9fb0ff 0%,var(--blue2) 33%,#fff 42%,var(--blue) 50%,#2b2b31 58%,#2b2b31 100%)}
.statement__k{display:inline-flex;align-items:center;gap:14px;margin:0 0 34px;font-size:12px;letter-spacing:.14em;color:rgba(255,255,255,.55)}
.statement__rec,.statement__play{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.14)}
.statement__rec{color:#fff}
.statement__rec i{width:8px;height:8px;border-radius:50%;background:var(--rec);animation:pulse 1.2s ease-in-out infinite}
.statement__play{color:#fff;background:var(--blue);border-color:var(--blue)}
.statement__play svg{width:9px}
.statement__arrow{color:rgba(255,255,255,.4)}
.statement__sub{max-width:620px;margin:0 auto 70px;padding:0 var(--gut)}
.reel{position:relative}
.reel__track{display:flex;gap:14px;width:max-content;animation:reel 60s linear infinite}
.reel figure{margin:0;width:clamp(240px,26vw,420px);aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#111;flex:none}
.reel figure video,.reel figure img{width:100%;height:100%;object-fit:cover}
@keyframes reel{to{transform:translateX(-50%)}}
.reel__lab{font-size:10.5px;color:rgba(255,255,255,.45);margin:18px 0 0}

/* creators */
.creators{position:relative;background:#fff}
.creators__pin{position:relative;height:100vh;overflow:hidden;display:flex;align-items:center}
.creators__head{position:absolute;left:var(--gut);top:clamp(96px,13vh,130px);width:min(60vw,900px);z-index:2;display:grid;grid-template-columns:auto 1fr;column-gap:40px;align-items:end}
.creators__head .eyebrow{grid-column:1/-1}
.creators__head .sec-title{font-size:clamp(36px,4.6vw,76px)}
.creators__head .sec-sub{margin:0 0 6px;max-width:340px}
.creators__track{position:absolute;left:0;bottom:clamp(30px,6vh,70px);display:flex;gap:22px;padding-left:var(--gut);will-change:transform}
.ccard{position:relative;flex:none;width:300px;height:min(50vh,430px);min-height:300px;border:1px solid var(--line);border-radius:10px;padding:18px;display:flex;flex-direction:column;background:#fff;transition:transform .5s var(--ease),box-shadow .5s}
.ccard:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(10,10,30,.08)}
.ccard__n{font-size:11px;color:var(--muted)}
.ccard img{flex:1;min-height:0;width:100%;object-fit:contain;mix-blend-mode:multiply;margin:8px 0 12px;transition:transform .6s var(--ease)}
.ccard:hover img{transform:scale(1.06) rotate(-2deg)}
.ccard h3{font-size:24px}
.ccard p{color:var(--muted);font-size:15px;margin:8px 0 0}
.ccard--you{background:var(--night);color:#fff;border-color:var(--night)}
.ccard--you .ccard__q{flex:1;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-stretch:125%;font-weight:800;font-size:150px;background:linear-gradient(140deg,#fff,var(--blue2));-webkit-background-clip:text;background-clip:text;color:transparent}
.ccard--you p{color:rgba(255,255,255,.65);margin-bottom:14px}
.ccard--you .pill{background:#fff;color:var(--ink);align-self:flex-start}

/* offer */
.offer{padding-top:40px}
.offer .split__right{padding-top:100px}
.offer__note{color:var(--muted);max-width:340px;margin-top:22px;font-size:15px}
.stat{border-top:1px solid var(--line);padding:26px 0 34px}
.stat:last-child{border-bottom:1px solid var(--line)}
.stat__num{display:block;font-family:var(--display);font-stretch:125%;font-weight:800;font-size:clamp(84px,11vw,180px);line-height:.9;color:#c9c9cf;transition:color .8s;font-variant-numeric:tabular-nums}
.stat.is-in .stat__num{color:var(--ink)}
.stat__lab{display:block;color:var(--muted);margin-top:8px}

/* section heads */
.sec-head{padding:0 var(--gut);margin-bottom:56px;max-width:900px}
.sec-head--row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.sec-title{font-size:clamp(40px,5.4vw,88px);font-weight:800}
.sec-sub{color:var(--muted);max-width:460px;margin-top:22px}

/* formats */
.formats{padding:clamp(100px,14vh,160px) 0 60px}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gut);padding:0 var(--gut)}
.fcard__media{position:relative;aspect-ratio:4/3.2;background:var(--soft);overflow:hidden;border-radius:6px;display:flex;align-items:center;justify-content:center}
.fcard__media>video,.fcard__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.fcard:hover .fcard__bg{transform:scale(1.06)}
.fcard__txt{padding:18px 0 0}
.fcard__txt h3{font-size:21px;margin:12px 0 8px;line-height:1.05}
.fcard__txt p{color:var(--muted);font-size:15px;margin:0}
.tag{display:inline-block;font-size:10px;padding:4px 8px;border:1px solid var(--ink);border-radius:999px}
.phone-frame{position:relative;height:88%;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#000;border:5px solid #111;box-shadow:0 20px 40px rgba(0,0,0,.2);transition:transform .6s var(--ease)}
.phone-frame img,.phone-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ff-cap{position:absolute;left:0;right:0;bottom:24%;text-align:center;font-family:var(--display);font-stretch:125%;font-weight:800;font-size:16px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6);padding:0 8px}
.ff-cap em{font-style:normal;background:var(--blue);padding:0 4px}
.ff-ui{position:absolute;right:8px;bottom:12%;width:16px;height:70px;background:radial-gradient(circle,#fff 3px,transparent 4px) 0 0/16px 22px repeat-y;opacity:.8}
.fcard:hover .phone-frame{transform:scale(1.04) rotate(-2deg)}
.thumb-mock{position:absolute;inset:0}
.thumb-mock img{width:100%;height:100%;object-fit:cover;filter:contrast(1.12) saturate(1.2);transition:transform 1s var(--ease)}
.fcard:hover .thumb-mock img{transform:scale(1.08)}
.thumb-mock b{position:absolute;right:6%;top:10%;text-align:right;font-family:var(--display);font-stretch:125%;font-weight:800;font-size:clamp(26px,3vw,46px);line-height:.88;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.6)}
.thumb-mock b::first-line{color:#ffd23f}
.thumb-mock__time{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.8);color:#fff;font-size:11px;padding:2px 6px;border-radius:3px}
.explain-svg{position:absolute;inset:0;width:100%;height:100%;z-index:2;background:linear-gradient(90deg,transparent 50%,rgba(5,5,20,.55))}
.explain-svg circle{stroke-dasharray:164;stroke-dashoffset:164;transition:stroke-dashoffset 1s var(--ease)}
.explain-svg circle:nth-child(2){transition-delay:.2s}.explain-svg circle:nth-child(3){transition-delay:.4s}
.fcard--explainer.is-play .explain-svg circle{stroke-dashoffset:0}
.slides{position:relative;width:52%;aspect-ratio:1}
.slide{position:absolute;inset:0;padding:16px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;border-radius:6px;background:url(../img/carousel-bg.webp) center/cover;box-shadow:0 14px 34px rgba(0,0,0,.25);transition:transform .7s var(--ease)}
.slide b{font-family:var(--display);font-stretch:125%;font-weight:800;font-size:clamp(16px,1.5vw,22px);line-height:1}
.slide span{font-size:10px;opacity:.8}
.slide:nth-child(1){z-index:3}.slide:nth-child(2){z-index:2;transform:translate(6%,3%) rotate(4deg)}.slide:nth-child(3){z-index:1;transform:translate(12%,6%) rotate(8deg)}
.fcard--carousel.is-play .slide:nth-child(1){transform:translateX(-62%) rotate(-6deg)}
.fcard--carousel.is-play .slide:nth-child(2){transform:translateX(0) rotate(0)}
.fcard--carousel.is-play .slide:nth-child(3){transform:translateX(62%) rotate(6deg)}
.brand-mock{width:84%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.12)}
.brand-mock__banner{position:relative;aspect-ratio:16/5;background:#000;overflow:hidden}
.brand-mock__banner>img{width:100%;height:100%;object-fit:cover;object-position:70% 50%;transition:transform 1.6s var(--ease)}
.fcard:hover .brand-mock__banner>img{transform:scale(1.06)}
.brand-mock__title{position:absolute;left:5.5%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:7px;max-width:36%}
.brand-mock__title b{font-family:var(--display);font-stretch:125%;font-weight:800;color:#fff;font-size:clamp(12px,1.15vw,17px);line-height:.95;letter-spacing:.01em}
.brand-mock__title span{font-size:clamp(7px,.6vw,9px);letter-spacing:.14em;color:#f4c77a}
.brand-mock__row{display:flex;align-items:center;gap:12px;padding:12px}
.brand-mock__avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--blue)}
.brand-mock__avatar img{width:100%;height:100%;object-fit:cover}
.brand-mock__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.brand-mock__meta b{font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-mock__meta span{font-size:9px;letter-spacing:.08em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.broll{position:absolute;inset:0}
.broll img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.broll img:first-child{opacity:1}
.broll.is-play img:nth-child(1){animation:kb1 6s linear infinite}.broll.is-play img:nth-child(2){animation:kb2 6s linear infinite}.broll.is-play img:nth-child(3){animation:kb3 6s linear infinite}
@keyframes kb1{0%{opacity:1;transform:scale(1)}30%{opacity:1}36%{opacity:0;transform:scale(1.12)}96%{opacity:0;transform:scale(1)}100%{opacity:1}}
@keyframes kb2{0%,30%{opacity:0;transform:scale(1.12) translateX(2%)}36%{opacity:1}64%{opacity:1}70%{opacity:0;transform:scale(1)}100%{opacity:0}}
@keyframes kb3{0%,64%{opacity:0;transform:scale(1)}70%{opacity:1}96%{opacity:1;transform:scale(1.12)}100%{opacity:0}}
.broll__tag{position:absolute;right:10px;top:10px;z-index:2;font-size:10px;color:#fff;background:rgba(0,0,0,.55);padding:3px 7px}

/* before after */
.compare{padding:clamp(80px,12vh,140px) 0}
.ba{position:relative;margin:0 var(--gut);aspect-ratio:16/9;max-height:82vh;overflow:hidden;border-radius:6px;user-select:none;touch-action:pan-y;background:#ccc}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ba__after{filter:contrast(1.1) saturate(1.2)}
.ba__title{position:absolute;right:5%;top:12%;text-align:right;font-family:var(--display);font-stretch:125%;font-weight:800;font-size:clamp(30px,6.4vw,104px);line-height:.88;color:#fff;text-shadow:0 6px 40px rgba(0,0,0,.45)}
.ba__title b{display:block}
.ba__title b:first-child{color:#ffd23f}
.ba__before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ba__lab{position:absolute;top:16px;font-size:11px;color:#fff;background:rgba(0,0,0,.6);padding:4px 9px;z-index:3}
.ba__lab--l{left:16px}.ba__lab--r{right:16px;top:auto;bottom:16px}
.ba__handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#fff;z-index:3;pointer-events:none}
.ba__handle span{position:absolute;top:50%;left:50%;width:56px;height:56px;margin:-28px;border-radius:50%;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.ba__range{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;z-index:4;cursor:ew-resize}

/* calculator */
.calc{background:var(--soft);padding:clamp(90px,13vh,150px) var(--gut)}
.calc__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--gut);align-items:start;max-width:1500px}
.calc__box{background:#fff;padding:clamp(22px,3vw,44px);border-radius:8px;box-shadow:0 30px 80px rgba(10,10,30,.06)}
.calc__label{font-size:12px;color:var(--muted)}
.calc__row{display:flex;align-items:center;gap:20px;margin:16px 0 30px}
.calc__row input{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:linear-gradient(90deg,var(--blue) var(--fill,16%),var(--line) var(--fill,16%));border-radius:2px;outline-offset:8px}
.calc__row input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:var(--ink);border:4px solid #fff;box-shadow:0 0 0 1px var(--ink)}
.calc__row input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--ink);border:4px solid #fff}
.calc__in{font-family:var(--display);font-stretch:125%;font-weight:800;font-size:46px;min-width:1.2ch;text-align:right}
.calc__out span{font-size:12px;color:var(--muted)}
.calc__num{display:block;font-family:var(--display);font-stretch:125%;font-weight:800;font-size:clamp(90px,11vw,170px);line-height:.95;color:var(--blue);font-variant-numeric:tabular-nums}
.calc__dots{display:flex;flex-wrap:wrap;gap:3px;margin:18px 0 6px;min-height:20px}
.calc__dots i{width:7px;height:7px;border-radius:2px;background:var(--blue);animation:pop .4s var(--ease) both}
.calc__dots i:nth-child(12n+1){background:var(--ink)}
@keyframes pop{from{transform:scale(0)}}
.calc__break{list-style:none;padding:0;margin:20px 0 18px;font-size:12px;display:grid;grid-template-columns:1fr 1fr;column-gap:26px}
.calc__break li{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}
.calc__note{color:var(--muted);font-size:14px;margin:0}

/* learn */
.learn{background:var(--night);color:#fff;padding:clamp(100px,15vh,170px) var(--gut);overflow:hidden;position:relative}
.learn::before{content:'';position:absolute;right:-20%;top:-40%;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(43,75,255,.35),transparent 60%)}
.learn__inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--gut);align-items:center;max-width:1500px}
.learn__title{font-size:clamp(48px,7vw,120px);font-weight:800}
.learn__tag{font-family:var(--display);font-stretch:125%;font-weight:700;font-size:clamp(26px,2.6vw,40px);margin:22px 0;background:linear-gradient(90deg,#fff,var(--blue2));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
.learn__text{color:rgba(255,255,255,.72);max-width:460px;margin-bottom:30px}
.learn__card{background:#0d0d14;border:1px solid #23232e;border-radius:10px;padding:16px}
.learn__screen{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:radial-gradient(ellipse at 70% 40%,#16163a,#050507 70%)}
.mini-moon{position:absolute;right:4%;top:50%;transform:translateY(-50%);height:120%;width:auto;aspect-ratio:1}
.learn__play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px;border-radius:50%;background:#fff}
.learn__play::after{content:'';position:absolute;left:31px;top:24px;border:14px solid transparent;border-left:22px solid var(--ink);border-right:0}
.learn__soon{position:absolute;left:14px;bottom:12px;font-size:11px;color:#fff;background:var(--blue);padding:3px 8px}
.learn__eps{list-style:none;margin:14px 0 0;padding:0;font-size:12px}
.learn__eps li{display:flex;gap:18px;padding:12px 4px;border-top:1px solid #23232e}
.learn__eps span{color:var(--blue2)}

/* about */
.about{padding-top:clamp(60px,10vh,120px)}
.photo-slot{aspect-ratio:4/5;max-height:76vh;border:2px dashed #c4c4ca;border-radius:8px;background:repeating-linear-gradient(135deg,#fafafa 0 14px,#f2f2f4 14px 28px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#a1a1a8;text-align:center}
.photo-slot svg{width:60px}
.photo-slot span{font-size:12px;line-height:1.6}
.about .split__right{padding-top:40px}
.about__lead{font-family:var(--display);font-stretch:125%;font-weight:600;font-size:clamp(22px,2vw,30px);line-height:1.15;margin:34px 0 18px;max-width:600px}
.about__text{color:var(--muted);max-width:560px}
.timeline{list-style:none;padding:0;margin:44px 0 0;max-width:620px;font-size:13px}
.timeline li{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--line)}
.timeline li:last-child{border-bottom:1px solid var(--line)}
.timeline b{color:var(--blue)}

/* packages */
.packages{padding:clamp(100px,14vh,160px) 0}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gut);padding:0 var(--gut);align-items:stretch}
.tier{position:relative;border:1px solid var(--line);border-radius:8px;padding:clamp(22px,2.4vw,36px);display:flex;flex-direction:column;transition:transform .5s var(--ease),box-shadow .5s}
.tier:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(10,10,30,.08)}
.tier h3{font-size:clamp(26px,2.4vw,36px)}
.tier__price{margin:22px 0 8px;display:flex;flex-direction:column;gap:4px}
.tier__price b{font-family:var(--display);font-stretch:125%;font-size:44px;font-weight:800}
.tier__price span{font-size:11px;color:var(--muted)}
.tier__for{color:var(--muted)}
.tier ul{list-style:none;padding:0;margin:10px 0 30px;flex:1}
.tier li{padding:11px 0 11px 22px;border-top:1px solid var(--line);position:relative;font-size:15.5px}
.tier li::before{content:'';position:absolute;left:0;top:18px;width:8px;height:8px;border-radius:50%;background:var(--blue)}
.tier .pill{align-self:flex-start}
.tier--hot{background:var(--night);color:#fff;border-color:var(--night)}
.tier--hot .tier__for,.tier--hot .tier__price span{color:rgba(255,255,255,.6)}
.tier--hot li{border-color:#25252c}
.tier__badge{position:absolute;right:20px;top:20px;font-size:10px;background:var(--blue);color:#fff;padding:4px 9px;border-radius:999px}

/* faq */
.faq{padding-top:40px}
.faq .split__right{padding:40px 0 140px}
.qa{border-top:1px solid var(--line)}
.qa:last-child{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-family:var(--display);font-stretch:125%;font-weight:600;font-size:clamp(18px,1.6vw,23px);cursor:pointer}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:'+';font-family:var(--mono);font-weight:400;font-size:24px;transition:transform .4s var(--ease)}
.qa[open] summary::after{transform:rotate(45deg)}
.qa p{color:var(--muted);max-width:600px;padding:0 0 24px;margin:0}

/* contact */
.contact{position:relative;background:var(--night);color:#fff;padding:clamp(110px,16vh,180px) var(--gut);overflow:hidden}
.contact__stars{position:absolute;inset:0;width:100%;height:100%;opacity:.7}
.contact__inner{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:var(--gut);max-width:1500px}
.contact__title{font-size:clamp(44px,6vw,104px)}
.contact__lead{font-family:var(--display);font-stretch:125%;font-weight:600;font-size:clamp(22px,2.1vw,32px);line-height:1.15;margin:26px 0 12px;max-width:560px}
.contact__small{color:rgba(255,255,255,.55)}
.form{display:flex;flex-direction:column;gap:18px}
.field{display:flex;flex-direction:column;gap:8px}
.field span{font-size:11px;color:rgba(255,255,255,.6)}
.field input,.field select{height:54px;padding:0 16px;background:#0e0e14;border:1px solid #2a2a35;border-radius:6px;color:#fff;font:inherit;font-size:16px}
.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 22px) 24px,calc(100% - 16px) 24px;background-size:6px 6px;background-repeat:no-repeat}
.field input:focus,.field select:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(36,64,255,.3)}
.form .pill{align-self:flex-start;margin-top:8px}
.form__msg{font-size:12px;min-height:1.4em;color:var(--blue2);margin:0}
.hp{position:absolute;left:-9999px}

/* footer */
.footer{background:var(--night);color:#fff;padding:60px var(--gut) 28px;border-top:1px solid #1d1d24;overflow:hidden}
.footer__top{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:var(--gut)}
.footer__brand svg{width:34px;margin-bottom:16px}
.footer__brand p{color:rgba(255,255,255,.6);max-width:380px}
.footer__col{display:flex;flex-direction:column;gap:12px;font-size:12px}
.footer__col a:hover{color:var(--blue2)}
.footer__word{font-family:var(--display);font-stretch:125%;font-weight:800;font-size:clamp(28px,8.2vw,170px);line-height:.85;margin:70px 0 30px;white-space:nowrap;background:linear-gradient(180deg,#2a2a36,#0b0b10);-webkit-background-clip:text;background-clip:text;color:transparent}
.footer__bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px;color:rgba(255,255,255,.5)}

/* ================= AI ================= */
.hero__ai{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-6px 0 26px;font-size:11px}
.hero__ai span{padding:5px 10px;border:1px solid rgba(112,136,255,.6);border-radius:999px;color:#c9d2ff;background:rgba(36,64,255,.12)}
.hero__ai b{font-weight:500;color:#fff;margin-left:6px;letter-spacing:.08em}
.hero__ai b::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue2);margin-right:8px;box-shadow:0 0 10px var(--blue2)}
.chap__ai{display:flex;flex-direction:column;gap:6px;margin-top:6px;padding:12px 14px;border-left:3px solid var(--blue);background:rgba(36,64,255,.06);font-size:11.5px;line-height:1.5;color:var(--ink);max-width:360px;text-transform:none;letter-spacing:.02em}
.chap__ai b{font-size:10.5px;color:var(--blue);letter-spacing:.1em;text-transform:uppercase}
.chap__ai--human{border-left-color:var(--ink);background:rgba(12,12,14,.04)}
.chap__ai--human b{color:var(--ink)}
.film.is-night .chap__ai{color:#fff;background:rgba(112,136,255,.12);border-left-color:var(--blue2)}
.film.is-night .chap__ai b{color:var(--blue2)}
.sstep__t .chap__ai{margin-top:14px}
.hud__ai{display:flex;align-items:center;gap:7px;margin-right:18px}
.hud__ai i{width:8px;height:8px;border-radius:50%;background:#c9c9cf;transition:background .3s,box-shadow .3s}
.hud__ai.on i{background:var(--blue);box-shadow:0 0 10px var(--blue);animation:pulse 1s ease-in-out infinite}
.hud--r .hud__ai b{font-size:12px;min-width:0;color:#55555b}
.hud__ai.on b{color:var(--blue)!important}
.tl__scan{position:absolute;top:0;bottom:0;left:0;width:220px;background:linear-gradient(90deg,rgba(36,64,255,0),rgba(36,64,255,.35) 70%,rgba(112,136,255,.9) 98%,#fff);opacity:0;z-index:2;pointer-events:none}
.tl__scan span{position:absolute;right:10px;top:8px;font-size:10px;color:#fff;background:var(--blue);padding:3px 7px;border-radius:3px;white-space:nowrap}
.clip--bad span{opacity:0}
.mon__ai{position:absolute;left:12px;top:auto;bottom:34px;display:flex;align-items:center;gap:6px;font-size:10px;color:#fff;background:rgba(36,64,255,.85);padding:3px 8px;border-radius:3px;opacity:0}
.mon__ai i{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1s infinite}

.ai{position:relative;background:var(--night);color:#fff;overflow:hidden}
.ai__pin{position:relative;height:100vh;min-height:640px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--gut);align-items:center;padding:90px var(--gut) 40px}
.ai__glow{position:absolute;right:-15%;top:10%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(36,64,255,.32),rgba(106,53,255,.12) 45%,transparent 68%);pointer-events:none}
.ai__left{position:relative;z-index:2}
.ai__words{font-size:clamp(46px,6.2vw,108px);font-weight:800;line-height:.92;margin-bottom:28px}
.aiw{display:block;background-image:linear-gradient(90deg,#fff 0%,#fff 33%,var(--blue2) 42%,var(--blue) 50%,#26262e 58%,#26262e 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent}
.ai__lead{color:rgba(255,255,255,.72);max-width:440px;font-size:17px}
.ai__free{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.1em;padding:10px 16px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--violet));margin-top:6px}
.ai__free i{width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 1.2s infinite}
.ai__dots{display:flex;gap:8px;margin-top:30px}
.ai__dots i{width:34px;height:3px;border-radius:2px;background:#26262e;transition:background .4s}
.ai__dots i.on{background:var(--blue2)}
.ai__right{position:relative;height:min(74vh,620px)}
.aip{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px}
.aip__head{display:flex;justify-content:space-between;gap:16px;font-size:11.5px;color:rgba(255,255,255,.6)}
.aip__head b{color:var(--blue2);font-weight:500}
.aip__tags{display:flex;flex-wrap:wrap;gap:6px;font-size:10px;margin:0}
.aip__tags span{padding:4px 9px;border-radius:999px;border:1px solid #2c2c38;color:rgba(255,255,255,.75)}
.aip__screen{position:relative;flex:1;min-height:0;border-radius:12px;background:#0b0b12;border:1px solid #23232e;padding:26px;display:flex;flex-direction:column;gap:22px;overflow:hidden}
.aip__badge{position:absolute;right:16px;top:16px;font-size:11px;padding:4px 9px;border-radius:4px;background:var(--blue);color:#fff}
.tx{font-size:clamp(13px,1.15vw,17px);line-height:1.9;color:#fff;text-transform:none;letter-spacing:0}
.tx p{margin:0}
.tx span{opacity:.15}
.tx s{display:inline-block;color:#fff;text-decoration:none;border-radius:3px;padding:0 4px;max-width:20ch;overflow:hidden;vertical-align:bottom;white-space:nowrap;opacity:.15}
.wbar{display:flex;gap:4px;height:58px}
.wbar i{flex:3;border-radius:4px;background:repeating-linear-gradient(90deg,#7088ff 0 3px,transparent 3px 6px);-webkit-mask:linear-gradient(0deg,transparent,#000 25%,#000 75%,transparent);mask:linear-gradient(0deg,transparent,#000 25%,#000 75%,transparent)}
.wbar i.x{flex:1.4;background:linear-gradient(0deg,transparent 47%,#ff3b30 47%,#ff3b30 53%,transparent 53%);-webkit-mask:none;mask:none;box-shadow:inset 0 0 0 1px rgba(255,59,48,.5)}
.chapters{list-style:none;margin:auto 0 0;padding:0;display:flex;gap:10px;flex-wrap:wrap;font-size:11px}
.chapters li{padding:8px 12px;border-radius:6px;background:#15151f;border:1px solid #2a2a38;opacity:0}
.chapters b{color:var(--blue2);font-weight:500;margin-right:6px}
.aug{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}
.aug__c{position:relative;margin:0;border-radius:10px;overflow:hidden;background:#0b0b12;border:1px solid #23232e}
.aug__c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.aug__c figcaption{position:absolute;left:10px;bottom:10px;font-size:10px;background:rgba(0,0,0,.65);padding:3px 8px;border-radius:3px;z-index:3}
.aug__c .line{position:absolute;top:0;bottom:0;left:0;width:2px;background:#fff;box-shadow:0 0 14px 3px rgba(112,136,255,.9);z-index:2;opacity:0}
.aug__color .after{clip-path:inset(0 100% 0 0)}
.aug__up .lo{image-rendering:pixelated}
.aug__up .hi{clip-path:inset(0 100% 0 0)}
.aug__audio{display:flex;align-items:center;justify-content:center}
.aug__audio .noise,.aug__audio .clean{position:absolute;left:8%;right:8%;top:22%;bottom:30%}
.aug__audio .noise{background:repeating-linear-gradient(90deg,#ff6b62 0 2px,transparent 2px 4px);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M0 20 L3 8 L6 30 L9 12 L12 34 L15 6 L18 26 L21 14 L24 36 L27 10 L30 28 L33 4 L36 32 L39 16 L42 38 L45 9 L48 27 L51 13 L54 35 L57 7 L60 29 L63 15 L66 33 L69 5 L72 25 L75 11 L78 37 L81 8 L84 30 L87 14 L90 34 L93 10 L96 26 L100 20 L100 40 L0 40Z' fill='%23000'/%3E%3C/svg%3E") center/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M0 20 L3 8 L6 30 L9 12 L12 34 L15 6 L18 26 L21 14 L24 36 L27 10 L30 28 L33 4 L36 32 L39 16 L42 38 L45 9 L48 27 L51 13 L54 35 L57 7 L60 29 L63 15 L66 33 L69 5 L72 25 L75 11 L78 37 L81 8 L84 30 L87 14 L90 34 L93 10 L96 26 L100 20 L100 40 L0 40Z' fill='%23000'/%3E%3C/svg%3E") center/100% 100%}
.aug__audio .clean{background:repeating-linear-gradient(90deg,#7088ff 0 3px,transparent 3px 6px);-webkit-mask:radial-gradient(ellipse 50% 50% at 25% 50%,#000 40%,transparent 70%),radial-gradient(ellipse 40% 45% at 70% 50%,#000 35%,transparent 70%);mask:radial-gradient(ellipse 50% 50% at 25% 50%,#000 40%,transparent 70%),radial-gradient(ellipse 40% 45% at 70% 50%,#000 35%,transparent 70%);opacity:0}
.aug__frame .box{position:absolute;top:6%;bottom:6%;left:8%;width:27%;border:2px solid #fff;border-radius:4px;box-shadow:0 0 0 999px rgba(4,4,6,.55);z-index:2}
.gen{flex:1;min-height:0;display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto 1fr;gap:12px}
.gen__broll{grid-column:1/-1;position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gen__broll figure{margin:0;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#111;position:relative}
.gen__broll figure::after{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:var(--blue2);box-shadow:0 0 14px var(--blue2);opacity:0;transform:translateY(var(--scan,0))}
.gen__broll img{width:100%;height:100%;object-fit:cover;filter:blur(14px) saturate(0) brightness(.6)}
.gen__broll>span{position:absolute;left:8px;top:8px;font-size:10px;background:var(--blue);padding:3px 7px;border-radius:3px}
.gen__thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-content:start}
.gen__thumbs figure{position:relative;margin:0;aspect-ratio:16/10;border-radius:6px;overflow:hidden;opacity:0;outline:2px solid transparent;outline-offset:2px;transition:outline-color .3s}
.gen__thumbs img{width:100%;height:100%;object-fit:cover;filter:contrast(1.1) saturate(1.2)}
.gen__thumbs b{position:absolute;right:6px;top:6px;text-align:right;font-family:var(--display);font-stretch:125%;font-weight:800;font-size:clamp(10px,.95vw,15px);line-height:.9;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.7)}
.gen__thumbs em{position:absolute;left:6px;bottom:6px;font-style:normal;font-size:9px;background:#33d17a;color:#04140a;padding:2px 6px;border-radius:3px;opacity:0}
.gen__thumbs .pick.is-picked{outline-color:#33d17a}
.gen__titles{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:11px;text-transform:none;letter-spacing:.01em}
.gen__titles li{padding:9px 12px;border-radius:6px;background:#15151f;border:1px solid #2a2a38;opacity:0;position:relative}
.gen__titles em{position:absolute;right:10px;top:9px;font-style:normal;font-size:9px;color:#33d17a;opacity:0}

.aiflow{position:relative;padding:clamp(70px,10vh,120px) var(--gut) clamp(50px,8vh,90px);border-top:1px solid #16161e}
.aiflow__title{font-size:clamp(30px,3.6vw,60px);font-weight:800;margin-bottom:50px}
.aiflow__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,1fr);gap:14px;position:relative;z-index:2}
.aiflow__steps li{padding:22px 16px 18px;border-radius:10px;background:#0b0b12;border:1px solid #23232e;display:flex;flex-direction:column;gap:8px}
.aiflow__steps li>span{font-size:11px;color:rgba(255,255,255,.4)}
.aiflow__steps b{font-family:var(--display);font-stretch:125%;font-size:18px}
.aiflow__steps em{font-style:normal;font-size:9.5px;align-self:flex-start;padding:3px 7px;border-radius:3px}
.t-ai{background:var(--blue);color:#fff}.t-hu{background:#fff;color:var(--ink)}
.aiflow__steps p{font-size:13.5px;color:rgba(255,255,255,.62);margin:0}
.aiflow__line{position:relative;height:3px;background:#1d1d27;margin-top:22px;border-radius:2px;overflow:hidden}
.aiflow__line em{position:absolute;inset:0 100% 0 0;background:linear-gradient(90deg,var(--blue),var(--violet),#fff)}

.aibill{display:grid;grid-template-columns:1fr 1fr;gap:var(--gut);align-items:center;padding:clamp(60px,9vh,110px) var(--gut) clamp(90px,13vh,150px)}
.aibill__title{font-size:clamp(40px,5vw,84px);margin-bottom:26px}
.aibill__text{color:rgba(255,255,255,.7);max-width:480px;font-size:17px}
.receipt{display:flex;justify-content:center;perspective:900px}
.receipt__paper{width:min(400px,100%);background:#f6f5f0;color:#16161a;padding:28px 26px 34px;font-size:12px;letter-spacing:.05em;box-shadow:0 40px 90px rgba(0,0,0,.5);transform:rotate(-2deg);position:relative;
  -webkit-mask:linear-gradient(#000,#000) top/100% calc(100% - 10px) no-repeat,radial-gradient(circle at 8px 0,transparent 7px,#000 7.5px) bottom/16px 10px repeat-x;mask:linear-gradient(#000,#000) top/100% calc(100% - 10px) no-repeat,radial-gradient(circle at 8px 0,transparent 7px,#000 7.5px) bottom/16px 10px repeat-x}
.receipt__h{text-align:center;font-weight:700;font-size:14px;margin:0 0 18px;padding-bottom:16px;border-bottom:1px dashed #aaa}
.receipt__h span{font-weight:400;font-size:10px;color:#666}
.receipt ul{list-style:none;margin:0;padding:0}
.receipt li{display:flex;justify-content:space-between;gap:10px;padding:7px 0}
.receipt li span{flex:1;overflow:hidden;white-space:nowrap}
.receipt li span::after{content:' ..................................................';color:#bbb}
.receipt li b{font-weight:700}
.receipt li.is-ai b{color:var(--blue)}
.receipt__total{display:flex;justify-content:space-between;font-size:17px;font-weight:700;margin:16px 0 18px;padding-top:16px;border-top:2px solid #16161a}
.receipt__total b{color:var(--blue);font-size:22px}
.receipt__f{text-align:center;font-size:10px;color:#777;margin:0}
.receipt__total b.stamp{display:inline-block}

.about__card{position:relative;aspect-ratio:4/5;max-height:76vh;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 60% 35%,#14143a,#040406 70%);color:#fff}
.about-moon{position:absolute;left:50%;top:42%;width:120%;aspect-ratio:1;transform:translate(-50%,-50%)}
.about__mark{position:absolute;left:24px;top:22px;display:flex;align-items:center;gap:10px;font-family:var(--display);font-stretch:125%;font-size:13px;line-height:1}
.about__mark svg{width:26px}
.about__eq{position:absolute;left:24px;right:24px;bottom:22px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:10.5px;margin:0}
.about__eq span{padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.3)}
.about__eq span:nth-of-type(2){border-color:var(--blue2);color:#c9d2ff}
.about__eq span:last-child{background:#fff;color:var(--ink)}
.about__eq i{font-style:normal;color:rgba(255,255,255,.5)}
.tier li.ai-inc{color:var(--blue);font-weight:600}
.tier--hot li.ai-inc{color:#9aa9ff}
.tier li.ai-inc::before{background:linear-gradient(140deg,var(--blue),var(--violet))}

@media (max-width:1100px){.aiflow__steps{grid-template-columns:repeat(4,1fr)}}
@media (max-width:900px){
  .ai__pin{height:auto;min-height:0;grid-template-columns:1fr;padding:100px var(--gut) 40px}
  .ai__right{height:auto;display:flex;flex-direction:column;gap:50px}
  .aip{position:relative;inset:auto}
  .aip__screen{min-height:320px}
  .aug{min-height:420px}
  .gen{grid-template-columns:1fr}
  .aibill{grid-template-columns:1fr;gap:50px}
  .ai__dots{display:none}
}
@media (max-width:767px){
  .aiflow__steps{grid-template-columns:1fr 1fr}
  .aug{min-height:360px}
  .about__card{aspect-ratio:4/4.2}
}
html.rm .ai__pin{height:auto;grid-template-columns:1fr;padding:100px var(--gut) 40px}
html.rm .ai__right{height:auto;display:flex;flex-direction:column;gap:50px}
html.rm .aip{position:relative;inset:auto}
html.rm .aip__screen{min-height:320px}
html.rm .aug{min-height:420px}
html.rm .aiw{background-position:0 0}

/* ================= STRATEGY + ONE STOP ================= */
.hero__ai span.hero__st{background:#fff;color:var(--ink);border-color:#fff}
.strat{position:relative;background:#fff;padding:clamp(110px,15vh,170px) var(--gut) clamp(90px,12vh,140px)}
.strat__inner{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,5vw,90px);align-items:start}
.strat__title{font-size:clamp(40px,5.2vw,86px);margin:0 0 28px}
.strat__lead{color:var(--muted);font-size:18px;line-height:1.5;max-width:560px;margin:0}
.strat__free{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.1em;padding:10px 16px;border-radius:999px;background:var(--ink);color:#fff;margin:28px 0 40px}
.strat__free i{width:8px;height:8px;border-radius:50%;background:var(--blue2);box-shadow:0 0 10px var(--blue2);animation:pulse 1.2s infinite}
.strat__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.strat__list li{position:relative;border:1px solid var(--line);border-radius:12px;padding:20px 18px 18px;display:flex;flex-direction:column;gap:8px;background:#fff;transition:border-color .4s,transform .5s var(--ease),box-shadow .5s}
.strat__list li:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 20px 44px rgba(14,16,60,.08)}
.strat__list li>span{font-size:11px;color:var(--muted)}
.strat__list b{font-family:var(--display);font-stretch:125%;font-weight:800;font-size:16px;line-height:1.1;padding-right:76px}
.strat__list p{font-size:14px;color:var(--muted);margin:0;line-height:1.45}
.strat__list em{position:absolute;right:14px;top:16px;font-style:normal;font-size:9.5px;font-weight:700;letter-spacing:.08em;color:var(--blue);background:rgba(36,64,255,.1);padding:4px 8px;border-radius:999px}
.strat__board{position:sticky;top:110px}
.ideas{background:#fff;border-radius:18px;box-shadow:0 44px 100px rgba(14,16,60,.14),0 0 0 1px rgba(12,12,20,.07);overflow:hidden}
.ideas *{box-sizing:border-box}
.ideas__head{display:flex;align-items:center;gap:12px;height:62px;padding:0 20px;border-bottom:1px solid var(--line)}
.ideas__logo{width:34px;height:34px;border-radius:10px;background:var(--ink);display:flex;align-items:center;justify-content:center;flex:none}
.ideas__logo svg{width:19px}
.ideas__head b{font-family:var(--display);font-stretch:125%;font-weight:800;font-size:16px;color:var(--ink)}
.ideas__st{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:10.5px;letter-spacing:.05em;color:var(--blue);white-space:nowrap}
.ideas__st i{width:8px;height:8px;border-radius:50%;background:var(--blue);animation:pulse 1.2s ease-in-out infinite}
.ideas__cols,.idea{display:grid;grid-template-columns:1fr 110px 92px;gap:14px;align-items:center}
.ideas__cols{height:32px;padding:0 20px;font-size:9.5px;letter-spacing:.1em;color:var(--muted)}
.ideas__cols span:last-child{text-align:right}
.ideas__rows{list-style:none;margin:0;padding:0 12px 8px}
.idea{min-height:56px;padding:10px 8px;border-radius:10px}
.idea.is-pick{background:rgba(36,64,255,.055)}
.idea__t{display:flex;flex-direction:column;gap:5px;font-size:15px;line-height:1.25;color:var(--ink)}
.idea__t small{font-size:10px;letter-spacing:.03em;color:var(--blue)}
.idea__fit{position:relative;height:6px;border-radius:3px;background:#ececf1;overflow:hidden}
.idea__fit i{position:absolute;inset:0;border-radius:3px;background:linear-gradient(90deg,var(--blue),var(--violet));transform-origin:0 50%;transform:scaleX(var(--fit))}
.is-park .idea__fit i,.is-short .idea__fit i{background:#b9bccb}
.idea__call{justify-self:end;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.06em;padding:5px 9px;border-radius:999px;white-space:nowrap}
.is-pick .idea__call{background:var(--blue);color:#fff}
.is-short .idea__call{background:rgba(36,64,255,.1);color:var(--blue)}
.is-park .idea__call{background:#f0f0f3;color:var(--muted)}
.ideas__foot{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:10px 20px;border-top:1px solid var(--line);font-size:10px;letter-spacing:.06em;color:var(--muted)}
.ideas__foot b{color:var(--ink);white-space:nowrap}
.strat__note{font-size:10px;letter-spacing:.1em;color:var(--muted);text-align:center;margin:16px 0 0}

.onestop{position:relative;background:var(--night);color:#fff;padding:clamp(110px,15vh,170px) var(--gut);overflow:hidden}
.onestop::before{content:'';position:absolute;right:-20%;top:-30%;width:80%;height:120%;background:radial-gradient(closest-side,rgba(36,64,255,.22),rgba(36,64,255,0));pointer-events:none}
.onestop__inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,90px);align-items:center}
.never{list-style:none;margin:0;padding:0}
.never li{position:relative;width:max-content;max-width:100%;font-family:var(--display);font-stretch:125%;font-weight:800;font-size:clamp(38px,5.4vw,92px);line-height:1.04;color:#3b3b46}
.never li i{position:absolute;left:-2%;right:-2%;top:50%;height:.09em;margin-top:-.045em;border-radius:6px;background:var(--rec);box-shadow:0 0 18px rgba(255,59,48,.45);transform-origin:0 50%}
.onestop__title{font-size:clamp(40px,4.8vw,80px);margin:0 0 24px}
.fill-title--dark .onestop__hl{background-image:linear-gradient(90deg,#9fb0ff 0%,var(--blue2) 33%,#fff 42%,var(--blue) 50%,#2b2b31 58%,#2b2b31 100%)}
.onestop__text{color:rgba(255,255,255,.72);font-size:17px;line-height:1.5;max-width:520px;margin:0 0 30px}
.chain{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chain li{position:relative;font-size:11px;letter-spacing:.06em;padding:8px 13px 8px 32px;border-radius:999px;border:1px solid #2a2a36;background:rgba(255,255,255,.02);color:rgba(255,255,255,.88)}
.chain li::before{content:'\2713';position:absolute;left:10px;top:50%;width:15px;height:15px;margin-top:-7.5px;border-radius:50%;background:var(--blue);color:#fff;font-size:9px;line-height:15px;text-align:center}

.receipt ul+.receipt__sub{margin-top:12px;padding-top:12px;border-top:1px dashed #aaa}
.receipt__sub{display:flex;justify-content:space-between;gap:10px;font-weight:700;margin:0;padding:5px 0}
.receipt__sub b{color:var(--blue)}
.stat--zero.is-in .stat__num{color:var(--blue)}
.tier li.st-inc{font-weight:600}
.tier li.st-inc::before{background:var(--ink)}
.tier--hot li.st-inc::before{background:#fff}
.tiers__promise{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:36px var(--gut) 0;font-size:11px;letter-spacing:.08em}
.tiers__promise span{padding:9px 15px;border:1px solid var(--line);border-radius:999px;color:var(--ink)}
.tiers__promise span:first-child{background:var(--ink);color:#fff;border-color:var(--ink)}
.tiers__promise span:nth-child(n+3){color:var(--blue);border-color:rgba(36,64,255,.3)}

@media (max-width:1000px){
  .strat__inner,.onestop__inner{grid-template-columns:1fr}
  .strat__board{position:relative;top:0}
  .onestop__inner{gap:56px}
}
@media (max-width:560px){
  .strat__list{grid-template-columns:1fr}
  .ideas__head b{font-size:13px}
  .ideas__st{display:none}
  .ideas__cols,.idea{grid-template-columns:1fr 54px 84px;gap:10px}
  .ideas__cols span:nth-child(2){font-size:0}
  .ideas__cols span:nth-child(2)::after{content:'FIT';font-size:9.5px}
  .idea__t{font-size:13.5px}
  .ideas__foot{flex-direction:column;align-items:flex-start;gap:4px}
  .never li{font-size:8.4vw}
  .strat__free{font-size:10px;letter-spacing:.04em;padding:10px 14px;gap:8px}
}
/* responsive */
@media (max-width:1100px){.nav__links{display:none}.nav__menu{display:inline-flex}.fgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){
  .split{grid-template-columns:1fr;gap:0}
  .split__sticky{position:relative;top:0;padding-bottom:0}
  .split__right{padding:50px 0 90px}
  .calc__inner,.learn__inner,.contact__inner{grid-template-columns:1fr;gap:44px}
  .tiers{grid-template-columns:1fr}
  .footer__top{grid-template-columns:1fr}
  .offer .split__right{padding-top:40px}
  .photo-slot{max-height:none;aspect-ratio:4/4.4}
  .faq .split__right{padding-top:20px}
}
@media (max-width:767px){
  .film{display:none}
  .slist{display:block}
  .hero{height:200vh}
  .hero__moon{left:50%;top:32%;width:118vw;transform:translate(-50%,-50%)}
  .hero__copy{bottom:40px}
  .hero__title{font-size:clamp(40px,12vw,64px)}
  .hero__scroll{display:none}
  .fgrid{grid-template-columns:1fr}
  .nav__right .pill--light{display:none}
  .calc__break{grid-template-columns:1fr}
  .sec-head{margin-bottom:36px}
  .creators__pin{height:auto;display:block;padding:90px 0 70px}
  .creators__head{position:relative;left:auto;top:auto;width:auto;padding:0 var(--gut);margin-bottom:30px;display:block}
  .creators__head .sec-sub{margin-top:18px}
  .creators__track{position:relative;top:auto;bottom:auto;overflow-x:auto;scroll-snap-type:x mandatory;padding-right:var(--gut);-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .creators__track::-webkit-scrollbar{display:none}
  .ccard{width:76vw;height:380px;scroll-snap-align:start}
  .ba{aspect-ratio:4/3.4}
  .ba__title{font-size:10vw}
  .ba__lab{font-size:9.5px}
}
@media (max-height:720px) and (min-width:768px){.hud{top:80px}}

/* reduced motion (also forced with ?reduced for testing) */
html.rm .film{display:none}
html.rm .slist{display:block}
html.rm .hero{height:100vh}
html.rm .fill-title span,html.rm .fill-text{background-position:0 0!important}
html.rm .ticker__track,html.rm .reel__track{animation:none}
html.rm .creators__pin{height:auto;display:block;padding:100px 0 80px}
html.rm .creators__head{position:relative;left:auto;top:auto;width:auto;padding:0 var(--gut);margin-bottom:30px;display:block}
html.rm .creators__track{position:relative;top:auto;bottom:auto;flex-wrap:wrap;padding-right:var(--gut)}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .stat__num{color:var(--ink)}
}