:root{--primary:#00B5D8;--primary-dark:#0090ac;--ink:#0f172a;--muted:#475569;--bg:#f8fafc}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto}
a{color:var(--primary)}a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 1rem}
.btn{display:inline-block;background:var(--primary);color:#fff;padding:.8rem 1.1rem;border-radius:.6rem;font-weight:700;text-decoration:none}
.btn:hover{background:var(--primary-dark)}
nav{position:sticky;top:0;background:#fff;border-bottom:1px solid #e2e8f0;z-index:10}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:.6rem}.brand img{height:42px}
.menu{display:flex;gap:1rem}.menu a{padding:.5rem .7rem;border-radius:.4rem;color:var(--muted);font-weight:600}
@media(max-width:840px){.menu{display:none}#hamburger{display:block}}
#hamburger{display:none;background:none;border:0;font-size:1.5rem}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;padding:2.5rem 0}
.badge{display:inline-block;background:#ecfeff;border:1px solid #bae6fd;color:#075985;padding:.25rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:700}
.section{padding:3rem 0}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:.8rem;padding:1.25rem}
.pricing{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}
.plan{background:#fff;border:1px solid #e2e8f0;border-radius:.8rem;padding:1.25rem}
.price{font-size:1.8rem;font-weight:800}.note{color:#64748b}
footer{border-top:1px solid #e2e8f0;background:#fff;margin-top:2rem}
.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;padding:2rem 0}
@media(max-width:900px){.grid,.pricing{grid-template-columns:1fr}.hero{grid-template-columns:1fr}}