:root{
  --bg:#0a0a0b; --panel:#111113; --border:#1e1e26; --text:#f6f6f7; --muted:#b7b7c2;
  --primary:#e10600; --gloss1:#ff5145; --gloss2:#b50a05; --gloss3:#7a0603;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:#fff;text-decoration:none}
.container{max-width:1120px;margin:0 auto;padding:20px}
/* Nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(10,10,11,.8);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.6px}
.logo .dot{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#ff3b30,var(--primary));box-shadow:0 0 0 6px rgba(225,6,0,.25)}
.navlinks a{margin:0 10px;color:#fff;opacity:.92}
/* Hero */
.hero{padding:42px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}
.hero-text{flex:1}
.hero-logo{flex:0 0 auto}
.hero-logo img{max-width:180px; height:auto}
h1{font-size:46px;line-height:1.08;margin:0}
.lead{color:var(--muted);margin:12px 0 22px}
.badge{display:inline-flex;gap:8px;align-items:center;background:#131316;border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-weight:700}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#e10600,#b00400);border:1px solid #900300;color:#fff;padding:12px 18px;border-radius:12px;font-weight:800;box-shadow:0 10px 22px rgba(225,6,0,.28)}
.btn.ghost{background:#131316;border:1px solid var(--border);font-weight:700}
.card{background:linear-gradient(180deg,#121214,#0f0f12);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.grid{display:grid;gap:16px}
/* Pricing */
.pricing{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}
.pricebox{
  border-radius:20px; padding:26px; text-align:center; position:relative; overflow:hidden;
  background: radial-gradient(120% 80% at 20% 0%, var(--gloss1), var(--gloss2) 40%, var(--gloss3) 100%);
  border:1px solid #7a0b08; box-shadow:0 14px 40px rgba(225,6,0,.35);
}
.pricebox:before{
  content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 40%);
  mix-blend-mode:overlay; pointer-events:none;
}
.pricebox h3{margin:8px 0 6px}
.price{font-size:40px;font-weight:900}
.sub{color:#f0eaea;opacity:.9;font-size:13px;margin-top:4px}
.tag{display:inline-block;margin-top:10px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.2);color:#fff}
/* Map */
.map-card iframe{width:100%;height:360px;border:0;border-radius:12px}
/* FAQ */
.faq .card{border:1px solid rgba(225,6,0,.35); box-shadow:0 10px 28px rgba(225,6,0,.12)}
.faq .card h3{margin-top:4px}
/* Footer + socials */
.footer{border-top:1px solid var(--border);margin-top:40px}
.footer .inner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 20px;color:var(--muted)}
.socials{display:flex;gap:12px;margin-top:10px;align-items:center;flex-wrap:wrap}
.socials a{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#141416}
.icon{width:16px;height:16px;display:inline-block}
/* Mobile */
@media(max-width:900px){
  .hero{flex-direction:column;align-items:flex-start}
  .pricing{grid-template-columns:1fr}
}
/* Sticky call */
.call-sticky{position:fixed;bottom:16px;left:16px;right:16px;background:linear-gradient(180deg,#e10600,#b00400);border:1px solid #900300;color:#fff;text-align:center;font-weight:900;border-radius:14px;padding:14px;box-shadow:0 12px 32px rgba(225,6,0,.35);display:none}
@media(max-width:900px){.call-sticky{display:block}}