:root{
--blue:#081A3A;--text:#182230;--muted:#687385;--line:#e8ebef;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,sans-serif;color:var(--text);background:#fff;line-height:1.7}
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}
.logo{max-width:620px;width:90%;margin-bottom:2rem}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#6b7280;font-size:.82rem}
h1{font-size:clamp(2.2rem,5vw,4rem);max-width:900px;color:var(--blue);margin:.4rem 0}
.lead{max-width:760px;color:var(--muted)}
.btn{margin-top:2rem;text-decoration:none;color:#fff;background:var(--blue);padding:14px 28px;border-radius:999px;transition:.25s}
.btn:hover{transform:translateY(-2px)}
.section{max-width:900px;margin:0 auto;padding:6rem 1.5rem;text-align:center}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;max-width:1100px;margin:auto;padding:0 1.5rem 5rem}
.cards article{border:1px solid var(--line);border-radius:18px;padding:2rem;background:#fff;transition:.25s}
.cards article:hover{transform:translateY(-6px);box-shadow:0 14px 35px rgba(0,0,0,.06)}
.roadmap ul{list-style:none;padding:0}
.roadmap li{padding:12px 0;border-bottom:1px solid var(--line)}
.quote{padding:6rem 2rem;text-align:center;font-size:clamp(1.8rem,4vw,3rem);color:var(--blue);font-weight:300}
footer{border-top:1px solid var(--line);padding:3rem 2rem;text-align:center;color:var(--muted)}
footer nav{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:1rem}
footer a{text-decoration:none;color:inherit}