:root{--bg:#f4f7fb;--ink:#0f172a;--muted:#64748b;--accent:#0f766e;--card:#fff;--line:rgba(15,23,42,.1)}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:"Segoe UI",system-ui,sans-serif}
a{color:inherit;text-decoration:none}.wrap{max-width:1000px;margin:0 auto;padding:0 1.25rem}
.top{background:#fff;border-bottom:1px solid var(--line)}.bar{display:flex;justify-content:space-between;align-items:center;height:64px}
.brand{font-weight:700}.btn{display:inline-block;background:var(--accent);color:#fff;padding:.75rem 1.1rem;border-radius:8px;font-weight:600}
.hero{padding:4.5rem 0 2.5rem}.hero h1{font-size:clamp(2rem,4.5vw,3.2rem);max-width:16ch;line-height:1.15}
.hero p{color:var(--muted);max-width:36rem}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{background:var(--card);border:1px solid var(--line);padding:1.1rem;border-radius:12px}
section{padding:3rem 0}.foot{border-top:1px solid var(--line);padding:2rem 0;color:var(--muted);font-size:.9rem}
@media(max-width:700px){nav{display:none}}