@font-face{font-family:"Stack Sans Headline";src:url(fonts/stack-sans-headline-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Stack Sans Headline";src:url(fonts/stack-sans-headline-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Stack Sans Headline";src:url(fonts/stack-sans-headline-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Stack Sans Text";src:url(fonts/stack-sans-text-latin-300-normal.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Stack Sans Text";src:url(fonts/stack-sans-text-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Stack Sans Text";src:url(fonts/stack-sans-text-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}

:root{
  --page:#FEFEFB; --core:#FF9A52; --source:#2E3BA1; --neo:#333333;
  --black:#04050A;
  --ink:#FEFEFB;
  --muted:rgba(254,254,251,.66);
  --faint:rgba(254,254,251,.42);
  --line:rgba(46,59,161,.55);
  --hair:rgba(254,254,251,.12);
  --grad:linear-gradient(90deg,#FF9A52 0%,#EE8358 16.7%,#B04F4F 33.3%,#904A65 50%,#704579 66.7%,#4F408D 83.3%,#2E3BA1 100%);
  --head:"Stack Sans Headline","Stack Sans",system-ui,sans-serif;
  --body:"Stack Sans Text","Stack Sans",system-ui,sans-serif;
  --shell:1240px;
  --gut:clamp(20px,5vw,64px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{background:var(--black);color:var(--ink);font-family:var(--body);font-weight:300;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:2px solid var(--core);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:8px;background:var(--core);color:var(--page);padding:10px 16px;border-radius:10px;z-index:100}
.skip:focus{left:8px}

h1,h2,h3{font-family:var(--head);font-weight:600;text-transform:uppercase;letter-spacing:-.02em;line-height:1.02;text-wrap:balance}
h1{font-size:clamp(2.6rem,6.4vw,5.6rem);max-width:11ch}
h2{font-size:clamp(2rem,4.4vw,3.75rem);max-width:17ch}
h3{font-size:1.25rem;letter-spacing:-.01em;line-height:1.15}
p{max-width:62ch}
.shell{width:min(var(--shell),100% - 2*var(--gut));margin-inline:auto}
.pad{padding-block:clamp(72px,11vw,150px)}
.intro{display:grid;gap:22px;margin-bottom:clamp(36px,5vw,64px)}
.intro p:not(.stage){color:var(--muted);font-size:1.15rem}
.stage{font-family:var(--head);font-weight:600;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;color:var(--core)}

/* HEADER */
.top{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px var(--gut);background:linear-gradient(180deg,rgba(4,5,10,.92),rgba(4,5,10,0))}
.logo img{width:clamp(150px,15vw,196px)}
.nav{display:flex;align-items:center;gap:clamp(16px,2.4vw,34px);font-size:.92rem;font-weight:400}
.nav a{text-decoration:none;color:var(--muted)}
.nav a:hover{color:var(--ink)}
.nav .nav-cta{color:var(--ink);border:1px solid var(--hair);padding:9px 18px;border-radius:14px}
.nav .nav-cta:hover{border-color:var(--core)}
.menu-btn{display:none;background:none;border:1px solid var(--hair);color:var(--ink);font:600 .78rem var(--head);text-transform:uppercase;letter-spacing:.18em;padding:10px 14px;border-radius:12px}

/* BUTTONS */
.btn{display:inline-block;text-decoration:none;font-family:var(--body);font-weight:600;font-size:1rem;padding:16px 28px;border-radius:16px;border:1px solid transparent}
.btn-core{background:var(--core);color:var(--page)}
.btn-core:hover{background:#EE8358}
.btn-line{border-color:var(--hair);color:var(--ink)}
.btn-line:hover{border-color:var(--ink)}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}

/* HERO */
.hero{position:relative;min-height:min(100svh,980px);display:flex;align-items:center;overflow:hidden}
.hero-bg,.hero-bg img{position:absolute;inset:0;width:100%;height:100%}
.hero-bg img{object-fit:cover;object-position:78% 30%}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(180deg,rgba(4,5,10,0),var(--black))}
.hero-copy{position:relative;z-index:2;width:min(var(--shell),100% - 2*var(--gut));margin-inline:auto;display:grid;gap:26px;padding-block:120px 80px}
.lede{font-size:clamp(1.1rem,1.5vw,1.3rem);color:rgba(254,254,251,.82);max-width:44ch}

/* STRIP */
.strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}
.strip a{padding:26px var(--gut);text-decoration:none;font-family:var(--head);font-weight:600;text-transform:uppercase;letter-spacing:-.01em;font-size:1.05rem;border-right:1px solid var(--line)}
.strip a:last-child{border-right:0}
.strip a span{display:block;font-family:var(--body);font-weight:400;text-transform:none;letter-spacing:0;font-size:.82rem;color:var(--faint);margin-bottom:4px}
.strip a:hover{background:rgba(46,59,161,.16)}

/* GAP */
.gap-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,7vw,110px);align-items:start}
.gap-grid>div{display:grid;gap:24px}
.gap-grid p{color:var(--muted);font-size:1.15rem}
.figures{display:grid}
.figures>div{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:24px;align-items:baseline;padding:22px 0;border-top:1px solid var(--line)}
.figures>div:last-child{border-bottom:1px solid var(--line)}
.figures dt{font-family:var(--head);font-weight:600;font-size:clamp(2.2rem,4vw,3.3rem);letter-spacing:-.03em;line-height:1}
.figures dd{color:var(--muted);font-size:1rem}
.figures cite{display:block;font-style:normal;font-size:.8rem;color:var(--faint);margin-top:4px}

/* SHOTS */
.wide-shot{margin-block:0 clamp(40px,6vw,80px)}
.wide-shot img{width:100%}
figcaption,.note{font-size:.9rem;color:var(--faint);margin-top:14px;max-width:48ch}

/* PLATFORM */
.roles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.roles article{padding:30px 32px 34px 0;display:grid;gap:12px;align-content:start}
.roles article+article{padding-left:32px;border-left:1px solid var(--line)}
.roles p{color:var(--muted);font-size:1.02rem}
.pair{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(24px,3vw,44px);align-items:start;margin-top:clamp(48px,7vw,90px)}
.framed img{border-radius:16px;border:1px solid var(--hair);box-shadow:-18px 0 60px -30px rgba(255,138,66,.55),18px 0 60px -30px rgba(46,59,161,.9)}
.bleed img{border-radius:16px}
.trades{margin-top:clamp(40px,5vw,64px);padding-top:26px;border-top:1px solid var(--line);color:var(--muted);max-width:none;font-size:1.05rem}
.trades strong{color:var(--ink);font-weight:600}

/* ASTRO */
.astro{background:radial-gradient(60% 70% at 72% 50%,rgba(46,59,161,.38),rgba(4,5,10,0) 70%)}
.astro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,96px);align-items:center}
.astro-copy{display:grid;gap:24px}
.astro-copy>p:not(.stage){color:var(--muted);font-size:1.15rem}
.points{list-style:none;display:grid;margin-top:6px}
.points li{padding:16px 0;border-top:1px solid var(--line);color:var(--muted);font-size:1.02rem}
.points strong{color:var(--ink);font-weight:600;margin-right:6px}
.device-wrap{display:grid;justify-items:center;padding-block:20px 90px}
.device{position:relative;width:min(330px,78vw);aspect-ratio:330/680;border-radius:54px;padding:3px;background:linear-gradient(100deg,#FF9A52 0%,#FF9A52 14%,#F58C5C 30%,#904A65 50%,#4F408D 76%,#2E3BA1 100%);box-shadow:-26px 0 70px -22px rgba(255,138,66,.7),26px 0 80px -18px rgba(46,59,161,1),0 0 0 1px rgba(254,254,251,.06);-webkit-box-reflect:below 6px linear-gradient(transparent 72%,rgba(0,0,0,.28))}
.device-screen{position:relative;height:100%;border-radius:51px;background:#07080F;border:7px solid #0B0C13;overflow:hidden;display:flex;flex-direction:column;padding:18px 16px 16px}
.island{width:92px;height:26px;border-radius:20px;background:#000;margin:0 auto 18px}
.astro-head{display:flex;align-items:center;gap:9px;padding-bottom:14px;border-bottom:1px solid var(--hair)}
.astro-head span{font-family:var(--head);font-weight:600;text-transform:uppercase;letter-spacing:-.01em;font-size:1rem}
.astro-head em{margin-left:auto;font-style:normal;font-size:.62rem;color:var(--faint)}
.chat{flex:1;display:flex;flex-direction:column;gap:10px;padding-top:16px;font-size:.84rem;line-height:1.42;font-weight:400}
.msg{max-width:86%;padding:10px 13px;border-radius:16px}
.msg.me{align-self:flex-end;background:rgba(254,254,251,.09);border-bottom-right-radius:5px}
.msg.bot{align-self:flex-start;border:1px solid rgba(255,138,66,.55);border-bottom-left-radius:5px;background:rgba(255,138,66,.07)}
.done{display:flex;flex-wrap:wrap;gap:5px 12px;align-items:center;font-size:.7rem;color:var(--muted);margin-top:4px;max-width:none}
.done span{white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.done span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--core)}
.ask{border:1px solid rgba(255,138,66,.6);border-radius:14px;padding:11px 14px;font-size:.82rem;color:var(--faint);box-shadow:0 10px 24px -14px rgba(255,138,66,.8)}
.js .chat.armed>*{opacity:0;transform:translateY(8px)}
.js .chat.armed>.in{opacity:1;transform:none;transition:opacity .45s ease,transform .45s ease}

/* WEARABLES */
.glasses-hero{background:#000}
.glasses-hero img{max-height:86vh;object-fit:cover}
.wear-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px)}
.wear-pair img{border-radius:16px;aspect-ratio:16/10;object-fit:cover;width:100%}
.note{margin-top:28px}

/* ROAD */
.road{border-top:1px solid var(--line)}
.stages{list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(40px,6vw,96px)}
.stages li{display:grid;grid-template-columns:clamp(84px,9vw,128px) 1fr;gap:20px;padding:30px 0;border-top:1px solid var(--line);align-items:start}
.num{font-family:var(--head);font-weight:600;font-size:clamp(3rem,5.4vw,4.6rem);line-height:.86;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(254,254,251,.5)}
.stages li:nth-child(-n+2) .num{color:var(--core);-webkit-text-stroke:0}
.stages li>div{display:grid;gap:8px}
.when{font-size:.8rem;color:var(--faint)}
.stages li:nth-child(-n+2) .when{color:var(--core)}
.stages p:not(.when){color:var(--muted);font-size:1rem}

/* FOUNDER */
.founder{padding-top:0}
.founder-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(36px,5vw,80px);align-items:center}
.founder-shot img{border-radius:16px}
.founder-grid>div{display:grid;gap:20px}
.founder-grid h2{font-size:clamp(1.9rem,3.4vw,3rem)}
.founder-grid h3{margin-top:14px;color:var(--core)}
.founder-grid p{color:var(--muted)}

/* CTA: the one jump to Neo charcoal */
.cta{position:relative;background:var(--neo);overflow:hidden;padding-block:clamp(90px,13vw,180px)}
.cta-blend{position:absolute;right:-14%;bottom:-34%;width:min(980px,78%);pointer-events:none}
.cta-inner{position:relative;display:grid;gap:26px;justify-items:start}
.eyebrow{font-weight:600;text-transform:uppercase;letter-spacing:.3em;font-size:.72rem;color:var(--core)}
.cta h2{font-size:clamp(2.4rem,5.6vw,4.8rem);max-width:13ch}
.cta h2 span{display:block;color:var(--core)}
.cta .eyebrow{color:var(--core)}
.cta p:not(.eyebrow){color:rgba(254,254,251,.78);max-width:46ch;font-size:1.12rem}
.cta .site a{color:var(--ink);font-weight:400;text-decoration-color:var(--core);text-underline-offset:5px}

.foot{background:var(--neo);border-top:1px solid var(--source);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:26px var(--gut);font-size:.82rem;color:var(--muted)}
.foot img{width:150px}
.foot p:nth-of-type(1){text-transform:uppercase;letter-spacing:.3em;font-size:.7rem}

@media (max-width:980px){
  .gap-grid,.astro-grid,.founder-grid,.pair{grid-template-columns:1fr}
  .stages{grid-template-columns:1fr}
  .strip{grid-template-columns:1fr 1fr}
  .strip a:nth-child(2){border-right:0}
  .strip a:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .roles{grid-template-columns:1fr}
  .roles article,.roles article+article{padding:24px 0;border-left:0}
  .roles article+article{border-top:1px solid var(--line)}
  .menu-btn{display:block}
  .nav{position:absolute;top:100%;left:var(--gut);right:var(--gut);flex-direction:column;align-items:stretch;gap:0;background:#0A0B12;border:1px solid var(--hair);border-radius:16px;padding:8px;display:none}
  .nav.open{display:flex}
  .nav a{padding:14px 14px;font-size:1rem}
  .nav .nav-cta{margin-top:6px;text-align:center}
}
@media (max-width:760px){
  body{font-size:17px}
  .hero{min-height:auto;display:block}
  .hero-bg{position:relative;display:block;height:auto}
  .hero-bg img{position:relative;height:78svh;object-position:50% 12%}
  .hero::after{display:none}
  .hero-copy{margin-top:-34svh;padding-block:0 56px;background:linear-gradient(180deg,rgba(4,5,10,0),var(--black) 30%)}
  .hero-copy h1{padding-top:16svh}
  .wear-pair{grid-template-columns:1fr}
  .figures>div{grid-template-columns:1fr;gap:6px}
  .glasses-hero img{aspect-ratio:4/3}
  .cta-blend{width:120%;right:-40%;bottom:-18%;opacity:.5}
  .btn{width:100%;text-align:center}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .chat.armed>*{opacity:1;transform:none;transition:none}
}

/* ===== V2: LED lines, neon frames, agent flow, road map, financial map ===== */
.led{height:1px;background:var(--grad);box-shadow:0 0 14px 1px rgba(255,138,66,.55),0 0 26px 2px rgba(46,59,161,.9);opacity:.9}
.strip{border-block:0;position:relative}
.strip::before,.strip::after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--grad);box-shadow:0 0 14px 1px rgba(255,138,66,.5),0 0 24px 2px rgba(46,59,161,.9)}
.strip::before{top:0}.strip::after{bottom:0}
.neon{position:relative;border-radius:18px;padding:1.5px;background:linear-gradient(100deg,#FF9A52 0%,#FF9A52 14%,#F58C5C 30%,#904A65 50%,#4F408D 78%,#2E3BA1 100%);box-shadow:-16px 0 46px -22px rgba(255,138,66,.75),16px 0 52px -18px rgba(46,59,161,1)}
.neon>img{border-radius:16.5px;width:100%;display:block}
.pair{grid-template-columns:.82fr 1.18fr;align-items:end}
.pair .neon>img{border:0;box-shadow:none}

/* AGENT */
.agent{background:radial-gradient(55% 60% at 50% 62%,rgba(46,59,161,.34),rgba(4,5,10,0) 70%)}
.flow{display:grid;grid-template-columns:auto minmax(40px,1fr) minmax(230px,300px) minmax(40px,1fr) minmax(280px,1.5fr);align-items:center;gap:0;margin-bottom:clamp(40px,6vw,72px)}
.flow-col{display:grid;justify-items:center;gap:22px}
.flow-label{font-family:var(--head);font-weight:600;text-transform:uppercase;letter-spacing:-.01em;font-size:1rem;text-align:center;max-width:none}
.flow-label span{display:block;font-family:var(--body);font-weight:300;text-transform:none;letter-spacing:0;font-size:.82rem;color:var(--faint);margin-top:3px}
.wire{height:2px;align-self:center;margin-bottom:64px;background:var(--grad);box-shadow:0 0 12px 1px rgba(255,138,66,.6),0 0 20px 2px rgba(46,59,161,.9);position:relative;overflow:hidden}
.wire::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 40%,rgba(254,254,251,.95) 50%,transparent 60% 100%);background-size:220% 100%;animation:run 2.6s linear infinite}
@keyframes run{from{background-position:120% 0}to{background-position:-120% 0}}
.flow .device{width:min(270px,70vw);aspect-ratio:270/560;-webkit-box-reflect:unset}
.flow .device-screen{padding:16px 14px 14px}
.orb{width:74px;height:74px;border-radius:50%;margin:6px auto 12px;display:grid;place-items:center;background:radial-gradient(circle at 35% 35%,rgba(255,138,66,.28),rgba(46,59,161,.3) 70%);box-shadow:0 0 0 1px rgba(254,254,251,.1),-8px 0 26px -6px rgba(255,138,66,.9),8px 0 30px -6px rgba(46,59,161,1)}
.wave{display:flex;justify-content:center;align-items:center;gap:4px;height:22px;margin-bottom:12px}
.wave i{width:3px;border-radius:3px;background:var(--grad);height:30%;animation:eq 1.1s ease-in-out infinite alternate}
.wave i:nth-child(2){animation-delay:.1s}.wave i:nth-child(3){animation-delay:.25s}.wave i:nth-child(4){animation-delay:.05s}.wave i:nth-child(5){animation-delay:.3s}.wave i:nth-child(6){animation-delay:.15s}.wave i:nth-child(7){animation-delay:.35s}.wave i:nth-child(8){animation-delay:.2s}.wave i:nth-child(9){animation-delay:.4s}
@keyframes eq{from{height:20%}to{height:100%}}
.flow .chat{font-size:.74rem;gap:8px;padding-top:4px}
.flow .msg{padding:8px 11px;border-radius:14px}
.flow .ask{text-align:center;font-size:.76rem}
.truth{width:100%}
.truth>*{background:#07080F}
.truth h3{border-radius:16.5px 16.5px 0 0;padding:18px 20px 12px;font-size:1.05rem}
.truth ul{list-style:none;border-radius:0 0 16.5px 16.5px;padding:0 20px 14px}
.truth li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--hair);font-size:.86rem;color:var(--muted)}
.truth b{font-weight:400;color:var(--ink);text-align:right}
.flow-out{position:relative}
.out-dash{width:100%}
.out-phone{position:absolute;right:-4%;top:22%;width:27%;filter:drop-shadow(-8px 0 18px rgba(255,138,66,.5)) drop-shadow(8px 0 22px rgba(46,59,161,.95))}
.out-phone img{border-radius:12%/5.6%}
.points.three{display:grid;grid-template-columns:repeat(3,1fr);gap:0 clamp(24px,3vw,48px);margin:0}

/* WEARABLES */
.wear-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,32px)}
.wear-grid .neon>img{aspect-ratio:4/3;object-fit:cover}

/* ROAD MAP */
.road{border-top:0;padding-bottom:clamp(48px,6vw,80px)}
.map{list-style:none;position:relative;--rail:31%;--p:0}
.map::before,.map::after{content:"";position:absolute;left:var(--rail);top:0;width:2px;margin-left:-1px}
.map::before{bottom:0;background:rgba(254,254,251,.12)}
.map::after{height:calc(var(--p)*100%);background:linear-gradient(180deg,#FF9A52,#904A65 55%,#2E3BA1);box-shadow:0 0 14px 2px rgba(255,138,66,.7),0 0 26px 3px rgba(46,59,161,1);transition:height .15s linear}
.map li{position:relative;display:grid;grid-template-columns:var(--rail) 1fr;align-items:start;padding-block:clamp(34px,5vw,64px)}
.map li::before{content:"";position:absolute;left:var(--rail);top:clamp(40px,5.4vw,70px);width:22px;height:22px;margin-left:-11px;border-radius:50%;background:var(--black);border:2px solid rgba(254,254,251,.3);z-index:1;transition:border-color .3s,box-shadow .3s}
.map li.on::before{border-color:var(--core);box-shadow:0 0 0 5px rgba(255,138,66,.16),-6px 0 18px rgba(255,138,66,.9),6px 0 22px rgba(46,59,161,1)}
.map li:nth-child(n+3).on::before{border-color:#6B7BFF;border-color:var(--source);box-shadow:0 0 0 5px rgba(46,59,161,.3),-6px 0 18px rgba(255,138,66,.6),6px 0 24px rgba(46,59,161,1)}
.phase{font-family:var(--head);font-weight:600;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(1.9rem,4vw,3.4rem);line-height:.95;text-align:right;padding-right:clamp(28px,4vw,60px);color:rgba(254,254,251,.32);transition:color .3s;max-width:none}
.phase span{display:block;font-family:var(--body);font-weight:400;letter-spacing:0;text-transform:none;font-size:.85rem;margin-top:10px;color:var(--faint)}
.map li.on .phase{color:var(--ink)}
.map li.on .phase span{color:var(--core)}
.stop{padding-left:clamp(28px,4vw,60px);display:grid;gap:10px;padding-top:6px}
.stop h3{font-size:1.4rem}
.stop p{color:var(--muted);max-width:44ch}

/* FINANCIAL MAP */
.money{padding-block:0 clamp(72px,10vw,130px)}
.ladder{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);align-items:end;border-bottom:2px solid transparent;border-image:var(--grad) 1;box-shadow:0 14px 22px -16px rgba(46,59,161,1)}
.ladder li{padding:18px 22px 22px 0;display:grid;gap:8px;align-content:start;position:relative;border-top:1px solid var(--line)}
.ladder li+li{padding-left:22px;border-left:1px solid var(--line)}
.ladder li:nth-child(1){min-height:150px}.ladder li:nth-child(2){min-height:210px}.ladder li:nth-child(3){min-height:280px}.ladder li:nth-child(4){min-height:350px}
.rung{font-size:.82rem;color:var(--core);font-weight:400}
.big{font-family:var(--head);font-weight:600;letter-spacing:-.03em;line-height:1;font-size:clamp(2rem,4.2vw,3.6rem)}
.ladder p:last-child{color:var(--muted);font-size:.95rem}
.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px}
.facts>div{padding:0 22px 0 0;display:grid;gap:6px;align-content:start}
.facts>div+div{padding-left:22px;border-left:1px solid var(--line)}
.facts dt{font-family:var(--head);font-weight:600;text-transform:uppercase;font-size:.9rem}
.facts dd{color:var(--muted);font-size:.95rem}

.founder{padding-top:clamp(72px,11vw,150px)}
.founder-shot .neon>img{border-radius:16.5px}
.sign{color:var(--ink)!important;font-weight:600;font-size:.95rem}

@media (max-width:980px){
  .flow{grid-template-columns:1fr;justify-items:center;gap:0}
  .wire{width:2px;height:64px;margin:18px 0;background:linear-gradient(180deg,#FF9A52,#2E3BA1)}
  .wire::after{display:none}
  .flow-truth,.flow-out{width:min(420px,100%)}
  .points.three{grid-template-columns:1fr}
  .wear-grid{grid-template-columns:1fr}
  .map{--rail:14px}
  .map li{grid-template-columns:1fr;padding-left:44px;gap:10px}
  .phase{text-align:left;padding:0;font-size:1.7rem}
  .phase span{display:inline;margin-left:10px}
  .stop{padding:0}
  .map li::before{top:38px}
  .ladder,.facts{grid-template-columns:1fr 1fr}
  .ladder li,.ladder li+li{min-height:0!important;padding:22px 16px 18px 0;border-left:0;border-top:1px solid var(--line)}
  .facts>div,.facts>div+div{padding:16px 16px 16px 0;border-left:0;border-top:1px solid var(--line)}
}
@media (prefers-reduced-motion:reduce){.wire::after,.wave i{animation:none}.map::after{transition:none}}

/* ===== V3: live UI kit in neon device frames ===== */
.dev{position:relative;padding:2px;background:linear-gradient(100deg,#FF9A52 0%,#FF9A52 14%,#F58C5C 30%,#904A65 50%,#4F408D 78%,#2E3BA1 100%);box-shadow:-22px 0 60px -24px rgba(255,138,66,.8),22px 0 70px -20px rgba(46,59,161,1)}
.scr{container-type:inline-size;overflow:hidden;background:#0A0C16;position:relative}
.dev.monitor{border-radius:1.6vw;margin-bottom:5%}
.dev.monitor .scr{border-radius:calc(1.6vw - 2px);border:.7vw solid #06070C;aspect-ratio:16/10.3}
.dev.monitor::after{content:"";position:absolute;left:50%;top:100%;width:22%;height:0;padding-bottom:5%;transform:translateX(-50%);background:linear-gradient(180deg,#1b1d2a,#0c0d15);clip-path:polygon(30% 0,70% 0,82% 82%,100% 82%,100% 100%,0 100%,0 82%,18% 82%)}
.dev.bare{padding:0;background:none;box-shadow:none}.dev.bare .scr{aspect-ratio:970/680}
.dev.phone{width:100%;border-radius:13.5% / 6.6%}
.dev.phone .scr{border-radius:13% / 6.6%;border:6px solid #06070C;aspect-ratio:390/790}
.ui{position:absolute;inset:0;color:#ECECF1;font-family:var(--body);font-weight:400;line-height:1.35;text-align:left}
.ui.d{font-size:1.25cqw;display:grid;grid-template-columns:14em 1fr}
.ui.p{font-size:4.75cqw;display:flex;flex-direction:column}
.ui p{max-width:none}
.ui .i{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ui .m{width:2.6em}
.ui .fox{position:absolute;right:1.2em;bottom:1.2em;width:2.6em;height:2.6em;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 .4em 1.2em rgba(0,0,0,.6)}
/* sidebar */
.sb{background:#12152A;padding:1.1em .7em;display:flex;flex-direction:column;gap:.5em;font-size:.82em;color:#B9BBC9;border-right:1px solid rgba(255,255,255,.05)}
.sb-logo{width:8.6em;margin:.2em .5em .7em}
.sb-search{display:flex;gap:.5em;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:.6em;padding:.45em .7em;background:#0C0E1A;margin-bottom:.4em}
.sb ul{list-style:none;display:grid;gap:.1em}
.sb li{display:flex;align-items:center;gap:.7em;padding:.52em .7em;border-radius:.55em;position:relative}
.sb li.on{background:#22264A;color:#FF9A52}
.sb li b{position:absolute;left:1.35em;top:.1em;background:#2E3BA1;color:#fff;font-size:.6em;font-weight:600;border-radius:1em;min-width:1.5em;text-align:center;line-height:1.5}
.sb hr{border:0;border-top:1px solid rgba(255,255,255,.07);margin:.5em 0}
.sb-user{margin-top:auto;display:flex;align-items:center;gap:.6em;border-top:1px solid rgba(255,255,255,.07);padding:.9em .5em 0;color:#ECECF1}
.sb-user i{font-style:normal;background:#FF9A52;color:#fff;border-radius:50%;width:1.7em;height:1.7em;display:grid;place-items:center;font-size:.85em;font-weight:600}
/* main */
.main{position:relative;padding:1.2em 1.3em;overflow:hidden}
.bells{position:absolute;right:1.2em;top:1em;display:flex;gap:.9em;background:#141729;border-radius:2em;padding:.4em .8em;font-size:.9em}
.bells span{position:relative;display:flex}
.bells b{position:absolute;right:-.5em;top:-.5em;background:#FF9A52;border-radius:50%;font-size:.5em;min-width:1.7em;line-height:1.7;text-align:center;color:#fff}
.health{display:inline-flex;align-items:center;gap:.5em;border:1px solid rgba(255,255,255,.1);border-radius:2em;padding:.5em 1em;font-size:.8em;color:#9FA2B5;background:#0F1120}
.health em{width:.55em;height:.55em;border-radius:50%;background:#E0452F}
.health strong{color:#fff;font-weight:600;margin-right:.3em}
.health s{width:1.7em;height:.22em;border-radius:1em;background:#2A2D45}.health s.r{background:linear-gradient(90deg,#E0452F 25%,#3a2030 25%)}
.hi{display:grid;justify-items:center;gap:.35em;text-align:center}
.hi .m{width:3.2em;margin-bottom:.5em}
.hi-t{font-family:var(--head);font-weight:600;text-transform:uppercase;letter-spacing:-.03em;font-size:1.75em;line-height:1}
.hi-s{font-size:.82em;color:#B9BBC9}
.askbox{border:1px solid rgba(255,138,66,.75);border-radius:.8em;background:#151829;padding:.8em 1em;box-shadow:0 .9em 1.6em -1em rgba(255,138,66,.85);display:grid;gap:.9em}
.ask-text{font-size:.85em;color:#B9BBC9;min-height:1.35em}
.ask-row{display:flex;align-items:center;gap:.8em;color:#8E91A6}
.ask-row .beta{margin-left:auto;font-size:.5em;border:1px solid currentColor;border-radius:1em;padding:.1em .7em;letter-spacing:.08em}
.ask-row .send{background:#1E2136;border-radius:.5em;padding:.45em;display:flex;color:#FF9A52}
.home{display:grid;align-content:center;justify-items:center;gap:1.3em}
.home .health{position:absolute;left:1.2em;top:1em}
.home .askbox{width:27em}
.waves{position:absolute;inset:auto 0 0 0;height:26%;background:repeating-linear-gradient(176deg,rgba(255,138,66,.5) 0 1px,transparent 1px .42em);-webkit-mask-image:linear-gradient(180deg,transparent,#000);mask-image:linear-gradient(180deg,transparent,#000);opacity:.55}
/* pipeline */
.pg-t{font-family:var(--head);font-weight:600;text-transform:uppercase;letter-spacing:-.02em;font-size:1.15em}
.pg-s{font-size:.68em;color:#9FA2B5;margin-bottom:1.6em}
.filters{display:flex;align-items:center;gap:.5em;background:#101322;border-radius:.7em;padding:.7em .8em;font-size:.6em;color:#C9CBD8;margin-bottom:1.2em}
.filters span{border:1px solid rgba(255,255,255,.16);border-radius:2em;padding:.3em .9em;white-space:nowrap}
.filters span.on{background:#4a2420;border-color:#FF9A52;color:#FF9A52}
.filters i{font-style:normal;margin-left:.6em;flex:1;border:1px solid rgba(255,255,255,.1);border-radius:.5em;padding:.5em .8em;color:#8E91A6;white-space:nowrap;overflow:hidden}
.filters i.sm{flex:0 0 auto;margin:0;color:#ECECF1}.filters em{font-style:normal;color:#8E91A6;white-space:nowrap}
.grp{border:1px solid rgba(255,255,255,.08);border-radius:.7em;background:#111425;margin-bottom:.8em;padding:.5em .8em .2em}
.grp.o{border-color:rgba(255,138,66,.3)}.grp.hot{background:linear-gradient(180deg,#24161a,#111425 40%)}
.grp-h{display:flex;align-items:center;gap:.6em;font-size:.55em;margin-bottom:.3em}
.pill{border-radius:2em;padding:.25em .9em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#fff;color:#111}
.grp.g .pill{background:#C9CBD8}.grp.o .pill{background:#FF9A52;color:#fff}
.grp-h i{font-style:normal;color:#9FA2B5}.grp-h u{margin-left:auto;text-decoration:none;color:#9FA2B5}
.grp table{width:100%;border-collapse:collapse;font-size:.6em}
.grp th{text-align:left;font-weight:600;font-size:.72em;letter-spacing:.06em;color:#7E8196;padding:.5em 0;text-transform:uppercase}
.grp td{padding:.75em 0;border-top:1px solid rgba(255,255,255,.06);color:#B9BBC9;white-space:nowrap}
.grp .ref{color:#7E8196;font-size:.85em}.grp .nm,.grp .q,.grp .v{color:#fff;font-weight:600}
.grp th:last-child,.grp .v{text-align:right}
.askai{position:absolute;left:50%;bottom:1em;transform:translateX(-50%);display:flex;align-items:center;gap:.6em;border:1px solid rgba(255,138,66,.6);border-radius:2em;padding:.5em 1.3em;font-size:.62em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:#17121a}
.askai .m{width:1.6em}
/* chat */
.bub{background:#171A2C;border-radius:.8em;padding:.7em .9em;font-size:.72em;max-width:62%!important;margin-bottom:.7em}
.bub.me{margin-left:auto;color:#FF9A52;background:#1D2036;width:fit-content}
.hand{padding-top:4.2em}
.rep{display:flex;gap:.5em;align-items:center;font-size:.62em;color:#B9BBC9}
.hand .askbox.dock{position:absolute;left:1.3em;right:1.3em;bottom:1.1em}
.hand .fox{bottom:6.4em;right:1.6em}
/* phone */
.ph{display:flex;align-items:center;justify-content:space-between;padding:2.6em 1.2em .9em;border-bottom:1px solid rgba(255,255,255,.1)}
.ph img{width:9.4em}
.ph p{font-size:.55em;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#FF9A52;text-align:left}
.ph p span{display:block;color:#C9CBD8}
.pbody{flex:1;padding:1em 1.2em;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.7em}
.pbody.centre{justify-content:center;gap:1.1em}
.pbody.centre .health{position:absolute;top:1.6em;left:1.2em;right:1.2em;justify-content:space-between;font-size:.72em}
.p .hi-t{font-size:1.32em}.p .hi-s{font-size:.8em}
.p .fox{right:1.2em;bottom:1.4em;width:2.9em;height:2.9em}
.astro-only{padding-top:3em;background:radial-gradient(70% 40% at 50% 38%,rgba(46,59,161,.35),transparent 70%)}
.astro-only .hi .m{width:4.2em}
.pnav{display:flex;justify-content:space-around;border-top:1px solid rgba(255,255,255,.1);padding:.7em .3em 1.3em;font-size:.68em;font-weight:600;color:#C9CBD8;background:#0F1120}
.pnav span{display:grid;justify-items:center;gap:.3em;position:relative}
.pnav span.on{color:#FF9A52}.pnav .i{width:1.6em;height:1.6em}
.pnav b{position:absolute;top:-.5em;right:-.4em;background:#2E3BA1;color:#fff;border-radius:50%;min-width:1.6em;line-height:1.6;text-align:center;font-size:.8em}
.pt{font-family:var(--head);font-weight:600;text-transform:uppercase;letter-spacing:-.02em;font-size:1.35em;line-height:1}
.ps{font-size:.74em;color:#B9BBC9;margin-top:-.3em}
.card,.clockc{border:1px solid rgba(255,255,255,.1);border-radius:.9em;background:#151829;padding:.9em 1em;display:grid;gap:.5em}
.clockc{border-color:#FF9A52;background:#21151a;grid-template-columns:1fr auto;align-items:center}
.clockc p{font-size:.6em;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#FF9A52}
.clockc p span{display:block;color:#C9CBD8;letter-spacing:0;text-transform:none;font-weight:400;font-size:1.15em;margin-top:.3em}
.clockc strong{font-family:var(--head);font-size:1.5em}
.ct{font-family:var(--head);font-weight:600;text-transform:uppercase;font-size:.85em;display:flex;justify-content:space-between;align-items:center}
.ct em{font-family:var(--body);font-style:normal;text-transform:none;font-weight:400;font-size:.72em;border:1px solid #5a66d6;background:#1b1f4a;border-radius:2em;padding:.2em .8em}
.cs{font-size:.74em;color:#B9BBC9}
.two{display:grid;grid-template-columns:1fr 1fr;gap:.5em}
.two span{border:1px solid rgba(255,255,255,.12);background:#1B1E33;border-radius:.6em;padding:.6em;text-align:center;font-size:.72em}
.two .go{background:#FF9A52;border-color:#FF9A52;font-weight:600;color:#1a0d08}
.sec{font-family:var(--head);font-weight:600;text-transform:uppercase;font-size:.8em;display:flex;justify-content:space-between;align-items:baseline;margin-top:.2em}
.sec span{font-family:var(--body);font-weight:400;text-transform:none;font-size:.78em;color:#9FA2B5}
.bar{height:.22em;border-radius:1em;background:#2A2D45}.bar i{display:block;width:33%;height:100%;background:#FF9A52;border-radius:1em}
.task{border:1px solid rgba(255,255,255,.1);background:#151829;border-radius:.7em;padding:.62em .8em;font-size:.76em;display:flex;align-items:center;gap:.7em}
.task>i{width:1.5em;height:1.5em;border:1.5px solid #6c7090;border-radius:.35em;display:grid;place-items:center;flex:none}
.task.done{color:#B9BBC9}.task.done>i{background:#2E3BA1;border-color:#7d88ee}.task .i{width:1em;height:1em;stroke-width:2.6}
.task b{margin-left:auto;color:#FF9A52;font-weight:400;font-size:.8em;text-transform:uppercase}
.tabs{display:flex;gap:.5em}.tabs span{border:1px solid rgba(255,255,255,.16);border-radius:.6em;padding:.5em .9em;font-size:.76em}
.tabs .on{border-color:#FF9A52;color:#FF9A52;background:#21151a}
.p .bub{font-size:.76em;max-width:90%!important;margin:0;border:1px solid rgba(255,255,255,.08)}
.p .bub small{display:block;color:#9FA2B5;margin-bottom:.3em;font-size:.82em}
.bub.me2{margin-left:auto!important;background:#1F2238}
.msgrow{display:flex;gap:.5em;margin-top:auto}
.msgrow span{flex:1;border:1px solid rgba(255,255,255,.12);border-radius:.6em;padding:.7em .8em;font-size:.72em;color:#8E91A6;background:#151829}
.msgrow b{background:#FF9A52;border-radius:.6em;width:2.4em;display:grid;place-items:center;color:#1a0d08}
.quote strong{font-family:var(--head);font-size:1.9em;letter-spacing:-.02em;line-height:1}
.inc{display:flex;gap:.7em;align-items:center;font-size:.78em;padding-bottom:.6em;border-bottom:1px solid rgba(255,255,255,.08)}
.inc .i{color:#8f9aff;stroke-width:2.4}
.hint{border:1px solid rgba(255,138,66,.55);border-radius:.7em;padding:.6em .8em;font-size:.7em;background:#1a1318}

/* stage: monitor + phone on the blue glow */
.showcase{position:relative;width:min(1320px,100% - 2*var(--gut));margin:0 auto clamp(48px,7vw,96px);padding:clamp(24px,4vw,60px) 0 0;display:grid;grid-template-columns:1fr 19%;gap:4%;align-items:end}
.showcase::before{content:"";position:absolute;inset:-6% -8% 0;background:radial-gradient(50% 55% at 45% 50%,rgba(46,59,161,.6),rgba(4,5,10,0) 72%);z-index:-1}
.showcase .phone{margin-bottom:6%}
.screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 2.1fr;gap:clamp(18px,2.6vw,40px);align-items:end;margin-top:clamp(48px,7vw,90px)}
.screens figcaption strong{display:block;font-family:var(--head);font-weight:600;text-transform:uppercase;color:var(--ink);font-size:.95rem;margin-bottom:2px}
.flow{grid-template-columns:270px minmax(20px,1fr) 250px minmax(20px,1fr) minmax(0,5fr)}
.flow .flow-col{width:100%}
.flow-out .monitor{width:100%}
.truth li b{opacity:1;transition:opacity .5s,color .5s}
.js .flow.armed .truth li b{opacity:.15}
.js .flow.armed .truth li.lit b{opacity:1;color:#FF9A52}
.ask-text.typing::after{content:"";display:inline-block;width:1px;height:1em;background:#FF9A52;margin-left:2px;vertical-align:-2px;animation:blink .8s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.facts{grid-template-columns:repeat(3,1fr)}
@media (max-width:980px){
  .showcase{grid-template-columns:1fr 24%}
  .screens{grid-template-columns:1fr 1fr 1fr}
  .screens .tab{grid-column:1/-1}
  .flow{grid-template-columns:1fr}
  .flow .flow-col{width:min(440px,100%)}
  .flow .flow-col:first-child .phone{width:min(250px,70%)}
}
@media (max-width:640px){
  .showcase{grid-template-columns:1fr;justify-items:center}
  .showcase .phone{width:56%}
  .screens{grid-template-columns:1fr 1fr}
  .dev.monitor .scr{border-width:5px}
}

.astro-tag{position:absolute;top:2.4em;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:.5em;font-family:var(--head);font-weight:600;text-transform:uppercase;font-size:.9em}
.astro-tag .fox{position:static;width:1.9em;height:1.9em}
.ph{padding-top:2.2em}
html,body{overflow-x:clip}
.showcase .monitor{width:100%}
.sb li b{left:2.5em;top:.15em;font-size:.58em}

/* ===== V4: adoption curve, HD Astro ===== */
.chart{margin-bottom:0}
.chart .curve{display:block;width:100%;height:auto;background:#06070E;border-radius:16.5px;padding:clamp(10px,2vw,26px)}
.curve .grid line{stroke:rgba(254,254,251,.08);stroke-width:1}
.curve .grid text{fill:rgba(254,254,251,.5);font:400 13px var(--body)}
.curve .dots circle{fill:#04050A;stroke:#FEFEFB;stroke-width:2.5}
.marks{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px}
.marks li{display:grid;gap:6px;padding:0 22px 0 0;align-content:start}
.marks li+li{padding-left:22px;border-left:1px solid var(--line)}
.marks li p:last-child{color:var(--muted);font-size:.95rem}
.agent .shell{position:relative}
.astro-big{position:absolute;right:0;top:-10px;width:clamp(150px,19vw,250px);height:auto;filter:drop-shadow(-10px 0 26px rgba(255,138,66,.55)) drop-shadow(12px 0 30px rgba(46,59,161,.95))}
.ui .fox{background:#141729;object-fit:contain;padding:.28em}
.astro-tag .fox{padding:.2em}
@media (max-width:980px){
  .marks{grid-template-columns:1fr 1fr}
  .marks li,.marks li+li{padding:16px 16px 16px 0;border-left:0;border-top:1px solid var(--line)}
  .astro-big{position:static;display:block;width:130px;margin:0 0 18px}
}

/* ===== V5: product-first hero ===== */
.hero2{position:relative;padding:clamp(110px,11vw,150px) 0 clamp(40px,6vw,80px);overflow:hidden;background:radial-gradient(60% 55% at 50% 72%,rgba(46,59,161,.62),rgba(4,5,10,0) 72%)}
.hero2-copy{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(36px,5vw,64px)}
.hero2-copy h1{font-size:clamp(2.4rem,5.4vw,4.9rem);max-width:13ch}
.hero2-copy>div{display:grid;gap:22px}
.hero2 .lede{max-width:40ch}
.trio{width:min(1400px,100% - 2*var(--gut));margin-inline:auto;display:grid;grid-template-columns:1fr 29% 14%;gap:2.6%;align-items:end}
.trio .monitor{width:100%}
.dev.tablet{border-radius:1.5vw;margin-bottom:5%}
.dev.tablet .scr{border-radius:calc(1.5vw - 2px);border:.6vw solid #06070C;aspect-ratio:4/3}
.trio .phone{margin-bottom:5%}
.founder-grid{grid-template-columns:.8fr 1.2fr}
.founder-shot .neon>img{aspect-ratio:auto}
@media (max-width:980px){
  .hero2-copy{grid-template-columns:1fr}
  .trio{grid-template-columns:1fr 1fr;gap:18px}
  .trio .monitor{grid-column:1/-1}
  .trio .tablet{align-self:center}
  .trio .phone{width:62%;justify-self:center}
  .dev.tablet,.dev.monitor{border-radius:12px}
  .dev.tablet .scr,.dev.monitor .scr{border-radius:10px;border-width:5px}
  .founder-grid{grid-template-columns:1fr}
}

/* ===== V6: Astro chat, vision ===== */
.astro-dev .ui.p{background:radial-gradient(80% 45% at 50% 0%,rgba(46,59,161,.4),transparent 70%)}
.astro-top{display:flex;align-items:center;justify-content:center;gap:.5em;padding:2.5em 1em .9em;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--head);font-weight:600;text-transform:uppercase;font-size:.95em}
.astro-top img{width:2.2em;height:2.2em;object-fit:contain}
.achat{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:.6em;padding:.9em 1em;overflow:hidden}
.am{align-self:flex-start;max-width:88%!important;background:#171A2C;border:1px solid rgba(255,138,66,.4);border-radius:1em 1em 1em .3em;padding:.65em .85em;font-size:.76em;line-height:1.4}
.am.me{align-self:flex-end;background:#22264A;border-color:transparent;border-radius:1em 1em .3em 1em}
.am ul{list-style:none;margin:.5em 0;border-top:1px solid rgba(255,255,255,.1)}
.am li{display:flex;justify-content:space-between;padding:.35em 0;border-bottom:1px solid rgba(255,255,255,.1);color:#C9CBD8}
.am li b{color:#fff;font-weight:600}
.astro-dev .askbox{margin:0 1em 1.2em}
.js .flow.armed .achat>*{opacity:0;transform:translateY(8px)}
.js .flow.armed .achat>.in{opacity:1;transform:none;transition:opacity .45s ease,transform .45s ease}
.ui .fox{background:none;padding:0;box-shadow:none;border-radius:0}
.astro-tag .fox{padding:0}
.founder-grid{align-items:start}
.founder-grid .lead{color:var(--ink);font-size:1.25rem;font-weight:400}
.sign span{display:block;font-family:var(--head);text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;color:var(--core);margin-top:8px;font-weight:600}
#wear-title{max-width:22ch;font-size:clamp(1.9rem,3.9vw,3.3rem)}
.founder-shot{position:sticky;top:110px}
@media (prefers-reduced-motion:reduce){.js .flow.armed .achat>*{opacity:1;transform:none}}

.phone-band{margin:0;background:#000}.phone-band img{max-height:90vh;object-fit:cover;width:100%}

/* ===== V7: original opener, real photography ===== */
.hero3{padding:clamp(110px,11vw,150px) 0 0;background:radial-gradient(60% 50% at 50% 80%,rgba(46,59,161,.5),rgba(4,5,10,0) 72%)}
.hero3-copy{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(28px,4vw,56px)}
.hero3-copy h1{font-size:clamp(2.5rem,5.6vw,5.1rem);max-width:12ch}
.hero3-copy>div{display:grid;gap:22px}
.hero3-shot{margin:0}.hero3-shot img{width:100%;display:block}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px);align-items:start}
.stats-grid h2{font-size:1.5rem;margin-bottom:18px;color:var(--core)}
.stats-foot{margin-top:28px;color:var(--ink);font-size:1.2rem;max-width:26ch}
.proof{display:grid;gap:clamp(56px,8vw,120px);padding-block:0 clamp(72px,10vw,140px);width:min(1400px,100% - 2*var(--gut));margin-inline:auto}
.story{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(28px,5vw,80px);align-items:center}
.story.rev{grid-template-columns:.65fr 1.35fr}.story.rev>.neon{order:2}
.story h2{font-size:clamp(1.7rem,3.2vw,2.8rem);margin-bottom:18px;max-width:14ch}
.story p{color:var(--muted);font-size:1.12rem}
.how-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(28px,5vw,72px);align-items:center}
.roles.stack{grid-template-columns:1fr;border-top:0}
.roles.stack article,.roles.stack article+article{padding:24px 0;border-left:0;border-top:1px solid var(--line)}
.ind-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px);align-items:start}
.ind-grid .intro{margin:0}
.ind-lists{display:grid;gap:0}
.ind-lists>div{padding:22px 0;border-top:1px solid var(--line);display:grid;gap:8px}
.ind-lists h3{color:var(--core);font-size:1rem}.ind-lists p{color:var(--muted)}
.phase{font-size:clamp(2.2rem,4.6vw,3.8rem)}
.map li{padding-block:clamp(24px,3.4vw,44px)}
.map li::before{top:clamp(34px,4vw,56px)}
@media (max-width:980px){
  .hero3-copy,.stats-grid,.story,.story.rev,.how-grid,.ind-grid{grid-template-columns:1fr}
  .story.rev>.neon{order:0}
}

/* ===== V8: one-screen hero, product behind the headline, capitals ===== */
.hero4{position:relative;height:100svh;min-height:620px;max-height:1100px;display:flex;flex-direction:column;overflow:hidden;background:#000}
.hero4-copy{position:relative;z-index:2;width:min(1400px,100% - 2*var(--gut));margin:0 auto;padding-top:clamp(84px,9svh,112px);display:grid;gap:14px;justify-items:start}
.hero4-copy h1{font-size:clamp(1.9rem,3.7vw,3.5rem);max-width:none;text-wrap:nowrap}
.hero4-copy .lede{max-width:74ch;font-size:clamp(.98rem,1.15vw,1.15rem);color:rgba(254,254,251,.84)}
.hero4-copy .btn{padding:13px 26px;margin-top:4px}
.hero4-shot{position:absolute;inset:0;margin:0;z-index:1}
.hero4-shot img{width:100%;height:100%;object-fit:cover;object-position:50% 100%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 34%);mask-image:linear-gradient(180deg,transparent 0,#000 34%)}
.hero4::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:var(--grad);box-shadow:0 0 14px 1px rgba(255,138,66,.55),0 0 26px 2px rgba(46,59,161,.9);z-index:3}
.nav a,.btn,.menu-btn{text-transform:uppercase;letter-spacing:.08em}
.nav{font-size:.8rem;font-family:var(--head);font-weight:600}
.btn{font-family:var(--head);font-size:.86rem}
.flow-label,.rung,figcaption strong,.sign,.stage{text-transform:uppercase}
.rung{letter-spacing:.08em;font-family:var(--head);font-weight:600}
.proof{padding-top:clamp(72px,10vw,140px)}
@media (max-width:760px){
  .hero4{height:auto;max-height:none;min-height:100svh}
  .hero4-copy h1{text-wrap:balance;font-size:2rem}
  .hero4-shot{position:relative;inset:auto;margin-top:18px;flex:1;min-height:300px}
  .hero4-shot img{object-position:38% 100%;-webkit-mask-image:none;mask-image:none}
}
@media (min-width:761px){
  .hero4-shot{inset:auto 0 0 auto;width:min(86%,calc((100svh - 150px)*1.79));aspect-ratio:2400/1340}
  .hero4-shot img{object-fit:contain;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 20%),linear-gradient(90deg,transparent 0,#000 12%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 20%),linear-gradient(90deg,transparent 0,#000 12%);mask-composite:intersect}
  .hero4{background:radial-gradient(70% 60% at 62% 70%,rgba(20,40,160,.35),#000 75%)}
}

/* ===== V9: hero split, copy left, product right ===== */
@media (min-width:761px){
  .hero4{flex-direction:row;align-items:center;background:radial-gradient(60% 70% at 70% 55%,rgba(20,40,160,.38),#000 75%)}
  .hero4-copy{width:auto;margin:0;padding:60px 0 0 var(--gut);flex:0 0 36%;max-width:36%;gap:20px}
  .hero4-copy h1{text-wrap:balance;font-size:clamp(2rem,3.5vw,3.4rem);max-width:11ch}
  .hero4-copy .lede{max-width:34ch;font-size:clamp(1rem,1.2vw,1.15rem)}
  .hero4-shot{inset:50% -3% auto auto;transform:translateY(-46%);width:69%;aspect-ratio:2400/1340}
  .hero4-shot img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%);mask-image:linear-gradient(90deg,transparent 0,#000 10%);-webkit-mask-composite:source-over;mask-composite:add}
}
@media (min-width:761px){.hero4-shot img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%),linear-gradient(180deg,#000 82%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 10%),linear-gradient(180deg,#000 82%,transparent 100%);mask-composite:intersect}}
.story h2.three{font-size:clamp(1.25rem,2.1vw,1.85rem);max-width:none}
.story h2.three span{display:block;white-space:nowrap}
.story.sys{grid-template-columns:1.5fr .5fr}
@media (min-width:981px){.astro-big{right:clamp(60px,11vw,190px);top:30px;width:clamp(220px,25vw,340px)}}
.kpis{display:flex;gap:.7em;margin-bottom:1.1em}
.kpis span{flex:1;background:#141729;border:1px solid rgba(255,255,255,.08);border-radius:.7em;padding:.7em .9em;font-size:.62em;color:#B9BBC9;display:grid;gap:.2em}
.kpis b{font-family:var(--head);font-size:1.9em;color:#FF9A52;line-height:1}
.st{border:1px solid #FF9A52;color:#FF9A52;border-radius:2em;padding:.15em .8em;font-weight:600}
.st.w{border-color:#8f9aff;color:#c9cfff}
.js .flow.armed .inv{opacity:0;transform:translateY(6px)}
.js .flow.armed.go .inv{opacity:1;transform:none;transition:opacity .5s ease,transform .5s ease}
.js .flow.armed.go .inv:nth-child(2){transition-delay:.3s}.js .flow.armed.go .inv:nth-child(3){transition-delay:.6s}.js .flow.armed.go .inv:nth-child(4){transition-delay:.9s}
.flow{margin-bottom:0}
.loop{position:relative;max-width:none;height:74px;margin:-34px 12% clamp(40px,6vw,72px) 135px;border:2px solid transparent;border-top:0;border-radius:0 0 40px 40px;background:linear-gradient(#04050A,#04050A) padding-box,linear-gradient(270deg,#2E3BA1,#904A65,#FF9A52) border-box;box-shadow:0 14px 26px -14px rgba(46,59,161,1);display:grid;place-items:end center;background-color:transparent}
.agent .loop{background:linear-gradient(#070817,#070817) padding-box,linear-gradient(270deg,#2E3BA1,#904A65,#FF9A52) border-box}
.loop span{transform:translateY(50%);background:#070817;padding:0 16px;font-family:var(--head);font-weight:600;text-transform:uppercase;font-size:.85rem;color:var(--ink)}
.loop::before{content:"";position:absolute;left:-8px;top:-4px;border:7px solid transparent;border-bottom-color:#FF9A52;border-top:0}
@media (max-width:980px){.loop{display:none}}
.flow-out .ui.d{font-size:1.75cqw}
.flow-out .dev.monitor .scr{aspect-ratio:16/11.5}
.loop{margin:14px 12% clamp(40px,6vw,72px) 135px}
.vband{margin:0;background:#000}.vband video{display:block;width:100%;height:auto;max-height:86vh;object-fit:cover}
.wear-head{position:relative;min-height:min(64vh,560px);display:grid;align-items:end;overflow:hidden;background:#000}
.wear-head video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}
.wear-head::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,5,10,.2),rgba(4,5,10,.9))}
.wear-head .shell{position:relative;z-index:1;padding-block:clamp(36px,5vw,72px);display:grid;gap:12px}
.wear-head h2{font-size:clamp(2.4rem,6vw,5rem);max-width:none}
.wear-head p{font-size:clamp(1.05rem,1.6vw,1.4rem);color:var(--ink)}
.wear{padding-bottom:clamp(48px,7vw,90px)}
.geo{color:var(--core);margin-bottom:12px;font-size:1.1rem}
@media (prefers-reduced-motion:reduce){.vband video,.wear-head video{display:none}}

/* ===== V10: everything down a size, fits a 14 inch screen ===== */
html{font-size:87.5%}
body{font-size:1.05rem}
:root{--shell:1160px}
.pad{padding-block:clamp(44px,6vw,84px)}
h2{font-size:clamp(1.7rem,3.2vw,2.7rem)}
.intro{gap:14px;margin-bottom:clamp(22px,3vw,38px)}
.intro p:not(.stage){font-size:1.08rem}
.proof{gap:clamp(36px,5vw,64px);padding-block:clamp(44px,6vw,84px);width:min(1160px,100% - 2*var(--gut))}
.story{grid-template-columns:1.1fr .9fr}.story.rev{grid-template-columns:.9fr 1.1fr}.story.sys{grid-template-columns:1.2fr .8fr}
.story h2{font-size:clamp(1.5rem,2.6vw,2.2rem)}
.story .neon>img,.how-grid .neon>img{max-height:62vh;object-fit:cover}
.wear-grid .neon>img{aspect-ratio:16/10}
.glasses-hero img{max-height:62vh}
.flow{grid-template-columns:230px minmax(16px,1fr) 220px minmax(16px,1fr) minmax(0,5fr);margin-bottom:0}
.truth li{padding:8px 0;font-size:.82rem}.truth h3{padding:14px 18px 10px}
.astro-big{width:clamp(150px,17vw,230px)!important;top:0!important}
.map li{padding-block:clamp(14px,2vw,24px)}
.map li::before{top:clamp(22px,2.6vw,34px);width:16px;height:16px;margin-left:-8px}
.phase{font-size:clamp(1.6rem,3vw,2.5rem)}
.phase span{display:inline;margin:0 0 0 10px;font-size:.8rem}
.stop{padding-top:2px;gap:4px}.stop h3{font-size:1.15rem}
.road .shell{display:grid;grid-template-columns:.42fr 1fr;gap:40px;align-items:start}
.road .intro{position:sticky;top:110px}
.map{--rail:26%}
.adopt{display:grid;grid-template-columns:1.6fr .9fr;gap:36px;align-items:center}
.adopt .marks{grid-template-columns:1fr 1fr;margin:0;gap:22px 0}
.adopt .marks li,.adopt .marks li+li{padding:0 16px;border-left:1px solid var(--line)}
.big{font-size:clamp(1.8rem,3vw,2.6rem)}
.chart .curve{max-height:54vh}
.money{padding-bottom:clamp(44px,6vw,84px)}
.figures>div{padding:14px 0}.figures dt{font-size:clamp(1.8rem,3vw,2.5rem)}
.founder-shot .neon>img{max-height:70vh;object-fit:cover;object-position:50% 20%}
.founder-grid>div{gap:14px}
/* close: black, not charcoal */
.cta,.foot{background:#000}
.cta{padding-block:clamp(60px,9vw,120px)}
.cta h2{font-size:clamp(2rem,4.4vw,3.6rem)}
.foot{border-top:0;position:relative}.foot::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:var(--grad)}
@media (max-width:980px){.road .shell,.adopt{grid-template-columns:1fr}.road .intro{position:static}}
.ind{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:28px}
.ind.five{grid-template-columns:repeat(5,1fr);margin-bottom:0}
.ind li{padding:16px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;gap:6px;align-content:start}
.ind h4{font-family:var(--head);font-weight:600;text-transform:uppercase;font-size:1rem}
.ind p{color:var(--muted);font-size:.88rem}
.geo.next{color:var(--faint)}
.ind.five h4{color:var(--muted)}
@media (max-width:980px){.ind,.ind.five{grid-template-columns:1fr 1fr}}
.keys{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line)}
.keys li{padding:18px 14px;text-align:center;font-family:var(--head);font-weight:600;text-transform:uppercase;font-size:.9rem;border-right:1px solid var(--line)}
.keys li:first-child{color:var(--core)}.keys li:last-child{border-right:0}
@media (max-width:980px){.keys{grid-template-columns:1fr 1fr}.keys li{border-bottom:1px solid var(--line)}}

/* ===== V11 ===== */
.vfit{margin:0;background:#000;display:grid;place-items:center;padding:clamp(20px,3vw,40px) var(--gut)}
.vfit video{width:min(1000px,100%);max-height:66vh;object-fit:contain;display:block}
.story p+p{margin-top:12px;color:var(--ink)}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.chips li{font-family:var(--head);font-weight:600;text-transform:uppercase;font-size:.95rem;padding:10px 18px;border-radius:14px;border:1px solid var(--core);box-shadow:-6px 0 18px -10px rgba(255,138,66,.9),6px 0 18px -10px rgba(46,59,161,1)}
.sectors{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--line)}
.sectors>div{padding:16px 14px 0 0;display:grid;gap:6px;align-content:start}
.sectors>div+div{padding-left:14px;border-left:1px solid var(--line)}
.sectors h4{font-family:var(--head);font-weight:600;text-transform:uppercase;font-size:.9rem}
.sectors p{color:var(--muted);font-size:.85rem}
.sectors .more h4{color:var(--core)}
.astro-intro{display:grid;grid-template-columns:1fr minmax(260px,.7fr);gap:40px;align-items:center;margin-bottom:clamp(22px,3vw,38px)}
.astro-intro .intro{margin:0}
.astro-vid{width:100%;border-radius:18px;aspect-ratio:16/9;object-fit:cover;background:#000;box-shadow:-16px 0 46px -22px rgba(255,138,66,.75),16px 0 52px -18px rgba(46,59,161,1)}
.astro-big{display:none}
.term{width:100%}
.term>*{background:#05060C}
.term-h{display:flex;align-items:center;gap:8px;border-radius:16.5px 16.5px 0 0;padding:10px 14px 6px;font-family:var(--head);font-weight:600;text-transform:uppercase;font-size:.8rem;max-width:none}
.term-h img{width:22px;height:22px;object-fit:contain}
.term pre{border-radius:0 0 16.5px 16.5px;padding:4px 14px 12px;font:400 .68rem/1.5 ui-monospace,Menlo,monospace;color:#F5916E;height:8.6em;overflow:hidden;white-space:pre}
.drop{width:2px;height:26px;margin:-10px 0;background:linear-gradient(180deg,#FF9A52,#2E3BA1);position:relative;overflow:hidden;box-shadow:0 0 12px 1px rgba(255,138,66,.7)}
.drop::after,.loop i::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 35%,#fff 50%,transparent 65% 100%);background-size:100% 220%;animation:fall .7s linear infinite}
@keyframes fall{from{background-position:0 120%}to{background-position:0 -120%}}
.flow-truth{gap:12px!important}
.wire::after{animation-duration:.9s}
.loop{display:block;height:54px;margin:10px 16% clamp(28px,4vw,48px) 115px}
.loop span{display:none}
.loop i{position:absolute;left:0;right:0;bottom:-2px;height:2px;overflow:hidden}
.loop i::after{background:linear-gradient(270deg,transparent 0 40%,#fff 50%,transparent 60% 100%);background-size:220% 100%;animation:back 1.1s linear infinite}
@keyframes back{from{background-position:-120% 0}to{background-position:120% 0}}
.wflow{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin:28px 0 0;position:relative}
.wflow::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--grad);box-shadow:0 0 12px 1px rgba(255,138,66,.6),0 0 20px 2px rgba(46,59,161,.9)}
.wflow::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent 0 42%,#fff 50%,transparent 58% 100%);background-size:220% 100%;animation:run 1.4s linear infinite}
.wflow li{padding:18px 18px 0 0;display:grid;gap:6px;position:relative}
.wflow li::before{content:"";position:absolute;left:0;top:-6px;width:12px;height:12px;border-radius:50%;background:#000;border:2px solid var(--core)}
.wflow h4{font-family:var(--head);font-weight:600;text-transform:uppercase;font-size:1rem}
.wflow p{color:var(--muted);font-size:.9rem}
.cta{isolation:isolate}
.cta-live{position:absolute;right:6%;top:50%;width:min(360px,34vw);aspect-ratio:1;transform:translateY(-50%);display:grid;place-items:center}
.cta-live span{position:absolute;inset:0;border-radius:50%;border:2px solid transparent;background:linear-gradient(#000,#000) padding-box,linear-gradient(100deg,#FF9A52,#904A65,#2E3BA1) border-box;animation:ring 2.4s ease-out infinite;opacity:0}
.cta-live span:nth-child(2){animation-delay:.8s}.cta-live span:nth-child(3){animation-delay:1.6s}
@keyframes ring{0%{transform:scale(.45);opacity:.9}100%{transform:scale(1.15);opacity:0}}
.cta-live img{position:relative;width:56%;animation:bob 3s ease-in-out infinite;filter:drop-shadow(-10px 0 26px rgba(255,138,66,.6)) drop-shadow(12px 0 30px rgba(46,59,161,1))}
@keyframes bob{50%{transform:translateY(-10px)}}
@media (max-width:980px){.sectors{grid-template-columns:1fr 1fr}.sectors>div,.sectors>div+div{padding:14px 10px;border-left:0;border-top:1px solid var(--line)}.astro-intro,.wflow{grid-template-columns:1fr}.cta-live{position:relative;right:auto;top:auto;transform:none;margin:0 auto 20px}}
@media (prefers-reduced-motion:reduce){.drop::after,.loop i::after,.wflow::after,.cta-live span,.cta-live img{animation:none}}

/* ===== V12: iPhone ===== */
@media (max-width:760px){
  html{font-size:100%}
  body{font-size:1rem}
  .top{padding:12px var(--gut)}
  .hero4{height:auto;min-height:0;max-height:none;padding-bottom:8px}
  .hero4-copy{padding-top:84px;gap:14px}
  .hero4-copy h1{font-size:2.05rem;line-height:1.02}
  .hero4-shot{position:relative;inset:auto;flex:none;min-height:0;margin:22px 0 0;transform:none;width:100%}
  .hero4-shot img{width:132%;max-width:none;height:auto;margin-left:-16%;object-fit:contain}
  .keys{grid-template-columns:1fr 1fr}
  .keys li{padding:14px 8px;font-size:.78rem}
  .keys li:last-child{grid-column:1/-1;border-bottom:0}
  .vfit{padding:12px 0}
  .vfit video{width:100%;max-height:none}
  .proof{width:calc(100% - 2*var(--gut));gap:44px}
  .story,.story.rev,.story.sys{grid-template-columns:1fr;gap:18px}
  .story.rev>.neon{order:0}
  .story h2{font-size:1.6rem;max-width:none}
  .story h2.three{font-size:1.25rem}
  .story .neon>img,.how-grid .neon>img{max-height:none}
  .how-grid{grid-template-columns:1fr}
  .chips li{font-size:.82rem;padding:9px 13px}
  .astro-intro{grid-template-columns:1fr;gap:20px}
  .flow{grid-template-columns:1fr;justify-items:center;gap:0}
  .flow .flow-col{width:100%}
  .flow .flow-col:first-child .phone{width:min(270px,78%)}
  .flow-truth{width:100%}
  .flow .wire{width:2px;height:44px;margin:14px 0;background:linear-gradient(180deg,#FF9A52,#2E3BA1)}
  .flow-out .ui.d{font-size:1.9cqw}
  .loop{display:none}
  .points.three{grid-template-columns:1fr;margin-top:28px}
  .wear-head{min-height:52vh}
  .wear-head h2{font-size:2.3rem}
  .glasses-hero img{aspect-ratio:4/3;max-height:none}
  .wear-grid{grid-template-columns:1fr}
  .wflow{grid-template-columns:1fr;gap:0;padding-left:22px}
  .wflow::before,.wflow::after{left:5px;right:auto;top:0;bottom:0;width:2px;height:auto;background:linear-gradient(180deg,#FF9A52,#2E3BA1)}
  .wflow::after{display:none}
  .wflow li{padding:0 0 18px 6px}
  .wflow li::before{left:-22px;top:4px}
  .stats-grid{grid-template-columns:1fr;gap:28px}
  .figures>div{grid-template-columns:1fr;gap:4px}
  .road .shell{grid-template-columns:1fr;gap:10px}
  .road .intro{position:static}
  .map{--rail:9px}
  .map li{grid-template-columns:1fr;padding:0 0 22px 34px;gap:2px}
  .map li::before{left:9px;top:8px}
  .phase{text-align:left;padding:0;font-size:1.25rem}
  .phase span{font-size:.75rem}
  .stop{padding:0}
  .adopt{grid-template-columns:1fr;gap:22px}
  .chart .curve{max-height:none;padding:6px}
  .founder-grid{grid-template-columns:1fr}
  .founder-shot{position:static}
  .founder-shot .neon>img{max-height:none}
  .cta-live{position:relative;right:auto;top:auto;transform:none;width:190px;margin:0 0 18px}
  .cta h2{font-size:2.2rem}
  .foot{justify-content:flex-start}
}

/* ===== V13: go live ===== */
.top{background:linear-gradient(180deg,#000 0,#000 62%,rgba(0,0,0,0))}
.foot .legal{max-width:46ch;margin-inline:auto;font-size:.72rem;line-height:1.5;opacity:.7;text-wrap:balance}
@media (max-width:760px){.top{background:#000;border-bottom:1px solid rgba(46,59,161,.45)}}

/* ===== V14: less orange in the opener ===== */
.hero4-copy .btn-core{background:#05060B;color:#fff;border:1.5px solid var(--core);box-shadow:0 0 18px -6px rgba(255,138,66,.75),inset 0 0 14px -8px rgba(46,59,161,.9)}
.hero4-copy .btn-core:hover{background:#0C0E1A;box-shadow:0 0 24px -4px rgba(255,138,66,.9)}

/* ===== V15: copy update, video swap, footer ===== */
.vfit.vwide{padding:0}
.vfit.vwide video{width:100%;max-height:78vh;object-fit:cover;aspect-ratio:16/9}
.vfit.vlow{padding:clamp(24px,4vw,56px) 0 0}
.vfit.vlow video{width:min(1100px,100%);max-height:none;border-radius:18px}
.wear-head.plain{min-height:0}
.wear-head.plain::after{display:none}
.wear-head.plain .shell{padding-block:clamp(48px,7vw,96px) clamp(20px,3vw,36px)}
.wear-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,32px);margin:clamp(28px,4vw,48px) 0}
.wear-copy p{color:var(--ink);font-size:1.02rem;padding-top:14px;border-top:1px solid var(--source)}
.story p.hook{color:var(--ink);font-family:var(--head);font-weight:600;text-transform:uppercase;font-size:1.05rem;letter-spacing:.02em}
.roles .ticks{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.roles .ticks li{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;padding:5px 10px;border:1px solid var(--source);border-radius:9px;color:var(--ink)}
.roles article p+p{margin-top:8px}
.chips li.more{color:var(--core);border-style:dashed}
.foot{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px 28px;padding:34px var(--gut) 30px}
.foot p:nth-of-type(1){justify-self:end;color:var(--core)}
.foot .legal{grid-column:1/-1;max-width:none;margin:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;padding-top:16px;border-top:1px solid rgba(46,59,161,.5);font-size:.74rem;opacity:.75}
@media (max-width:760px){.wear-copy{grid-template-columns:1fr}.vfit.vwide video{max-height:none}.foot{grid-template-columns:1fr}.foot p:nth-of-type(1){justify-self:start}.vfit.vlow video{border-radius:0}}

/* ===== V16: video behind the opener, product image below ===== */
.hero4.herov{flex-direction:row;align-items:center;background:#000}
.herov-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.9}
.hero4.herov::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.88) 0,rgba(0,0,0,.62) 38%,rgba(0,0,0,.15) 70%,rgba(0,0,0,.05) 100%),linear-gradient(180deg,rgba(0,0,0,.55) 0,transparent 22%,transparent 80%,rgba(0,0,0,.7) 100%)}
.hero4.herov .hero4-copy{flex:0 0 auto;max-width:min(640px,100% - 2*var(--gut));width:auto;margin:0;padding:60px 0 0 var(--gut);gap:20px}
.hero4.herov .hero4-copy h1{text-wrap:balance;max-width:12ch;font-size:clamp(2.2rem,4.4vw,4.2rem);text-shadow:0 2px 24px rgba(0,0,0,.6)}
.hero4.herov .hero4-copy .lede{max-width:40ch;color:#FEFEFB;text-shadow:0 1px 14px rgba(0,0,0,.7)}
.shot-wide{margin:0;background:radial-gradient(60% 70% at 60% 55%,rgba(20,40,160,.35),#000 75%);padding:clamp(16px,3vw,44px) var(--gut)}
.shot-wide img{display:block;width:min(1400px,100%);height:auto;margin:0 auto}
@media (max-width:760px){
  .hero4.herov{min-height:78svh;padding-bottom:0;align-items:flex-end}
  .hero4.herov .hero4-copy{padding:96px var(--gut) 34px;max-width:none}
  .hero4.herov .hero4-copy h1{font-size:2.3rem;max-width:none}
  .hero4.herov::before{background:linear-gradient(180deg,rgba(0,0,0,.6) 0,rgba(0,0,0,.35) 40%,rgba(0,0,0,.85) 100%)}
  .shot-wide{padding:10px 0}
  .shot-wide img{width:128%;max-width:none;margin-left:-14%}
}
@media (prefers-reduced-motion:reduce){.herov-bg{display:none}}
@media (max-width:760px){.hero4.herov .hero4-copy{flex:1 1 auto;width:100%;min-width:0;box-sizing:border-box}.hero4.herov .hero4-copy h1{white-space:normal;text-wrap:balance}}

/* ===== V17: pull-apart video behind the opener ===== */
.herov-bg{opacity:1;object-position:70% 50%}
.hero4.herov::before{background:linear-gradient(90deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.72) 30%,rgba(0,0,0,.18) 58%,rgba(0,0,0,0) 100%),linear-gradient(180deg,rgba(0,0,0,.5) 0,transparent 20%,transparent 82%,rgba(0,0,0,.7) 100%)}
@media (max-width:760px){.herov-bg{object-position:72% 50%}.hero4.herov::before{background:linear-gradient(180deg,rgba(0,0,0,.55) 0,rgba(0,0,0,.2) 38%,rgba(0,0,0,.88) 78%)}}

/* ===== V18: phone, video clear at the top, copy under it, image below ===== */
@media (max-width:760px){
  .hero4.herov{flex-direction:column;align-items:stretch;min-height:0;height:auto;padding:64px 0 0}
  .hero4.herov::before{display:none}
  .herov-bg{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 50%;display:block}
  .hero4.herov .hero4-copy{padding:22px var(--gut) 30px;flex:none}
  .hero4.herov .hero4-copy h1{font-size:2.15rem}
  .shot-wide{padding:6px 0 10px}
}

/* ===== V19: top video shows whole frame, never cropped ===== */
.vfit.vwide{display:flex;justify-content:center;background:#000;padding:0}
.vfit.vwide video{width:min(100%,calc((100svh - 76px) * 16 / 9));height:auto;max-height:none;aspect-ratio:16/9;object-fit:contain;display:block}
@media (max-width:760px){.vfit.vwide video{width:100%}}