:root{--bg:#ffffff;--fg:#0f172a;--muted:#475569;--accent:#0f172a;--card:#f8fafc;--ring:#0f172a;}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--fg);background:var(--bg)}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.header{position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-bottom:1px solid #e2e8f0;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:10px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700}
.brand img{width:32px;height:32px;border-radius:12px}
.nav a.link{color:var(--fg);text-decoration:none;margin-left:18px;font-size:15px}
.nav .links{display:flex;align-items:center;gap:18px}
.hero{background:linear-gradient(to bottom,#f8fafc,transparent);padding:56px 0}
h1{font-size:36px;line-height:1.1;margin:0}
h2{font-size:28px;margin:0}
.sub{color:var(--muted);margin-top:8px}
.grid{display:grid;gap:16px}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px}
.section{padding:56px 0}
.price{font-size:28px;font-weight:700}
.list{list-style:none;padding:0;margin:0}
.list li{display:flex;gap:8px;align-items:flex-start;margin:6px 0;color:var(--muted)}
.cta{background:#0f172a;color:#fff}
.cta a{color:#fff}
.footer{font-size:12px;color:#94a3b8;border-top:1px solid #e2e8f0;padding:24px 0}
.icon-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px}
.icon-link img{width:28px;height:28px}
.contact-cta{display:flex;align-items:center;gap:16px;margin-top:12px}
@media(min-width:900px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:899px){h1{font-size:30px}.nav .links{display:none}}