body{font-family:'Inter',sans-serif;margin:0;color:#111;background:#fff}
.container{max-width:1200px;margin:0 auto}
.nav{display:flex;justify-content:space-between;align-items:center;padding:24px 60px;border-bottom:1px solid #eee}
.hero{padding:120px 60px}
.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px}
.kicker{font-size:12px;letter-spacing:2px;color:#666;margin-bottom:10px}
h1{font-size:48px;line-height:1.2;margin:0 0 12px}
h2{font-size:28px;margin:0 0 12px}
p{color:#555}
.inline-actions{margin-top:20px;display:flex;gap:12px}
.button{padding:12px 20px;background:#0A1F44;color:#fff;text-decoration:none;border-radius:4px}
.button.secondary{background:transparent;border:1px solid #ddd;color:#111}
.hero-card{border:1px solid #eee;padding:24px;border-radius:8px}
.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:10px}
.metric strong{display:block;font-size:20px}
.section{padding:80px 60px}
.section-title{margin-bottom:40px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.card{border:1px solid #eee;padding:24px;border-radius:8px}
.footer{border-top:1px solid #eee;padding:20px 60px}