:root{--bg:#0b1020;--fg:#f4f7ff;--muted:#9aa7c2;--line:#243050;--accent:#5b8cff;--card:#121a31}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 500px at 80% -10%,#1a2a55,transparent),var(--bg);color:var(--fg);font-family:"Avenir Next",system-ui,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}.wrap{width:min(1060px,calc(100% - 2rem));margin:0 auto}
header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0}.logo{font-weight:800;letter-spacing:-.03em}nav{display:flex;gap:1rem;color:var(--muted);font-size:.9rem}
.hero{padding:4rem 0 2.5rem;display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}
h1{font-size:clamp(2.4rem,5vw,3.6rem);letter-spacing:-.04em;line-height:1.05;margin:0}.lede{color:var(--muted);max-width:34rem}
.cta{display:inline-flex;margin-top:1.4rem;background:var(--accent);color:#06101f;font-weight:700;padding:.85rem 1.2rem;border-radius:.9rem}
.panel{background:linear-gradient(160deg,#1a2748,#10182c);border:1px solid var(--line);border-radius:1.2rem;min-height:260px;padding:1.2rem}
.panel .bar{height:10px;width:40%;background:#3d548a;border-radius:999px;margin-bottom:1rem}
.panel .row{height:48px;background:#162038;border:1px solid var(--line);border-radius:.7rem;margin-bottom:.7rem}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0 3rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:1rem;padding:1.15rem}.card h2{margin:0 0 .4rem;font-size:1.05rem}.card p{margin:0;color:var(--muted);font-size:.92rem}
footer{color:var(--muted);font-size:.8rem;padding-bottom:2.5rem}
@media(max-width:860px){.hero,.features{grid-template-columns:1fr}}