:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080e13;--surface:#101a22;--line:#25343e;--text:#edf6f3;--muted:#a0b0ba;--accent:#43dca4}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);scroll-padding-top:100px}body{color:var(--text);background:var(--bg);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}svg{flex-shrink:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a,button{transition:background .15s,color .15s,border-color .15s}.skip-link{z-index:100;background:var(--accent);color:#071a12;border-radius:8px;padding:12px 20px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}.header,.hero,.trust-row,.section,.cta-section,footer{width:min(1200px,100% - 64px);margin-inline:auto}.header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080e13f5;align-items:center;gap:32px;min-height:80px;display:flex;position:sticky;top:0}.brand{letter-spacing:.08em;flex-shrink:0;font-size:18px;font-weight:800}.brand span,.frame-brand span{color:var(--accent)}.nav{color:var(--muted);flex:1;justify-content:center;align-items:center;gap:28px;font-size:14px;display:flex}.nav a{padding-block:12px}.nav a:hover,footer a:hover{color:var(--accent)}.nav-login{display:none}.header-cta{color:#c5f5e3;background:#11231d;border:1px solid #34574a;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.header-cta:hover{background:#1b352a}.menu-button{display:none}.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:64px;padding-block:72px 80px;display:grid}.hero-copy{min-width:0}.eyebrow,.section-title>span,.section-title>div>span,.cta-section>div>span{color:#8adfbd;letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:10px;font-size:12px;font-weight:650;display:flex}.eyebrow span{background:var(--accent);border-radius:50%;width:6px;height:6px}h1{letter-spacing:-.045em;margin:22px 0;font-size:clamp(42px,4.3vw,62px);font-weight:650;line-height:1.08}h1 em{color:var(--accent);font-style:normal}.hero-copy>p{max-width:530px;color:var(--muted);margin:0;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:13px 18px;font-size:14px;font-weight:650;display:inline-flex}.button.primary{background:var(--accent);color:#082016}.button.primary:hover{background:#77e8bf}.button.secondary{border:1px solid var(--line);color:#c0cdd5;background:#10191f}.button.secondary:hover{background:#14221e;border-color:#547367}.hero-note{color:#93a69e;align-items:center;gap:8px;margin-top:20px;font-size:12px;display:flex}.product-frame{background:linear-gradient(145deg,#13231f,#101922 60%);border:1px solid #30463f;border-radius:22px;width:100%;min-width:0;max-width:480px;margin-left:auto;overflow:hidden;box-shadow:0 28px 70px #0005}.frame-top{border-bottom:1px solid #263b34;align-items:center;gap:12px;min-height:64px;padding:14px 22px;display:flex}.frame-brand{letter-spacing:.07em;font-size:12px;font-weight:800}.live{color:#afd7c6;border:1px solid #355045;border-radius:6px;margin-left:auto;padding:4px 8px;font-size:12px}.avatar{color:#adbcba;border:1px solid #405448;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.frame-content{padding:20px}.hello small{color:var(--muted);font-size:12px;display:block}.hello strong{margin-top:2px;font-size:22px;font-weight:600;display:block}.balance{background:#0e1920;border:1px solid #2a3e43;border-radius:14px;margin-top:16px;padding:20px}.balance>div:first-child{color:#a2b6b9;justify-content:space-between;font-size:12px;display:flex}.balance>strong{letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin:12px 0 18px;font-size:32px;line-height:1.2;display:block}.balance>strong small{color:var(--muted);letter-spacing:0;font-size:12px;font-weight:500}.balance-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.balance-grid span{color:#9aadb3;font-size:12px}.balance-grid b{color:#e1ebe7;margin-top:4px;font-size:14px;font-weight:550;display:block}.mini-stats{grid-template-columns:1fr 1fr;gap:10px;margin-block:12px 20px;display:grid}.mini-stats article{background:#0e1920;border:1px solid #26383f;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.mini-stats small{color:#9cafb5;font-size:12px;display:block}.mini-stats b{font-size:12px;font-weight:600;display:block}.mini-icon,.strategy-dot,.feature-icon,.step-icon{border-radius:10px;flex-shrink:0;place-items:center;display:grid}.mini-icon{width:32px;height:32px}.mint{color:#5cdeb1;background:#153c30}.blue{color:#8bb7ff;background:#1a2e4a}.violet{color:#b7a6ff;background:#2a2342}.amber{color:#f6c580;background:#3b2d1d}.frame-heading{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;display:flex}.frame-heading span{color:#90b1a3;align-items:center;font-size:12px;display:flex}.frame-list{background:#0f1920;border:1px solid #28383f;border-radius:12px}.frame-list>div{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.frame-list>div+div{border-top:1px solid #24333b}.strategy-dot{width:34px;height:34px}.frame-list p{margin:0}.frame-list b{font-size:14px;font-weight:550;display:block}.frame-list small{color:#97aab4;margin-top:2px;font-size:12px;display:block}.preview-state{color:#93a9a0;font-size:12px}.trust-row{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));padding-block:28px;display:grid}.trust-row>div{color:#7bd3b0;justify-content:center;align-items:center;gap:16px;padding-inline:20px;display:flex}.trust-row>div+div{border-left:1px solid var(--line)}.trust-row b,.trust-row small{display:block}.trust-row b{color:#e0ebe6;font-size:14px;font-weight:600}.trust-row small{color:var(--muted);margin-top:4px;font-size:12px}.section{padding-block:88px 16px}.section-title h2,.cta-section h2{letter-spacing:-.035em;margin:14px 0 18px;font-size:clamp(30px,3.3vw,44px);font-weight:600;line-height:1.13}.section-title>p,.split-title>p,.cta-section p{max-width:590px;color:var(--muted);margin:0;font-size:16px;line-height:1.75}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px;display:grid}.steps article{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:26px;position:relative}.steps article>b{color:#637987;font-variant-numeric:tabular-nums;font-size:22px;font-weight:500;position:absolute;top:22px;right:24px}.step-icon{width:44px;height:44px;color:var(--accent);background:#18372d}.steps h3{margin:28px 0 10px;font-size:18px;font-weight:600;line-height:1.4}.steps p,.strategy-grid p{color:var(--muted);margin:0;font-size:16px;line-height:1.65}.split-title{grid-template-columns:1.15fr 1fr;align-items:end;gap:56px;display:grid}.split-title h2{margin-bottom:0}.strategy-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;display:grid}.strategy-grid article{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px;padding:24px;display:grid}.strategy-grid article>svg{display:none}.feature-icon{width:46px;height:46px}.strategy-grid h3{margin:0 0 6px;font-size:18px;font-weight:600}.system-note{color:#a4c0b5;align-items:center;gap:10px;margin:20px 0 0;font-size:14px;display:flex}.system-note svg{color:var(--accent)}.centered{text-align:center}.centered>span{justify-content:center}.centered>p{margin-inline:auto}.plans{grid-template-columns:1fr 1fr;gap:22px;max-width:900px;margin:32px auto 0;display:grid}.plan{border:1px solid var(--line);background:var(--surface);border-radius:18px;flex-direction:column;padding:32px;display:flex;position:relative}.plan.featured{background:#11201c;border-color:#345248}.popular{color:#abd8c6;border:1px solid #355449;border-radius:6px;align-self:flex-end;padding:4px 8px;font-size:12px;position:absolute;top:26px;right:24px}.plan h3{color:#b2c5bd;margin:0 0 20px;font-size:16px}.plan>strong{letter-spacing:-.025em;font-size:32px;font-weight:600;line-height:1.25}.plan>p{color:var(--muted);margin:12px 0 24px;font-size:16px}.plan ul{border-top:1px solid var(--line);gap:14px;margin:auto 0 28px;padding:24px 0 0;list-style:none;display:grid}.plan li{color:#c1cfc8;align-items:center;gap:10px;font-size:14px;display:flex}.plan li svg{color:var(--accent)}.plan>a,.plan-unavailable{text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px;font-size:14px;display:flex}.plan>a{background:var(--accent);color:#082016;font-weight:650}.plan>a:hover{background:#77e8bf}.plan-unavailable{color:#acc1b7;border:1px solid #344b40}.cta-section{background:#12221c;border:1px solid #304a40;border-radius:20px;justify-content:space-between;align-items:center;gap:48px;margin-block:88px 72px;padding:48px;display:flex}.cta-section .button{flex-shrink:0}footer{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:24px 32px;padding-block:32px;display:grid}footer p{color:var(--muted);margin:0;font-size:14px}footer div{color:#b4c2cb;gap:24px;font-size:14px;display:flex}footer small{color:#91a1ad;grid-column:1/-1;font-size:12px}@media (max-width:1050px){.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px}.header{gap:24px}.nav{gap:20px}.frame-top{padding-inline:16px}.frame-content{padding:16px}.mini-stats article{gap:7px;padding:10px}.mini-icon,.preview-state{display:none}.steps{gap:14px}.steps article{padding:22px}.trust-row>div{gap:10px;padding-inline:12px}footer{grid-template-columns:1fr auto}footer p{grid-row:2}}@media (max-width:800px){.header,.hero,.trust-row,.section,.cta-section,footer{width:calc(100% - 40px)}.header{justify-content:space-between;min-height:68px}.header-cta{margin-left:auto}.menu-button{border:1px solid var(--line);background:var(--surface);border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.nav{background:#101b21;border:1px solid #3a5146;border-radius:14px;padding:8px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 20px 40px #0007}.nav.open{justify-content:stretch;gap:0;display:grid}.nav a{padding:14px}.nav .nav-login{color:var(--accent);display:block}.hero{grid-template-columns:1fr;gap:36px;padding-block:48px}.hero-copy{max-width:620px}h1{font-size:clamp(38px,7vw,54px)}.hero-copy>p{font-size:16px}.hero-actions{margin-top:24px}.product-frame{max-width:500px;margin:0 auto}.preview-state{display:block}.mini-icon{display:grid}.trust-row{grid-template-columns:1fr;padding-block:8px}.trust-row>div{justify-content:flex-start;gap:16px;padding:18px 8px}.trust-row>div+div{border-left:0;border-top:1px solid var(--line)}.section{padding-block:60px 0}.steps{grid-template-columns:1fr}.steps article{padding:24px}.steps h3{margin-top:20px}.split-title{grid-template-columns:1fr;gap:20px}.strategy-grid{grid-template-columns:1fr}.system-note{align-items:flex-start}.system-note svg{margin-top:3px}.plans{gap:16px}.plan{padding:24px}.plan>strong{font-size:28px}.popular{align-self:flex-start;margin-bottom:12px;position:static}.cta-section{flex-direction:column;align-items:flex-start;gap:24px;margin-block:60px 48px;padding:28px}footer{gap:20px}}@media (max-width:540px){.header-cta{display:none}.header{gap:12px}.hero-actions{grid-template-columns:1fr;display:grid}.hero-note{align-items:flex-start;line-height:1.5}.hero-note svg{margin-top:3px}.plans{grid-template-columns:1fr}.section-title h2,.cta-section h2{font-size:32px}.strategy-grid article{gap:14px;padding:20px}.cta-section .button{width:100%}footer{grid-template-columns:1fr}footer p{grid-row:auto}footer div{flex-wrap:wrap;gap:20px}}@media (max-width:375px){.header,.hero,.trust-row,.section,.cta-section,footer{width:calc(100% - 32px)}h1{font-size:34px}.frame-content{padding:12px}.frame-top{gap:8px;padding-inline:12px}.balance{padding:16px}.balance>strong{font-size:28px}.mini-icon,.preview-state{display:none}.frame-list>div{padding:10px}.plan{padding:22px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}
