:root{
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.68);

  /* Identidade AtendeIA */
  --brand: #20E3A2;  /* verde água */
  --brand2:#2D8CFF;  /* azul */
  --warning:#f59e0b;

  --border: rgba(255,255,255,.14);
  --shadow: 0 20px 60px rgba(0,0,0,.45);
  --radius: 22px;
}

*{ box-sizing: border-box; }
html, body{ height: 100%; }
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: radial-gradient(1200px 700px at 20% 0%, rgba(45,140,255,.18), transparent 55%),
              radial-gradient(900px 700px at 90% 20%, rgba(32,227,162,.14), transparent 60%),
              linear-gradient(180deg, #070b14 0%, #050814 100%);
  color: var(--text);
  overflow-x: hidden;
}

.fw-900{ font-weight: 900; }
.muted{ color: var(--muted); }

.nav-blur{
  background: rgba(7,11,20,.55);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--border);
}

.brand-logo{ filter: drop-shadow(0 10px 24px rgba(0,0,0,.35)); }
.hero-logo{
  width: min(520px, 100%);
  height: auto;
  opacity: .98;
}

.badge-soft{
  background: rgba(32,227,162,.12) !important;
  color: #bfffe8 !important;
  border: 1px solid rgba(32,227,162,.25) !important;
}

.btn-brand{
  background: linear-gradient(135deg, var(--brand), var(--brand2)) !important;
  border: none !important;
  box-shadow: 0 10px 30px rgba(32,227,162,.16);
  color: #07110a !important;
  font-weight: 900 !important;
}
.btn-brand:hover{ filter: brightness(1.05); }

.btn-outline-light2{
  border: 1px solid var(--border) !important;
  background: rgba(255,255,255,.04) !important;
  color: var(--text) !important;
  font-weight: 800 !important;
}
.btn-outline-light2:hover{
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.22) !important;
}

.hero{
  padding: 88px 0 40px;
  position: relative;
}
.hero-card{
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.hero-visual{
  min-height: 500px;
  border-left: 1px solid var(--border);
  background:
    radial-gradient(600px 350px at 50% 30%, rgba(32,227,162,.16), transparent 60%),
    radial-gradient(650px 380px at 35% 60%, rgba(45,140,255,.18), transparent 58%),
    url("https://images.unsplash.com/photo-1551434678-e076c223a692?auto=format&fit=crop&w=1400&q=80") center/cover no-repeat;
  position: relative;
}
.hero-visual::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(90deg, rgba(7,11,20,.92) 0%, rgba(7,11,20,.18) 55%, rgba(7,11,20,.62) 100%);
}
.hero-overlay{
  position: relative;
  z-index: 1;
  height: 100%;
  display:flex;
  align-items: flex-end;
}

.text-gradient{
  background: linear-gradient(90deg, #bfffe8, #cfe4ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.glass{
  background: rgba(255,255,255,.05);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: 0 14px 40px rgba(0,0,0,.35);
}

.kpi{
  border: 1px solid var(--border);
  border-radius: 18px;
  background: rgba(255,255,255,.04);
  padding: 14px 14px;
}
.kpi strong{ font-size: 1.05rem; }

.dot{
  width:10px; height:10px; border-radius:999px;
  display:inline-block;
  opacity:.95;
}
.dot-green{ background: var(--brand); }
.dot-blue{ background: var(--brand2); }
.dot-amber{ background: var(--warning); }

.chip{
  display:inline-flex;
  align-items:center;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.04);
  font-size: .9rem;
  color: rgba(255,255,255,.85);
}

.trust{
  border-top: 1px solid var(--border);
  padding-top: 14px;
}
.trust-item{ display:flex; align-items:center; gap: 8px; }
.trust-item i{ color: rgba(32,227,162,.95); }

.section{ padding: 68px 0; }
.section-title{ font-weight: 900; letter-spacing: -.02em; }
.cardx{
  background: rgba(255,255,255,.05);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: 0 14px 40px rgba(0,0,0,.25);
}
.icon-pill{
  width: 44px; height: 44px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.06);
  border: 1px solid var(--border);
}
.icon-pill.brand{ background: rgba(32,227,162,.12); border-color: rgba(32,227,162,.25); }
.icon-pill.blue{ background: rgba(45,140,255,.12); border-color: rgba(45,140,255,.25); }

.list-check .item{
  padding: 10px 0;
  border-bottom: 1px dashed rgba(255,255,255,.12);
  color: rgba(255,255,255,.84);
}
.list-check .item:last-child{ border-bottom: none; }
.list-check .bi-check2-circle{ color: rgba(32,227,162,.95); }

.price .amount{
  font-size: 2.05rem;
  font-weight: 900;
  letter-spacing: -.02em;
}
.featured{
  transform: translateY(-8px);
  border-color: rgba(32,227,162,.28);
  box-shadow: 0 18px 70px rgba(32,227,162,.08);
}

/* Agent cards */
.agent-card h5{
  margin: 0;
  font-weight: 900;
  font-size: 1.05rem;
}
.agent-top{
  display:flex;
  align-items:center;
  gap: 10px;
  margin-bottom: 10px;
}
.agent-top i{
  width: 44px; height: 44px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: linear-gradient(135deg, rgba(32,227,162,.14), rgba(45,140,255,.14));
  border: 1px solid rgba(255,255,255,.14);
  font-size: 1.15rem;
}

/* Mini grid inside hero */
.grid-mini{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.mini-card{
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
}
.mini-top{
  display:flex;
  align-items:center;
  gap: 10px;
  font-weight: 900;
}
.mini-top i{
  color: rgba(32,227,162,.95);
  font-size: 1.1rem;
}

/* Image cards */
.image-card{
  position: relative;
  overflow: hidden;
  background: var(--img) center/cover no-repeat;
}
.image-card::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(7,11,20,.25) 0%, rgba(7,11,20,.85) 90%);
}
.image-card-overlay{
  position: relative;
  z-index: 1;
}

/* Testimonials */
.avatar{
  width: 40px; height: 40px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  font-weight: 900;
  background: linear-gradient(135deg, rgba(32,227,162,.18), rgba(45,140,255,.18));
  border: 1px solid rgba(255,255,255,.14);
}
.stars i{ color: rgba(245,158,11,.95); }

/* Form */
.formx .form-control{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.92);
}
.formx .form-control:focus{
  border-color: rgba(32,227,162,.35);
  box-shadow: 0 0 0 .25rem rgba(32,227,162,.10);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
}

/* Footer */
.footer{
  border-top: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.02);
}

/* Sticky CTA (mobile) */
.sticky-cta{
  position: fixed;
  left: 12px; right: 12px; bottom: 12px;
  z-index: 1050;
  padding: 10px;
  border-radius: 18px;
  background: rgba(7,11,20,.55);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 14px 40px rgba(0,0,0,.35);
}

@media (max-width: 991px){
  .hero-visual{ border-left: none; border-top: 1px solid rgba(255,255,255,.12); }
  .featured{ transform:none; }
  .section{ padding: 58px 0; }
}