@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg: #0b0f15;--panel: #10141d;--panel-soft: #0d121b;--border: rgba(255, 255, 255, .08);--text: #e9edf5;--muted: #9aa2b5;--accent: linear-gradient(135deg, #ff7a00, #ff3b2f);--accent-blue: linear-gradient(135deg, #2648ff, #1a7bff);--accent-green: linear-gradient(135deg, #12c868, #08a84f);--brand-orange: #ff7a00;--brand-red: #d01b1b;--brand-blue: #2648ff;--brand-green: #12c868;--surface-hover: #151b26;--shadow: 0 20px 70px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 20% 20%,rgba(255,122,69,.08),transparent 35%),radial-gradient(circle at 80% 0%,rgba(86,204,242,.07),transparent 35%),conic-gradient(from 180deg at 50% 120%,#2e6aff1f,#0ad1a614,#ff7a451a),var(--bg);color:var(--text);min-height:100vh;position:relative;overflow-x:hidden}html{scroll-behavior:smooth}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.05'%3E%3Cpath d='M0 160 160 0M-40 200 200-40M0 0l160 160'/%3E%3C/g%3E%3C/svg%3E");opacity:.5;mix-blend-mode:screen;filter:blur(.3px)}a{color:inherit;text-decoration:none}.page{max-width:1200px;margin:0 auto;padding:28px 24px 56px}.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border:1px solid var(--border);background:#0c0f16e6;border-radius:14px;position:sticky;top:12px;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 50px #0000004d}.brand{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:-.01em}.flame{width:14px;height:14px;background:var(--accent);border-radius:4px;box-shadow:0 0 20px #ff7a4566}.nav-links{display:flex;gap:18px;color:var(--muted)}.nav-links a:hover{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:10px}.nav-actions .primary{padding:10px 16px;white-space:nowrap}button{border:none;cursor:pointer;font-family:inherit;font-size:14px;border-radius:12px;transition:transform .1s ease,box-shadow .2s ease,background .2s ease}button:active{transform:translateY(1px)}.primary{padding:12px 18px;background:var(--accent);color:#101010;font-weight:700;box-shadow:0 10px 30px #ff7a4559}.ghost{padding:10px 14px;background:#ffffff0f;color:var(--text);border:1px solid var(--border)}.text-link{color:var(--text);font-weight:600}.hero{display:grid;grid-template-columns:1fr;gap:32px;margin-top:32px;position:relative}.halo{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 40% 30%,rgba(255,179,71,.12),transparent 40%),radial-gradient(circle at 80% 20%,rgba(86,204,242,.12),transparent 40%);filter:blur(40px);z-index:0}.hero-copy{position:relative;z-index:1;padding:28px;border-radius:24px;background:linear-gradient(145deg,#121722d9,#0c0f16a6);border:1px solid var(--border);box-shadow:var(--shadow)}.badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,122,0,.4);font-weight:600;color:#ffc999}h1{font-size:38px;line-height:1.1;margin:18px 0 12px}h2{margin:8px 0 10px;font-size:28px;line-height:1.2}h3{margin:6px 0;font-size:22px}h4{margin:4px 0 6px}.lede{color:var(--muted);margin:0 0 18px;max-width:640px}.hero-actions{display:flex;align-items:center;gap:14px;margin:20px 0}.hero-highlights{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted)}.hero-highlights div{padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:#ffffff08}.hero-proof{display:none}.benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}.benefit-card{padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 30% 20%,rgba(255,122,0,.06),transparent 60%),#ffffff05}.benefit-title{font-weight:700;margin-bottom:6px}.benefit-body{color:var(--muted)}.hero-card{position:relative;z-index:1;background:linear-gradient(180deg,#111724,#0b0f19);border:1px solid var(--border);border-radius:22px;padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.card-header{display:grid;grid-template-columns:repeat(3,14px) auto;gap:8px;align-items:center;color:var(--muted);font-size:13px}.dot{width:12px;height:12px;border-radius:999px}.dot--green{background:#24d697}.dot--yellow{background:#f5c542}.dot--red{background:#ff6b6b}.card-title{text-align:right}.card-body{background:#ffffff05;border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px}.card-caption{color:var(--muted);margin:0}.card-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-label{color:var(--muted);font-size:13px}.stat-value{font-weight:700;font-size:18px}.hero-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.mini-card{padding:12px;border-radius:12px;border:1px solid var(--border);background:#ffffff05}.mini-card.spend{border-color:#ff7a0059}.mini-card.earn{border-color:#12c86859}.mini-label{font-size:12px;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.mini-title{font-weight:700;margin:6px 0}.mini-list{padding-left:16px;margin:6px 0 0;color:var(--muted)}.mini-list li{margin-bottom:4px}.mini-progress{margin-top:6px;display:flex;flex-direction:column;gap:6px}.mini-progress__label{font-size:13px;color:var(--muted)}.mini-progress__bar{width:100%;height:12px;border-radius:999px;background:#ffffff0d;border:1px solid var(--border);overflow:hidden}.mini-progress__bar span{display:block;height:100%;background:var(--accent-green);box-shadow:0 8px 20px #12c86859}.mini-progress__meta{font-size:12px;color:var(--text)}.hero-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:22px;margin-top:28px;box-shadow:var(--shadow);transition:transform .2s ease,border-color .2s ease,box-shadow .25s ease;position:relative;z-index:1}.panel:hover{transform:translateY(-2px);border-color:#ffffff29;box-shadow:0 30px 70px #00000073}.panel.interactive{background:radial-gradient(circle at 20% 20%,rgba(255,122,0,.08),transparent 55%),radial-gradient(circle at 80% 0%,rgba(38,72,255,.07),transparent 50%),var(--panel);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:28px}.panel.dual{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.mode{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px;border-radius:18px;background:radial-gradient(circle at 20% 20%,rgba(255,122,0,.15),transparent 50%),radial-gradient(circle at 80% 30%,rgba(38,72,255,.12),transparent 55%),#ffffff05;border:1px solid var(--border);position:relative;overflow:hidden}.mode:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(255,255,255,.04),transparent 30%);pointer-events:none}.mode:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;opacity:.18;filter:blur(.2px);pointer-events:none}.mode.spend:before,.card-stack__card.spend:before{background-image:url(/images/fire.svg);background-size:40px 40px;background-repeat:repeat;background-position:0 0;animation:flame-flow 14s linear infinite;opacity:.08;filter:sepia(1) saturate(3) hue-rotate(-10deg) brightness(1.05)}.mode.earn:before,.card-stack__card.earn:before{background-image:url(/images/coin.svg);background-size:30px 30px;background-repeat:repeat;background-position:0 0;animation:plus-flow 16s linear infinite;opacity:.08;filter:sepia(1) saturate(3) hue-rotate(120deg) brightness(1.05)}.mode-icon{width:58px;height:58px;border-radius:16px;background:#ffffff0a;box-shadow:0 10px 30px #00000059;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;overflow:hidden}.mode.earn .mode-icon{box-shadow:0 10px 30px #0faa6059}.mode.spend .mode-icon{box-shadow:0 10px 30px #ff7a0073}.mode-icon img{width:90%;height:90%;object-fit:contain}.eyebrow{font-size:13px;letter-spacing:.02em;text-transform:uppercase;color:#9db8ff;margin-bottom:2px}.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:16px}.value-card{padding:16px;border-radius:14px;background:#ffffff05;border:1px solid var(--border)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:18px}.step{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px;border-radius:14px;background:var(--panel-soft);border:1px solid var(--border)}.step-number{width:34px;height:34px;border-radius:10px;background:#ffffff14;display:grid;place-items:center;font-weight:700}.bullets{color:var(--muted);padding-left:16px}.bullets li{margin-bottom:8px}.glimpse-grid{display:grid;grid-template-columns:1fr;gap:12px}.placeholder{position:relative;min-height:180px;border-radius:16px;border:1px dashed var(--border);background:linear-gradient(145deg,#ff7a450f,#56ccf214);display:grid;place-items:center;color:var(--muted);text-align:center;overflow:hidden}.placeholder__tag{padding:8px 12px;border-radius:999px;background:#00000059;border:1px solid var(--border)}.placeholder:before{content:"";position:absolute;top:-60%;right:-20%;bottom:-60%;left:-20%;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 35%);animation:float 9s ease-in-out infinite;opacity:.6}.visual{width:100%;height:auto;object-fit:contain;border-radius:14px;border:1px solid var(--border);background:var(--panel-soft);display:block;cursor:zoom-in}.gate{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:100;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gate__panel{width:min(420px,90vw);background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 30px 80px #0000008c;display:grid;gap:12px;justify-items:center;text-align:center}.gate__panel h2{margin:0}.gate__panel p{margin:0;color:var(--muted)}.gate__form{display:grid;gap:10px;width:100%}.gate__form input{background:#ffffff0a;border:1px solid var(--border);border-radius:12px;color:var(--text);padding:12px;font-size:15px;font-family:inherit}.hero-card .visual{max-height:320px}.glimpse-grid .visual{max-height:420px;width:100%;object-fit:contain;aspect-ratio:auto}.card-stack__card .visual{width:100%;height:auto;object-fit:contain;border-radius:12px}.panel.contrast{background:linear-gradient(135deg,#10172b,#0a101d)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-top:12px}.status{margin-top:12px;padding:12px;border-radius:12px;font-weight:600}.status.success{background:#3fda841f;color:#7bffb5}.status.error{background:#ff6b6b1a;color:#ffb3b3}.hint{color:var(--muted);margin-top:8px}.footer{margin-top:40px;padding:16px 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.footer-links{display:flex;gap:12px}@media (max-width: 900px){.hero,.panel.dual{grid-template-columns:1fr}.nav{position:relative;top:0}.nav-links{display:none}}@media (max-width: 720px){.nav{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px}.nav .brand{justify-content:flex-start;flex-shrink:0;min-width:0}.nav-actions{display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;min-width:0;gap:8px;flex-wrap:nowrap}.nav-actions a{display:inline-flex;align-items:center;justify-content:center;padding:9px 11px;font-size:13px;line-height:1.2;min-height:44px;text-align:center;min-width:0;white-space:nowrap}.nav-actions .primary{padding:9px 11px}}@media (max-width: 420px){.nav{gap:8px}.nav-actions{gap:6px}.nav-actions a{padding:8px 10px;font-size:12.5px}}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@keyframes pulse{0%{transform:translate(0)}50%{transform:translate(6%)}to{transform:translate(0)}}@keyframes bounce{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(6px);opacity:1}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:50;padding:24px}.lightbox__inner{position:relative;max-width:90vw;max-height:90vh;background:#0b0f15;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 30px 80px #0009}.lightbox__inner img{display:block;max-width:100%;max-height:100%}.lightbox__close{position:absolute;top:8px;right:8px;border:none;background:#0006;color:var(--text);border-radius:999px;width:32px;height:32px;cursor:pointer}@keyframes flame-flow{0%{background-position:0 -30px}to{background-position:0 90px}}@keyframes plus-flow{0%{background-position:0 60px}to{background-position:0 -60px}}.interactive-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.pill-switch{background:#ffffff0a;border:1px solid var(--border);border-radius:999px;padding:4px;display:inline-flex;gap:6px;box-shadow:0 10px 30px #00000059}.pill{border-radius:999px;padding:10px 14px;background:transparent;color:var(--muted);border:none}.pill.active{background:var(--accent);color:#0e0e0e;font-weight:700}.preview-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:start}.preview-copy{display:flex;flex-direction:column;gap:12px}.mode-label{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:#ffffff0a;border:1px solid var(--border);color:var(--text);width:fit-content}.mode-label__dot{width:12px;height:12px;border-radius:999px;box-shadow:0 0 14px #ff7a0080;background:var(--accent)}.mode-label__dot.earn{background:#12c868;box-shadow:0 0 14px #12c86880}.mode-label__dot.spend{background:#ff7a00;box-shadow:0 0 14px #ff7a0080}.preview-visual{perspective:1200px}.card-stack{position:relative}.card-stack__shadow{position:absolute;top:20px;right:14px;bottom:-6px;left:14px;background:radial-gradient(circle,rgba(0,0,0,.35),transparent 60%);filter:blur(20px)}.card-stack__card{position:relative;border-radius:18px;padding:8px;background:linear-gradient(135deg,#ff7a0014,#2648ff12);border:1px solid rgba(255,255,255,.05);transform:rotate(0);transition:transform .25s ease,border-color .2s ease,box-shadow .25s ease;box-shadow:0 15px 50px #0006;overflow:hidden;display:block}.card-stack__card.earn{background:linear-gradient(135deg,#1f3eed1a,#0cc86814)}.card-stack__card.spend{background:linear-gradient(135deg,#ff7a001f,#ff3b2f14)}.card-stack__card:hover{transform:rotate(0) translateY(-4px);border-color:#ffffff1f;box-shadow:0 25px 70px #0000008c}.preview-visual .placeholder{transform:rotateY(0) translateZ(0);transition:transform .25s ease,box-shadow .3s ease;box-shadow:0 20px 60px #0006}.preview-visual .placeholder:hover{transform:rotateY(0) translateY(-4px);box-shadow:0 30px 80px #00000080}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffff0d;border:1px solid var(--border);color:var(--text);font-size:13px}.chip-dot{width:10px;height:10px;border-radius:999px;background:#12c868;box-shadow:0 0 12px #12c86899}.chip-dot.yellow{background:#f5c542;box-shadow:0 0 12px #f5c54299}.chip-dot.red{background:#ff5b5b;box-shadow:0 0 12px #ff5b5b99}.preview-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pill-tag{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#ffffff0f;border:1px solid transparent;font-size:13px;color:var(--text);cursor:default}.pill-tag.earn{background:#12c8681f;border-color:transparent}.pill-tag.spend{background:#ff7a001f;border-color:transparent}.pill-tag.muted{color:var(--muted)}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px}.stat-chip{padding:12px;border-radius:14px;background:#ffffff08;border:1px solid var(--border);box-shadow:0 10px 30px #00000059}.stat-chip.green{border-color:#12c86866}.stat-chip.blue{border-color:#2648ff66}.stat-chip.orange{border-color:#ff7a0066}.stat-chip__value{font-weight:700;font-size:18px}.stat-chip__label{color:var(--muted);font-size:13px;margin-top:2px}.meter{width:100%;height:10px;border-radius:999px;background:#ffffff14;overflow:hidden;position:relative;margin-top:12px;border:1px solid rgba(255,255,255,.05)}.meter-fill{height:100%;width:72%;background:var(--accent-green);border-radius:999px;box-shadow:0 10px 30px #48e4b159;transition:background .3s ease,width .3s ease;animation:pulse 3s ease-in-out infinite}.meter-fill[data-mode=spend]{width:88%;background:var(--accent);box-shadow:0 10px 30px #ff7a0059}.meter-glow{position:absolute;top:-16px;right:0;bottom:-16px;left:0;background:radial-gradient(circle at 20% 50%,rgba(72,228,177,.2),transparent 40%);filter:blur(20px);pointer-events:none;transition:background .3s ease}.meter-glow[data-mode=spend]{background:radial-gradient(circle at 25% 50%,rgba(255,122,0,.2),transparent 42%)}.meter-labels{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:0 10px;font-size:12px;color:var(--muted);pointer-events:none}@media (max-width: 900px){.preview-grid{grid-template-columns:1fr}}