:root{--primary:#0f172a;--accent:#16a34a;--bg:#f8fafc;--text:#334155;--muted:#64748b;--border:#e2e8f0;--card:#ffffff;}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;color:var(--text);background:#fff;line-height:1.65;padding-bottom:84px}
a{color:inherit}
.container{max-width:1040px;margin:0 auto;padding:0 18px}
.topbar{background:var(--bg);border-bottom:1px solid var(--border);font-size:.9rem;color:var(--muted)}
.topbar .container{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:10px 18px}
header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);z-index:50}
header .container{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;gap:14px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{height:32px;width:auto}
.nav{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.nav a{text-decoration:none;color:var(--text);font-weight:650;font-size:.95rem;opacity:.92}
.nav a:hover{opacity:1}
.phone{font-weight:800;color:var(--primary);text-decoration:none;white-space:nowrap}
.hero{background:linear-gradient(180deg,var(--bg),#fff);border-bottom:1px solid var(--border);padding:44px 0}
.hero h1{color:var(--primary);margin:0 0 10px;font-size:2.1rem;letter-spacing:-.02em}
.hero p{margin:0 0 18px;color:var(--muted);max-width:64ch}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.badge{display:flex;gap:8px;align-items:center;border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 12px;font-weight:700;font-size:.88rem;color:var(--primary)}
.badge img{width:18px;height:18px}
.btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:10px;padding:12px 16px;text-decoration:none;font-weight:850}
.btn.secondary{background:#fff;color:var(--primary);border:1px solid var(--border)}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.card{grid-column:span 6;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px}
.card h3{margin:6px 0 6px;color:var(--primary)}
.card p{margin:0;color:var(--muted)}
.card .meta{margin-top:10px;font-size:.88rem;color:var(--muted)}
.section{padding:34px 0}
.h2{margin:0 0 10px;color:var(--primary);font-size:1.45rem;letter-spacing:-.01em}
.lead{margin:0 0 16px;color:var(--muted);max-width:74ch}
.article{max-width:860px}
.article h1{color:var(--primary);margin:0 0 8px;font-size:2rem;letter-spacing:-.02em}
.article .sub{color:var(--muted);margin:0 0 18px}
.kit{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.pill{border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-weight:750;font-size:.88rem;color:var(--primary);background:#fff}
.callout{border:1px solid var(--border);border-radius:16px;padding:16px;background:var(--bg);margin:16px 0}
.callout strong{color:var(--primary)}
.footer{background:var(--primary);color:#cbd5e1;margin-top:32px}
.footer .container{padding:28px 18px}
.footer a{color:#cbd5e1}
.footer .cols{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.footer .col{grid-column:span 4}
.footer h4{margin:0 0 8px;color:#fff}
.small{font-size:.86rem;color:#94a3b8}
.sticky{position:fixed;bottom:0;left:0;width:100%;background:#fff;border-top:1px solid var(--border);box-shadow:0 -8px 26px rgba(0,0,0,.08);z-index:99}
.sticky .container{padding:12px 18px;display:flex;gap:10px;justify-content:space-between;align-items:center}
.sticky .btn{width:100%}
@media(min-width:900px){.sticky{display:none}}
@media(max-width:900px){.card{grid-column:span 12}.nav{display:none}.hero h1{font-size:1.8rem}}