:root{--accent:#0b6efd;--muted:#6b7280;font-family:Inter,system-ui,Segoe UI,Roboto,'Helvetica Neue',Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font,Inter),sans-serif;color:#111;line-height:1.5}
.container{max-width:1000px;margin:0 auto;padding:24px}
.site-header{background:#fff;border-bottom:1px solid #eee}
.site-header .container{display:flex;align-items:center;justify-content:space-between}
.logo{font-weight:700;color:var(--accent);text-decoration:none;font-size:1.25rem}
nav a{margin-left:16px;color:#111;text-decoration:none}
.hero{padding:48px 0}
.lede{color:var(--muted);font-size:1.125rem}
.cta{display:inline-block;background:var(--accent);color:#fff;padding:12px 20px;border-radius:6px;text-decoration:none}
.features ul{list-style:none;padding:0}
.features li{margin:10px 0}
.site-footer{border-top:1px solid #eee;padding:24px 0;color:var(--muted)}
form{display:grid;gap:8px;max-width:540px}
input,textarea{padding:10px;border:1px solid #ddd;border-radius:6px}
button{background:var(--accent);color:#fff;padding:10px 14px;border:none;border-radius:6px}
@media (max-width:640px){.site-header .container{flex-direction:column;align-items:flex-start}nav{margin-top:8px}nav a{margin-left:0;margin-right:12px}}