/* ==========================================================================
   CLIPD V3 — THE MOMENTUM ENGINE
   CSS-first 3D, native scrolling, zero full-screen WebGL.
   ========================================================================== */

.v3{
  --v3-bg:#080909;
  --v3-bg-2:#0e0e0f;
  --v3-panel:#141515;
  --v3-panel-2:#1b1b1c;
  --v3-text:#f7f8f8;
  --v3-muted:#a9a9aa;
  --v3-faint:#939394;
  --v3-line:rgba(231,232,233,.12);
  --v3-line-strong:rgba(231,232,233,.2);
  --v3-purple:#9fa4a9;
  --v3-purple-light:#e7e8e9;
  --v3-pink:#b7bbc0;
  --v3-green:#4ade80;
  --v3-paper:#141515;
  --v3-paper-ink:#f7f8f8;
  --v3-max:1320px;
  --v3-pad:clamp(20px,4.5vw,72px);
  --v3-ease:cubic-bezier(.2,.8,.2,1);
  position:relative;
  z-index:2;
  min-height:100vh;
  overflow:clip;
  color:var(--v3-text);
  background:
    radial-gradient(800px 520px at 87% 4%,rgba(159,164,169,.11),transparent 68%),
    radial-gradient(900px 760px at 8% 42%,rgba(159,164,169,.04),transparent 70%),
    radial-gradient(860px 720px at 92% 73%,rgba(183,187,192,.035),transparent 72%),
    var(--v3-bg);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  isolation:isolate;
}

.v3 *{box-sizing:border-box}
.v3 button,.v3 a{font:inherit}
.v3 button{color:inherit}
.v3 h1,.v3 h2,.v3 h3,.v3 p,.v3 dl,.v3 dd{margin:0}
.v3 ul{margin:0;padding:0;list-style:none}
.v3 em{font-style:normal}
.v3-wrap{
  width:min(100%,var(--v3-max));
  margin-inline:auto;
  padding-inline:var(--v3-pad);
}
.v3>main,.v3>.v3-footer{position:relative;z-index:2}
.v3-atmosphere{
  position:absolute;
  inset:0 0 auto;
  height:1050px;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.025) 50%,transparent 50.1%),
    linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:100% 100%,100% 72px;
  -webkit-mask-image:linear-gradient(#000 0%,transparent 92%);
  mask-image:linear-gradient(#000 0%,transparent 92%);
}

/* navigation */
.v3-nav{
  position:fixed;
  inset:0 0 auto;
  z-index:70;
  height:76px;
  padding:0 var(--v3-pad);
  display:flex;
  align-items:center;
  background:linear-gradient(rgba(7,7,7,.88),rgba(7,7,7,.62));
  border-bottom:1px solid transparent;
  transition:height .35s var(--v3-ease),background .35s,border-color .35s;
}
.v3-nav.is-scrolled{
  height:66px;
  background:rgba(7,7,7,.94);
  border-color:var(--v3-line);
}
.v3-nav__in{
  width:min(100%,var(--v3-max));
  margin-inline:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.v3-logo{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#eff0f1;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:24px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.06em;
  text-decoration:none;
}
.v3-logo span{
  width:10px;
  height:10px;
  border-radius:2px;
  background:linear-gradient(135deg,var(--v3-purple),var(--v3-pink));
  transform:rotate(45deg);
  box-shadow:0 0 18px rgba(159,164,169,.55);
}
.v3-navlinks{display:flex;align-items:center;gap:clamp(18px,2.5vw,36px)}
.v3-navlinks a,.v3-footer a{
  color:var(--v3-muted);
  font-size:14px;
  text-decoration:none;
  transition:color .2s;
}
.v3-navlinks a:hover,.v3-footer a:hover{color:var(--v3-text)}
.v3-navcta{display:flex;align-items:center;gap:9px}

/* buttons */
.v3-btn{
  min-height:44px;
  padding:11px 18px;
  border:1px solid transparent;
  border-radius:3px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  background:none;
  color:var(--v3-text);
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:14px;
  font-weight:600;
  line-height:1;
  letter-spacing:-.015em;
  cursor:pointer;
  transition:transform .25s var(--v3-ease),background .25s,border-color .25s,box-shadow .25s;
}
.v3-btn--large{min-height:56px;padding:16px 25px;font-size:15px}
.v3-btn--primary{
  color:#0C0D0E;
  background:linear-gradient(105deg,var(--v3-purple),var(--v3-pink) 135%);
  box-shadow:0 13px 34px -16px rgba(159,164,169,.9),inset 0 1px 0 rgba(255,255,255,.26);
}
.v3-btn--ghost{border-color:var(--v3-line-strong);background:rgba(255,255,255,.018)}
.v3-btn:hover{transform:translateY(-2px)}
.v3-btn--primary:hover{box-shadow:0 20px 44px -17px rgba(183,187,192,.75),inset 0 1px 0 rgba(255,255,255,.3)}
.v3-btn--ghost:hover{background:rgba(159,164,169,.09);border-color:rgba(231,232,233,.55)}
.v3-btn:active{transform:translateY(0) scale(.985)}
.v3 :focus-visible{outline:2px solid var(--v3-purple-light);outline-offset:3px}

/* hero */
.v3-hero{
  position:relative;
  min-height:max(760px,100svh);
  padding-top:clamp(122px,16vh,176px);
  padding-bottom:clamp(92px,11vh,126px);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(460px,1fr);
  gap:clamp(28px,5vw,84px);
  align-items:center;
}
.v3-hero__copy{position:relative;z-index:3;min-width:0}
.v3-kicker,.v3-eyebrow{
  color:var(--v3-faint);
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:11px;
  font-weight:600;
  letter-spacing:.16em;
  line-height:1.4;
  text-transform:uppercase;
}
.v3-kicker{
  margin-bottom:25px!important;
  display:flex;
  align-items:center;
  gap:12px;
  animation:v3-enter .7s .05s both var(--v3-ease);
}
.v3-kicker span{display:flex;align-items:center;gap:8px;color:var(--v3-purple-light)}
.v3-kicker span::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--v3-green);
  box-shadow:0 0 13px rgba(74,222,128,.8);
  animation:v3-live 2.2s infinite ease-in-out;
}
.v3-hero h1{
  max-width:12ch;
  color:var(--v3-text);
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(54px,6.1vw,106px);
  font-weight:700;
  line-height:.88;
  letter-spacing:-.06em;
  text-wrap:balance;
  animation:v3-enter .8s .12s both var(--v3-ease);
}
.v3-hero h1 em,.v3-final h2 em{
  background:linear-gradient(98deg,var(--v3-purple-light) 6%,var(--v3-pink) 92%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.v3-lead{
  max-width:570px;
  margin-top:30px!important;
  color:var(--v3-muted);
  font-size:clamp(16px,1.3vw,19px);
  line-height:1.65;
  animation:v3-enter .75s .2s both var(--v3-ease);
}
.v3-actions{
  margin-top:32px;
  display:flex;
  gap:11px;
  flex-wrap:wrap;
  animation:v3-enter .75s .28s both var(--v3-ease);
}
.v3-proof{
  margin-top:clamp(42px,6vh,68px)!important;
  padding-top:20px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--v3-line);
  animation:v3-enter .75s .36s both var(--v3-ease);
}
.v3-proof div{min-width:0;padding-right:12px}
.v3-proof dt{
  color:var(--v3-text);
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:24px;
  font-weight:600;
  line-height:1.1;
  letter-spacing:-.04em;
}
.v3-proof dd{
  margin-top:6px;
  color:var(--v3-faint);
  font-size:12px;
  line-height:1.4;
}

/* hero product workflow */
.v3-hero__visual{
  position:relative;
  min-width:0;
  min-height:560px;
  display:flex;
  align-items:center;
  justify-content:center;
  animation:v3-visual-in 1s .2s both var(--v3-ease);
}
.v3-hero__halo{
  position:absolute;
  inset:8% 2%;
  background:
    radial-gradient(circle at 50% 46%,rgba(159,164,169,.17),transparent 48%),
    radial-gradient(circle at 82% 74%,rgba(183,187,192,.08),transparent 35%);
  filter:blur(8px);
  transform:translateZ(0);
  pointer-events:none;
}
.v3-flowboard{
  position:relative;
  z-index:1;
  width:min(100%,620px);
  overflow:hidden;
  border:1px solid rgba(231,232,233,.19);
  border-radius:16px;
  background:linear-gradient(155deg,rgba(20,17,31,.98),rgba(10,9,16,.99) 72%);
  box-shadow:
    0 42px 100px -46px rgba(0,0,0,.95),
    0 24px 80px -58px rgba(159,164,169,.7),
    inset 0 1px 0 rgba(255,255,255,.055);
}
.v3-flowboard::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg,transparent 6%,rgba(231,232,233,.55) 42%,rgba(183,187,192,.45) 72%,transparent 96%);
}
.v3-flowboard__header{
  min-height:72px;
  padding:16px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid var(--v3-line);
  background:rgba(255,255,255,.014);
}
.v3-flowboard__campaign{display:flex;align-items:center;gap:12px;min-width:0}
.v3-flowboard__mark{
  flex:0 0 auto;
  width:34px;
  height:34px;
  border:1px solid rgba(231,232,233,.28);
  border-radius:9px;
  background:
    linear-gradient(135deg,rgba(159,164,169,.82),rgba(183,187,192,.52)),
    #151616;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 28px -15px rgba(159,164,169,.8);
}
.v3-flowboard__campaign div{min-width:0}
.v3-flowboard__campaign small,.v3-flowboard__result small{
  display:block;
  color:var(--v3-faint);
  font-family:"JetBrains Mono",monospace;
  font-size:8px;
  font-weight:600;
  letter-spacing:.13em;
  line-height:1.4;
  text-transform:uppercase;
}
.v3-flowboard__campaign b{
  display:block;
  margin-top:3px;
  overflow:hidden;
  color:var(--v3-text);
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:15px;
  font-weight:600;
  letter-spacing:-.02em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.v3-flowboard__funded{
  flex:0 0 auto;
  padding:8px 10px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(74,222,128,.2);
  border-radius:999px;
  color:#c4c6c9;
  background:rgba(74,222,128,.055);
  font-family:"JetBrains Mono",monospace;
  font-size:8px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.v3-flowboard__funded i,.v3-flowboard__result p i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--v3-green);
  box-shadow:0 0 9px rgba(74,222,128,.65);
}
.v3-flowboard__body{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(190px,.75fr)}
.v3-flowboard__source{min-width:0;padding:20px;border-right:1px solid var(--v3-line)}
.v3-flowboard__distribution{min-width:0;padding:20px 18px}
.v3-flowboard__label{
  margin-bottom:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:var(--v3-faint);
  font-family:"JetBrains Mono",monospace;
  font-size:8px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.v3-flowboard__label time{font:inherit;color:rgba(247,243,255,.58)}
.v3-flowboard__label b{color:#c4c6c9;font-size:8px;font-weight:600}
.v3-flowboard__preview{
  position:relative;
  height:186px;
  overflow:hidden;
  border:1px solid rgba(231,232,233,.16);
  border-radius:10px;
  background:
    linear-gradient(180deg,transparent 48%,rgba(7,6,12,.82) 100%),
    radial-gradient(circle at 70% 35%,rgba(183,187,192,.26),transparent 25%),
    radial-gradient(circle at 31% 54%,rgba(159,164,169,.33),transparent 33%),
    linear-gradient(135deg,#191a1b,#0e0f0f 74%);
}
.v3-flowboard__preview::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.42;
  background:
    linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.05) 50%,transparent 50.2%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:100% 100%,100% 36px;
}
.v3-flowboard__preview-copy{
  position:absolute;
  z-index:2;
  left:16px;
  bottom:15px;
  max-width:68%;
}
.v3-flowboard__preview-copy small{
  display:block;
  color:rgba(247,243,255,.55);
  font-family:"JetBrains Mono",monospace;
  font-size:7px;
  letter-spacing:.14em;
}
.v3-flowboard__preview-copy strong{
  display:block;
  margin-top:5px;
  color:#fff;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:19px;
  font-weight:600;
  letter-spacing:-.025em;
}
.v3-flowboard__play{
  position:absolute;
  z-index:2;
  top:50%;
  left:50%;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  background:rgba(8,9,9,.38);
  box-shadow:0 12px 28px -16px #000;
  font-size:10px;
  transform:translate(-50%,-50%);
}
.v3-flowboard__moment{
  position:absolute;
  z-index:2;
  top:12px;
  right:12px;
  padding:6px 8px;
  border:1px solid rgba(183,187,192,.28);
  border-radius:4px;
  color:#d7d8da;
  background:rgba(183,187,192,.09);
  font-family:"JetBrains Mono",monospace;
  font-size:7px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.v3-flowboard__timeline{margin-top:17px}
.v3-flowboard__timeline>div:first-child{
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:var(--v3-faint);
  font-size:9px;
}
.v3-flowboard__timeline b{color:rgba(247,243,255,.6);font-family:"JetBrains Mono",monospace;font-size:8px;font-weight:500}
.v3-flowboard__track{
  position:relative;
  height:7px;
  margin-top:9px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.075);
}
.v3-flowboard__track::before{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.07) 34px 35px);
}
.v3-flowboard__track i{position:absolute;inset:0 24% 0 38%;background:linear-gradient(90deg,var(--v3-purple),var(--v3-pink));border-radius:inherit}
.v3-flowboard__track span{position:absolute;z-index:2;top:-3px;bottom:-3px;left:63%;width:1px;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.55)}
.v3-flowboard__channels{display:grid;gap:8px}
.v3-flowboard__channels li{
  min-width:0;
  padding:12px 10px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  border:1px solid rgba(231,232,233,.11);
  border-radius:8px;
  background:rgba(255,255,255,.018);
}
.v3-flowboard__channels li>span{
  width:30px;
  height:30px;
  border:1px solid rgba(231,232,233,.18);
  border-radius:7px;
  display:grid;
  place-items:center;
  color:var(--v3-purple-light);
  background:rgba(159,164,169,.07);
  font-family:"JetBrains Mono",monospace;
  font-size:8px;
  font-weight:600;
}
.v3-flowboard__channels div{min-width:0}
.v3-flowboard__channels div b{display:block;color:var(--v3-text);font-size:11px;font-weight:600}
.v3-flowboard__channels div small{display:block;margin-top:2px;color:#4ade80;font-size:8px}
.v3-flowboard__channels strong{color:var(--v3-text);font-family:"Space Grotesk",Inter,sans-serif;font-size:16px;letter-spacing:-.04em}
.v3-flowboard__result{
  min-height:88px;
  padding:17px 20px;
  display:grid;
  grid-template-columns:auto 18px auto minmax(125px,1fr);
  align-items:center;
  gap:16px;
  border-top:1px solid var(--v3-line);
  background:linear-gradient(90deg,rgba(159,164,169,.075),rgba(183,187,192,.035));
}
.v3-flowboard__result strong{
  display:block;
  margin-top:3px;
  color:var(--v3-text);
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:24px;
  font-weight:600;
  line-height:1;
  letter-spacing:-.045em;
}
.v3-flowboard__arrow{color:rgba(231,232,233,.55);font-size:18px;text-align:center}
.v3-flowboard__result p{
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  color:var(--v3-faint);
  font-family:"JetBrains Mono",monospace;
  font-size:7px;
  font-weight:600;
  letter-spacing:.08em;
  text-align:right;
  text-transform:uppercase;
}

.v3-source{
  position:absolute;
  overflow:hidden;
  border:1px solid rgba(231,232,233,.22);
  border-radius:7px;
  background:linear-gradient(145deg,#171718,#0c0c0c);
  box-shadow:0 35px 90px -35px rgba(0,0,0,.86),inset 0 1px 0 rgba(255,255,255,.045);
  transform-style:preserve-3d;
}
.v3-source__top{
  height:45px;
  padding:0 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--v3-line);
  color:var(--v3-faint);
  font-family:"JetBrains Mono",monospace;
  font-size:9px;
  letter-spacing:.12em;
}
.v3-source__top b{
  color:var(--v3-green);
  font-size:9px;
  font-weight:600;
}
.v3-filmstrip{
  position:absolute;
  top:64px;
  left:4%;
  right:4%;
  height:32%;
  display:flex;
  gap:5px;
}
.v3-filmstrip i{
  flex:1;
  min-width:0;
  border:1px solid rgba(255,255,255,.06);
  background:
    linear-gradient(145deg,rgba(159,164,169,.38),rgba(27,27,28,.72) 55%,rgba(9,9,10,.9));
}
.v3-filmstrip i:nth-child(2n){background:linear-gradient(145deg,rgba(96,99,102,.5),rgba(13,13,14,.92))}
.v3-filmstrip i.is-hot{background:linear-gradient(145deg,rgba(183,187,192,.48),rgba(46,47,49,.7) 55%,rgba(15,9,15,.9))}
.v3-wave{
  position:absolute;
  left:4%;
  right:4%;
  top:54%;
  height:15%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2px;
  opacity:.7;
}
.v3-wave i{width:2px;height:25%;background:var(--v3-purple-light);border-radius:2px}
.v3-wave i:nth-child(3n){height:76%}.v3-wave i:nth-child(4n){height:48%}.v3-wave i:nth-child(5n){height:92%}.v3-wave i:nth-child(7n){height:34%}
.v3-track{
  position:absolute;
  left:4%;
  right:4%;
  bottom:16%;
  height:4px;
  background:rgba(255,255,255,.09);
}
.v3-track::before{
  content:"";
  position:absolute;
  inset:-8px 0;
  background:repeating-linear-gradient(90deg,transparent 0 48px,rgba(255,255,255,.13) 48px 49px);
}
.v3-track i{position:absolute;inset:0 47% 0 37%;background:var(--v3-pink);box-shadow:0 0 14px rgba(183,187,192,.5)}
.v3-track span{
  position:absolute;
  top:-13px;
  left:37%;
  width:1px;
  height:30px;
  background:var(--v3-pink);
  animation:v3-playhead 3.6s infinite ease-in-out;
}
.v3-selection{
  position:absolute;
  top:52px;
  left:39%;
  width:18%;
  bottom:11%;
  border:1px solid var(--v3-pink);
  box-shadow:0 0 28px rgba(183,187,192,.12),inset 0 0 28px rgba(183,187,192,.035);
}
.v3-selection i::before,.v3-selection i::after{
  content:"";
  position:absolute;
  width:10px;
  height:10px;
  border-color:#fff;
  border-style:solid;
}
.v3-selection i::before{left:-2px;top:-2px;border-width:2px 0 0 2px}
.v3-selection i::after{right:-2px;bottom:-2px;border-width:0 2px 2px 0}
.v3-selection b{
  position:absolute;
  right:4px;
  bottom:5px;
  color:rgba(255,255,255,.67);
  font-family:"JetBrains Mono",monospace;
  font-size:7px;
  letter-spacing:.08em;
}

.v3-scroll{
  position:absolute;
  left:var(--v3-pad);
  bottom:26px;
  display:flex;
  align-items:center;
  gap:11px;
  color:var(--v3-faint);
  font-family:"JetBrains Mono",monospace;
  font-size:9px;
  letter-spacing:.13em;
  text-decoration:none;
  text-transform:uppercase;
}
.v3-scroll span{position:relative;width:27px;height:1px;background:var(--v3-line-strong);overflow:hidden}
.v3-scroll span::after{content:"";position:absolute;inset:0;background:var(--v3-purple-light);transform:translateX(-100%);animation:v3-scroll-line 2.2s infinite}

/* ticker */
.v3-ticker{
  position:relative;
  z-index:3;
  padding:17px 0;
  overflow:hidden;
  border-block:1px solid var(--v3-line);
  background:#0b0b0b;
}
.v3-ticker__track{
  width:max-content;
  display:flex;
  align-items:center;
  gap:28px;
  animation:v3-marquee 34s linear infinite;
}
.v3-ticker span{
  color:#818182;
  font-family:"JetBrains Mono",monospace;
  font-size:9px;
  font-weight:600;
  letter-spacing:.16em;
  white-space:nowrap;
}
.v3-ticker i{width:5px;height:5px;background:linear-gradient(135deg,var(--v3-purple),var(--v3-pink));transform:rotate(45deg)}

/* common section typography */
.v3-sectionhead{
  display:grid;
  grid-template-columns:minmax(150px,.34fr) minmax(0,1fr);
  gap:clamp(24px,5vw,82px);
  align-items:start;
}
.v3-eyebrow{padding-top:9px}
.v3-sectionhead h2,.v3-money h2,.v3-trust h2{
  max-width:15ch;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(42px,5.5vw,78px);
  font-weight:700;
  line-height:.95;
  letter-spacing:-.055em;
}
.v3-sectionhead>div>p,.v3-money__headline>p{
  max-width:510px;
  margin-top:25px;
  color:var(--v3-muted);
  font-size:16px;
  line-height:1.65;
}
.v3-reveal{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .7s var(--v3-ease),transform .7s var(--v3-ease);
}
.v3-reveal.is-in{opacity:1;transform:none}
.v3-delay-1{transition-delay:.08s}
.v3-delay-2{transition-delay:.16s}

/* scroll story */
.v3-how{
  position:relative;
  padding-top:clamp(100px,14vh,170px);
  padding-bottom:clamp(90px,12vh,150px);
  background:
    radial-gradient(700px 700px at 88% 48%,rgba(159,164,169,.13),transparent 68%),
    linear-gradient(180deg,#0A0B0B,#151516 48%,#0b0b0c);
}
.v3-story{
  position:relative;
  margin-top:clamp(68px,10vh,120px);
  display:grid;
  grid-template-columns:minmax(300px,.74fr) minmax(450px,1.26fr);
  gap:clamp(38px,6vw,100px);
}
.v3-story__steps{padding-bottom:10vh}
.v3-story-step{
  min-height:46vh;
  padding:36px 0;
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  gap:20px;
  align-content:center;
  border-top:1px solid var(--v3-line);
  opacity:.32;
  transition:opacity .45s,transform .45s var(--v3-ease);
}
.v3-story-step:last-child{border-bottom:1px solid var(--v3-line)}
.v3-story-step.is-active{opacity:1;transform:translateX(8px)}
.v3-story-step>span,.v3-story-step b{
  color:var(--v3-faint);
  font-family:"JetBrains Mono",monospace;
  font-size:10px;
  letter-spacing:.13em;
}
.v3-story-step b{display:block;margin-bottom:12px;color:var(--v3-purple-light);text-transform:uppercase}
.v3-story-step h3{
  max-width:13ch;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(27px,3vw,42px);
  line-height:1.02;
  letter-spacing:-.04em;
}
.v3-story-step p{
  max-width:36ch;
  margin-top:14px!important;
  color:var(--v3-muted);
  font-size:15px;
  line-height:1.65;
}
.v3-story__sticky{
  position:sticky;
  top:11vh;
  height:78vh;
  min-height:560px;
  perspective:1400px;
}
.v3-engine{
  position:absolute;
  inset:0;
  overflow:hidden;
  border:1px solid var(--v3-line);
  background:
    radial-gradient(circle at 64% 42%,rgba(159,164,169,.11),transparent 35%),
    #0c0c0c;
  box-shadow:0 45px 100px -58px #000;
  transform-style:preserve-3d;
}
.v3-engine::before,.v3-engine::after{
  content:"";
  position:absolute;
  width:18px;
  height:18px;
  z-index:9;
  border-color:var(--v3-purple-light);
  border-style:solid;
  opacity:.65;
}
.v3-engine::before{left:-1px;top:-1px;border-width:1px 0 0 1px}
.v3-engine::after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}
.v3-engine__grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:42px 42px;
  -webkit-mask-image:radial-gradient(circle at center,#000,transparent 78%);
  mask-image:radial-gradient(circle at center,#000,transparent 78%);
}
.v3-source--story{
  left:9%;
  top:16%;
  width:72%;
  height:48%;
  transform:perspective(900px) translate3d(0,0,0) rotateX(0) rotateY(0);
  transform-origin:center;
  will-change:transform,opacity;
}
.v3-source--story .v3-filmstrip{top:57px}
.v3-cut-card{
  position:absolute;
  left:57%;
  top:15%;
  width:28%;
  aspect-ratio:9/16;
  padding:15px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.22);
  border-radius:8px;
  background:
    radial-gradient(circle at 65% 30%,rgba(183,187,192,.35),transparent 30%),
    linear-gradient(145deg,#252728,#0d0d0d 70%);
  box-shadow:0 30px 55px -28px #000,inset 0 1px 0 rgba(255,255,255,.1);
  opacity:0;
  transform:translate3d(-140px,80px,0) scale(.45);
  will-change:transform,opacity;
}
.v3-cut-card::after{
  content:"";
  position:absolute;
  left:15%;
  right:15%;
  bottom:17%;
  height:5px;
  background:rgba(255,255,255,.55);
  box-shadow:0 11px 0 rgba(255,255,255,.26);
}
.v3-cut-card span{
  color:rgba(255,255,255,.6);
  font-family:"JetBrains Mono",monospace;
  font-size:8px;
  letter-spacing:.12em;
}
.v3-cut-card b{
  align-self:flex-end;
  color:#fff;
  font-family:"Space Grotesk",sans-serif;
  font-size:24px;
  letter-spacing:-.04em;
}
.v3-payout-orb{
  position:absolute;
  left:50%;
  top:50%;
  width:220px;
  aspect-ratio:1;
  padding:30px;
  border:1px solid rgba(231,232,233,.3);
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 45% 35%,rgba(255,255,255,.13),transparent 22%),
    radial-gradient(circle,rgba(159,164,169,.34),rgba(183,187,192,.11) 48%,rgba(9,9,9,.25) 69%);
  box-shadow:0 0 90px rgba(159,164,169,.22),inset 0 0 50px rgba(255,255,255,.05);
  opacity:0;
  transform:translate(-50%,-42%) scale(.55);
  will-change:transform,opacity;
}
.v3-payout-orb small,.v3-payout-orb span{
  color:var(--v3-muted);
  font-family:"JetBrains Mono",monospace;
  font-size:8px;
  letter-spacing:.12em;
}
.v3-payout-orb b{
  margin:8px 0;
  font-family:"Space Grotesk",sans-serif;
  font-size:36px;
  letter-spacing:-.05em;
}
.v3-payout-orb span{color:var(--v3-green)}
.v3-engine__footer{
  position:absolute;
  left:17px;
  right:17px;
  bottom:15px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:13px;
  color:var(--v3-faint);
  font-family:"JetBrains Mono",monospace;
  font-size:8px;
  letter-spacing:.12em;
}
.v3-engine__footer i{height:2px;background:rgba(255,255,255,.08);overflow:hidden}
.v3-engine__footer i b{
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(90deg,var(--v3-purple),var(--v3-pink));
  transform:scaleX(var(--v3-story-progress,0));
  transform-origin:left;
}
.v3-engine__footer em{font-style:normal}

/* dual audience cards */
.v3-sides{
  position:relative;
  padding-top:clamp(105px,14vh,170px);
  padding-bottom:clamp(105px,14vh,170px);
}
.v3-sides::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-24vw;
  top:23%;
  width:70vw;
  height:70vw;
  border:1px solid rgba(159,164,169,.06);
  border-radius:50%;
  background:radial-gradient(circle,rgba(159,164,169,.07),transparent 61%);
  pointer-events:none;
}
.v3-sides::after{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0 calc(50% - 50vw);
  background:
    radial-gradient(circle at 9% 40%,rgba(159,164,169,.08),transparent 34%),
    radial-gradient(circle at 91% 46%,rgba(183,187,192,.065),transparent 35%),
    linear-gradient(180deg,#0b0b0c,#101111 55%,#0b0b0c);
  pointer-events:none;
}
.v3-sidegrid{
  margin-top:clamp(56px,8vh,90px);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.v3-sidecard{
  position:relative;
  min-height:600px;
  padding:clamp(30px,4vw,58px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--v3-line);
  background:linear-gradient(155deg,#161717,#0c0c0c);
}
.v3-sidecard--creator{
  color:var(--v3-text);
  border-color:rgba(183,187,192,.2);
  background:
    radial-gradient(circle at 92% 8%,rgba(183,187,192,.15),transparent 38%),
    linear-gradient(155deg,#191a1b,#121213 76%);
}
.v3-sidecard__top{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  font-family:"JetBrains Mono",monospace;
  font-size:9px;
  letter-spacing:.14em;
}
.v3-sidecard__top span{color:var(--v3-purple-light)}
.v3-sidecard--creator .v3-sidecard__top span{color:var(--v3-pink)}
.v3-sidecard__top b{color:var(--v3-faint);font-weight:500}
.v3-sidecard h3{
  position:relative;
  z-index:2;
  max-width:9ch;
  margin-top:58px;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(40px,4.4vw,64px);
  line-height:.95;
  letter-spacing:-.055em;
}
.v3-sidecard>p{
  position:relative;
  z-index:2;
  max-width:27ch;
  margin-top:23px!important;
  color:var(--v3-muted);
  font-size:16px;
  line-height:1.65;
}
.v3-sidecard--creator>p{color:var(--v3-muted)}
.v3-sidecard ul{position:relative;z-index:2;margin-top:34px;width:min(56%,350px)}
.v3-sidecard li{
  padding:12px 0;
  display:flex;
  align-items:center;
  gap:12px;
  border-top:1px solid var(--v3-line);
  color:var(--v3-muted);
  font-size:14px;
}
.v3-sidecard li::before{content:"";width:6px;height:6px;background:var(--v3-purple);transform:rotate(45deg)}
.v3-sidecard--creator li{border-color:var(--v3-line);color:var(--v3-muted)}
.v3-sidecard--creator li::before{background:#626569}
.v3-textlink{
  position:relative;
  z-index:2;
  width:max-content;
  margin-top:auto;
  padding:13px 0;
  border:0;
  border-bottom:1px solid currentColor;
  background:none;
  color:inherit;
  font-family:"Space Grotesk",sans-serif!important;
  font-size:16px!important;
  font-weight:600!important;
  cursor:pointer;
}
.v3-textlink span{display:inline-block;margin-left:20px;transition:transform .25s}
.v3-textlink:hover span{transform:translate(3px,-3px)}
.v3-sidecard__shape{position:absolute;right:-9%;top:16%;width:46%;height:55%;perspective:800px;opacity:.65}
.v3-sidecard__shape i{
  position:absolute;
  inset:0;
  border:1px solid rgba(231,232,233,.25);
  background:linear-gradient(145deg,rgba(159,164,169,.12),transparent);
  transform:rotateY(-42deg) rotateX(14deg) translateZ(calc(var(--i,0) * -40px));
}
.v3-sidecard__shape i:nth-child(1){--i:0;transform:rotateY(-42deg) rotateX(14deg) translateZ(0)}
.v3-sidecard__shape i:nth-child(2){transform:rotateY(-42deg) rotateX(14deg) translate3d(-28px,28px,-40px);opacity:.6}
.v3-sidecard__shape i:nth-child(3){transform:rotateY(-42deg) rotateX(14deg) translate3d(-56px,56px,-80px);opacity:.3}
.v3-sidecard__orbit{position:absolute;right:-7%;top:20%;width:47%;aspect-ratio:1;border:1px solid rgba(231,232,233,.16);border-radius:50%}
.v3-sidecard__orbit::before,.v3-sidecard__orbit::after{
  content:"";
  position:absolute;
  inset:17%;
  border:1px solid rgba(231,232,233,.12);
  border-radius:50%;
}
.v3-sidecard__orbit::after{inset:34%}
.v3-sidecard__orbit i{position:absolute;width:12px;height:12px;border-radius:50%;background:#8e9195;box-shadow:0 0 18px rgba(159,164,169,.55)}
.v3-sidecard__orbit i:nth-child(1){left:9%;top:27%}.v3-sidecard__orbit i:nth-child(2){right:7%;top:49%;background:var(--v3-pink)}.v3-sidecard__orbit i:nth-child(3){left:42%;bottom:-6px;background:#18191A}

.v3-miniui{
  position:absolute;
  z-index:3;
  right:clamp(22px,3vw,42px);
  bottom:84px;
  width:clamp(195px,18vw,238px);
  padding:14px;
  border:1px solid rgba(231,232,233,.23);
  border-radius:5px;
  background:rgba(10,11,11,.96);
  color:var(--v3-text);
  box-shadow:0 30px 55px -30px #000,inset 0 1px 0 rgba(255,255,255,.05);
  transform:perspective(800px) rotateY(-7deg) rotateX(2deg);
  transition:transform .45s var(--v3-ease),border-color .35s;
}
.v3-sidecard:hover .v3-miniui{transform:perspective(800px) rotateY(-2deg) rotateX(0) translateY(-5px);border-color:rgba(231,232,233,.42)}
.v3-miniui header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:var(--v3-faint);
  font-family:"JetBrains Mono",monospace;
  font-size:7px;
  letter-spacing:.1em;
}
.v3-miniui header b{color:var(--v3-green);font-size:7px}
.v3-miniui__title{margin-top:18px;display:flex;align-items:center;gap:10px}
.v3-miniui__title>i{
  width:32px;
  height:32px;
  flex:0 0 auto;
  border-radius:4px;
  background:linear-gradient(145deg,var(--v3-purple),#313334 65%,#151616);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
.v3-miniui__title b,.v3-miniui__title small{display:block}
.v3-miniui__title b{font-family:"Space Grotesk",sans-serif;font-size:12px}
.v3-miniui__title small{margin-top:3px;color:var(--v3-faint);font-family:"JetBrains Mono",monospace;font-size:6px;letter-spacing:.07em}
.v3-miniui__metric{margin-top:19px;display:flex;align-items:end;justify-content:space-between}
.v3-miniui__metric span,.v3-miniui footer{color:var(--v3-faint);font-family:"JetBrains Mono",monospace;font-size:6px;letter-spacing:.09em}
.v3-miniui__metric b{font-family:"Space Grotesk",sans-serif;font-size:20px;letter-spacing:-.04em}
.v3-miniui__bar{height:5px;margin-top:10px;background:rgba(255,255,255,.09)}
.v3-miniui__bar i{display:block;width:38%;height:100%;background:linear-gradient(90deg,var(--v3-purple),var(--v3-pink))}
.v3-miniui footer{margin-top:7px;display:flex;justify-content:space-between}
.v3-miniui--creator{border-color:rgba(231,232,233,.22);background:rgba(13,13,14,.97);color:var(--v3-text);box-shadow:0 30px 55px -30px #000,inset 0 1px 0 rgba(255,255,255,.06)}
.v3-miniui--creator header{color:var(--v3-faint)}.v3-miniui--creator header b{color:var(--v3-pink)}
.v3-miniui__reach{margin:18px 0 17px}
.v3-miniui__reach strong{display:block;font-family:"Space Grotesk",sans-serif;font-size:34px;line-height:1;letter-spacing:-.055em}
.v3-miniui__reach small{display:block;margin-top:5px;color:var(--v3-faint);font-family:"JetBrains Mono",monospace;font-size:6px;letter-spacing:.1em}
.v3-miniui__platform{display:grid;grid-template-columns:45px 1fr 30px;gap:7px;align-items:center;margin-top:8px}
.v3-miniui__platform span,.v3-miniui__platform em{color:var(--v3-faint);font-family:"JetBrains Mono",monospace;font-size:6px;font-style:normal;letter-spacing:.06em}
.v3-miniui__platform em{text-align:right}
.v3-miniui__platform>i{height:4px;background:rgba(255,255,255,.08)}
.v3-miniui__platform>i b{display:block;height:100%;background:linear-gradient(90deg,#76797d,#6C6F73)}

/* dark Clipd money band */
.v3-money{
  position:relative;
  padding-block:clamp(105px,14vh,175px);
  color:var(--v3-text);
  border-block:1px solid var(--v3-line);
  background:
    radial-gradient(circle at 13% 18%,rgba(159,164,169,.2),transparent 34%),
    radial-gradient(circle at 88% 82%,rgba(183,187,192,.12),transparent 32%),
    linear-gradient(120deg,#1b1b1c,#111112 52%,#111212);
}
.v3-money::before,.v3-money::after{
  content:"";
  position:absolute;
  top:0;
  width:44px;
  height:44px;
  border-color:var(--v3-line-strong);
  border-style:solid;
  pointer-events:none;
}
.v3-money::before{left:var(--v3-pad);border-width:1px 0 0 1px}
.v3-money::after{right:var(--v3-pad);border-width:1px 1px 0 0}
.v3-money .v3-eyebrow{color:var(--v3-purple-light)}
.v3-money__headline{
  margin-top:18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.58fr);
  gap:clamp(30px,7vw,120px);
  align-items:end;
}
.v3-money h2{max-width:12ch}
.v3-money__headline>p{color:var(--v3-muted)}
.v3-moneygrid{
  margin-top:clamp(56px,8vh,94px);
  display:grid;
  grid-template-columns:1.15fr .7fr .9fr;
  grid-template-rows:auto auto;
  border-top:1px solid var(--v3-line);
  border-left:1px solid var(--v3-line);
  box-shadow:0 44px 90px -70px #000;
}
.v3-moneycard,.v3-budget{
  min-width:0;
  padding:clamp(25px,3vw,42px);
  border-right:1px solid var(--v3-line);
  border-bottom:1px solid var(--v3-line);
  background:rgba(8,9,9,.24);
}
.v3-moneycard--hero{background:linear-gradient(145deg,rgba(159,164,169,.13),rgba(8,9,9,.18))}
.v3-moneycard{display:flex;flex-direction:column}
.v3-moneycard small,.v3-budget small{
  color:var(--v3-faint);
  font-family:"JetBrains Mono",monospace;
  font-size:9px;
  letter-spacing:.14em;
}
.v3-moneycard strong{
  margin-top:24px;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(48px,6vw,90px);
  line-height:.85;
  letter-spacing:-.06em;
}
.v3-moneycard span{margin-top:18px;color:var(--v3-muted);font-size:14px;line-height:1.5}
.v3-moneycard--hero{grid-row:span 2}
.v3-moneycard--hero strong{
  color:transparent;
  background:linear-gradient(100deg,var(--v3-purple-light),var(--v3-pink));
  -webkit-background-clip:text;
  background-clip:text;
  font-size:clamp(84px,9.5vw,148px);
  letter-spacing:.01em;           /* negative tracking made the € and the 1 collide */
  line-height:1;
  padding-right:.06em;            /* the clip box was cutting the last glyph */
  width:fit-content;
}
.v3-moneycard__line{position:relative;height:80px;margin-top:auto;overflow:hidden}
.v3-moneycard__line::before{
  content:"";
  position:absolute;
  inset:55% 0 auto;
  height:1px;
  background:var(--v3-line);
}
.v3-moneycard__line i{
  position:absolute;
  left:0;
  top:43%;
  width:100%;
  height:24px;
  border-top:2px solid #7a7e82;
  clip-path:polygon(0 55%,8% 48%,14% 64%,22% 32%,31% 68%,39% 37%,48% 55%,56% 18%,64% 63%,74% 41%,82% 58%,91% 25%,100% 7%,100% 100%,0 100%);
  background:linear-gradient(rgba(113,117,121,.22),transparent);
}
.v3-budget{
  grid-column:2/4;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.v3-budget>div:first-child{display:flex;align-items:end;justify-content:space-between;gap:20px}
.v3-budget b{font-family:"Space Grotesk",sans-serif;font-size:clamp(27px,3vw,42px);letter-spacing:-.045em}
.v3-budget__bar{height:12px;margin-top:27px;background:rgba(255,255,255,.08);overflow:hidden}
.v3-budget__bar span{display:block;width:58%;height:100%;background:linear-gradient(90deg,#76797d,#717579)}
.v3-budget footer{margin-top:10px;display:flex;justify-content:space-between;color:var(--v3-faint);font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.1em}

/* levels */
.v3-level-section{
  position:relative;
  padding-top:clamp(96px,12vh,150px);
  padding-bottom:clamp(84px,10vh,130px);
}
.v3-level-section::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 calc(50% - 50vw);
  background:
    radial-gradient(circle at 75% 42%,rgba(159,164,169,.14),transparent 43%),
    linear-gradient(180deg,#0b0b0c,#131414,#0b0b0c);
  pointer-events:none;
}
.v3-levels{
  position:relative;
  margin-top:clamp(62px,9vh,105px);
  padding-top:44px;
  padding-bottom:55px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  perspective:1200px;
}
.v3-levelrail{
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  background:rgba(255,255,255,.08);
}
.v3-levelrail i{
  display:block;
  width:72%;
  height:100%;
  background:linear-gradient(90deg,var(--v3-purple),var(--v3-pink));
  box-shadow:0 0 20px rgba(159,164,169,.42);
}
.v3-levels article{
  position:relative;
  min-height:230px;
  padding:24px 20px;
  overflow:hidden;
  border:1px solid var(--v3-line);
  background:linear-gradient(145deg,rgba(20,20,21,.88),rgba(9,9,9,.92));
  box-shadow:0 28px 48px -38px #000,inset 0 1px 0 rgba(255,255,255,.04);
  transform:translateY(var(--v3-level-y,0)) rotateX(2deg);
  transition:transform .35s var(--v3-ease),border-color .3s,background .3s;
}
.v3-levels article:nth-of-type(1){--v3-level-y:44px}
.v3-levels article:nth-of-type(2){--v3-level-y:33px}
.v3-levels article:nth-of-type(3){--v3-level-y:22px}
.v3-levels article:nth-of-type(4){--v3-level-y:11px}
.v3-levels article:nth-of-type(5){--v3-level-y:0}
.v3-levels article:hover{transform:translateY(calc(var(--v3-level-y) - 8px)) translateZ(18px);border-color:rgba(231,232,233,.4)}
.v3-levels article.is-current{
  border-color:rgba(159,164,169,.55);
  background:
    radial-gradient(circle at 100% 0,rgba(183,187,192,.17),transparent 43%),
    linear-gradient(145deg,rgba(159,164,169,.23),rgba(9,10,10,.94));
}
.v3-levels article::before{
  content:"";
  position:absolute;
  left:19px;
  top:-50px;
  width:8px;
  height:8px;
  border:1px solid var(--v3-faint);
  border-radius:50%;
  background:var(--v3-bg);
}
.v3-levels article::after{
  content:attr(data-level);
  position:absolute;
  right:-7px;
  bottom:-23px;
  color:rgba(255,255,255,.035);
  font-family:"Space Grotesk",sans-serif;
  font-size:108px;
  font-weight:700;
  line-height:1;
  letter-spacing:-.08em;
}
.v3-levels article.is-current::before{background:var(--v3-purple-light);border-color:var(--v3-purple-light);box-shadow:0 0 18px rgba(231,232,233,.65)}
.v3-levels span,.v3-levels small{display:block;color:var(--v3-faint);font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.11em}
.v3-levels b{display:block;margin:56px 0 9px;font-family:"Space Grotesk",sans-serif;font-size:clamp(20px,2vw,28px);letter-spacing:-.035em}

/* trust */
.v3-trust{
  position:relative;
  padding-top:clamp(100px,13vh,160px);
  padding-bottom:clamp(100px,13vh,160px);
  border-top:1px solid var(--v3-line);
  background:radial-gradient(620px 620px at 12% 56%,rgba(74,222,128,.06),transparent 70%);
}
.v3-trust::before{
  content:"";
  position:absolute;
  inset:0 calc(50% - 50vw);
  z-index:-1;
  background:
    radial-gradient(circle at 13% 52%,rgba(74,222,128,.055),transparent 35%),
    linear-gradient(135deg,#101112,#0c0c0c 70%);
  pointer-events:none;
}
.v3-trust__head{display:grid;grid-template-columns:minmax(150px,.34fr) minmax(0,1fr);gap:clamp(24px,5vw,82px)}
.v3-trustgrid{
  margin-top:clamp(58px,8vh,90px);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.v3-trustgrid article{
  position:relative;
  min-height:235px;
  padding:clamp(25px,3vw,38px);
  overflow:hidden;
  border:1px solid var(--v3-line);
  background:linear-gradient(150deg,rgba(20,20,21,.76),rgba(9,9,9,.9));
}
.v3-trustgrid article::after{
  content:"";
  position:absolute;
  right:-34px;
  top:-34px;
  width:120px;
  height:120px;
  border:1px solid rgba(231,232,233,.08);
  border-radius:50%;
  box-shadow:0 0 0 24px rgba(231,232,233,.025),0 0 0 48px rgba(231,232,233,.015);
}
.v3-trustgrid article>span{color:var(--v3-purple-light);font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.12em}
.v3-trustgrid h3{margin-top:54px;font-family:"Space Grotesk",sans-serif;font-size:26px;letter-spacing:-.04em}
.v3-trustgrid p{max-width:31ch;margin-top:13px!important;color:var(--v3-muted);font-size:14px;line-height:1.65}

/* faq */
.v3-faq{
  position:relative;
  padding-top:clamp(110px,15vh,180px);
  padding-bottom:clamp(100px,13vh,160px);
}
.v3-faq::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 calc(50% - 50vw);
  background:
    radial-gradient(circle at 78% 25%,rgba(183,187,192,.1),transparent 36%),
    linear-gradient(180deg,#0c0c0c,#151516,#0b0b0c);
  pointer-events:none;
}
.v3-faq__list{margin-top:clamp(55px,8vh,90px);border-top:1px solid var(--v3-line)}
.v3-faq details{
  position:relative;
  border-bottom:1px solid var(--v3-line);
  transition:background .25s,border-color .25s;
}
.v3-faq details:hover,.v3-faq details[open]{background:linear-gradient(90deg,rgba(159,164,169,.075),transparent 68%)}
.v3-faq summary{
  min-height:86px;
  padding:20px 2px;
  display:grid;
  grid-template-columns:54px minmax(0,1fr) 30px;
  gap:15px;
  align-items:center;
  color:var(--v3-text);
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(18px,1.8vw,25px);
  font-weight:600;
  letter-spacing:-.025em;
  cursor:pointer;
  list-style:none;
}
.v3-faq summary::-webkit-details-marker{display:none}
.v3-faq summary>span{color:var(--v3-faint);font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.12em}
.v3-faq summary i{position:relative;width:15px;height:15px;justify-self:end}
.v3-faq summary i::before,.v3-faq summary i::after{content:"";position:absolute;background:var(--v3-purple-light);transition:transform .25s}
.v3-faq summary i::before{left:0;right:0;top:7px;height:1px}
.v3-faq summary i::after{top:0;bottom:0;left:7px;width:1px}
.v3-faq details[open] summary i::after{transform:rotate(90deg)}
.v3-faq details p{
  max-width:760px;
  padding:0 40px 28px 69px;
  color:var(--v3-muted);
  font-size:15px;
  line-height:1.7;
}
.v3-faq-cta{
  margin-top:46px;
  padding:clamp(28px,4vw,52px);
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  overflow:hidden;
  border:1px solid rgba(231,232,233,.2);
  background:
    radial-gradient(circle at 85% 45%,rgba(159,164,169,.18),transparent 30%),
    linear-gradient(145deg,#181819,#0d0d0d 72%);
  box-shadow:0 36px 70px -52px #000,inset 0 1px 0 rgba(255,255,255,.045);
}
.v3-faq-cta span{color:var(--v3-purple-light);font-family:"JetBrains Mono",monospace;font-size:8px;letter-spacing:.12em}
.v3-faq-cta h3{margin-top:14px;font-family:"Space Grotesk",sans-serif;font-size:clamp(27px,3vw,42px);letter-spacing:-.045em}
.v3-faq-cta p{max-width:48ch;margin-top:10px!important;color:var(--v3-muted);font-size:14px;line-height:1.6}
.v3-faq-cta>a{
  flex:0 0 auto;
  min-height:52px;
  padding:15px 20px;
  display:inline-flex;
  align-items:center;
  gap:24px;
  border:1px solid rgba(231,232,233,.28);
  color:var(--v3-text);
  font-family:"Space Grotesk",sans-serif;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  transition:transform .25s var(--v3-ease),background .25s,border-color .25s;
}
.v3-faq-cta>a:hover{transform:translateY(-3px);background:rgba(159,164,169,.14);border-color:var(--v3-purple-light)}

/* final */
.v3-final{
  position:relative;
  min-height:max(900px,100svh);
  padding-top:clamp(120px,15vh,180px);
  padding-bottom:clamp(90px,12vh,150px);
  overflow:hidden;
  border-top:1px solid var(--v3-line);
  background:
    radial-gradient(circle at 82% 43%,rgba(159,164,169,.16),transparent 35%),
    radial-gradient(circle at 58% 78%,rgba(183,187,192,.085),transparent 31%),
    linear-gradient(145deg,#0A0B0B,#111112 58%,#080808);
}
.v3-final::before{
  content:"";
  position:absolute;
  inset:0 calc(50% - 50vw);
  background-image:
    linear-gradient(rgba(231,232,233,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(231,232,233,.028) 1px,transparent 1px);
  background-size:74px 74px;
  -webkit-mask-image:radial-gradient(circle at 76% 43%,#000,transparent 63%);
  mask-image:radial-gradient(circle at 76% 43%,#000,transparent 63%);
  pointer-events:none;
}
.v3-final>*{position:relative;z-index:2}
.v3-final__layout{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(480px,1.14fr);
  gap:clamp(44px,7vw,112px);
  align-items:center;
}
.v3-final__copy{min-width:0}
.v3-final h2{
  max-width:8ch;
  margin-top:30px;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(66px,8vw,122px);
  line-height:.84;
  letter-spacing:-.065em;
}
.v3-final__copy>p:not(.v3-eyebrow){
  max-width:560px;
  margin-top:30px!important;
  color:var(--v3-muted);
  font-size:17px;
  line-height:1.65;
}
.v3-final__assurance{
  margin-top:34px;
  padding-top:20px;
  display:flex;
  flex-wrap:wrap;
  gap:12px 24px;
  border-top:1px solid var(--v3-line);
}
.v3-final__assurance span{
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--v3-faint);
  font-family:"JetBrains Mono",monospace;
  font-size:8px;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.v3-final__assurance span::before{
  content:"";
  width:5px;
  height:5px;
  flex:0 0 auto;
  background:var(--v3-purple);
  transform:rotate(45deg);
  box-shadow:0 0 12px rgba(159,164,169,.65);
}
.v3-final-machine{
  position:relative;
  height:580px;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(231,232,233,.23);
  background:
    radial-gradient(circle at 63% 45%,rgba(159,164,169,.18),transparent 35%),
    linear-gradient(145deg,rgba(20,21,21,.97),rgba(8,9,9,.99));
  box-shadow:0 50px 100px -64px #000,inset 0 1px 0 rgba(255,255,255,.055);
  perspective:1100px;
}
.v3-final-machine::before,.v3-final-machine::after{
  content:"";
  position:absolute;
  z-index:5;
  width:22px;
  height:22px;
  border-color:var(--v3-purple-light);
  border-style:solid;
  opacity:.72;
}
.v3-final-machine::before{left:-1px;top:-1px;border-width:1px 0 0 1px}
.v3-final-machine::after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}
.v3-final-machine>header{
  position:relative;
  z-index:6;
  min-height:48px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--v3-line);
  color:var(--v3-faint);
  font-family:"JetBrains Mono",monospace;
  font-size:8px;
  letter-spacing:.11em;
}
.v3-final-machine>header b{display:flex;align-items:center;gap:8px;color:var(--v3-green);font-size:8px}
.v3-final-machine>header b i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--v3-green);
  box-shadow:0 0 14px rgba(74,222,128,.8);
  animation:v3-live 2.2s infinite ease-in-out;
}
.v3-final-machine__body{
  position:relative;
  height:484px;
  overflow:hidden;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:42px 42px;
  transform-style:preserve-3d;
}
.v3-final-source{
  position:absolute;
  left:5%;
  top:13%;
  width:69%;
  height:42%;
  padding:15px;
  border:1px solid rgba(231,232,233,.25);
  background:linear-gradient(145deg,rgba(23,24,25,.95),rgba(9,9,10,.97));
  box-shadow:0 35px 55px -35px #000,inset 0 1px 0 rgba(255,255,255,.05);
  transform:rotateX(54deg) rotateZ(-5deg) translateZ(-42px);
  transform-origin:center bottom;
}
.v3-final-source>div:first-child{
  display:flex;
  justify-content:space-between;
  color:var(--v3-faint);
  font-family:"JetBrains Mono",monospace;
  font-size:7px;
  letter-spacing:.1em;
}
.v3-final-source>div:first-child b{color:var(--v3-purple-light)}
.v3-final-source__frames{
  height:76px;
  margin-top:17px;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:4px;
}
.v3-final-source__frames i{
  border:1px solid rgba(255,255,255,.055);
  background:
    radial-gradient(circle at 50% 30%,rgba(159,164,169,.2),transparent 38%),
    linear-gradient(145deg,#18191A,#0d0e0e);
}
.v3-final-source__frames i:nth-child(even){background:linear-gradient(145deg,#1d1e1f,#0e0f0f)}
.v3-final-source__frames .is-hot{border-color:var(--v3-pink);box-shadow:inset 0 0 24px rgba(183,187,192,.15),0 0 15px rgba(183,187,192,.13)}
.v3-final-source__track{
  position:relative;
  height:12px;
  margin-top:15px;
  background:rgba(255,255,255,.06);
}
.v3-final-source__track i{
  position:absolute;
  inset:0 auto 0 0;
  width:58%;
  background:linear-gradient(90deg,var(--v3-purple),var(--v3-pink));
}
.v3-final-source__track span{
  position:absolute;
  right:0;
  top:18px;
  color:var(--v3-faint);
  font-family:"JetBrains Mono",monospace;
  font-size:7px;
}
.v3-final-clips{
  position:absolute;
  z-index:3;
  right:5%;
  bottom:8%;
  width:56%;
  height:55%;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  gap:10px;
  transform:rotateY(-8deg) rotateX(2deg);
  transform-style:preserve-3d;
}
.v3-final-clips article{
  position:relative;
  width:31%;
  aspect-ratio:9/16;
  padding:13px 10px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border:1px solid rgba(231,232,233,.22);
  border-radius:7px;
  background:
    radial-gradient(circle at 62% 30%,rgba(159,164,169,.34),transparent 32%),
    linear-gradient(155deg,#232526,#0c0c0d 72%);
  box-shadow:0 28px 45px -28px #000,inset 0 1px 0 rgba(255,255,255,.08);
}
.v3-final-clips article:nth-child(1){transform:translateY(34px) rotateZ(-5deg)}
.v3-final-clips article:nth-child(2){transform:translateZ(48px)}
.v3-final-clips article:nth-child(3){transform:translateY(25px) rotateZ(5deg)}
.v3-final-clips article span{
  color:var(--v3-purple-light);
  font-family:"JetBrains Mono",monospace;
  font-size:7px;
  letter-spacing:.1em;
}
.v3-final-clips article b{
  position:relative;
  z-index:2;
  align-self:flex-end;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(17px,2vw,28px);
}
.v3-final-clips article>i{
  position:absolute;
  left:13px;
  right:13px;
  bottom:20%;
  height:4px;
  background:rgba(255,255,255,.56);
  box-shadow:0 10px 0 rgba(255,255,255,.2);
}
.v3-final-payout{
  position:absolute;
  z-index:5;
  left:6%;
  bottom:7%;
  width:170px;
  aspect-ratio:1;
  padding:25px;
  border:1px solid rgba(231,232,233,.32);
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 40% 32%,rgba(255,255,255,.13),transparent 19%),
    radial-gradient(circle,rgba(159,164,169,.42),rgba(183,187,192,.14) 48%,rgba(9,9,9,.92) 72%);
  box-shadow:0 0 85px rgba(159,164,169,.25),inset 0 0 45px rgba(255,255,255,.055);
  animation:v3-final-float 6s infinite ease-in-out;
}
.v3-final-payout small,.v3-final-payout span{
  color:var(--v3-muted);
  font-family:"JetBrains Mono",monospace;
  font-size:7px;
  letter-spacing:.09em;
  text-align:center;
}
.v3-final-payout b{
  margin:8px 0;
  font-family:"Space Grotesk",sans-serif;
  font-size:28px;
  letter-spacing:-.05em;
}
.v3-final-payout span{color:var(--v3-green)}
.v3-final-machine>footer{
  min-height:48px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  border-top:1px solid var(--v3-line);
  color:var(--v3-faint);
  font-family:"JetBrains Mono",monospace;
  font-size:7px;
  letter-spacing:.08em;
}
.v3-final-machine>footer i{width:5px;height:5px;background:var(--v3-purple);transform:rotate(45deg)}
.v3-final__rail{
  margin-top:clamp(48px,7vh,82px);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-block:1px solid var(--v3-line);
}
.v3-final__rail article{
  min-width:0;
  min-height:126px;
  padding:25px clamp(18px,2.5vw,34px);
  display:grid;
  grid-template-columns:28px 1fr;
  gap:13px;
  align-content:center;
  border-left:1px solid var(--v3-line);
  background:rgba(255,255,255,.014);
}
.v3-final__rail article:first-child{border-left:0}
.v3-final__rail span{
  color:var(--v3-purple-light);
  font-family:"JetBrains Mono",monospace;
  font-size:8px;
  letter-spacing:.11em;
}
.v3-final__rail b,.v3-final__rail small{display:block}
.v3-final__rail b{font-family:"Space Grotesk",sans-serif;font-size:16px;letter-spacing:-.02em}
.v3-final__rail small{max-width:22ch;margin-top:8px;color:var(--v3-faint);font-size:12px;line-height:1.5}

.v3-footer{
  min-height:98px;
  padding-block:28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-top:1px solid var(--v3-line);
}
.v3-footer .v3-logo{font-size:20px}
.v3-footer>div{display:flex;gap:24px}
.v3-copyright{color:var(--v3-faint);font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.08em}

/* performance containment */
.v3-sides,.v3-money,.v3-level-section,.v3-trust,.v3-faq,.v3-final{
  content-visibility:auto;
  contain-intrinsic-size:auto 900px;
}
.v3 .is-ambient-paused,.v3 .is-ambient-paused *,.v3 .is-ambient-paused::before,.v3 .is-ambient-paused::after,.v3 .is-ambient-paused *::before,.v3 .is-ambient-paused *::after{
  animation-play-state:paused!important;
}
.v3.is-paused .v3-ticker__track,.v3.is-paused .v3-kicker span::before{animation-play-state:paused!important}

@keyframes v3-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes v3-visual-in{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}
@keyframes v3-live{0%,100%{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}
@keyframes v3-playhead{0%,100%{left:37%}50%{left:53%}}
@keyframes v3-scroll-line{0%{transform:translateX(-100%)}50%,100%{transform:translateX(100%)}}
@keyframes v3-marquee{to{transform:translateX(-50%)}}
@keyframes v3-final-float{
  0%,100%{transform:translate3d(0,0,80px) rotate(-2deg)}
  50%{transform:translate3d(0,-8px,92px) rotate(2deg)}
}

@media(max-width:1100px){
  .v3-hero{grid-template-columns:minmax(0,1fr) minmax(390px,.8fr)}
  .v3-hero h1{font-size:clamp(52px,7.3vw,78px)}
  .v3-flowboard__source{padding:16px}
  .v3-flowboard__distribution{padding:16px 14px}
  .v3-flowboard__body{grid-template-columns:minmax(0,1fr) 174px}
  .v3-flowboard__preview{height:170px}
  .v3-flowboard__channels li{padding:10px 8px;grid-template-columns:28px minmax(0,1fr) auto;gap:7px}
  .v3-flowboard__channels li>span{width:28px;height:28px}
  .v3-flowboard__result{gap:11px}
  .v3-story{grid-template-columns:minmax(260px,.65fr) minmax(400px,1.35fr);gap:42px}
  .v3-story__sticky{height:66vh;min-height:500px}
  .v3-moneygrid{grid-template-columns:1fr 1fr}
  .v3-moneycard--hero{grid-row:auto;grid-column:span 2}
  .v3-moneycard--hero strong{font-size:120px}
  .v3-budget{grid-column:1/3}
}

@media(max-width:860px){
  .v3-navlinks{display:none}
  .v3-hero{
    min-height:auto;
    padding-top:116px;
    grid-template-columns:1fr;
    gap:42px;
  }
  .v3-hero__copy{max-width:680px}
  .v3-hero h1{font-size:clamp(54px,11vw,88px)}
  .v3-hero__visual{min-height:0}
  .v3-flowboard__body{grid-template-columns:minmax(0,1.45fr) minmax(190px,.75fr)}
  .v3-flowboard__source{padding:20px}
  .v3-flowboard__distribution{padding:20px 18px}
  .v3-flowboard__preview{height:186px}
  .v3-flowboard__channels li{padding:12px 10px;grid-template-columns:30px minmax(0,1fr) auto;gap:9px}
  .v3-flowboard__channels li>span{width:30px;height:30px}
  .v3-flowboard__result{gap:16px}
  .v3-sectionhead,.v3-trust__head{grid-template-columns:1fr;gap:22px}
  .v3-eyebrow{padding-top:0}
  .v3-story{grid-template-columns:1fr;margin-top:65px}
  .v3-story__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:0}
  .v3-story-step{min-height:330px;padding:26px;grid-template-columns:1fr;border:1px solid var(--v3-line);margin:-1px 0 0 -1px;opacity:1}
  .v3-story-step.is-active{transform:none}
  .v3-story__sticky{position:relative;top:auto;grid-row:1;height:500px;min-height:0}
  .v3-sidegrid{grid-template-columns:1fr}
  .v3-sidecard{min-height:560px}
  .v3-levels{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:0}
  .v3-levelrail{display:none}
  .v3-levels article{--v3-level-y:0!important;min-height:200px;transform:none}
  .v3-levels article:hover{transform:translateY(-5px)}
  .v3-levels article::before{display:none}
  .v3-trustgrid{grid-template-columns:1fr}
  .v3-trustgrid article{min-height:240px}
  .v3-trustgrid h3{margin-top:54px}
  .v3-final{min-height:auto}
  .v3-final__layout{grid-template-columns:1fr;gap:72px}
  .v3-final__copy{max-width:680px}
  .v3-final h2{max-width:10ch}
  .v3-final-machine{height:520px}
  .v3-final-machine__body{height:424px}
  .v3-final__rail{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v3-final__rail article:nth-child(odd){border-left:0}
  .v3-final__rail article:nth-child(n+3){border-top:1px solid var(--v3-line)}
}

@media(max-width:620px){
  .v3{--v3-pad:20px}
  .v3-nav{height:66px}
  .v3-navcta .v3-btn--ghost{display:none}
  .v3-navcta .v3-btn--primary{min-height:40px;padding:10px 13px;font-size:13px}
  .v3-logo{font-size:22px}
  .v3-hero{padding-top:108px;padding-bottom:84px;gap:30px}
  .v3-hero h1{font-size:clamp(48px,15vw,70px);line-height:.9}
  .v3-lead{font-size:16px}
  .v3-actions{display:grid;grid-template-columns:1fr}
  .v3-actions .v3-btn{width:100%}
  .v3-proof{gap:8px}
  .v3-proof dt{font-size:20px}
  .v3-proof dd{font-size:10px}
  .v3-hero__visual{min-height:0;margin-inline:0}
  .v3-flowboard{border-radius:12px}
  .v3-flowboard__header{min-height:64px;padding:13px 14px;gap:10px}
  .v3-flowboard__mark{width:30px;height:30px;border-radius:8px}
  .v3-flowboard__campaign{gap:9px}
  .v3-flowboard__campaign small{font-size:7px}
  .v3-flowboard__campaign b{font-size:13px}
  .v3-flowboard__funded{padding:7px 8px;font-size:7px}
  .v3-flowboard__body{grid-template-columns:1fr}
  .v3-flowboard__source{padding:16px;border-right:0;border-bottom:1px solid var(--v3-line)}
  .v3-flowboard__distribution{padding:16px}
  .v3-flowboard__preview{height:150px}
  .v3-flowboard__preview-copy strong{font-size:17px}
  .v3-flowboard__channels li{padding:10px;grid-template-columns:30px minmax(0,1fr) auto;gap:9px}
  .v3-flowboard__channels li>span{width:30px;height:30px}
  .v3-flowboard__result{min-height:92px;padding:15px 16px;grid-template-columns:1fr 16px 1fr;gap:9px 12px}
  .v3-flowboard__result strong{font-size:21px}
  .v3-flowboard__result p{grid-column:1/-1;margin:2px 0 0;justify-content:flex-start;text-align:left}
  .v3-source__top{height:36px;padding-inline:9px;font-size:7px}
  .v3-filmstrip{top:50px;gap:3px}
  .v3-selection{top:42px}
  .v3-scroll{display:none}
  .v3-sectionhead h2,.v3-money h2,.v3-trust h2{font-size:clamp(39px,12vw,57px)}
  .v3-story__sticky{height:380px}
  .v3-engine{margin-inline:-10px}
  .v3-source--story{left:5%;top:15%;width:78%;height:48%}
  .v3-source--story .v3-filmstrip{top:46px}
  .v3-cut-card{width:28%;padding:9px}
  .v3-cut-card b{font-size:17px}
  .v3-payout-orb{width:165px}
  .v3-payout-orb b{font-size:28px}
  .v3-story__steps{grid-template-columns:1fr}
  .v3-story-step{min-height:250px;padding:28px 10px}
  .v3-sidecard{min-height:560px;padding:28px 24px}
  .v3-sidecard h3{margin-top:44px;font-size:44px}
  .v3-sidecard>p{max-width:100%}
  .v3-sidecard ul{width:100%}
  .v3-miniui{display:none}
  .v3-sidecard__shape,.v3-sidecard__orbit{opacity:.28}
  .v3-money__headline{grid-template-columns:1fr;gap:5px}
  .v3-moneygrid{grid-template-columns:1fr}
  .v3-moneycard--hero,.v3-budget{grid-column:auto}
  .v3-moneycard--hero strong{font-size:112px}
  .v3-moneycard,.v3-budget{min-height:220px}
  .v3-levels{grid-template-columns:1fr}
  .v3-levels article{min-height:120px;border-right:0}
  .v3-levels b{margin-top:34px}
  .v3-trustgrid article{min-height:220px}
  .v3-faq summary{grid-template-columns:35px minmax(0,1fr) 22px;font-size:18px}
  .v3-faq details p{padding-left:50px;padding-right:10px}
  .v3-faq-cta{align-items:flex-start;flex-direction:column}
  .v3-faq-cta>a{width:100%;justify-content:space-between}
  .v3-level-section{padding-top:96px;padding-bottom:104px}
  .v3-trust{padding-top:88px;padding-bottom:84px}
  .v3-faq{padding-top:88px;padding-bottom:72px}
  .v3-final{min-height:auto;padding-top:92px;padding-bottom:76px}
  .v3-final__layout{gap:56px}
  .v3-final h2{font-size:clamp(64px,19vw,86px)}
  .v3-final__copy>p:not(.v3-eyebrow){font-size:16px}
  .v3-final__assurance{gap:11px 18px}
  .v3-final-machine{height:400px}
  .v3-final-machine>header{padding-inline:12px;font-size:6px}
  .v3-final-machine>header b{font-size:6px}
  .v3-final-machine__body{height:304px}
  .v3-final-source{left:4%;top:10%;width:78%;height:44%;padding:10px}
  .v3-final-source__frames{height:58px;margin-top:12px}
  .v3-final-source__track{height:8px;margin-top:10px}
  .v3-final-clips{right:3%;bottom:5%;width:60%;height:53%;gap:5px}
  .v3-final-clips article{padding:9px 7px;border-radius:5px}
  .v3-final-clips article span{font-size:5px}
  .v3-final-clips article b{font-size:16px}
  .v3-final-clips article>i{left:8px;right:8px;height:3px}
  .v3-final-payout{left:4%;bottom:6%;width:118px;padding:15px}
  .v3-final-payout small,.v3-final-payout span{font-size:5px}
  .v3-final-payout b{font-size:20px}
  .v3-final-machine>footer{padding-inline:10px;gap:9px;justify-content:flex-start;overflow:hidden;white-space:nowrap;font-size:6px}
  .v3-final__rail{margin-top:52px}
  .v3-final__rail article{min-height:142px;padding:20px 13px;grid-template-columns:22px 1fr;gap:8px}
  .v3-final__rail b{font-size:14px}
  .v3-final__rail small{font-size:11px}
  .v3-footer{align-items:flex-start;flex-direction:column}
  .v3-footer>div{flex-wrap:wrap;gap:14px 22px}
}

@media(hover:none){
  .v3-btn:hover{transform:none}
}

@media(prefers-reduced-motion:reduce){
  .v3 *{animation:none!important;scroll-behavior:auto!important}
  .v3-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .v3-ticker__track{transform:none!important}
  .v3-story-step{opacity:1!important}
}


/* ── example data must never read as live platform numbers ─────────────── */
.v3-egdemo{font-family:var(--m,'JetBrains Mono',monospace);font-size:10px;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(242,242,243,.58);margin-left:auto;padding-right:14px}
.v3-payout-orb small,.v3-final-payout small{letter-spacing:.16em}


/* ── log in is a platform control: always present, always reachable ────── */
.v3-btn--quiet{
  background:rgba(255,255,255,.05);
  border:1px solid var(--v3-line,rgba(255,255,255,.10));
  color:var(--v3-text,#F7F8F8);
}
.v3-btn--quiet:hover{background:rgba(159,164,169,.16);border-color:rgba(215,216,218,.55)}
@media(max-width:860px){
  /* the creator CTA folds away first */
  .v3-navcta__creators{display:none}
  .v3-navcta .v3-btn{min-height:44px;padding:11px 14px;font-size:13px}
  .v3-navcta{gap:7px}
}
@media(max-width:640px){
  /* phones: only the primary CTA in the nav — log in stays reachable via the
     footer link and the auth screen's own sign-in toggle */
  .v3-navcta .v3-btn--quiet{display:none}
}
@media(max-width:400px){
  .v3-navcta .v3-btn{padding:11px 11px;font-size:12.5px}
}


/* ═══════════════════════════════════════════════════════════════════════
   Progression — one continuous rail, one baseline, and what each tier
   actually unlocks. Replaces the staggered card row.
   ═══════════════════════════════════════════════════════════════════════ */
.v3-lvl{
  list-style:none;margin:clamp(30px,4vw,48px) 0 0;padding:0;
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:clamp(14px,2vw,30px);align-items:start;
}
.v3-lvl__step{position:relative;padding:30px 0 0;min-width:0}
/* the rail: a hairline across every step, lit up to the tier you start on */
.v3-lvl__step::before{
  content:"";position:absolute;top:5px;left:0;right:calc(-1 * clamp(14px,2vw,30px));
  height:1px;background:rgba(255,255,255,.12);
}
.v3-lvl__step:last-child::before{right:0}
.v3-lvl__step.is-start::before{background:linear-gradient(90deg,var(--v3-purple,#9FA4A9),var(--v3-magenta,#B7BBC0))}
/* the node on the rail */
.v3-lvl__step::after{
  content:"";position:absolute;top:0;left:0;width:11px;height:11px;border-radius:50%;
  background:#0C0C0C;border:1.5px solid rgba(255,255,255,.22);
}
.v3-lvl__step.is-start::after{border-color:transparent;background:linear-gradient(140deg,var(--v3-purple,#9FA4A9),var(--v3-magenta,#B7BBC0));
  box-shadow:0 0 0 5px rgba(159,164,169,.16)}
.v3-lvl__step.is-end::after{border-color:rgba(183,187,192,.6)}

.v3-lvl__range{font-family:var(--m,"JetBrains Mono",monospace);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(242,242,243,.58);margin:0 0 10px}
.v3-lvl__tier{font-family:var(--d,"Space Grotesk",sans-serif);font-size:clamp(20px,2.1vw,27px);
  font-weight:600;letter-spacing:-.02em;margin:0 0 6px;color:var(--v3-text,#F7F8F8)}
.v3-lvl__step.is-start .v3-lvl__tier{
  background:linear-gradient(100deg,#D9DADB,#B7BBC0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.v3-lvl__views{font-family:var(--m,"JetBrains Mono",monospace);font-size:11.5px;letter-spacing:.08em;
  color:rgba(242,242,243,.55);margin:0 0 12px}
.v3-lvl__unlock{font-size:14.5px;line-height:1.5;color:rgba(242,242,243,.72);margin:0;max-width:22ch}
.v3-lvl__badge{display:inline-block;margin-top:14px;padding:5px 10px;border-radius:2px;
  font-family:var(--m,"JetBrains Mono",monospace);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:#0C0C0C;background:linear-gradient(100deg,#D9DADB,#B7BBC0)}
.v3-lvl__foot{margin-top:clamp(38px,4.5vw,58px);padding-top:clamp(20px,2.5vw,28px);
  border-top:1px solid rgba(255,255,255,.08);font-size:14.5px;line-height:1.6;
  color:rgba(242,242,243,.5);max-width:66ch}

@media(max-width:960px){
  /* deliberate mobile shape: the rail turns vertical instead of squeezing */
  .v3-lvl{grid-template-columns:1fr;gap:0;margin-top:26px}
  .v3-lvl__step{padding:0 0 26px 30px}
  .v3-lvl__step::before{top:6px;bottom:-26px;left:5px;right:auto;width:1px;height:auto}
  .v3-lvl__step:last-child::before{display:none}
  .v3-lvl__step::after{top:0;left:0}
  .v3-lvl__tier{font-size:22px}
  .v3-lvl__unlock{max-width:46ch}
  .v3-lvl__badge{margin-top:10px}
}


/* ── fixes after the audit ─────────────────────────────────────────────── */
/* anchor jumps landed underneath the fixed header */
.v3 [id^="v3-"]{scroll-margin-top:96px}
@media(max-width:860px){.v3 [id^="v3-"]{scroll-margin-top:82px}}

/* footer links were 17px tall — below a usable touch target */
.v3-footer a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px}
@media(min-width:861px){.v3-footer a{min-height:32px}}

/* the sparkline under the earning rate was almost invisible */
.v3-moneycard__line{height:64px}

/* ═══════════════════════════════════════════════════════════════════════
   "Pick your side" — structural height fix.

   Cause: .v3-sidecard carried min-height:600px (560px in two media queries)
   purely so the absolutely positioned .v3-miniui widget would have room.
   The floor, not the content, decided the height — hence the empty band under
   the CTAs. The card now sizes to its content; the grid keeps both columns
   equal, and the widget is anchored inside the card's own bottom padding so
   it still adds nothing to the layout height.
   ═══════════════════════════════════════════════════════════════════════ */
.v3-sides{padding-block:clamp(64px,7vh,92px) clamp(64px,7vh,96px)}
.v3-sidegrid{margin-top:clamp(30px,4vh,50px)}

.v3-sidecard{
  min-height:0;                       /* was the real cause */
  height:auto;
  padding:clamp(26px,3.2vw,68px);     /* 68px internal on desktop */
}
.v3-sidecard h3{margin-top:clamp(18px,2.2vw,30px)}
.v3-sidecard>p{margin-top:18px!important}
.v3-sidecard ul{margin-top:clamp(18px,2.2vw,26px)}
.v3-sidecard li{padding:11px 0}
/* the CTA followed margin-top:auto, so the shorter card pushed it to the
   bottom and opened a gap — it belongs directly under the benefits */
.v3-sidecard .v3-textlink{margin-top:clamp(20px,2.4vw,32px)}
.v3-miniui{bottom:clamp(18px,2.2vw,30px)}

/* the next section now meets it without a dead band */
.v3-money{padding-block:clamp(80px,9vh,120px)}

@media(max-width:1000px){
  .v3-sidecard{min-height:0}
}
@media(max-width:620px){
  .v3-sidecard{min-height:0;padding:26px 22px}
  .v3-sidecard h3{margin-top:26px}
  /* the widget is hidden this small, so nothing can be clipped */
}

/* Both headlines wrapped to a different number of lines (9ch broke "Make old
   content work again." over three), so the grid stretched the shorter card by
   ~107px. Matching the measure balances the row instead of padding it out. */
.v3-sidecard h3{max-width:13ch}
.v3-sides{padding-block:clamp(56px,6.5vh,80px) clamp(60px,7vh,88px)}
.v3-sidegrid{margin-top:clamp(26px,3.4vh,44px)}
.v3-sidecard{padding:clamp(26px,3vw,64px)}
/* the widget headers carry example data, not a live feed */
.v3-miniui header b{color:var(--v3-faint)}
/* keep the benefit rules clear of the floating widget instead of letting the
   hairlines run underneath it */
@media(min-width:1001px){
  .v3-sidecard ul{width:min(48%,308px)}
}

/* ═══════════════════════════════════════════════════════════════════════
   Sections 02 and 04–07 — wide-screen composition.

   These chapters deliberately use a wider measure than the hero. Their
   content now occupies the canvas instead of sitting inside the default
   1320px editorial column with oversized empty gutters.
   ═══════════════════════════════════════════════════════════════════════ */
.v3-sides,
.v3-level-section,
.v3-trust,
.v3-faq,
.v3-final__inner{
  --v3-max:1760px;
}

/* The final chapter is the full-bleed surface; only its inner content wraps. */
.v3-final::before{inset:0}
.v3-final__inner{position:relative;z-index:2}

.v3-faq__intro h2{
  max-width:11ch;
  margin-top:26px;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(42px,4.5vw,72px);
  font-weight:700;
  line-height:.95;
  letter-spacing:-.055em;
}

@media(min-width:1101px){
  /* 02 — one broad audience console, split cleanly between both roles. */
  .v3-sides .v3-sectionhead{
    grid-template-columns:minmax(180px,.22fr) minmax(0,1fr);
    gap:clamp(34px,4.5vw,86px);
  }
  .v3-sides .v3-sectionhead h2{max-width:none}
  .v3-sidegrid{
    gap:0;
    overflow:hidden;
    border:1px solid var(--v3-line-strong);
    background:linear-gradient(135deg,rgba(20,21,21,.86),rgba(9,10,10,.92));
    box-shadow:0 38px 90px -72px #000,inset 0 1px 0 rgba(255,255,255,.035);
  }
  .v3-sidecard{
    border:0;
    padding:clamp(36px,3.2vw,58px);
  }
  .v3-sidecard + .v3-sidecard{border-left:1px solid var(--v3-line-strong)}
  .v3-sidecard>p{max-width:31ch}
  .v3-sidecard ul{width:min(46%,360px)}
  .v3-miniui{
    right:clamp(24px,2.4vw,44px);
    bottom:clamp(24px,2.4vw,38px);
    width:clamp(260px,17vw,320px);
    padding:18px;
    border-radius:8px;
    background:rgba(10,11,11,.96);
    transform:none;
  }
  .v3-miniui--creator{background:rgba(13,13,14,.97)}
  .v3-sidecard:hover .v3-miniui{transform:translateY(-3px)}
  .v3-miniui header,.v3-miniui header b{font-size:8px}
  .v3-miniui__title b{font-size:14px}
  .v3-miniui__title small{font-size:7px}
  .v3-miniui__metric b{font-size:26px}
  .v3-miniui__reach strong{font-size:42px}
  .v3-miniui__platform span,.v3-miniui__platform em{font-size:7px}
  .v3-sidecard__shape{right:-4%;width:min(44%,390px);opacity:.34}
  .v3-sidecard__orbit{right:-3%;width:min(42%,370px);opacity:.38}

  /* 04 — headline, explanation and five tiers all use the available width. */
  .v3-level-section .v3-sectionhead{
    grid-template-columns:minmax(180px,.22fr) minmax(0,1fr);
    gap:clamp(34px,4.5vw,86px);
  }
  .v3-level-section .v3-sectionhead>div{
    display:grid;
    grid-template-columns:minmax(420px,1fr) minmax(280px,.52fr);
    gap:clamp(38px,5vw,92px);
    align-items:end;
  }
  .v3-level-section .v3-sectionhead>div>p{
    margin:0 0 5px;
  }
  .v3-lvl{
    gap:0;
    overflow:hidden;
    border:1px solid var(--v3-line-strong);
    background:linear-gradient(135deg,rgba(24,24,25,.82),rgba(10,11,11,.9));
    box-shadow:0 38px 90px -72px #000,inset 0 1px 0 rgba(255,255,255,.035);
  }
  .v3-lvl__step{
    min-height:248px;
    padding:58px clamp(22px,2vw,34px) 30px;
    border-left:1px solid var(--v3-line);
    background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 72%);
  }
  .v3-lvl__step:first-child{border-left:0}
  .v3-lvl__step::before{
    top:31px;
    left:0;
    right:0;
  }
  .v3-lvl__step::after{
    top:26px;
    left:clamp(22px,2vw,34px);
  }
  .v3-lvl__step.is-start{
    background:
      radial-gradient(circle at 16% 12%,rgba(159,164,169,.18),transparent 42%),
      linear-gradient(180deg,rgba(255,255,255,.035),transparent 72%);
  }
  .v3-lvl__unlock{max-width:29ch}
  .v3-lvl__foot{max-width:96ch}

  /* 05 — a single proof console instead of three isolated small cards. */
  .v3-trust__head{
    grid-template-columns:minmax(180px,.22fr) minmax(0,1fr);
    gap:clamp(34px,4.5vw,86px);
  }
  .v3-trust h2{max-width:none}
  .v3-trustgrid{
    gap:0;
    overflow:hidden;
    border:1px solid var(--v3-line-strong);
    background:linear-gradient(135deg,rgba(20,21,21,.86),rgba(9,10,10,.92));
    box-shadow:0 38px 90px -72px #000,inset 0 1px 0 rgba(255,255,255,.035);
  }
  .v3-trustgrid article{
    min-height:290px;
    border:0;
    border-left:1px solid var(--v3-line);
    background:linear-gradient(180deg,rgba(255,255,255,.022),transparent 75%);
  }
  .v3-trustgrid article:first-child{border-left:0}
  .v3-trustgrid h3{margin-top:76px;font-size:clamp(26px,2.2vw,34px)}
  .v3-trustgrid p{max-width:38ch}

  /* 06 — title/Discord on the left, useful answers on the right. */
  .v3-faq__layout{
    display:grid;
    grid-template-columns:minmax(330px,.58fr) minmax(620px,1.42fr);
    grid-template-areas:
      "intro list"
      "cta   list";
    column-gap:clamp(54px,7vw,128px);
    align-items:start;
  }
  .v3-faq__intro{grid-area:intro}
  .v3-faq__list{grid-area:list;margin-top:0}
  .v3-faq-cta{
    grid-area:cta;
    margin-top:42px;
    padding:clamp(26px,2.5vw,38px);
    display:block;
  }
  .v3-faq-cta>a{
    width:100%;
    margin-top:26px;
    justify-content:space-between;
  }

  /* 07 — scale the interface with the newly available canvas. */
  .v3-final__layout{
    grid-template-columns:minmax(0,.8fr) minmax(600px,1.2fr);
    gap:clamp(58px,6vw,116px);
  }
  .v3-final-machine{height:620px}
  .v3-final-machine__body{height:524px}
}

@media(max-width:1100px){
  .v3-faq__layout{display:grid}
  .v3-faq__list{margin-top:clamp(48px,7vh,72px)}
}

@media(max-width:620px){
  .v3-faq__intro h2{font-size:clamp(39px,12vw,57px)}
}


/* ===== money layer (Teal + lime) ===== */
:root{--v3-money:#C6FF3D}
.v3-proof dt,.v3-payout-orb b,.v3-budget b,.v3-final-payout b,.v3-miniui__metric b,.v3-moneycard strong,.v3-flowboard__funded,.v3-flowboard__result div:nth-of-type(2) strong{color:var(--v3-money)}
.v3-moneycard.v3-delay-2 strong{color:var(--v3-text)}
.v3-btn--primary{background:var(--v3-money);border-color:var(--v3-money)}
.v3-btn--primary:hover{background:var(--v3-money);filter:brightness(1.08)}
/* the app shell carries `.v3 button{color:inherit}` — specificity (0,1,1) — which
   silently beat `.v3-btn--primary` (0,1,0) and left white text on the lime fill. */
.v3 .v3-btn--primary,.v3 .v3-btn--primary b{color:#14170E}


/* ===== paper band — "the maths" gets the one light section on the page.
   Lime is unreadable on paper (1.03:1), so money switches to its dark
   variant #3F6B00 (5.5:1) — same hue family, light-surface version. ===== */
:root{
  --v3-pb-bg:#F2EFE6;
  --v3-pb-ink:#14170E;
  --v3-pb-muted:#565A4B;
  --v3-pb-faint:#5B5F52;
  --v3-pb-line:rgba(20,23,14,.16);
  --v3-money-ink:#3F6B00;
}
.v3-money{
  color:var(--v3-pb-ink);
  border-block-color:var(--v3-pb-line);
  background:
    radial-gradient(circle at 13% 18%,rgba(63,107,0,.07),transparent 36%),
    radial-gradient(circle at 88% 82%,rgba(63,107,0,.05),transparent 34%),
    linear-gradient(120deg,#F5F2E9,#F2EFE6 52%,#EDE9DE);
}
.v3-money::before,.v3-money::after{border-color:rgba(20,23,14,.3)}
.v3-money .v3-eyebrow{color:var(--v3-pb-muted)}
.v3-money__headline>p{color:var(--v3-pb-muted)}
.v3-moneygrid{
  border-top-color:var(--v3-pb-line);
  border-left-color:var(--v3-pb-line);
  box-shadow:0 44px 90px -76px rgba(20,23,14,.5);
}
.v3-moneycard,.v3-budget{
  border-right-color:var(--v3-pb-line);
  border-bottom-color:var(--v3-pb-line);
  background:rgba(255,255,255,.42);
}
.v3-moneycard--hero{background:linear-gradient(145deg,rgba(63,107,0,.08),rgba(255,255,255,.5))}
.v3-moneycard small,.v3-budget small,.v3-budget footer{color:var(--v3-pb-faint)}
.v3-moneycard span{color:var(--v3-pb-muted)}
.v3-moneycard strong,.v3-budget b{color:var(--v3-money-ink)}
.v3-moneycard.v3-delay-2 strong{color:var(--v3-pb-ink)}
.v3-moneycard--hero strong{
  background:none;
  color:var(--v3-money-ink);
  -webkit-text-fill-color:var(--v3-money-ink);
}
.v3-moneycard__line::before{background:var(--v3-pb-line)}
.v3-moneycard__line i{
  border-top-color:var(--v3-money-ink);
  background:linear-gradient(rgba(63,107,0,.16),transparent);
}
.v3-budget__bar{background:rgba(20,23,14,.1)}
.v3-budget__bar span{background:var(--v3-money-ink)}


/* ===== c1 — lime alleen in de SFEERLAAG. Geen enkel element dat als besturing
   of als bedrag gelezen kan worden verandert; het is puur atmosfeer. ===== */
.v3{
  background:
    radial-gradient(800px 520px at 87% 4%,rgba(198,255,61,.055),transparent 68%),
    radial-gradient(900px 760px at 8% 42%,rgba(198,255,61,.022),transparent 70%),
    radial-gradient(860px 720px at 92% 73%,rgba(198,255,61,.018),transparent 72%),
    var(--v3-bg);
}
.v3-hero__halo{
  background:
    radial-gradient(circle at 50% 46%,rgba(198,255,61,.075),transparent 48%),
    radial-gradient(circle at 82% 74%,rgba(198,255,61,.035),transparent 35%);
}
.v3-how{
  background:
    radial-gradient(700px 700px at 88% 48%,rgba(198,255,61,.06),transparent 68%),
    linear-gradient(180deg,#0A0B0B,#151516 48%,#0b0b0c);
}
.v3-payout-orb{
  background:
    radial-gradient(circle at 45% 35%,rgba(255,255,255,.13),transparent 22%),
    radial-gradient(circle,rgba(198,255,61,.16),rgba(198,255,61,.05) 48%,rgba(9,9,9,.25) 69%);
  box-shadow:0 0 90px rgba(198,255,61,.12),inset 0 0 50px rgba(255,255,255,.05);
}


/* ===== c3 = c1 + alleen de markeringen die letterlijk over geld gaan.
   De voortgangsbalken tónen een bedrag (€384 van €1.000, €694 van €1.200),
   dus lime is daar betekenis, geen decoratie. Het campagne-vierkantje, de
   scrubber, het selectiekader en het badge blijven grafiet. ===== */
.v3-miniui__bar i{background:linear-gradient(90deg,rgba(198,255,61,.6),#C6FF3D)}


/* ===== carbon zet de vlakken dieper, dus de hairlines dragen meer structuur.
   Randen omhoog (1.36 → 1.56 op paneel, sterk 1.79 → 2.19) en de
   platformbalkjes van 4.18 naar 6.92 zodat ze op het diepe vlak blijven staan. */
.v3{--v3-line:rgba(231,232,233,.16);--v3-line-strong:rgba(231,232,233,.26)}
.v3-miniui__platform>i{background:rgba(255,255,255,.10)}
.v3-miniui__platform>i b{background:linear-gradient(90deg,#9AA0A5,#8C9196)}
.v3-miniui__bar{background:rgba(255,255,255,.11)}

/* ═══════════════════════════════════════════════════════════════════════════
   POLISH LAYER — paired with the polish IIFE in landing-v3.js.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ticker: soft edges instead of a hard clip, pause to read on hover.
   (JS triples the copies + duration so the loop never runs empty.) */
.v3-ticker{
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
}
.v3-ticker:hover .v3-ticker__track{animation-play-state:paused}

/* reveals: same curve, less travel, quicker settle */
.v3 .v3-reveal{transform:translateY(18px);transition-duration:.55s}

/* scrollspy: hairline grows under the section you are in */
.v3-navlinks a{position:relative}
.v3-navlinks a::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:-7px;
  height:1px;
  background:var(--v3-purple-light);
  transition:right .35s var(--v3-ease);
}
.v3-navlinks a.is-current{color:var(--v3-text)}
.v3-navlinks a.is-current::after{right:0}

/* flowboard: the distribution rows spread over the full column height, so the
   dead strip under the Reels card is gone */
.v3-flowboard__distribution{display:flex;flex-direction:column}
.v3-flowboard__channels{flex:1;align-content:space-evenly}

/* card glow: cursor-following sheen. Two flavours because some cards already
   spend their ::after (trust numerals). */
.v3-has-glow{position:relative}
.v3-has-glow::after,
.v3-glow-b::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  transition:opacity .4s;
  background:radial-gradient(430px circle at var(--gx,50%) var(--gy,50%),rgba(220,238,244,.075),transparent 62%);
}
.v3-has-glow:hover::after,
.v3-glow-b:hover::before{opacity:1}
/* on the paper band light-on-light is invisible; glow with ink instead */
.v3-money .v3-has-glow::after{
  background:radial-gradient(430px circle at var(--gx,50%) var(--gy,50%),rgba(20,23,14,.05),transparent 62%);
}

/* primary buttons: one specular sweep per hover — plays forward only */
.v3-btn--primary{position:relative;overflow:hidden}
.v3-btn--primary::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:34%;
  transform:skewX(-18deg) translateX(-170%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  pointer-events:none;
}
.v3-btn--primary:hover::after{animation:v3-sheen .6s ease}
@keyframes v3-sheen{
  from{transform:skewX(-18deg) translateX(-170%)}
  to{transform:skewX(-18deg) translateX(500%)}
}

/* hero tilt: once the pointer has visited, the entrance keyframe hands the
   transform over to the damped tilt variables */
.v3-hero__visual.v3-tilt-on .v3-flowboard{
  animation:none;
  transform:perspective(1200px) rotateY(var(--rx,0deg)) rotateX(var(--ry,0deg));
  will-change:transform;
}

/* scroll progress: a 2px playhead on the very top edge */
.v3-progress{
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:2px;
  z-index:120;
  transform:scaleX(0);
  transform-origin:0 50%;
  background:linear-gradient(90deg,var(--v3-purple),var(--v3-purple-light));
  pointer-events:none;
}

/* story counts: the numbers ride in with EARN (driven from placeStory) */
.v3-cut-card b{display:inline-block;will-change:opacity,transform}

/* FAQ: answers glide open where the browser supports it; elsewhere unchanged */
.v3-faq details{interpolate-size:allow-keywords}
.v3-faq details::details-content{
  block-size:0;
  overflow:clip;
  transition:block-size .4s var(--v3-ease),content-visibility .4s allow-discrete;
}
.v3-faq details[open]::details-content{block-size:auto}
.v3-faq summary i{transition:transform .35s var(--v3-ease)}
.v3-faq details[open] summary i{transform:rotate(180deg)}

/* reduced motion: every polish element goes quiet */
@media(prefers-reduced-motion:reduce){
  .v3-btn--primary::after{display:none}
  .v3-navlinks a::after{transition:none}
  .v3-faq details::details-content{transition:none}
  .v3-faq summary i{transition:none}
  .v3-progress{display:none}
}