@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --navy:#0B1220; --slate:#111827; --emerald:#10B981; --mist:#F8FAFC; --muted:#64748B; --line:#E2E8F0; }
* { box-sizing:border-box; }
body { margin:0; font-family:Manrope,Arial,sans-serif; color:var(--slate); background:var(--mist); }
a { color:inherit; text-decoration:none; }
.site-nav { height:76px; display:flex; align-items:center; justify-content:space-between; max-width:1200px; margin:auto; padding:0 24px; }
.brand { display:flex; align-items:center; gap:10px; color:#fff; font-size:19px; font-weight:800; letter-spacing:-.7px; }
.brand-mark { width:30px; height:30px; border-radius:9px; display:grid; place-items:center; background:linear-gradient(135deg,#34d399,#059669); color:#06291f; font-size:15px; }
.nav-links { display:flex; align-items:center; gap:26px; color:#cbd5e1; font-size:14px; font-weight:600; }
.nav-links a:hover { color:#fff; }.nav-cta,.button { border:0; border-radius:9px; background:var(--emerald); color:#052e23; padding:11px 17px; font:700 14px Manrope; display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.nav-cta { padding:10px 15px; }.button-dark { background:#fff; color:var(--navy); }.button-ghost { background:transparent; border:1px solid #475569; color:#fff; }
.hero { background:radial-gradient(circle at 82% 10%,#163f52 0,transparent 31%),linear-gradient(135deg,#0B1220 0%,#101c30 60%,#0c2630 100%); min-height:690px; color:#fff; }
.hero-grid { max-width:1200px; padding:78px 24px 84px; margin:auto; display:grid; grid-template-columns:1fr .9fr; align-items:center; gap:64px; }.eyebrow { color:#6ee7b7; text-transform:uppercase; letter-spacing:1.6px; font-size:11px; font-weight:800; }
h1 { font-size:clamp(42px,5vw,68px); line-height:1.04; letter-spacing:-3px; margin:17px 0 21px; }.hero p { max-width:570px; color:#b6c3d6; line-height:1.75; font-size:17px; }.hero-actions { display:flex; gap:12px; margin-top:30px; }.hero-note { margin-top:20px; color:#94a3b8; font-size:12px; }
.terminal { border:1px solid #355066; padding:17px; border-radius:19px; background:rgba(15,28,47,.88); box-shadow:0 28px 60px rgba(0,0,0,.32); }.terminal-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:22px; }.status { display:inline-flex; align-items:center; gap:6px; padding:5px 9px; border-radius:999px; background:#0c302c; color:#6ee7b7; font-size:11px; font-weight:700; }.dot { width:6px; height:6px; border-radius:50%; background:#34d399; }.balance { font-size:30px; font-weight:800; letter-spacing:-1.5px; }.muted { color:var(--muted); font-size:12px; }.terminal .muted { color:#94a3b8; }.trend { color:#6ee7b7; font-size:13px; font-weight:700; }.chart { height:146px; margin:23px 0; background:linear-gradient(180deg,rgba(16,185,129,.15),transparent); clip-path:polygon(0 76%,13% 65%,25% 74%,39% 39%,52% 56%,64% 19%,76% 36%,87% 11%,100% 24%,100% 100%,0 100%); border-bottom:2px solid #34d399; }.allocation { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }.allocation div { padding:10px; border-radius:9px; background:#162236; color:#b8c7d9; font-size:11px; }.allocation b { display:block; color:white; margin-top:4px; font-size:13px; }
.section { max-width:1200px; margin:auto; padding:96px 24px; }.section-intro { max-width:660px; margin-bottom:44px; }.section h2 { font-size:36px; letter-spacing:-1.5px; margin:12px 0; }.section-intro p { color:var(--muted); line-height:1.7; }.opportunity-grid,.feature-grid,.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.op-card,.feature,.step,.faq-item { background:#fff; border:1px solid var(--line); border-radius:14px; }.op-card { padding:25px; box-shadow:0 7px 18px rgba(15,23,42,.04); }.op-icon,.feature-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:11px; background:#ecfdf5; color:#059669; font-size:20px; }.op-card h3,.feature h3 { margin:19px 0 8px; font-size:18px; }.op-card p,.feature p,.step p { color:var(--muted); font-size:13px; line-height:1.65; }.plan-meta { border-top:1px solid var(--line); margin-top:19px; padding-top:15px; display:grid; grid-template-columns:1fr 1fr; gap:10px; }.plan-meta span { color:var(--muted); font-size:11px; }.plan-meta b { display:block; color:var(--slate); margin-top:3px; font-size:12px; }.disclosure { margin-top:21px; padding:13px 15px; border-left:3px solid var(--emerald); background:#f0fdf4; color:#356154; font-size:12px; line-height:1.6; }
.dark-section { background:var(--navy); }.dark-section .section { color:#fff; }.dark-section .section-intro p { color:#a8b7c9; }.feature { background:#121d2e; border-color:#273548; }.feature h3 { color:#fff; }.feature p { color:#a8b7c9; }.step { padding:25px; }.step-number { color:var(--emerald); font-size:12px; font-weight:800; letter-spacing:1px; }.security { display:grid; grid-template-columns:1.1fr .9fr; gap:44px; align-items:center; }.security-panel { padding:29px; border:1px solid #314157; border-radius:16px; background:linear-gradient(145deg,#142237,#0c1626); }.security-line { border-top:1px solid #304055; padding:16px 0; display:flex; gap:12px; color:#c5d2e3; font-size:13px; }.security-line i { color:#6ee7b7; }
.faq { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.faq-item { padding:19px 20px; }.faq-item h3 { font-size:14px; margin:0 0 9px; }.faq-item p { color:var(--muted); font-size:13px; line-height:1.6; margin:0; }.closing { max-width:1152px; margin:0 auto 96px; padding:52px; border-radius:18px; color:#fff; background:linear-gradient(115deg,#0d2a2c,#0f4b42); display:flex; justify-content:space-between; align-items:center; gap:25px; }.closing h2 { margin:0 0 10px; font-size:30px; letter-spacing:-1px; }.closing p { margin:0; color:#b8d6cf; font-size:14px; }.footer { background:#080e19; color:#8fa0b5; }.footer-inner { max-width:1200px; margin:auto; padding:42px 24px; display:flex; justify-content:space-between; gap:30px; font-size:12px; }.footer .brand { margin-bottom:12px; }.footer-nav { display:flex; gap:18px; align-items:center; }
@media (max-width:800px) { .nav-links { display:none; }.hero-grid,.security { grid-template-columns:1fr; gap:35px; }.hero { min-height:auto; }.opportunity-grid,.feature-grid,.steps { grid-template-columns:1fr; }.section { padding:65px 20px; }.faq { grid-template-columns:1fr; }.closing { margin:0 20px 65px; padding:32px; display:block; }.closing .button { margin-top:22px; }.footer-inner { display:block; }.footer-nav { margin-top:20px; flex-wrap:wrap; } }
