.js .rv.in,.js h1 .ch.in{opacity:1;filter:none;transform:none;transition:opacity .9s var(--ease),filter .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0s)}
.mv__in{position:relative;max-width:1520px;margin:0 auto;padding:0 clamp(16px,2vw,28px) 0 clamp(16px,4vw,64px);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(40px,4.5vw,80px)}
.prog{display:flex;align-items:center;gap:6px;margin-top:18px}
.prog i{width:28px;height:3px;border-radius:2px;background:var(--line);transition:background .4s,width .4s var(--ease)}
.prog i.on{background:linear-gradient(90deg,var(--o1),var(--o2))}
.prog i.cur{width:44px}
.prog__t{margin-left:12px;font:600 16px/1 var(--sans);color:var(--ink-2)}
.pair,.crop.full,.fly-m{display:none}
.mv__stage{position:sticky;top:max(130px,calc(50vh - 290px));padding:84px 0 64px 72px;margin-right:clamp(-40px,-2vw,0px)}
.mv__tag{position:absolute;top:50px;left:72px;width:84px;height:34px;border-radius:8px 8px 0 0;overflow:hidden;font:600 15px/34px var(--sans);transition:width .5s var(--ease),opacity .4s}
.mv__stage.st-a .mv__tag{width:128px}
.mv__stage.st-l .mv__tag{width:84px}
.mv__stage:not(.st-a):not(.st-l) .t-b,.mv__stage.st-a:not(.st-l) .t-a,.mv__stage.st-l .t-l{opacity:1}
.mvwin{position:relative;border-radius:0 12px 12px 12px;background:#fff;overflow:hidden;box-shadow:0 0 0 1px rgba(22,5,0,.14),0 44px 80px -34px rgba(120,30,0,.45),0 18px 34px -18px rgba(22,5,0,.35);transition:opacity .35s}

.fly-d{position:absolute;left:72px;right:0;top:84px;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
.mv__stage.st-c .fly-d{opacity:1;visibility:visible}
.mv__stage.st-c .mvwin,.mv__stage.st-c .mv__tag,.mv__stage.flying .mvwin,.mv__stage.flying .mv__tag{opacity:0}
.flycv{position:absolute;pointer-events:none;z-index:4}
.mv__stage.st-c .row{animation:rowin .6s var(--ease) both;animation-delay:calc(var(--r)*90ms)}
@media (max-height:820px) and (min-width:900px){.mv__stage{padding-top:72px}.mvwin,.fly-d{max-width:calc((100vh - 230px)*1.55)}}
@media (max-width:899px){
  .mv__intro{grid-template-columns:minmax(0,1fr);min-height:0;gap:8px}
  .mv__bf{max-width:340px;order:2}
  .mv h2{font-size:clamp(44px,12.6vw,80px)}
  .mv__in{grid-template-columns:minmax(0,1fr)}
  .mv__rail{display:none}
  .step{min-height:0;padding:56px 0 0;opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .8s var(--ease)}
  .step.seen{opacity:1;transform:none}
  .phase h3,.cocoon__head h3{font-size:clamp(52px,15vw,72px)}
  .cocoon{padding-top:56px}
  .cocoon__head{position:static;padding:0;opacity:1;filter:none;transform:none}
  .cocoon__head .prog{display:none}
  .mv__atmo{height:100lvh;margin-bottom:-100lvh}
  .cstrip{display:flex;position:sticky;top:var(--bh,64px);z-index:4;align-items:center;gap:14px;margin:0 -16px;padding:12px 16px 14px;transition:background .3s,box-shadow .3s}
  .cstrip .prog{margin:0}
  .cstrip__l{max-width:0;overflow:hidden;opacity:0;font:600 24px/1 var(--serif);letter-spacing:-.03em;color:var(--ink);white-space:nowrap;transition:max-width .4s var(--ease),opacity .3s}
  .cstrip.stuck{background:var(--bg);box-shadow:0 1px 0 var(--line),0 14px 22px -14px rgba(22,5,0,.25)}
  .cstrip.stuck::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:calc(var(--bh,64px) + 4px);background:var(--bg)}
  .cstrip.stuck .cstrip__l{max-width:120px;opacity:1}
  .mv.at-fly .cstrip{opacity:0}
  .cocoon__head h3{font-size:clamp(40px,11vw,52px)}
  .cocoon__lede{min-height:0}
  .move{min-height:0;padding-top:40px}
  .step .n{font-size:52px}
  .pair,.crop.full,.fly-m{display:grid}
  .pair{gap:22px;margin-top:24px}
  .crop{position:relative;margin:0;padding:14px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgba(22,5,0,.12),0 16px 32px -20px rgba(22,5,0,.4)}
  .crop.full{margin-top:24px;padding:0;overflow:hidden}
  .crop img{display:block;width:100%;height:auto}
  .crop .chip{position:absolute;top:-14px;left:12px;z-index:2}
  .crop.full .chip{top:10px}
  .crop.scan .scanline{opacity:1;animation:scan 2.6s cubic-bezier(.45,0,.55,1) infinite}
  .fly-m{margin-top:24px}
  .console{padding:6px 14px 10px}
  .chd{flex-wrap:wrap;gap:10px}
  .seg{margin-left:0;width:100%}
  .seg button{flex:1}
  .row{grid-template-columns:minmax(0,1fr);gap:8px}
  .row time{order:-1}
}
:root[data-theme=dark] .crop:not(.full){background:#1b1411;box-shadow:0 0 0 1px rgba(244,237,227,.12),0 30px 60px -24px rgba(0,0,0,.7)}

.mvz .spot{border-width:calc(2px/var(--zs,1));border-radius:calc(8px/var(--zs,1))}

.mvz .col{position:absolute;left:55.73%;top:20.46%;width:35.68%;height:79.54%;clip-path:inset(0 100% 0 0);transition:clip-path .9s var(--ease) 0s;pointer-events:none}
.mvz .col.on{clip-path:inset(0 0 0 0);transition-delay:.5s}
.mv__stage.st-a .mvscreen .sb{opacity:0}
.mv__stage[data-k=fly] .mvscreen .sb{opacity:1}
.spot{box-shadow:none}
.mv__stage.st-m .spot{opacity:0;animation:spotIn .6s var(--ease) 1.25s forwards}
@keyframes spotIn{to{opacity:1}}

@media (prefers-reduced-motion:reduce){.mvz .col,.mvz .col.on{transition:none}.mv__stage.st-m .spot{animation:none;opacity:1}}

.stackx{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,88px);align-items:center;margin-top:clamp(8px,2vw,24px)}
.stackx h2{margin:0;font:600 clamp(30px,3.1vw,46px)/1.04 var(--serif);letter-spacing:-.03em;font-variation-settings:"opsz" 48;color:var(--ink)}
.stackx h2 em{display:block;font-style:italic;font-weight:500;color:var(--ink-2)}
.stackx__logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.stackx__logos li{display:flex;align-items:center;justify-content:center;height:clamp(76px,7vw,96px);padding:0 14px;background:var(--bg);color:var(--ink)}
.stackx__logos li svg{display:block;height:calc(clamp(18px,1.6vw,23px)*var(--s,1));width:auto;max-width:100%;opacity:.62;transition:opacity .25s var(--ease)}
.stackx__logos li:hover svg{opacity:1}
@media (max-width:900px){.stackx{grid-template-columns:1fr;gap:24px}.stackx h2{font-size:clamp(28px,7.4vw,38px)}}
@media (max-width:700px){.stackx__logos{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:14px}.stackx__logos li{height:64px}.stackx__logos li svg{height:calc(17px*var(--s,1))}}
.stackx{margin-bottom:clamp(24px,3vw,40px)}

.mvz .pa,.mvz .pb,.mvz .pcol,.pfinds{display:none}

@media (max-width:899px){
  .mv{overflow-x:clip}
  .mv__in{display:flex;flex-direction:column;padding:0 16px}
  .mv__copy{order:2}
  .mv__rail{display:block;order:1;position:sticky;top:var(--bh,64px);z-index:6;margin:0 -16px;padding:10px 16px 12px;background:var(--bg)}
  .mv__rail::after{content:"";position:absolute;left:0;right:0;top:100%;height:28px;background:linear-gradient(var(--bg),transparent);pointer-events:none}
  .mv__stage{position:relative;top:auto;height:auto;padding:58px 0 0;margin:0 auto;max-width:460px}
  .phases{left:0;right:0;top:0;gap:22px;padding-bottom:10px;font-size:13px}
  .mv__tag{left:0;top:26px;width:70px;height:28px;font-size:13px;line-height:28px}
  .mv__stage.st-a .mv__tag{width:104px}.mv__stage.st-l .mv__tag{width:70px}
  .mvwin{max-width:none;width:100%;border-radius:0 12px 12px 12px}
  .mvwin .tb{height:30px}.mvwin .addr{height:20px}.mvwin .addr b{font-size:12px}
  .mvscreen{aspect-ratio:auto;height:clamp(250px,calc(100svh - 490px),430px);background:#ebe7de}
  .mvscreen .mvz{inset:auto;top:0;left:0;width:100%;height:auto}
  .mvz .sa,.mvz .sb,.mvz .col:not(.pcol),.finds:not(.pfinds),.mvz .scanline{display:none}
  .mvz .pa{display:block;position:relative;inset:auto;width:100%;height:auto}
  .mvz .pb{display:block;position:absolute;inset:0 auto auto 0;width:100%;height:auto;opacity:0;transition:opacity .8s var(--ease)}
  .mv__stage[data-k=fly] .mvz .pb{opacity:1}
  .mvz .pcol{display:block;position:absolute;left:0;top:33.2%;width:100%;height:66.8%}
  .pfinds{display:block}
  .find b{width:20px;height:20px;font-size:11px;line-height:20px;top:-10px;left:-10px}
  .fly-d{left:0;right:0;top:58px;max-height:calc(clamp(250px,calc(100svh - 490px),430px) + 30px);overflow:hidden;border-radius:12px}
  .fly-d .row:nth-child(n+4){display:none}
  .fly-d .row time{display:none}
  
  .mv__copy .step{min-height:46svh;padding:22px 0 0;opacity:.22;transform:none;transition:opacity .45s var(--ease)}
  .mv__copy .step.on{opacity:1}
  .mv__copy .step[data-k=fly]{min-height:62svh}
  .phase h3,.cocoon__head h3{font-size:clamp(40px,11vw,52px)}
  .step p,.cocoon__lede{font-size:17px;margin-top:12px}
  .move{padding-top:22px}
  .step .n{font-size:40px}
  .cocoon{padding-top:24px}
  .cocoon__lede{min-height:0}
  .cstrip,.pair,.crop.full{display:none!important}
  .mv__copy .step[data-k=fly]{display:none}
  .mv__copy .step[data-k=buy]{min-height:52svh}
  .mv__count{display:block;position:absolute;right:0;top:0;font:600 13px/1 var(--sans);color:var(--ink-2)}
}

@media (max-width:700px){
  .cmp-frame{aspect-ratio:4/5}
  .cmp-frame[data-k=aspens] .cmp-b{object-position:0% 0}.cmp-frame[data-k=aspens] .cmp-a{object-position:100% 0}
  .cmp-frame[data-k=boardbudder] .cmp-b{object-position:37.5% 0}.cmp-frame[data-k=boardbudder] .cmp-a{object-position:50% 0}
  .cmp-frame[data-k=ongo] .cmp-b{object-position:60% 0}.cmp-frame[data-k=ongo] .cmp-a{object-position:75% 0}
}

section.proof{padding-bottom:clamp(8px,2vw,24px)}
@media (max-width:700px){
  .proof .proof__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .proof .stat{display:block;padding:14px 12px}
  .proof .stat b{font-size:34px}
  .proof .stat span{display:block;margin-top:6px;font-size:13px;line-height:1.3}
  .stage .cap{position:static;justify-content:center;height:auto;padding:12px 0 0}
}
section.discover{padding-top:clamp(24px,3vw,48px)}

.mv__flym,.mv__count{display:none}
@media (max-width:899px){
  .mv__flym{display:block;padding:clamp(40px,10vw,64px) 16px 0}
  .mv__count{display:block}
  .mv__flym h3{margin:0;font:600 clamp(40px,11vw,52px)/.9 var(--serif);letter-spacing:-.045em;font-variation-settings:"opsz" 48;color:var(--ink)}
  .mv__flym p{margin:12px 0 0;max-width:30em;font:400 17px/1.5 var(--sans);color:var(--ink-2)}
  .mv__flym .fly-m{display:block!important;margin-top:24px}
  .mv__flym .fly-m .row time{display:none}
}