:root{--ink:#0b1626;--ink-2:#13233a;--line:#e4e9f0;--muted:#5b6b80;--teal:#2dd4bf;--blue:#2563eb;--fog:#f5f7fa}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.025em;line-height:1.15}
p{margin:0}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.site-header{position:sticky;top:0;z-index:10;background:var(--ink);border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.header-inner{display:flex;align-items:center;gap:32px;height:72px}
.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}
.brand img{width:38px;height:38px;display:block}
.wordmark{display:flex;flex-direction:column;line-height:1.05;text-align:left}
.wordmark b{font-weight:600;font-size:1.14rem;letter-spacing:.2em}
.wordmark small{margin-top:5px;font-weight:500;font-size:.6rem;letter-spacing:.2em;opacity:.72}
.nav{display:flex;gap:28px;margin-left:auto;font-size:.94rem;color:rgba(255,255,255,.72)}
.nav a:hover{color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 22px;border-radius:999px;font-weight:550;font-size:.95rem;transition:transform .15s,background .15s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(120deg,var(--teal),#38bdf8);color:var(--ink)}
.btn-ghost{border:1px solid rgba(255,255,255,.22);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.08)}
.btn-small{height:38px;padding:0 16px;font-size:.88rem}
.hero{color:#fff;background:radial-gradient(900px 520px at 85% -10%,rgba(45,212,191,.22),transparent 62%),radial-gradient(800px 520px at 0% 110%,rgba(37,99,235,.28),transparent 62%),var(--ink)}
.hero-inner{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center;padding-top:104px;padding-bottom:112px}
.eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.hero h1{font-size:clamp(2.6rem,5.2vw,4.1rem);margin:18px 0 22px}
.hero .lede{font-size:1.16rem;color:rgba(255,255,255,.72);max-width:34em}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.card-glass{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:26px;backdrop-filter:blur(10px);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.card-top{display:flex;justify-content:space-between;align-items:center;font-size:.86rem;color:rgba(255,255,255,.66)}
.tag{font-size:.72rem;padding:3px 9px;border-radius:999px;background:rgba(45,212,191,.16);color:var(--teal)}
.chart{display:block;width:100%;height:auto;margin:20px 0 22px}
.alloc{display:grid;gap:13px;margin:0;padding:0;list-style:none;font-size:.88rem}
.alloc li{display:grid;grid-template-columns:96px 1fr 38px;gap:12px;align-items:center;color:rgba(255,255,255,.8)}
.bar{height:6px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden}
.bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--teal),#38bdf8)}
.pct{text-align:right;color:rgba(255,255,255,.6)}
.pillars{border-bottom:1px solid var(--line)}
.pillars .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:44px;padding-bottom:44px}
.pillars h3{font-size:1.02rem;margin-bottom:6px}
.pillars p,.card p,.step p{color:var(--muted);font-size:.96rem}
.section{padding:96px 0}
.fog{background:var(--fog)}
.section-head{max-width:620px;margin-bottom:48px}
.section-head h2{font-size:clamp(1.9rem,3.4vw,2.6rem);margin:12px 0 12px}
.section-head .eyebrow{color:var(--blue)}
.section-head p{color:var(--muted);font-size:1.08rem}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;transition:transform .15s,box-shadow .15s}
.card:hover{transform:translateY(-3px);box-shadow:0 18px 36px -24px rgba(11,22,38,.4)}
.card h3{font-size:1.08rem;margin:16px 0 8px}
.icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(45,212,191,.2),rgba(37,99,235,.18));color:var(--blue)}
.icon svg{width:20px;height:20px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:0;padding:0;list-style:none}
.step{border-top:2px solid var(--ink);padding-top:18px}
.step span{font-size:.82rem;font-weight:600;color:var(--muted)}
.step h3{font-size:1.2rem;margin:8px 0}
.cta{padding:0 0 96px}
.fog + .cta{padding-top:96px}
.cta-box{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;color:#fff;border-radius:24px;padding:52px;background:radial-gradient(600px 300px at 100% 0,rgba(45,212,191,.28),transparent 65%),var(--ink)}
.cta-box h2{font-size:clamp(1.7rem,3vw,2.3rem);margin-bottom:8px}
.cta-box p{color:rgba(255,255,255,.7)}
.site-footer{border-top:1px solid var(--line);padding:44px 0;font-size:.88rem;color:var(--muted)}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;color:var(--ink)}
.footer-links{display:flex;gap:24px;color:var(--muted)}
.legal{margin-top:24px;max-width:760px;font-size:.8rem}
.simple{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px;color:#fff;background:radial-gradient(800px 500px at 50% -10%,rgba(45,212,191,.2),transparent 62%),var(--ink)}
.simple .brand{margin-bottom:28px}
.simple h1{font-size:2.2rem;margin-bottom:12px}
.simple p{color:rgba(255,255,255,.7);max-width:30em;margin:0 auto 28px}
@media (max-width:980px){.hero-inner{grid-template-columns:1fr;gap:48px;padding-top:72px;padding-bottom:80px}.cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:680px){.nav{display:none}.header-inner{justify-content:space-between;gap:12px}.btn-small{padding:0 12px}.pillars .wrap,.steps,.cards{grid-template-columns:1fr;gap:18px}.steps{gap:28px}.section{padding:68px 0}.cta{padding-bottom:68px}.fog + .cta{padding-top:68px}.cta-box{padding:34px}}