/* RESET */
*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}
body{background:#060a18;color:#e5e7eb}
a{text-decoration:none;color:inherit}
.container{max-width:1200px;margin:auto;padding:0 20px}
.center{text-align:center}

/* HEADER */
.navbar{background:#fff;position:sticky;top:0;z-index:1000;border-bottom:1px solid #e5e7eb}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand img{height:38px}
.nav-actions{display:flex;gap:18px;align-items:center}
.nav-actions .link{color:#334155;font-weight:600}

/* BUTTONS */
.btn{padding:12px 26px;border-radius:999px;font-weight:700;display:inline-block;transition:.25s}
.btn.primary{background:linear-gradient(135deg,#7c6cff,#38bdf8);color:#fff}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(56,189,248,.35)}
.btn.ghost{border:1px solid #94a3b8;color:#e5e7eb}
.btn.ghost:hover{background:#1e293b;color:#fff}

/* HERO */
.hero{
  min-height:92vh;
  background:
    linear-gradient(90deg,rgba(6,10,24,.95) 40%,rgba(6,10,24,.25)),
    url("../images/hero-bg.png") center right/cover no-repeat;
  display:flex;
  align-items:center;
}
.hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;align-items:center}
.hero-inner{max-width:720px}
.pill{background:#1e293b;padding:6px 14px;border-radius:999px;margin-bottom:16px;display:inline-block}
.hero h1{font-size:48px;line-height:1.15;margin-bottom:18px}
.hero p{color:#cbd5f5;margin-bottom:32px;max-width:620px}
.hero-actions{display:flex;gap:16px}

/* SECTIONS */
.section{padding:90px 0}
.section.dark{background:#060a18}

/* STATS */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}
.stats div{text-align:center}
.stats strong{font-size:28px;display:block}
.stats span{color:#94a3b8;font-size:14px}

/* PRICING */
.pricing-intro{text-align:center;max-width:760px;margin:0 auto 50px}
.pricing-intro p{color:#94a3b8}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.price-card{background:#0b1024;padding:36px;border-radius:18px;text-align:center;transition:.25s}
.price-card:hover{transform:translateY(-6px);box-shadow:0 25px 60px rgba(0,0,0,.4)}
.price-card.highlight{outline:2px solid #7c6cff}
.price{font-size:36px;margin:12px 0}
.price-card ul{list-style:none;margin:22px 0}
.price-card li{margin:6px 0;color:#cbd5f5}

/* FAQ */
.faq{max-width:900px;margin:50px auto 0}
.faq-item{background:#0b1024;padding:24px;border-radius:14px;margin-bottom:16px}
.faq-item h4{margin-bottom:8px}

/* FOOTER */
.footer{background:#020617;padding:80px 0 30px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.footer-logo{height:34px;margin-bottom:14px}
.footer p{color:#94a3b8;font-size:14px;line-height:1.6}
.footer h4{margin-bottom:12px}
.footer a:hover{color:#fff}
.copy{text-align:center;font-size:13px;color:#64748b;margin-top:40px;border-top:1px solid #020617;padding-top:20px}

/* FLOATING */
.contact-float{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:12px;z-index:9999}
.call-btn,.whatsapp-btn{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px}
.call-btn{background:#2563eb}
.whatsapp-btn{background:#22c55e}

/* RESPONSIVE */
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .hero h1{font-size:36px}
  .stats,.pricing{grid-template-columns:1fr}
}