:root{
  --navy:#051C3C;       /* deep navy (branding) */
  --navy-2:#0B2C5A;     /* variação */
  --ink:#0B0F18;        /* texto */
  --muted:#667085;      /* texto secundário */
  --bg:#ffffff;
  --card:#ffffff;
  --line:#e6e8eb;
  --accent:#00c851;     /* CTA green */
  --accent-dk:#007e33;
  --pop:#7C5CFF;        /* realce lilás */
  --radius:16px;
  --shadow:0 10px 30px #051c3c14;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans",sans-serif;color:var(--ink);background:var(--bg)}

.container{max-width:1160px;margin:0 auto;padding:0 20px}

/* NAV */
.nav{
  position:sticky;top:0;z-index:60;background:linear-gradient(180deg,var(--navy),#071f46);
  border-bottom:1px solid #0e2a53; color:#fff;
}
.nav.glass{backdrop-filter:saturate(140%) blur(6px); background:#0b1f3fbf}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:74px}
.nav-cta{display:flex;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:12px;font-weight:800;text-decoration:none;transition:.2s}
.btn-primary{background:var(--accent);color:#fff;box-shadow:0 12px 28px #00c85133}
.btn-primary:hover{background:var(--accent-dk);transform:translateY(-1px)}
.btn-outline{border:2px solid #ffffff; color:#fff}
.btn-outline:hover{background:#ffffff1a}
.btn-ghost{background:#ecf4ff;color:var(--navy);border:2px solid #d5e4ff}
.btn-ghost:hover{background:#dcedff}
.btn.full{width:100%}
.btn.lg{padding:14px 20px;border-radius:14px}

/* HERO */
.hero{position:relative;overflow:hidden}
.hero .bg{
  position:absolute;inset:0;
  background:
    radial-gradient(1200px 500px at 10% -10%, #0b2c5a33, transparent),
    radial-gradient(800px 600px at 120% 0%, #7c5cff22, transparent),
    linear-gradient(180deg, #071a38 0%, #0b2c5a 50%, #0a1933 100%);
  z-index:-1;
}
.hero-wrap{display:grid;gap:24px;align-items:center;padding:56px 0 28px;color:#fff}
@media(min-width:980px){.hero-wrap{grid-template-columns:1.1fr .9fr}}
.hero-copy h1{font-size:clamp(28px,4.2vw,44px);line-height:1.15;margin:0 0 10px}
.hero-copy p{color:#cfdbff;margin:0 0 18px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 20px}
.trust{list-style:none;display:flex;gap:16px;padding:0;margin:6px 0 0;font-weight:700;color:#cbe1ff}

.lead-card{
  background:#ffffff; border:1px solid var(--line); border-radius:18px; padding:18px; box-shadow:var(--shadow); color:var(--ink)
}
.lead-card h2{margin:0 0 8px}
.lead-card input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;margin:8px 0;font-size:15px}
.lead-card input:focus{border-color:#8fb3ff; box-shadow:0 0 0 4px #8fb3ff33; outline:0}
.lead-card .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lead-card .radios{display:flex;gap:12px;flex-wrap:wrap;margin:6px 0 10px}
.lead-card .safe{color:var(--muted)}

/* PLANS */
.plans{padding:30px 0 10px;background:linear-gradient(180deg,#f8faff,#ffffff)}
.cards{display:grid;gap:20px}
@media(min-width:980px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
  padding:20px; box-shadow:var(--shadow); display:flex;flex-direction:column; gap:16px; transform:translateY(0); transition:.2s
}
.card:hover{transform:translateY(-4px)}
.card header{display:flex;align-items:baseline;gap:10px}
.card h3{font-size:28px;margin:0}
.card .sub{margin:-6px 0 0;color:var(--muted)}
.chip{background:#edf4ff;color:#213a78;border:1px solid #dce8ff;padding:4px 8px;border-radius:999px;font-weight:800;font-size:12px}
.chip.pop{background:#fff3d2;color:#6b4e00;border-color:#ffe7a3}
.features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.price{font-size:18px}
.featured{border:2px solid var(--accent); box-shadow:0 18px 30px #00c8511a}
.featured .price{font-size:20px}

/* FAQ */
.faq{padding:28px 0 44px}
.faq h2{margin:0 0 12px}
.faq-grid{display:grid;gap:12px}
@media(min-width:920px){.faq-grid{grid-template-columns:1fr 1fr}}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}
.faq summary{cursor:pointer;font-weight:800}

/* FOOTER */
.footer{background:linear-gradient(180deg,var(--navy),#081e40);color:#fff}
.foot{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:78px}
.ft-actions{display:flex;gap:10px}

/* MOBILE CTA + FAB */
.mobile-cta{position:fixed;left:0;right:0;bottom:12px;display:none;justify-content:center;z-index:70}
@media(max-width:760px){.mobile-cta{display:flex}}
.mobile-cta .btn{width:min(560px,92vw);border-radius:16px;box-shadow:0 14px 28px #00c85140}
.fab{position:fixed;right:18px;bottom:92px;width:56px;height:56px;border-radius:999px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:22px;box-shadow:0 12px 28px #00c8513a;z-index:65}
.fab:hover{background:var(--accent-dk)}

/* ======= Triunfo palette refinement ======= */
:root{
  --navy:#002147;        /* azul-marinho Triunfo */
  --navy-2:#0B2C5A;
  --accent:#00c851;      /* verde CTA */
  --accent-dk:#007e33;
  --ink:#0B0F18;
  --line:#e6e8eb;
  --pop:#7C5CFF;         /* realce suave */
  --radius:16px;
  --shadow:0 10px 30px #0021471a;
}

/* ======= Bloco: Planos de Celular ======= */
.mobile-section{
  position:relative;
  padding:42px 0;
  background:
    radial-gradient(800px 420px at -10% -10%, #0b2c5a22, transparent),
    radial-gradient(600px 420px at 110% -20%, #7c5cff22, transparent),
    linear-gradient(180deg,#f7faff,#ffffff);
}
.mobile-head{
  text-align:center;
  margin-bottom:18px;
}
.mobile-head h2{
  font-size:clamp(24px,3.2vw,34px);
  color:var(--navy);
  margin:0 0 6px;
}
.mobile-head p{color:#667085;margin:0}
.mobile-grid{
  max-width:1160px;margin:0 auto;padding:0 20px;
  display:grid;gap:22px
}
@media(min-width:980px){.mobile-grid{grid-template-columns:repeat(3,1fr)}}
.mcard{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;
  transition:transform .18s ease;
}
.mcard:hover{transform:translateY(-4px)}
.mcard header{display:flex;align-items:baseline;gap:10px}
.mchip{background:#edf4ff;border:1px solid #dce8ff;color:#213a78;padding:4px 10px;border-radius:999px;font-weight:800;font-size:12px}
.mchip.pop{background:#fff3d2;border-color:#ffe7a3;color:#6b4e00}
.mtitle{font-size:22px;margin:0}
.msub{margin:-6px 0 0;color:#667085}
.mlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.mprice{font-size:18px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:12px;font-weight:800;text-decoration:none;transition:.2s}
.btn-primary{background:var(--accent);color:#fff;box-shadow:0 12px 28px #00c85133}
.btn-primary:hover{background:var(--accent-dk);transform:translateY(-1px)}
.btn.full{width:100%}

/* Faixa vibrante no topo da seção (opcional) */
.mobile-ribbon{
  display:inline-block;margin:0 auto 14px;padding:6px 12px;border-radius:999px;
  background:linear-gradient(90deg,#00c851,#7C5CFF);
  color:#fff;font-weight:800;font-size:12px;letter-spacing:.4px;
}