:root{--sun-yellow:#FFD23F;--aqua:#13B6CF;--brand-blue:#3A86FF;--ink:#1c252f;--muted:#5a6b80;--bg:#fff;--soft:#f6f8fb;}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
a{color:var(--brand-blue);text-decoration:none}.container{width:min(1100px,92%);margin:0 auto}
header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e6edf6;z-index:10}.nav{display:flex;align-items:center;gap:16px;padding:14px 0}
.logo{height:44px;width:auto}.nav .spacer{flex:1}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--brand-blue);color:#fff;padding:10px 14px;border-radius:10px;font-weight:700}
.hero{background:linear-gradient(180deg,var(--soft),#fff);padding:48px 0 30px}.hero h1{font-size:clamp(28px,4vw,46px);margin:0 0 10px}.kicker{color:var(--muted);margin:0 0 20px}.hero .cta{margin-top:6px}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:28px 0}.card{background:var(--soft);border:1px solid #e6edf6;border-radius:12px;padding:16px}.card h3{margin:0 0 8px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.section{padding:40px 0}.section h2{margin:0 0 12px;font-size:28px}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gallery img{width:100%;height:200px;object-fit:cover;border-radius:10px;border:1px solid #e6edf6}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.price{border:1px solid #e6edf6;border-radius:12px;padding:16px;background:#fff}.price h3{margin:0 0 6px}
.badge{display:inline-block;background:var(--sun-yellow);color:#111;border-radius:999px;padding:3px 10px;font-weight:700;font-size:12px;letter-spacing:.3px}
.cta-band{background:var(--brand-blue);color:#fff;padding:24px 0}.cta-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px}.cta-grid a{background:#fff;color:#111;padding:10px 14px;border-radius:10px;font-weight:700}
footer{background:#0f1723;color:#c8d1de;font-size:14px;padding:26px 0}footer a{color:#fff;font-weight:700}
@media (max-width:900px){.benefits,.pricing{grid-template-columns:1fr}.grid-2,.cta-grid{grid-template-columns:1fr}}