*{box-sizing:border-box}html,body{margin:0;padding:0}
:root{--ink:#0f172a;--line:#e5e7eb}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink)}
.container{max-width:900px;margin:0 auto;padding:20px}
.header-grid{display:flex;justify-content:space-between;align-items:center}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:10}
.logo{height:44px}
.brand-name{font-weight:700;font-size:20px;margin-left:10px;color:#1565c0}
.nav a{margin-left:16px;color:#1565c0;text-decoration:none;font-weight:500}
.hero{padding:80px 20px;text-align:center;color:#fff}
.hero.gradient{background:linear-gradient(135deg,#2e7d32,#1565c0)}
.hero h1{font-size:40px;margin-bottom:20px;font-weight:800}
.lead{font-size:18px;max-width:700px;margin:0 auto 24px}
.social a{margin:0 10px;color:#fff;text-decoration:none;font-weight:600;border-bottom:1px dotted #fff}
.section{padding:60px 20px}
.section.alt{background:#fafafa}
.section h2{color:#1565c0;font-size:28px;margin-bottom:16px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.step{border:1px solid var(--line);border-radius:12px;padding:20px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.05)}
.step-n{display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;border-radius:50%;background:#1565c0;color:#fff;font-weight:700;margin-right:8px}
.site-footer{padding:24px;text-align:center;border-top:1px solid var(--line);background:#fff}