/* === SERVIÇOS — MM Solution === */
:root{ --brand-grad: linear-gradient(90deg,var(--brand),#6ee7ff); }

/* HERO */
.sv-hero{
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(1200px 600px at 70% -10%, rgba(124,58,237,.25), transparent 60%),
    radial-gradient(900px 500px at 0% 10%, rgba(110,231,255,.14), transparent 60%),
    linear-gradient(180deg, rgba(11,18,32,.9), rgba(11,18,32,.75));
}
.sv-hero .container{ padding:72px 0 40px; }
.sv-kicker{
  display:inline-flex; align-items:center; gap:10px;
  padding:6px 10px; border:1px solid #ffffff1f; border-radius:999px;
  color:var(--brand-2); font-weight:800; letter-spacing:.12em; text-transform:uppercase; font-size:.85rem;
  backdrop-filter: blur(6px);
}
.sv-dot{ width:8px; height:8px; border-radius:50%; background:var(--brand-grad); box-shadow:0 0 14px rgba(110,231,255,.35); }
.sv-title{ font-weight:800; font-size:clamp(28px,4.8vw,60px); line-height:1.05; margin:16px 0 10px; }
.sv-sub{ color:var(--muted); max-width:820px; font-size:clamp(16px,1.5vw,19px); }

.sv-ctas{ display:flex; gap:12px; margin-top:18px; flex-wrap:wrap; }
.sv-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:12px 18px; border-radius:12px; font-weight:800; text-decoration:none; border:1px solid transparent;
  transition:transform .08s ease, box-shadow .2s ease, opacity .2s ease;
}
.sv-btn:active{ transform:translateY(1px); opacity:.96; }
.sv-btn--primary{ background:linear-gradient(135deg,var(--brand),#5c028c); color:#111; box-shadow:0 10px 28px rgba(230,224,236,.24); }
.sv-btn--ghost{ border:1px solid #ffffff2b; color:var(--ink); background:transparent; }
.sv-btn--ghost:hover{ background:#ffffff12; }

/* SEÇÃO */
.sv-section{ padding:52px 0; }

/* GRID CARDS */
.sv-grid{
  display:grid; gap:22px;
  grid-template-columns:repeat(3,1fr);
}
@media (max-width: 1080px){ .sv-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width: 640px){ .sv-grid{ grid-template-columns:1fr; } }

.sv-card{
  position:relative;
  background:linear-gradient(180deg,var(--panel),#0d1528);
  border:1px solid var(--line);
  border-radius:18px;
  padding:20px 20px 18px;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.sv-card:before{
  content:""; position:absolute; inset:-1px;
  border-radius:inherit; pointer-events:none;
  background: radial-gradient(400px 200px at 90% -20%, rgba(110,231,255,.18), transparent 60%);
  opacity:.7;
}
.sv-ico{
  width:44px; height:44px; border-radius:12px;
  display:grid; place-items:center;
  background:linear-gradient(180deg,#0f1a33,#0d172c); border:1px solid #ffffff1a; box-shadow:0 8px 20px rgba(0,0,0,.25);
  color:#dbeafe; margin-bottom:10px;
}
.sv-ico svg{ width:24px; height:24px; display:block; }
.sv-card h3{ margin:6px 0 6px; font-size:1.12rem; }
.sv-card p{ color:var(--ink); opacity:.9; margin:0 0 10px; }

.sv-bullets{ list-style:none; padding:0; margin:0 0 14px; display:grid; gap:6px; }
.sv-bullets li{
  display:flex; gap:8px; align-items:flex-start; color:var(--muted); font-size:.95rem;
}
.sv-bullets li:before{
  content:""; width:8px; height:8px; border-radius:50%;
  background: var(--brand-grad); margin-top:.45rem; flex:0 0 8px;
}

.sv-card-cta{ display:flex; gap:10px; }
.sv-card:hover{ transform: translateY(-2px); transition: transform .16s ease; }

/* CTA FINAL */
.sv-foot-cta{
  text-align:center;
  padding:26px;
  background:linear-gradient(180deg, rgba(110,231,255,.08), rgba(124,58,237,.08));
  border:1px solid #ffffff26; border-radius:18px; box-shadow:var(--shadow);
}
.sv-foot-cta h2{ margin:0 0 8px; font-size:clamp(1.3rem,4vw,2rem); font-weight:800; }
.sv-foot-cta p{ color:var(--muted); margin:0 0 12px; }