/* Monkey Code — styles.css */
:root{
  --brand: #0B0B0B;
  --brand-2: #0EA5E9;
  --brand-3: #F59E0B;
  --accent-green: #22C55E;
  --ink: #E5E7EB;
  --muted: #9CA3AF;
  --bg: #0B0B0B;
  --card: #121212;
  --line: rgba(255,255,255,.08);
}
html,body{background:var(--bg);color:var(--ink);scroll-behavior:smooth}
.navbar{background:rgba(10,10,10,.7);backdrop-filter: blur(8px);border-bottom:1px solid var(--line)}
.logo-text{letter-spacing:.5px;font-weight:700}
.btn-brand{background:var(--brand-2);border:none}
.btn-brand:hover{filter:brightness(1.05)}
.btn-ghost{border:1px solid var(--line);color:#fff}
.btn-ghost:hover{border-color:#2a2a2a;background:#111}
.hero{
  background:
    radial-gradient(1200px 400px at 10% -20%, rgba(14,165,233,.25), transparent 60%),
    radial-gradient(800px 300px at 90% -10%, rgba(245,158,11,.18), transparent 60%),
    linear-gradient(#0b0b0b, #0b0b0b);
  padding-top:7rem;padding-bottom:5rem;border-bottom:1px solid var(--line)
}
.hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1}
.hero p{color:#cbd5e1}
.badge-soft{background:rgba(14,165,233,.12);color:#7dd3fc;border:1px solid rgba(125,211,252,.25)}
.section{padding:4.5rem 0;border-bottom:1px solid var(--line)}
.card-dark{background:var(--card);border:1px solid var(--line);border-radius:14px}
.icon-pill{
  width:48px;height:48px;border-radius:10px;display:grid;place-items:center;
  background:rgba(14,165,233,.12);border:1px solid rgba(125,211,252,.18);color:#7dd3fc
}
.divider{height:1px;background:var(--line);margin:2rem 0}
.check i{color:var(--accent-green)}
.price{font-size:2rem;font-weight:700}
.faq .accordion-button{background:#0f0f0f;color:#e5e7eb}
.faq .accordion-item{background:#0f0f0f;border:1px solid var(--line)}
.footer{background:#0a0a0a;padding:2.5rem 0}
.shadow-soft{box-shadow:0 10px 30px rgba(0,0,0,.35)}
/* WhatsApp floating */
.wa-float{
  position:fixed;right:18px;bottom:18px;z-index:9999;
  width:56px;height:56px;border-radius:50%;
  background:#25D366;display:grid;place-items:center;color:#fff;
  box-shadow:0 10px 20px rgba(0,0,0,.35)
}
.wa-float:hover{filter:brightness(1.05)}
a{color:#93c5fd}
a:hover{color:#bfdbfe}