:root { font-family: Inter, system-ui, sans-serif; color: #17202a; background: #f6f7f9; }
* { box-sizing: border-box; }
body { margin: 0; }
.shell { max-width: 1050px; margin: auto; padding: 28px; }
nav { display:flex; justify-content:space-between; gap:20px; align-items:center; font-size:14px; }
nav strong { font-size:20px; } nav span { color:#667085; }
.hero { padding:100px 0 70px; max-width:820px; }
.eyebrow { font-size:12px; font-weight:800; letter-spacing:.12em; color:#667085; }
h1 { font-size:clamp(42px,7vw,76px); line-height:1.02; margin:18px 0; letter-spacing:-.04em; }
.lead { font-size:20px; line-height:1.55; color:#4b5563; max-width:700px; }
.actions { display:flex; gap:12px; margin-top:30px; flex-wrap:wrap; }
a { display:inline-block; padding:13px 18px; border-radius:10px; background:#111827; color:white; text-decoration:none; font-weight:700; }
a.secondary { background:white; color:#111827; border:1px solid #d0d5dd; }
.grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; padding-bottom:60px; }
article { background:white; border:1px solid #e4e7ec; border-radius:16px; padding:25px; } article h2 { margin-top:0; } article p { color:#667085; line-height:1.55; }
@media(max-width:700px){ .grid{grid-template-columns:1fr;} nav span{display:none;} .hero{padding-top:65px;} }