body{margin:0;color:#1f3250;background:#f5f8f6;font:18px/1.65 system-ui,sans-serif}a{color:#146d53}header,main,footer{max-width:960px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;align-items:center}nav{display:flex;gap:20px}.brand{font-weight:800;font-size:24px;text-decoration:none}.hero{background:#1f3250;color:white;border-radius:28px;padding:48px;margin:24px 0}.hero p{max-width:680px}.hero a{color:#c9f3da}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:14px;font-weight:700}h1{font-size:clamp(36px,6vw,60px);line-height:1.08;margin:12px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card{background:white;border:1px solid #d6e5dc;border-radius:18px;padding:24px}code{background:#e5f3eb;border-radius:6px;padding:2px 5px}footer{border-top:1px solid #d6e5dc;font-size:15px}a:focus-visible{outline:3px solid #2b9d77;outline-offset:4px}