:root {
  --ink:#021a15;
  --deep:#032d24;
  --green:#075d46;
  --emerald:#0b8f68;
  --gold:#ffd15a;
  --gold-deep:#d99800;
  --cream:#fff8df;
  --muted:#b8cdc5;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color-scheme:dark;
}

* { box-sizing:border-box }
html { min-width:280px; scroll-behavior:smooth; background:var(--ink) }
body { min-width:280px; margin:0; padding-bottom:76px; overflow-x:hidden; color:white; background:var(--ink); font-size:16px; line-height:1.4 }
a { color:inherit; text-decoration:none }
img { display:block; width:100%; max-width:100% }
h1,h2,p { margin:0 }
h1,h2 { line-height:.88; letter-spacing:-.067em }
em { color:var(--gold); font-style:normal }
.skip-link { position:fixed; z-index:100; left:12px; top:-60px; padding:9px 12px; color:var(--ink); background:var(--gold); font-weight:950 }
.skip-link:focus { top:10px }
a:focus-visible { outline:3px solid white; outline-offset:4px }

.site-header {
  position:fixed; z-index:50; inset:0 0 auto;
  display:grid; grid-template-columns:1fr auto; align-items:center;
  min-height:66px; padding:9px max(14px,env(safe-area-inset-right)) 9px max(14px,env(safe-area-inset-left));
  background:linear-gradient(180deg,#011b16fa 0,#011b16c5 72%,transparent);
}
.brand { display:flex; align-items:center; gap:9px; font-size:.78rem; font-weight:950; letter-spacing:.035em; white-space:nowrap }
.brand b { color:var(--gold) }
.brand-mark { display:grid; place-items:center; width:38px; height:40px; color:#fff0ab; border:2px solid var(--gold); border-radius:10px; font-size:.82rem; font-weight:950; box-shadow:0 0 24px #ffc53322 }
nav { display:none }
.header-cta { min-width:72px; padding:11px 13px; color:var(--ink); background:linear-gradient(135deg,#fff0a9,#f0ad0b); border:1px solid #fff1ac; font-size:.62rem; font-weight:950; letter-spacing:.08em; text-align:center; box-shadow:0 12px 30px #0009 }

.eyebrow { color:#ffe17b; font-size:.58rem; font-weight:950; letter-spacing:.16em }
.gold-cta {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  width:100%; min-height:60px; padding:17px 19px;
  color:var(--ink); background:linear-gradient(135deg,#fff0a3 0,#ffd252 46%,#eeab0c 100%);
  border:1px solid #fff0a0; font-size:.72rem; font-weight:950; letter-spacing:.055em;
  box-shadow:0 18px 48px #000a,0 0 38px #ffc83238;
}
.gold-cta span { font-size:1.25rem; line-height:1 }

.hero { position:relative; min-height:100svh; overflow:hidden; isolation:isolate }
.hero>img,.hero-shade { position:absolute; z-index:-2; inset:0; height:100%; object-fit:cover }
.hero>img { object-position:center }
.hero-shade { z-index:-1; background:linear-gradient(180deg,#011b16f5 0,#011b16e0 29%,#011b166e 50%,transparent 68%,#011813f5 100%),linear-gradient(90deg,#011b1699,transparent 82%) }
.hero-copy { display:flex; flex-direction:column; align-items:flex-start; min-height:100svh; padding:13.5vh 18px 174px }
.hero h1 { margin-top:14px; font-size:clamp(3.75rem,19vw,5.8rem); font-weight:950; text-shadow:0 8px 30px #000b }
.hero-lead { max-width:30ch; margin-top:17px; color:#e8f1ed; font-size:.85rem; font-weight:750; text-shadow:0 4px 14px #000 }
.hero .gold-cta { max-width:360px; margin-top:23px }
.hero-proof {
  position:absolute; left:12px; right:12px; bottom:86px;
  display:grid; grid-template-columns:1fr 1fr 1fr;
  border:1px solid #dcb74d7a; background:#01231de8; backdrop-filter:blur(11px);
}
.hero-proof span { display:flex; flex-direction:column; justify-content:center; min-height:60px; padding:9px 7px; color:#d4e1dc; border-right:1px solid #dcb74d55; font-size:.45rem; font-weight:850; letter-spacing:.045em; text-align:center }
.hero-proof span:last-child { border:0 }
.hero-proof b { margin-bottom:3px; color:var(--gold); font-size:.75rem }

.ticker { overflow:hidden; padding:16px 0; color:var(--ink); background:linear-gradient(90deg,#ecaa08,#ffe986,#eca900); border-block:1px solid #fff2a6 }
.ticker div { width:max-content; padding-inline:18px; font-size:.68rem; font-weight:950; letter-spacing:.075em; white-space:nowrap; animation:ticker 22s linear infinite }
.ticker i { display:inline-block; width:7px; height:7px; margin:0 16px; background:var(--green); border-radius:50% }

.section { padding:76px 18px }
.manifest { position:relative; overflow:hidden; background:radial-gradient(circle at 95% 5%,#0f7959 0,transparent 34%),linear-gradient(155deg,#064334,#02231d) }
.manifest:after { content:""; position:absolute; right:-95px; bottom:-140px; width:310px; height:310px; border:1px solid #e8c9662d; border-radius:50%; box-shadow:0 0 0 42px #e8c9660a,0 0 0 84px #e8c96608 }
.manifest>* { position:relative; z-index:1 }
.manifest h2,.balance h2,.cashflow h2 { margin-top:17px; font-size:clamp(3rem,14.5vw,5.2rem); font-weight:950 }
.manifest-lead { max-width:34ch; margin-top:22px; color:#bfd2cb; font-size:.9rem; font-weight:650 }
.route { display:grid; gap:9px; margin-top:40px }
.route article { display:grid; grid-template-columns:58px 1fr; align-items:center; min-height:93px; padding:15px 18px; border:1px solid #e2c46159; background:linear-gradient(120deg,#0a5943d9,#022c24da); box-shadow:0 14px 34px #001a145c }
.route article span { grid-row:1 / 3; color:var(--gold); font-size:1.5rem; font-weight:950; letter-spacing:-.07em }
.route strong { color:#fff0ab; font-size:.88rem; letter-spacing:.075em }
.route small { margin-top:2px; color:#a9c0b7; font-size:.64rem }

.win-scene,.pix-vault,.pix-scene,.grand-finale { position:relative; overflow:hidden; isolation:isolate }
.win-scene { min-height:930px }
.win-scene>img,.win-scene>.scene-shade,.pix-vault>img,.pix-vault>.pix-shade,.pix-scene>img,.pix-scene>.scene-shade,.grand-finale>img,.grand-finale>.finale-shade { position:absolute; z-index:-2; inset:0; height:100%; object-fit:cover }
.win-scene>img { object-position:center 36% }
.scene-shade { z-index:-1!important; background:linear-gradient(180deg,#011c17ed 0,#011c17a7 32%,transparent 56%,#011914e8 88%,#011713 100%) }
.scene-copy { min-height:930px; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; padding:84px 18px 92px }
.scene-copy h2,.pix-copy h2,.pix-scene h2,.grand-finale h2 { margin-top:16px; font-size:clamp(3.4rem,16.8vw,5.8rem); font-weight:950; text-shadow:0 8px 28px #000d }
.win-badge { display:inline-flex; flex-direction:column; margin-top:24px; padding:13px 18px; color:var(--ink); background:#fff7df; border-left:6px solid var(--gold) }
.win-badge span { color:#80600b; font-size:.53rem; font-weight:900; letter-spacing:.12em }
.win-badge strong { margin-top:2px; font-size:1rem; letter-spacing:.03em }
.scene-copy .gold-cta { max-width:370px; margin-top:24px }

.balance { position:relative; overflow:hidden; color:var(--ink); background:radial-gradient(circle at 20% 5%,#fff9dc 0,transparent 28%),linear-gradient(150deg,#fffdf4,#eedb9a) }
.balance:before { content:""; position:absolute; inset:0; opacity:.09; background:repeating-linear-gradient(90deg,transparent 0 69px,#785a00 70px) }
.balance>* { position:relative }
.balance .eyebrow { color:#916400 }
.balance h2 em { color:#a97700 }
.balance-card { position:relative; min-height:310px; margin-top:35px; padding:28px 24px; overflow:hidden; color:white; background:radial-gradient(circle at 80% 85%,#128a63 0,transparent 36%),linear-gradient(150deg,#073c30,#011c17); border:1px solid #d7ad38; box-shadow:0 28px 58px #3e300044 }
.balance-card:before { content:""; position:absolute; inset:12px; border:1px solid #e9c45b42; pointer-events:none }
.balance-glow { position:absolute; right:-55px; bottom:-80px; width:260px; height:260px; background:#30e0a7; border-radius:50%; filter:blur(75px); opacity:.25 }
.balance-label { position:relative; color:#b9d2c8; font-size:.55rem; font-weight:900; letter-spacing:.13em }
.balance-card>strong { position:relative; display:block; margin-top:22px; color:#ffe171; font-size:6.8rem; line-height:.85; letter-spacing:-.1em }
.balance-card>p { position:relative; margin-top:18px; color:#d2e0db; font-size:.77rem; font-weight:700 }
.coin-stack { position:absolute; right:18px; bottom:16px; width:94px; height:110px }
.coin-stack i { position:absolute; right:0; width:85px; height:24px; border:2px solid #fff0a2; border-radius:50%; background:linear-gradient(180deg,#ffe984,#d99800); box-shadow:0 4px 0 #9a6600 }
.coin-stack i:nth-child(1){bottom:0}.coin-stack i:nth-child(2){bottom:17px}.coin-stack i:nth-child(3){bottom:34px}.coin-stack i:nth-child(4){bottom:51px}.coin-stack i:nth-child(5){bottom:68px}
.balance-strip { display:grid; grid-template-columns:1fr 1fr 1fr; margin-top:10px; color:#4b6500; border:1px solid #9a75002b; background:#fff8df91 }
.balance-strip span { display:grid; place-items:center; min-height:68px; padding:8px 5px; border-right:1px solid #9a75002b; font-size:.49rem; font-weight:950; text-align:center }
.balance-strip span:last-child { border:0 }

.pix-vault { min-height:840px }
.pix-vault>img { object-position:42% center }
.pix-shade { z-index:-1!important; background:linear-gradient(180deg,#011b1682 0,transparent 34%,#011b16ed 76%,#011713 100%),linear-gradient(90deg,#011b16d1 0,transparent 76%) }
.pix-copy { display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; min-height:840px; padding:80px 18px 88px }
.zero-fee { display:flex; align-items:center; gap:14px; margin-top:22px; padding:14px 18px; color:var(--ink); background:#fff7d9; border-left:7px solid var(--gold) }
.zero-fee strong { font-size:2.4rem; line-height:1; letter-spacing:-.08em }
.zero-fee span { padding-left:14px; border-left:1px solid #76590042; color:#61500e; font-size:.54rem; font-weight:950; line-height:1.45 }
.pix-copy .gold-cta { max-width:370px; margin-top:24px }

.cashflow { background:radial-gradient(circle at 85% 13%,#0b7556 0,transparent 33%),#032e25 }
.cashflow ol { display:grid; gap:9px; margin:38px 0 0; padding:0; list-style:none }
.cashflow li { display:grid; grid-template-columns:64px 1fr; align-items:center; min-height:98px; padding:14px 18px; border:1px solid #dcbc5b5c; background:#064434d1 }
.cashflow li>span { color:var(--gold); font-size:1.7rem; font-weight:950; letter-spacing:-.08em }
.cashflow li div { display:flex; flex-direction:column }
.cashflow li strong { color:#fff0aa; font-size:.85rem; letter-spacing:.07em }
.cashflow li small { margin-top:5px; color:#aec6bc; font-size:.66rem }
.security-line { display:flex; flex-wrap:wrap; gap:7px; margin-top:24px }
.security-line>* { padding:8px 10px; color:#d0e1da; border:1px solid #7aa29451; font-size:.51rem; font-weight:900; letter-spacing:.055em }
.security-line b { color:var(--gold) }

.pix-scene { min-height:860px }
.pix-scene>img { object-position:center top }
.pix-scene-copy { display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; min-height:860px; padding:80px 18px 90px }
.pix-scene .gold-cta { max-width:370px; margin-top:25px }

.grand-finale { min-height:790px }
.grand-finale>img { object-position:61% center }
.finale-shade { z-index:-1!important; background:linear-gradient(180deg,#011b1670 0,transparent 38%,#011915e7 78%,#011611 100%),linear-gradient(90deg,#011b16c9 0,transparent 76%) }
.finale-copy { display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; min-height:790px; padding:80px 18px 92px }
.finale-copy .gold-cta { max-width:390px; margin-top:26px }
.finale-copy small { margin-top:15px; color:#afc3bb; font-size:.54rem }

footer { display:grid; gap:19px; padding:34px 18px; color:#8fa99f; background:#011611; font-size:.62rem }
.mobile-cta { position:fixed; z-index:60; inset:auto 0 0; display:grid; gap:2px; padding:7px 10px calc(6px + env(safe-area-inset-bottom)); background:#011d18f4; box-shadow:0 -12px 34px #00100ca8 }
.mobile-cta a { display:flex; align-items:center; justify-content:space-between; min-height:46px; padding:13px 16px; color:var(--ink); background:linear-gradient(135deg,#ffeca0,#efae0b); font-size:.72rem; font-weight:950; letter-spacing:.045em }
.mobile-cta a span { font-size:1.05rem }
.mobile-cta small { color:#9bb3aa; text-align:center; font-size:.48rem }

@keyframes ticker { to { transform:translateX(-45%) } }

@media(min-width:760px) {
  body { padding-bottom:0 }
  .site-header { min-height:80px; grid-template-columns:auto 1fr auto; padding-inline:4vw }
  .brand { font-size:1rem }
  .brand-mark { width:44px; height:46px; font-size:1rem }
  nav { justify-self:center; display:flex; gap:44px; color:#dbe8e3; font-size:.67rem; font-weight:900; letter-spacing:.1em }
  .header-cta { min-width:150px; font-size:.72rem }
  .hero>img { object-position:center 50% }
  .hero-shade { background:linear-gradient(90deg,#011b16f7 0,#011b16d4 31%,transparent 63%),linear-gradient(180deg,transparent 58%,#011713d4 100%) }
  .hero-copy { justify-content:center; padding:110px 7vw 150px }
  .hero h1 { font-size:clamp(6rem,8.2vw,8.8rem) }
  .hero-lead { font-size:1.02rem }
  .hero-proof { left:4vw; right:4vw; bottom:24px }
  .hero-proof span { min-height:64px; font-size:.58rem }
  .hero-proof b { font-size:.9rem }
  .ticker { padding-block:18px }
  .ticker div { font-size:.82rem }
  .section { padding:120px max(7vw,calc((100vw - 1320px)/2)) }
  .manifest h2,.balance h2,.cashflow h2 { font-size:clamp(5.5rem,7.2vw,8rem) }
  .manifest-lead { font-size:1.08rem }
  .route { grid-template-columns:1fr 1fr 1fr; margin-top:60px }
  .route article { grid-template-columns:84px 1fr; min-height:150px; padding:24px }
  .route article span { font-size:2.4rem }
  .route strong { font-size:1.05rem }
  .route small { font-size:.76rem }
  .win-scene { min-height:1020px }
  .win-scene>img { object-position:center 45% }
  .scene-shade { background:linear-gradient(180deg,#011c176d 0,transparent 43%,#011914e9 88%,#011713 100%),linear-gradient(90deg,#011b16cf 0,transparent 58%) }
  .scene-copy { min-height:1020px; padding:120px 7vw }
  .scene-copy h2,.pix-copy h2,.pix-scene h2,.grand-finale h2 { font-size:clamp(5.7rem,7.4vw,8.2rem) }
  .balance { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:center }
  .balance-card { min-height:420px; margin:0 }
  .balance-card>strong { font-size:10rem }
  .coin-stack { right:45px; bottom:28px; transform:scale(1.35) }
  .balance-strip { grid-column:1 / -1 }
  .pix-vault { min-height:950px }
  .pix-vault>img { object-position:center }
  .pix-shade { background:linear-gradient(90deg,#011b16e8 0,#011b1699 35%,transparent 65%),linear-gradient(180deg,transparent 57%,#011713e5 100%) }
  .pix-copy { min-height:950px; padding:120px 7vw }
  .zero-fee strong { font-size:3.3rem }
  .cashflow { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:center }
  .cashflow ol { margin:0 }
  .cashflow li { min-height:120px }
  .security-line { grid-column:1 / -1 }
  .pix-scene { min-height:960px }
  .pix-scene>img { object-position:center 40% }
  .pix-scene-copy { min-height:960px; padding:120px 7vw }
  .grand-finale { min-height:940px }
  .grand-finale>img { object-position:center }
  .finale-shade { background:linear-gradient(90deg,#011b16e3 0,#011b1698 42%,transparent 70%),linear-gradient(180deg,transparent 57%,#011713e8 100%) }
  .finale-copy { min-height:940px; padding:120px 7vw }
  footer { grid-template-columns:auto 1fr; align-items:center; padding:38px 5vw }
  .mobile-cta { display:none }
}

@media(max-width:340px) {
  .brand { font-size:.67rem }
  .brand-mark { width:34px; height:36px }
  .header-cta { min-width:64px; padding-inline:9px }
  .hero-copy,.section,.scene-copy,.pix-copy,.pix-scene-copy,.finale-copy { padding-inline:14px }
  .hero h1 { font-size:3.4rem }
  .hero-proof { left:8px; right:8px }
  .balance-card>strong { font-size:5.8rem }
}

@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto }
  .ticker div { animation:none }
}
[data-landing-cta][aria-disabled="true"] { cursor:wait; opacity:.75; }
[data-landing-cta].is-loading::after { content:""; display:inline-block; width:1em; height:1em; margin-left:.6em; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; vertical-align:middle; animation:landing-spin .7s linear infinite; }
@keyframes landing-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { [data-landing-cta].is-loading::after { animation:none; } }