/* Cash App-style look and motion on top of the cloned layout. */
:root{--neon:#00d632;--mint:#e4fde8;--color-ground:var(--mint);--color-accent:#00b82b;--color-accent-text:#008a22;--color-sky-from:var(--mint);--color-sky-to:var(--mint)}
body{background:var(--mint)}
.t-display{font-weight:300!important;letter-spacing:-.045em;line-height:.98!important;font-size:clamp(44px,7.4vw,96px)!important}
.t-title{letter-spacing:-.025em}
.btn{border-radius:999px!important;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s,box-shadow .25s}
.btn-gold,.btn-gold:hover,.btn-gold:active,.btn-gold[aria-busy=true]:disabled{background:#000!important;color:#fff!important;box-shadow:none!important}
.btn-gold:hover{transform:translateY(-2px) scale(1.02)}
.btn-gold:active{transform:scale(.97)}

/* Hero: words rise out of a mask, one after another */
.hero{overflow:hidden}
.hero-picture{background:none!important;height:auto!important}
.w{display:inline-block;vertical-align:top}
.w>i{display:inline-block;font-style:normal;opacity:0;filter:blur(14px);transform:translateY(.45em) scale(.86);
  transition:opacity .45s,filter .7s,transform 1s cubic-bezier(.34,1.56,.64,1)}
.in .w>i{opacity:1;filter:none;transform:none}
.hero .t-lede,.hero-actions{opacity:0;transform:translateY(18px);transition:opacity .9s .5s,transform .9s .5s cubic-bezier(.16,1,.3,1)}
.in .t-lede,.in .hero-actions{opacity:1;transform:none}
.hero-actions{transition-delay:.65s}

/* Phone mockup with payouts landing */
.phone{position:relative;width:min(300px,78vw);aspect-ratio:9/19;margin:28px auto 0;border-radius:46px;background:#fff;
  box-shadow:0 0 0 9px #0b0b0b,0 40px 80px -30px #0a5c2466;overflow:hidden;opacity:0;transform:translateY(80px) rotate(-4deg);
  transition:opacity 1s .3s,transform 1.4s .3s cubic-bezier(.16,1,.3,1)}
.in .phone{opacity:1;transform:none;animation:float 6s 1.8s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-12px) rotate(1deg)}}
.phone .notch{position:absolute;top:10px;left:50%;width:90px;height:26px;margin-left:-45px;border-radius:20px;background:#0b0b0b}
.phone .scr{padding:54px 18px 18px;font-family:var(--font-sans)}
.phone .lbl{font-size:12px;color:#6b7c70}
.phone .bal{font-size:44px;font-weight:600;letter-spacing:-.04em;color:#000;font-variant-numeric:tabular-nums}
.phone .chip{display:inline-block;margin-top:6px;font-size:12px;font-weight:600;color:#008a22}
.phone ul{margin-top:18px;display:grid;gap:10px}
.phone li{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;background:#f2fbf4;font-size:13px;
  animation:pop .7s cubic-bezier(.16,1,.3,1) both}
.phone li b{display:block;color:#000}.phone li span{color:#6b7c70;font-size:11px}
.phone li em{margin-left:auto;font-style:normal;font-weight:700;color:#00a326}
.phone .dot{flex:none;width:32px;height:32px;border-radius:50%;background:var(--neon);color:#fff;display:grid;place-items:center;font-weight:900}
@keyframes pop{from{opacity:0;transform:translateY(-14px) scale(.94)}}
@media (min-width:1024px){
  .hero .wrap{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:40px;min-height:min(86vh,820px)}
  .hero .phone-slot{grid-column:2;grid-row:1}.hero-copy{grid-column:1;grid-row:1}
}

/* Green band that grows from a card to full bleed while scrolling */
.grow{position:relative;height:160vh}
.grow-stick{position:sticky;top:0;height:100vh;display:grid;place-items:center;overflow:hidden}
.grow-fill{position:absolute;inset:0;background:var(--neon);clip-path:inset(var(--i,22%) var(--i,22%) round var(--r,48px))}
.grow h2{position:relative;color:#000;font-weight:300;letter-spacing:-.05em;line-height:.95;text-align:center;font-size:clamp(48px,9vw,140px);
  transform:scale(calc(.8 + var(--p,0) * .2));opacity:calc(.2 + var(--p,0))}
.grow h2 b{font-weight:700}

/* Generic reveal on scroll */
[data-io]{opacity:0;transform:translateY(40px);transition:opacity .9s,transform 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0s)}
[data-io].seen{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.w>i,[data-io],.phone,.hero .t-lede,.hero-actions{opacity:1!important;transform:none!important}}

/* Live lists stay hidden until there is real data in them */
section[aria-labelledby="latest-title"]:not(.live),section[aria-labelledby="recent-title"]:not(.live){display:none}
.band .wrap.solo{grid-template-columns:minmax(0,640px)!important;justify-content:center}

/* ---------- v2 colors only: neon + black, same layout ---------- */
/* Nav: same bar, black */
.nav{background:#0a0d0b!important;border-color:transparent!important}
.nav-inner a,.nav-brand a{color:#fff!important}
.nav-links a{color:rgba(255,255,255,.7)!important}
.nav-links a:hover{color:#fff!important}
.nav-links a[aria-current=page]{background:var(--neon)!important;color:#000!important}
.nav-side .btn{background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:transparent!important;box-shadow:none!important}
.nav-side .btn:last-child{background:var(--neon)!important;color:#000!important}

/* Hero: neon background, black type */
.hero{background:var(--neon)}
.hero .t-display{color:#000}
.hero .t-lede{color:rgba(0,0,0,.72)!important}
.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(50% 60% at 80% 30%,rgba(170,255,190,.6),transparent 70%),radial-gradient(40% 50% at 10% 90%,rgba(0,110,28,.35),transparent 70%)}
.hero>*{position:relative;z-index:1}
.hero-actions .btn:not(.btn-gold){background:transparent!important;border:2px solid #000!important;color:#000!important;box-shadow:none!important}

/* Dark phone */
.phone{background:#0a0d0b;box-shadow:0 0 0 9px #000,0 50px 90px -30px rgba(0,60,15,.6)}
.phone .lbl{color:rgba(255,255,255,.55)}
.phone .bal{color:#fff}
.phone .chip{color:var(--neon);background:none!important;padding:0!important;border:0!important;box-shadow:none!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:11px}
.phone li{background:#161b17;color:#fff}
.phone li b{color:#fff}.phone li span{color:rgba(255,255,255,.5)}
.phone li em{color:var(--neon)}
.phone .notch{background:#000}

/* Form card: neon edge */
#launch .card{box-shadow:0 0 0 2px rgba(0,214,50,.35),0 40px 80px -40px rgba(0,80,20,.35)!important}

/* Steps: black cards, neon numbers */
#how-it-works li.card{background:#0a0d0b!important;color:#fff;border:0!important}
#how-it-works li.card h3{color:#fff}
#how-it-works li.card .text-body{color:rgba(255,255,255,.62)!important}
#how-it-works li.card>p:first-child{background:var(--neon)!important;color:#000!important}

/* Footer black */
.footer{background:#000!important;color:rgba(255,255,255,.7)}
.footer a,.footer p,.footer .text-ink{color:#fff!important}

/* Wordmark: lowercase Satoshi Black, logo A */
@font-face{font-family:Satoshi;src:url(/brand/fonts/satoshi-900.woff2) format("woff2");font-weight:900;font-display:swap}
.nav-brand a,.footer p.inline-flex{font-family:Satoshi,var(--font-sans)!important;font-weight:900!important;text-transform:lowercase;letter-spacing:-.04em;font-size:1.35rem!important}
.nav-brand .mark,.footer .mark{border-radius:9px}

/* Official CA bar */
.ca-bar{background:#000;color:#fff;border-top:1px solid rgba(255,255,255,.08);font:600 14px/1.3 var(--font-sans);text-align:center;padding:10px 16px;display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}
.ca-bar b{color:var(--neon);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
.ca-bar code{font:700 14px var(--font-sans);color:#fff;word-break:break-all}
.ca-bar button{background:var(--neon);color:#000;border:0;border-radius:999px;padding:6px 14px;font:800 13px var(--font-sans);cursor:pointer}