:root{
  --bg:#0f1226; --text:#e8eaf6; --muted:#aab0d5; --accent:#06b6d4; --primary:#7c3aed;
}
html,body{scroll-behavior:smooth}
body{
  font-family:"Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background:
    radial-gradient(1200px 800px at 10% -10%, rgba(124,58,237,.15), transparent 60%),
    radial-gradient(1200px 800px at 110% 10%, rgba(6,182,212,.10), transparent 60%),
    var(--bg);
}
.brand-mark{width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--primary));display:inline-block}
.text-accent{color:var(--accent)}
.btn-pill{border-radius:999px}

/* Curvas hero */
.hero-shape{position:absolute;filter:blur(60px);opacity:.35;z-index:0;border-radius:50%;}
.hero-shape--left{width:420px;height:420px;left:-120px;top:-100px;background:radial-gradient(circle at 30% 30%, rgba(124,58,237,.6), transparent 60%)}
.hero-shape--right{width:520px;height:520px;right:-160px;bottom:-140px;background:radial-gradient(circle at 70% 70%, rgba(6,182,212,.6), transparent 60%)}

.bg-cyan{background:#c1fff7!important}
.grad{background:linear-gradient(135deg,var(--accent),var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent}
.bg-glass{background:rgba(255,255,255,.05)!important;backdrop-filter:blur(10px)}
.dot-gradient{width:10px;height:10px;border-radius:999px;display:inline-block;background:linear-gradient(135deg,#00e5ff,#7c3aed)}

/* Bubbles */
.bubble{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:.6rem .9rem;max-width:85%;margin-bottom:.5rem;font-size:.95rem}
.bubble-ai{background:rgba(124,58,237,.15);border-color:rgba(124,58,237,.35)}

/* Pricing destaque meio */
.border-cyan{border:1px solid rgba(6,182,212,.45)!important}
.shadow-cyan{box-shadow:0 0 0 1px rgba(6,182,212,.15), 0 1rem 2rem rgba(0,0,0,.35)!important}
.recommended{transform:translateY(-6px)}
.ribbon{
  position:absolute; top:14px; right:-6px; background:linear-gradient(135deg,#baffff,#9e8cff 60%,#baffff 100%);
  color:#07121f; font-weight:800; font-size:.75rem; padding:.35rem .6rem; border-top-left-radius:999px; border-bottom-left-radius:999px;
  box-shadow:0 8px 16px rgba(124,58,237,.25);
}

/* Recursos - icones */
.icon-hero{flex:0 0 auto}

/* Ajustes cores utilitárias */
a.nav-link, .text-secondary{color:var(--muted)!important}