/* Melnet UI polish — inspirado Identity, cores Melnet */
:root{
  --mn-navy:#071F3D;
  --mn-navy-2:#0B315E;
  --mn-green:#72D900;
  --mn-green-2:#9BE83D;
  --mn-ink:#0f172a;
  --mn-muted:#64748b;
  --mn-line:#e2e8f0;
  --mn-surface:#f8fafc;
}
html{scroll-behavior:smooth;scroll-padding-top:90px}
:focus-visible{outline:3px solid var(--mn-green);outline-offset:3px;border-radius:6px}

/* Section heading pattern */
.sec-head{text-align:center;max-width:640px;margin:0 auto 40px}
.sec-head.align-left{text-align:left;margin-left:0}
.sec-kicker{
  display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--mn-green);margin-bottom:12px
}
.sec-head h2{
  font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:900;letter-spacing:-1px;
  line-height:1.15;color:var(--mn-navy);margin:0 0 12px
}
.sec-head h2 em,.sec-head h2 span{font-style:normal;color:var(--mn-green)}
.sec-head p{color:var(--mn-muted);font-size:1.05rem;line-height:1.6;margin:0}

/* Benefits — cards estilo Identity */
.benefits{padding:80px 0;background:var(--mn-surface)}
.benefits-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px
}
.ben-item{
  position:relative;background:#fff;border:1px solid var(--mn-line);
  border-radius:22px;padding:28px 22px 24px;
  box-shadow:0 8px 28px rgba(7,31,61,.05);
  transition:transform .25s,box-shadow .25s,border-color .25s;
  overflow:hidden
}
.ben-item:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 50px rgba(7,31,61,.1);
  border-color:rgba(114,217,0,.35)
}
.ben-item.featured{
  background:linear-gradient(160deg,var(--mn-navy) 0%,var(--mn-navy-2) 100%);
  border-color:transparent;color:#fff
}
.ben-item.featured h3,.ben-item.featured p{color:#fff}
.ben-item.featured p{color:rgba(255,255,255,.75)}
.ben-item.featured .ben-icon{background:rgba(114,217,0,.2);color:var(--mn-green)}
.ben-icon{
  width:48px;height:48px;border-radius:14px;
  background:rgba(114,217,0,.12);color:var(--mn-navy);
  display:grid;place-items:center;margin-bottom:16px
}
.ben-icon svg{width:24px;height:24px}
.ben-item h3{font-size:1.15rem;font-weight:800;margin:0 0 8px;color:var(--mn-navy)}
.ben-item p{font-size:.92rem;line-height:1.55;color:var(--mn-muted);margin:0}
.ben-num{
  position:absolute;right:16px;bottom:10px;
  font-size:2.4rem;font-weight:900;letter-spacing:-2px;
  color:rgba(7,31,61,.06);line-height:1;pointer-events:none
}
.ben-item.featured .ben-num{color:rgba(255,255,255,.08)}

@media(max-width:900px){
  .benefits-grid{grid-template-columns:1fr 1fr;gap:14px}
}
@media(max-width:560px){
  .benefits-grid{grid-template-columns:1fr}
  .benefits{padding:56px 0}
}

/* Plans section polish */
.plans-sec{padding:72px 0 80px}
.plans-sec .sec-head{margin-bottom:36px}
.plan-card{
  transition:transform .25s,box-shadow .25s!important
}
.plan-card:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 60px rgba(7,31,61,.12)!important
}

/* Play section */
.play-sec{padding:72px 0;position:relative;overflow:hidden}
.play-sec::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 50% 60% at 90% 50%,rgba(114,217,0,.15),transparent 60%);
  pointer-events:none
}
.play-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.play-copy h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:900;letter-spacing:-1px;margin:0 0 14px}
.play-copy h2 em{font-style:normal;color:var(--mn-green)}
.play-copy p{color:rgba(255,255,255,.78);font-size:1.05rem;line-height:1.6;margin:0 0 22px;max-width:440px}
.play-logos{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
@media(max-width:800px){
  .play-inner{grid-template-columns:1fr;gap:28px}
  .play-logos{justify-content:flex-start}
}

/* CTA final */
.cta-final{
  padding:80px 0;text-align:center;
  background:radial-gradient(ellipse at 50% 0%,#0B315E 0%,#071F3D 60%,#051020 100%);
  color:#fff;position:relative;overflow:hidden
}
.cta-final::before{
  content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(114,217,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(114,217,0,.04) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000,transparent 75%);
  mask-image:radial-gradient(ellipse at 50% 50%,#000,transparent 75%);
  pointer-events:none
}
.cta-final .container{position:relative;z-index:1}
.cta-final .sec-kicker{color:var(--mn-green)}
.cta-final h2{font-size:clamp(1.7rem,3.5vw,2.6rem);font-weight:900;letter-spacing:-1px;margin:10px 0 14px;color:#fff}
.cta-final p{color:rgba(255,255,255,.75);font-size:1.05rem;max-width:480px;margin:0 auto 28px;line-height:1.6}
.cta-final .btn-wa-big{
  box-shadow:0 12px 40px rgba(114,217,0,.35)!important
}
.cta-final .phone{margin-top:16px;font-size:.95rem;color:rgba(255,255,255,.55)}

/* Hero refinements */
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(114,217,0,.15);border:1px solid rgba(114,217,0,.35);
  color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.04em;
  padding:8px 14px;border-radius:999px;margin-bottom:18px
}
.pulse-dot{
  width:8px;height:8px;border-radius:50%;background:var(--mn-green);
  box-shadow:0 0 0 0 rgba(114,217,0,.5);animation:pulse-dot 1.8s infinite
}
@keyframes pulse-dot{
  0%{box-shadow:0 0 0 0 rgba(114,217,0,.5)}
  70%{box-shadow:0 0 0 10px rgba(114,217,0,0)}
  100%{box-shadow:0 0 0 0 rgba(114,217,0,0)}
}
.hero-copy h1{letter-spacing:-1.5px}
.hero-copy h1 em{color:var(--mn-green)}
.btn-hero-primary{
  background:var(--mn-green)!important;color:var(--mn-navy)!important;
  font-weight:800;border-radius:14px;padding:14px 24px;
  box-shadow:0 10px 30px rgba(114,217,0,.35);
  transition:transform .2s,box-shadow .2s
}
.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(114,217,0,.45)}
.btn-hero-ghost{
  border:1.5px solid rgba(255,255,255,.45)!important;color:#fff!important;
  border-radius:14px;padding:14px 24px;font-weight:700;
  transition:background .2s,border-color .2s
}
.btn-hero-ghost:hover{background:rgba(255,255,255,.1)!important;border-color:#fff!important}

/* Hero cards */
.hero-cards .hcard{
  backdrop-filter:blur(12px);
  transition:transform .25s,box-shadow .25s
}
.hero-cards .hcard:hover{transform:translateY(-4px)}

/* Topbar polish on scroll */
.topbar.scrolled{box-shadow:0 8px 30px rgba(0,0,0,.12)}


/* Alternating section surfaces — evita dois azuis seguidos */
.benefits{background:#f1f5f9!important}
.plans-sec{background:#fff!important}
.play-sec{
  background:#f8fafc!important;color:#071F3D!important;
  background-image:none!important
}
.play-sec::before{display:none!important}
.play-copy h2{color:#071F3D!important}
.play-copy h2 em{color:#72D900!important}
.play-copy p{color:#64748b!important}
.play-sec .sec-kicker{color:#72D900!important}
.speed{background:radial-gradient(ellipse at 15% 0,#0B315E 0%,#071F3D 55%,#051628 100%)!important}
.mesh-sec{background:#f1f5f9!important}
.cta-final{background:radial-gradient(ellipse at 50% 0%,#0B315E 0%,#071F3D 60%,#051020 100%)!important}

/* Por que Melnet — todos cards navy */
.benefits-grid .ben-item,
.ben-item{
  background:linear-gradient(160deg,#071F3D 0%,#0B315E 100%)!important;
  border-color:transparent!important;
  color:#fff!important
}
.ben-item h3,.ben-item p{color:#fff!important}
.ben-item p{color:rgba(255,255,255,.78)!important}
.ben-item .ben-icon{background:rgba(114,217,0,.2)!important;color:#72D900!important}
.ben-item .ben-num{color:rgba(255,255,255,.1)!important}
.ben-item:hover{border-color:rgba(114,217,0,.35)!important}
.ben-item.featured{background:linear-gradient(160deg,#071F3D 0%,#0B315E 100%)!important}

/* Melnet Play logos 4 colunas */
.play-logos{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:14px!important;
  width:100%!important
}
.play-logos .brand,
.play-logos .brand.brand-img{
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;
  height:72px!important;padding:12px!important;box-shadow:0 4px 14px rgba(7,31,61,.06)!important
}
.play-logos .brand.brand-img img{height:32px!important;max-width:120px!important;width:auto!important}
@media(max-width:700px){
  .play-logos{grid-template-columns:repeat(2,1fr)!important}
}

/* sem espaço acima do hero */
.hero,.page-hero,.hero-promo{margin-top:0!important}
.page-hero{padding-top:48px!important}

/* CTA final — layout em duas colunas */
.cta-final{
  background:radial-gradient(ellipse at 20% 0%,#0B315E 0%,#071F3D 55%,#040c18 100%)!important;
  padding:72px 0!important;color:#fff!important;position:relative;overflow:hidden
}
.cta-final .cta-bg,.cta-final .cta-overlay,.cta-final .cta-tech{display:none!important}
.cta-wrap{
  display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;
  position:relative;z-index:1
}
.cta-left .sec-kicker{color:#72D900}
.cta-left h2{
  font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:900;letter-spacing:-1px;
  line-height:1.15;margin:10px 0 14px;color:#fff
}
.cta-left > p{color:rgba(255,255,255,.75);font-size:1.05rem;line-height:1.6;margin:0 0 20px;max-width:480px}
.cta-points{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cta-points li{
  display:flex;align-items:center;gap:10px;
  color:rgba(255,255,255,.88);font-size:.95rem;font-weight:600
}
.cta-points li svg{width:18px;height:18px;color:#72D900;flex-shrink:0}
.cta-right{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  border-radius:24px;padding:28px 24px;display:flex;flex-direction:column;gap:12px;
  backdrop-filter:blur(8px)
}
.cta-btn-wa{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:#25D366;color:#fff;font-weight:800;font-size:1rem;
  padding:16px 22px;border-radius:14px;text-decoration:none;
  box-shadow:0 12px 32px rgba(37,211,102,.35);transition:.2s
}
.cta-btn-wa:hover{background:#1ebe57;transform:translateY(-2px)}
.cta-btn-wa svg{width:22px;height:22px}
.cta-btn-ghost{
  display:inline-flex;align-items:center;justify-content:center;
  border:1.5px solid rgba(255,255,255,.4);color:#fff;font-weight:700;
  padding:14px 22px;border-radius:14px;text-decoration:none;transition:.2s
}
.cta-btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
.cta-phone{text-align:center;margin-top:6px;font-size:.88rem;color:rgba(255,255,255,.55)}
.cta-phone a{display:block;color:#72D900;font-weight:800;font-size:1.15rem;margin-top:4px;text-decoration:none}
@media(max-width:800px){
  .cta-wrap{grid-template-columns:1fr;gap:28px}
}


/* CTA alinhado à esquerda */
.cta-final{
  background:radial-gradient(ellipse at 15% 0%,#0B315E 0%,#071F3D 55%,#040c18 100%)!important;
  padding:72px 0!important;color:#fff!important
}
.cta-final .cta-bg,.cta-final .cta-overlay,.cta-final .cta-tech{display:none!important}
.cta-wrap.cta-left-align{
  display:block!important;text-align:left!important;max-width:720px!important;margin:0!important
}
.cta-left-align .sec-kicker{color:#72D900;display:inline-block;margin-bottom:8px}
.cta-left-align h2{
  font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:900;letter-spacing:-1px;
  line-height:1.15;margin:0 0 14px;color:#fff;text-align:left
}
.cta-lead{color:rgba(255,255,255,.75);font-size:1.05rem;line-height:1.6;margin:0 0 20px;max-width:560px;text-align:left}
.cta-points{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:10px}
.cta-points li{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.9);font-size:.95rem;font-weight:600}
.cta-points li svg{width:18px;height:18px;color:#72D900;flex-shrink:0}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.cta-btn-wa,.cta-btn-phone,.cta-btn-ghost{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-weight:800;font-size:.95rem;padding:14px 20px;border-radius:14px;
  text-decoration:none;transition:.2s;line-height:1.2
}
.cta-btn-wa svg,.cta-btn-phone svg,.cta-btn-ghost svg{width:18px;height:18px;flex-shrink:0}
.cta-btn-wa{background:#25D366;color:#fff;box-shadow:0 10px 28px rgba(37,211,102,.35)}
.cta-btn-wa:hover{background:#1ebe57;transform:translateY(-2px)}
.cta-btn-phone{background:#72D900;color:#071F3D}
.cta-btn-phone:hover{background:#9BE83D;transform:translateY(-2px)}
.cta-btn-ghost{border:1.5px solid rgba(255,255,255,.45);color:#fff;background:transparent}
.cta-btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
@media(max-width:560px){
  .cta-actions{flex-direction:column;align-items:stretch}
  .cta-btn-wa,.cta-btn-phone,.cta-btn-ghost{width:100%;justify-content:center}
}


/* Por que Melnet — Identity: laterais claras, meio navy */
.benefits{padding:80px 0!important;background:#f1f5f9!important}
.benefits-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  max-width:100%!important
}
.benefits-grid .ben-item,
.ben-item{
  position:relative!important;
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  border-radius:22px!important;
  padding:32px 26px 28px!important;
  box-shadow:0 8px 28px rgba(7,31,61,.05)!important;
  color:#071F3D!important;
  transition:transform .25s,box-shadow .25s!important;
  overflow:hidden!important
}
.ben-item h3{color:#071F3D!important;font-size:1.2rem!important;font-weight:800!important;margin:0 0 10px!important}
.ben-item p{color:#64748b!important;font-size:.95rem!important;line-height:1.55!important;margin:0!important}
.ben-item .ben-icon{
  width:48px!important;height:48px!important;border-radius:14px!important;
  background:rgba(114,217,0,.14)!important;color:#071F3D!important;
  display:grid!important;place-items:center!important;margin-bottom:18px!important
}
.ben-item .ben-icon svg{width:24px!important;height:24px!important}
.ben-item .ben-num{
  position:absolute!important;right:18px!important;bottom:12px!important;
  font-size:2.6rem!important;font-weight:900!important;letter-spacing:-2px!important;
  color:rgba(7,31,61,.06)!important;line-height:1!important;pointer-events:none!important
}
.ben-item:hover{transform:translateY(-6px)!important;box-shadow:0 20px 50px rgba(7,31,61,.1)!important}

/* coluna do meio — azul escuro */
.ben-item.featured{
  background:linear-gradient(160deg,#071F3D 0%,#0B315E 100%)!important;
  border-color:transparent!important;
  color:#fff!important;
  transform:translateY(-8px)!important;
  box-shadow:0 24px 55px rgba(7,31,61,.25)!important
}
.ben-item.featured h3{color:#fff!important}
.ben-item.featured p{color:rgba(255,255,255,.78)!important}
.ben-item.featured .ben-icon{background:rgba(114,217,0,.22)!important;color:#72D900!important}
.ben-item.featured .ben-num{color:rgba(255,255,255,.1)!important}
.ben-item.featured:hover{transform:translateY(-12px)!important}

@media(max-width:800px){
  .benefits-grid{grid-template-columns:1fr!important;gap:16px!important}
  .ben-item.featured{transform:none!important}
  .ben-item.featured:hover{transform:translateY(-4px)!important}
}


/* === Cards claros = cinza Identity === */
.ben-item:not(.featured){
  background:#f5f5f7!important;
  border-color:#e5e5ea!important
}
.play-logos .brand,
.play-logos .brand.brand-img{
  background:#f5f5f7!important;
  border-color:#e5e5ea!important
}
.plans-sec .plan-logo{
  background:#f5f5f7!important;
  border-color:#e5e5ea!important
}

/* === Planos degradê azul Identity (navy Melnet) === */
.plans-sec .plan-card{
  background:linear-gradient(160deg,#071F3D 0%,#0B315E 55%,#0d3a6e 100%)!important;
  border:1px solid rgba(114,217,0,.25)!important;
  border-top:6px solid var(--accent)!important;
  color:#fff!important;
  box-shadow:0 18px 50px rgba(0,0,0,.22)!important
}
.plans-sec .plan-speed{color:#fff!important}
.plans-sec .plan-speed small{color:#72D900!important}
.plans-sec .plan-price{color:#9BE83D!important}
.plans-sec .plan-price span{color:rgba(255,255,255,.55)!important}
.plans-sec .plan-card > p{color:rgba(255,255,255,.75)!important}
.plans-sec .plan-list li{
  color:rgba(255,255,255,.9)!important;
  border-bottom-color:rgba(255,255,255,.1)!important
}
/* bolinhas ✓ verdes com ícone/check branco */
.plans-sec .plan-list li::before{
  background:#72D900!important;
  color:#071F3D!important
}
.plans-sec .plan-logo{
  background:rgba(255,255,255,.1)!important;
  border-color:rgba(255,255,255,.15)!important
}
.plans-sec .plan-link{
  background:#72D900!important;
  color:#071F3D!important
}
.plans-sec .plan-link:hover{background:#9BE83D!important}
.plans-sec .plan-popular{
  box-shadow:0 28px 60px rgba(114,217,0,.3)!important;
  border-color:#72D900!important
}
.plans-sec .plan-popular .plan-link{
  background:#fff!important;
  color:#071F3D!important
}
.plans-sec .plan-t1{--accent:#9BE83D}
.plans-sec .plan-t2{--accent:#72D900}
.plans-sec .plan-t3{--accent:#72D900}
.plans-sec .plan-t4{--accent:#4ade80}
.plans-sec .plan-t5{--accent:#86efac}

/* === Mesh: ícone canto superior direito + colunas centralizadas === */
.mesh-sec{
  padding:80px 0!important;
  background:#f5f5f7!important;
  position:relative!important
}
.mesh-inner{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:48px!important;
  align-items:center!important;
  position:relative!important;
  max-width:1100px!important;
  margin:0 auto!important
}
.mesh-wifi-corner{
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:56px!important;
  height:56px!important;
  display:grid!important;
  place-items:center!important;
  color:#72D900!important;
  opacity:.9!important;
  z-index:2!important
}
.mesh-wifi-corner svg{width:40px!important;height:40px!important}
.mesh-copy{text-align:left!important}
.mesh-art{
  position:relative!important;
  border-radius:20px!important;
  overflow:hidden!important;
  min-height:320px!important
}
.mesh-art .wifi-img{
  width:100%!important;height:100%!important;min-height:320px!important;
  object-fit:cover!important;display:block!important;border-radius:20px!important
}
.mesh-art .wifi-icon-big,
.mesh-art .ring,
.mesh-art .wifi-glow{display:none!important}
@media(max-width:800px){
  .mesh-inner{grid-template-columns:1fr!important;gap:28px!important}
  .mesh-wifi-corner{top:8px!important;right:8px!important}
}

/* === CTA duas colunas === */
.cta-wrap.cta-two-col{
  display:grid!important;
  grid-template-columns:1.2fr .8fr!important;
  gap:40px!important;
  align-items:center!important;
  max-width:1100px!important;
  margin:0 auto!important;
  text-align:left!important
}
.cta-col-text .sec-kicker{color:#72D900}
.cta-col-text h2{
  font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:900;letter-spacing:-1px;
  line-height:1.15;margin:8px 0 14px;color:#fff;text-align:left
}
.cta-col-text .cta-lead{color:rgba(255,255,255,.75);font-size:1.05rem;line-height:1.6;margin:0 0 20px;max-width:520px}
.cta-col-actions{
  display:flex;flex-direction:column;gap:12px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  border-radius:24px;padding:28px 24px
}
.cta-col-actions .cta-btn-wa,
.cta-col-actions .cta-btn-phone,
.cta-col-actions .cta-btn-ghost{width:100%;justify-content:center}
@media(max-width:800px){
  .cta-wrap.cta-two-col{grid-template-columns:1fr!important;gap:28px!important}
}
/* bolinhas azuis + check branco nos planos */
.plans-sec .plan-list li::before{
  background:#3b82f6!important;
  color:#fff!important
}


/* Footer: ícones em todos os links */
.footer-grid .footer-col a,
.footer-grid .footer-col span,
.footer-grid a,
.footer-grid span{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  line-height:1.4!important
}
.footer-grid a svg,
.footer-grid span svg{
  width:15px!important;height:15px!important;flex-shrink:0!important;margin-top:2px!important;
  color:#72D900!important
}
.footer-grid b{display:block!important;margin-bottom:10px!important}

/* Mobile: centralizar conteúdo e botões; listas alinhadas pelos ícones */
@media(max-width:700px){
  .sec-head,.plans-sec .sec-head,
  .hero-copy,.cta-col-text,.cta-wrap,
  .play-copy,.mesh-copy,.st-copy{
    text-align:center!important
  }
  .hero-actions,.cta-actions,.cta-col-actions,
  .cta-col-actions a{
    justify-content:center!important;
    align-items:center!important
  }
  .cta-col-actions{align-items:stretch!important}
  .cta-btn-wa,.cta-btn-phone,.cta-btn-ghost,
  .btn-hero-primary,.btn-hero-ghost,.btn-green,.btn-wa-big{
    margin-left:auto!important;margin-right:auto!important
  }
  .cta-points,.mesh-checks,.st-tips,.pc-feats,.plan-list{
    display:inline-flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    text-align:left!important;
    margin-left:auto!important;margin-right:auto!important
  }
  /* footer center only em telas muito estreitas — ver bloco @620px */
  .benefits-grid .ben-item{text-align:center!important}
  .ben-item .ben-icon{margin-left:auto!important;margin-right:auto!important}
  .play-inner{text-align:center!important}
  .mesh-inner{text-align:center!important}
  .mesh-checks{display:inline-flex!important}
}



/* === Legibilidade: textos em azul escuro === */
:root{
  --muted:#3d4f66!important;
  --ink:#071F3D!important;
  --navy:#071F3D!important
}
body{color:#071F3D!important}
.sec-head p,
.plans-sec .sec-head p,
.hero-copy > p,
.mesh-copy p,
.play-copy p,
.cta-lead,
.ben-item:not(.featured) p,
.plan-card > p,
.st-copy > p,
.st-tips li,
.mesh-checks li,
.benefits .sec-head p{
  color:#2c3e55!important
}
.ben-item:not(.featured) h3,
.mesh-copy h2,
.play-copy h2,
.sec-head h2,
.plans-sec .sec-head h2{
  color:#071F3D!important
}
.plans-disclaimer,
.st-note{
  color:#4a5d73!important
}
/* em seções claras, evita cinza lavado */
.benefits,
.plans-sec,
.mesh-sec,
.play-sec{
  color:#071F3D
}
/* play section light - text dark */
.play-sec .play-copy h2,
.play-sec .play-copy p,
.play-sec .sec-kicker{color:#071F3D!important}
.play-sec .play-copy h2 em,
.play-sec .sec-kicker{color:#3f7d00!important}
/* speed section stays white on navy */
.speed,.speed .st-copy h2,.speed .st-copy p,.speed .st-tips li{color:inherit}
.speed .st-copy > p{color:#e5e7eb!important}
.speed .st-tips li{color:#d1d5db!important}
/* plan cards are dark - keep light text */
.plans-sec .plan-card,
.plans-sec .plan-card > p,
.plans-sec .plan-list li,
.plans-sec .plan-speed{color:#fff!important}
.plans-sec .plan-card > p{color:rgba(255,255,255,.85)!important}
.plans-sec .plan-list li{color:rgba(255,255,255,.92)!important}
/* featured benefit keeps white */
.ben-item.featured p{color:rgba(255,255,255,.85)!important}
.ben-item.featured h3{color:#fff!important}


/* Legibilidade global em fundos claros */
body{color:#071F3D!important}
.sec-head h2,
.plans-sec .sec-head h2,
.mesh-copy h2,
.play-copy h2{color:#071F3D!important}
.sec-head p,
.plans-sec .sec-head p,
.mesh-copy p,
.play-copy p,
.ben-item:not(.featured) p,
.ben-item:not(.featured) h3,
.mesh-checks li,
.cta-points li{color:#1e2f45!important}
.ben-item:not(.featured) p{color:#334e68!important}
.play-sec,.mesh-sec,.benefits,.plans-sec{color:#071F3D}
.play-sec .sec-kicker{color:#3f7d00!important}
.mesh-copy h2 em{color:#3f7d00!important}
/* Fundos escuros: texto claro legível */
.speed .st-copy h2{color:#fff!important}
.speed .st-copy > p{color:#e8eef5!important}
.speed .st-tips li{color:#d7e0ea!important}
.speed .kicker{color:#9BE83D!important}
.cta-final,.cta-col-text h2{color:#fff!important}
.cta-lead{color:#d7e0ea!important}
.cta-points li{color:#e8eef5!important}
.plans-sec .plan-card > p{color:rgba(255,255,255,.88)!important}
.plans-sec .plan-list li{color:#fff!important}
.plans-sec .plan-speed{color:#fff!important}
.plans-disclaimer{color:#4a5d73!important}
.hero-copy > p{color:rgba(255,255,255,.92)!important}


/* Velocímetro — valores em branco */
.speed .st-read strong,
.speed #st-num,
.speed .st-m b,
.speed .st-m b em,
.speed #st-ping,
.speed #st-down,
.speed #st-up,
.speed .st-m small,
.speed .st-read em,
.speed #st-unit,
.speed #st-phase{
  color:#fff!important
}
.speed .st-m .l,
.speed .st-m .row span{color:rgba(255,255,255,.75)!important}
.speed .st-verdict{color:#e8eef5!important}


/* Melnet Play — menos espaço entre colunas */
.play-inner{
  gap:24px!important;
  grid-template-columns:1fr 1fr!important;
  align-items:center!important
}
.play-sec .container.play-inner,
.play-sec .play-inner{
  gap:20px 28px!important
}
@media(max-width:800px){
  .play-inner{grid-template-columns:1fr!important;gap:20px!important}
}


/* === Largura única de conteúdo === */
:root{
  --content-max:1200px;
  --content-pad:28px;
}
.container,
footer .container,
.plans-sec .container,
.benefits .container,
.play-sec .container,
.mesh-sec .container,
.cta-final .container,
.speed .container,
.hero-content,
.topbar-inner{
  width:100%!important;
  max-width:var(--content-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--content-pad)!important;
  padding-right:var(--content-pad)!important;
  box-sizing:border-box!important
}
.mesh-inner,.play-inner,.cta-wrap,.st-grid,.plans-sec .plans-grid{
  max-width:100%!important;width:100%!important
}
@media(max-width:620px){
  :root{--content-pad:18px}
}

/* === Hero visual direita — rede fibra === */
.hero-content{
  display:grid!important;
  grid-template-columns:1.05fr .95fr!important;
  gap:28px!important;
  align-items:center!important;
  position:relative!important;
  z-index:3!important;
  min-height:520px!important
}
.hero-copy{max-width:560px!important;width:100%!important}
.hero-visual{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:400px!important
}
.hv-core{
  position:relative!important;
  width:min(100%,340px)!important;
  aspect-ratio:1!important
}
.hv-ring{
  position:absolute!important;left:50%!important;top:50%!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  border:1px solid rgba(114,217,0,.28)!important;
  animation:hvPulse 4s ease-out infinite!important;
  pointer-events:none!important
}
.hv-r1{width:42%!important;height:42%!important;animation-delay:0s!important;border-color:rgba(114,217,0,.5)!important}
.hv-r2{width:68%!important;height:68%!important;animation-delay:.85s!important}
.hv-r3{width:94%!important;height:94%!important;animation-delay:1.7s!important;border-color:rgba(114,217,0,.15)!important}
@keyframes hvPulse{
  0%{transform:translate(-50%,-50%) scale(.9);opacity:.95}
  70%{transform:translate(-50%,-50%) scale(1.06);opacity:.2}
  100%{transform:translate(-50%,-50%) scale(1.1);opacity:0}
}
.hv-node{
  position:absolute!important;
  width:12px!important;height:12px!important;
  border-radius:50%!important;
  background:#72D900!important;
  box-shadow:0 0 14px rgba(114,217,0,.75)!important;
  z-index:2!important
}
.hv-node span{
  position:absolute!important;inset:-5px!important;
  border-radius:50%!important;
  border:1px solid rgba(114,217,0,.55)!important;
  animation:hvNode 2.4s ease-in-out infinite!important
}
@keyframes hvNode{
  0%,100%{transform:scale(1);opacity:.7}
  50%{transform:scale(1.7);opacity:0}
}
.hv-center{
  left:50%!important;top:50%!important;
  width:58px!important;height:58px!important;
  transform:translate(-50%,-50%)!important;
  background:rgba(7,31,61,.9)!important;
  border:2px solid #72D900!important;
  display:grid!important;place-items:center!important;
  box-shadow:0 0 32px rgba(114,217,0,.5)!important
}
.hv-center span{display:none!important}
.hv-center svg{width:28px!important;height:28px!important;color:#72D900!important}
.hv-node.n1{left:50%!important;top:6%!important;transform:translateX(-50%)!important}
.hv-node.n2{right:10%!important;top:20%!important}
.hv-node.n3{right:4%!important;top:50%!important}
.hv-node.n4{right:26%!important;bottom:6%!important}
.hv-node.n5{left:12%!important;bottom:12%!important}
.hv-node.n6{left:4%!important;top:32%!important}
.hv-links{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;
  pointer-events:none!important;overflow:visible!important
}
.hv-line{
  stroke:rgba(114,217,0,.4)!important;
  stroke-width:1.6!important;
  stroke-dasharray:5 7!important;
  animation:hvDash 2.2s linear infinite!important
}
@keyframes hvDash{to{stroke-dashoffset:-36}}
.hv-packet{
  position:absolute!important;
  width:7px!important;height:7px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 0 12px #72D900,0 0 22px rgba(114,217,0,.85)!important;
  z-index:3!important
}
.hv-packet.p1{animation:hvPath1 3s ease-in-out infinite}
.hv-packet.p2{animation:hvPath2 3.6s ease-in-out infinite .5s}
.hv-packet.p3{animation:hvPath3 4s ease-in-out infinite 1s}
@keyframes hvPath1{
  0%{left:50%;top:50%;opacity:0;transform:translate(-50%,-50%)}
  12%{opacity:1}
  88%{opacity:1}
  100%{left:50%;top:8%;opacity:0;transform:translate(-50%,-50%)}
}
@keyframes hvPath2{
  0%{left:50%;top:50%;opacity:0;transform:translate(-50%,-50%)}
  12%{opacity:1}
  88%{opacity:1}
  100%{left:90%;top:52%;opacity:0;transform:translate(-50%,-50%)}
}
@keyframes hvPath3{
  0%{left:50%;top:50%;opacity:0;transform:translate(-50%,-50%)}
  12%{opacity:1}
  88%{opacity:1}
  100%{left:14%;top:80%;opacity:0;transform:translate(-50%,-50%)}
}
.hv-orbit{
  position:absolute!important;inset:10%!important;
  border-radius:50%!important;
  animation:hvSpin 16s linear infinite!important;
  pointer-events:none!important
}
@keyframes hvSpin{to{transform:rotate(360deg)}}
.hv-dot{
  position:absolute!important;
  width:6px!important;height:6px!important;
  border-radius:50%!important;
  background:#9BE83D!important;
  box-shadow:0 0 10px #72D900!important
}
.hv-dot.d1{top:0;left:50%;transform:translateX(-50%)}
.hv-dot.d2{bottom:10%;right:6%}
.hv-dot.d3{bottom:18%;left:8%}
.hv-stats{
  display:flex!important;gap:12px!important;
  margin-top:20px!important;flex-wrap:wrap!important;
  justify-content:center!important
}
.hv-stat{
  background:rgba(255,255,255,.1)!important;
  border:1px solid rgba(114,217,0,.35)!important;
  border-radius:14px!important;
  padding:10px 14px!important;
  text-align:center!important;
  backdrop-filter:blur(10px)!important;
  min-width:86px!important
}
.hv-stat b{
  display:block!important;color:#72D900!important;
  font-size:1.05rem!important;font-weight:900!important
}
.hv-stat span{
  font-size:.68rem!important;color:rgba(255,255,255,.72)!important;
  text-transform:uppercase!important;letter-spacing:.06em!important
}
@media(max-width:900px){
  .hero-content{
    grid-template-columns:1fr!important;
    min-height:auto!important;
    gap:20px!important;
    padding-top:20px!important;
    padding-bottom:32px!important
  }
  .hero-visual{min-height:280px!important;order:-1!important}
  .hv-core{width:min(100%,240px)!important}
  .hv-stats{gap:8px!important}
  .hv-stat{min-width:72px!important;padding:8px 10px!important}
}
@media(prefers-reduced-motion:reduce){
  .hv-ring,.hv-line,.hv-packet,.hv-orbit,.hv-node span{animation:none!important}
}


/* === Hero globo conectado — alta velocidade === */
.hero-visual{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:420px!important
}
.globe-stage{
  position:relative!important;
  width:min(100%,380px)!important;
  aspect-ratio:1!important
}
.globe-glow{
  position:absolute!important;inset:8%!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(114,217,0,.35) 0%,rgba(11,49,94,.4) 45%,transparent 70%)!important;
  filter:blur(8px)!important;
  animation:glowPulse 3.5s ease-in-out infinite!important
}
@keyframes glowPulse{
  0%,100%{opacity:.7;transform:scale(1)}
  50%{opacity:1;transform:scale(1.06)}
}
.globe-sphere{
  position:absolute!important;
  left:50%!important;top:50%!important;
  width:58%!important;height:58%!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 32% 28%,rgba(155,232,61,.35),transparent 40%),
    radial-gradient(circle at 70% 70%,rgba(7,31,61,.9),#0B315E 55%,#071F3D)!important;
  box-shadow:
    inset -18px -12px 40px rgba(0,0,0,.45),
    inset 12px 10px 28px rgba(114,217,0,.15),
    0 0 40px rgba(114,217,0,.25)!important;
  overflow:hidden!important;
  z-index:2!important
}
.globe-grid{position:absolute!important;inset:0!important;animation:globeSpin 22s linear infinite!important}
@keyframes globeSpin{to{transform:rotateY(360deg)}}
/* fake 3d with ellipses */
.globe-grid .mer{
  position:absolute!important;left:50%!important;top:0!important;
  width:1px!important;height:100%!important;
  background:linear-gradient(to bottom,transparent,rgba(114,217,0,.35),transparent)!important;
  transform-origin:center!important
}
.globe-grid .m1{transform:translateX(-50%) rotate(0deg) scaleX(18);opacity:.35;width:100%!important;left:0!important;
  border:1px solid rgba(114,217,0,.22)!important;border-radius:50%!important;background:none!important;height:100%!important}
.globe-grid .m2{left:15%!important;width:70%!important;height:100%!important;border:1px solid rgba(114,217,0,.18)!important;border-radius:50%!important;background:none!important;top:0!important}
.globe-grid .m3{left:28%!important;width:44%!important;height:100%!important;border:1px solid rgba(114,217,0,.2)!important;border-radius:50%!important;background:none!important}
.globe-grid .m4,.globe-grid .m5{display:none!important}
.globe-grid .par{
  position:absolute!important;left:0!important;width:100%!important;
  border:1px solid rgba(114,217,0,.2)!important;border-radius:50%!important;
  height:28%!important
}
.globe-grid .p1{top:18%!important;height:22%!important}
.globe-grid .p2{top:38%!important;height:24%!important;border-color:rgba(114,217,0,.28)!important}
.globe-grid .p3{top:58%!important;height:22%!important}
.globe-grid .p4{top:72%!important;height:16%!important;opacity:.5}
.globe-shine{
  position:absolute!important;top:12%!important;left:18%!important;
  width:38%!important;height:28%!important;border-radius:50%!important;
  background:radial-gradient(circle,rgba(255,255,255,.35),transparent 70%)!important;
  filter:blur(2px)!important
}
.globe-arcs{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;
  z-index:3!important;pointer-events:none!important
}
.globe-arcs .arc{
  stroke:#72D900!important;
  stroke-width:1.6!important;
  fill:none!important;
  stroke-linecap:round!important;
  stroke-dasharray:6 10!important;
  opacity:.55!important;
  animation:arcFlow 3s linear infinite!important
}
.globe-arcs .a2{animation-delay:.5s!important;opacity:.4!important}
.globe-arcs .a3{animation-delay:1s!important;opacity:.5!important}
.globe-arcs .a4{animation-delay:1.5s!important;opacity:.35!important}
@keyframes arcFlow{to{stroke-dashoffset:-48}}
.globe-sat{
  position:absolute!important;z-index:4!important;
  width:10px!important;height:10px!important;border-radius:50%!important;
  background:#72D900!important;
  box-shadow:0 0 12px #72D900,0 0 24px rgba(114,217,0,.6)!important
}
.globe-sat::after{
  content:''!important;position:absolute!important;inset:-5px!important;
  border-radius:50%!important;border:1px solid rgba(114,217,0,.5)!important;
  animation:satPing 2s ease-out infinite!important
}
@keyframes satPing{
  0%{transform:scale(.8);opacity:.8}
  100%{transform:scale(2.2);opacity:0}
}
.globe-sat.s1{top:18%;left:22%;animation:satFloat 5s ease-in-out infinite}
.globe-sat.s2{top:28%;right:16%;animation:satFloat 5.5s ease-in-out infinite .4s}
.globe-sat.s3{bottom:24%;right:22%;animation:satFloat 4.8s ease-in-out infinite .8s}
.globe-sat.s4{bottom:20%;left:18%;animation:satFloat 5.2s ease-in-out infinite 1.2s}
.globe-sat.s5{top:48%;left:8%;animation:satFloat 6s ease-in-out infinite .6s}
@keyframes satFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
.globe-beam{
  position:absolute!important;z-index:1!important;
  width:2px!important;height:28%!important;
  background:linear-gradient(to top,transparent,#72D900,transparent)!important;
  opacity:.35!important;
  left:50%!important;top:10%!important;
  transform-origin:bottom center!important;
  animation:beamSpin 10s linear infinite!important
}
.globe-beam.b2{animation-duration:14s!important;animation-direction:reverse!important;height:34%!important;opacity:.25!important}
@keyframes beamSpin{to{transform:rotate(360deg)}}
.speed-rings{
  position:absolute!important;inset:0!important;
  pointer-events:none!important;z-index:0!important
}
.speed-rings i{
  position:absolute!important;left:50%!important;top:50%!important;
  border:1px solid rgba(114,217,0,.22)!important;border-radius:50%!important;
  transform:translate(-50%,-50%)!important;
  animation:ringOut 3.8s ease-out infinite!important
}
.speed-rings i:nth-child(1){width:70%;height:70%;animation-delay:0s}
.speed-rings i:nth-child(2){width:85%;height:85%;animation-delay:1.2s}
.speed-rings i:nth-child(3){width:100%;height:100%;animation-delay:2.4s}
@keyframes ringOut{
  0%{opacity:.6;transform:translate(-50%,-50%) scale(.85)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.12)}
}
.globe-label{
  position:absolute!important;
  bottom:4%!important;left:50%!important;
  transform:translateX(-50%)!important;
  display:flex!important;align-items:center!important;gap:8px!important;
  background:rgba(7,31,61,.75)!important;
  border:1px solid rgba(114,217,0,.4)!important;
  border-radius:999px!important;
  padding:8px 14px!important;
  color:#72D900!important;
  font-size:.75rem!important;font-weight:700!important;
  white-space:nowrap!important;
  backdrop-filter:blur(8px)!important;
  z-index:5!important
}
.globe-label svg{width:16px!important;height:16px!important}
/* remove old stats if any */
.hv-stats{display:none!important}
@media(max-width:900px){
  .hero-visual{min-height:300px!important}
  .globe-stage{width:min(100%,280px)!important}
  .globe-label{font-size:.7rem!important;padding:6px 12px!important}
}
@media(prefers-reduced-motion:reduce){
  .globe-grid,.globe-glow,.globe-arcs .arc,.globe-sat,.globe-beam,.speed-rings i,.globe-sat::after{animation:none!important}
}


/* === Hero: núcleo de fibra + ondas de velocidade === */
.hero-visual{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:420px!important
}
.fiber-stage{
  position:relative!important;
  width:min(100%,360px)!important;
  aspect-ratio:1!important
}
.fiber-core{
  position:absolute!important;
  left:50%!important;top:50%!important;
  width:88px!important;height:88px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 35% 30%,#9BE83D,#72D900 45%,#3f7d00)!important;
  display:grid!important;place-items:center!important;
  box-shadow:0 0 0 10px rgba(114,217,0,.15),0 0 40px rgba(114,217,0,.45)!important;
  z-index:5!important
}
.fiber-core .fiber-icon{width:36px!important;height:36px!important;color:#071F3D!important}
.fiber-pulse{
  position:absolute!important;inset:-8px!important;
  border-radius:50%!important;
  border:2px solid rgba(114,217,0,.5)!important;
  animation:fpulse 2.2s ease-out infinite!important
}
@keyframes fpulse{
  0%{transform:scale(.9);opacity:.9}
  100%{transform:scale(1.55);opacity:0}
}
.fiber-orbit{
  position:absolute!important;left:50%!important;top:50%!important;
  border:1px dashed rgba(114,217,0,.35)!important;
  border-radius:50%!important;
  transform:translate(-50%,-50%)!important;
  animation:forbit 12s linear infinite!important
}
.fiber-orbit.o1{width:46%;height:46%;animation-duration:10s}
.fiber-orbit.o2{width:68%;height:68%;animation-duration:16s;animation-direction:reverse}
.fiber-orbit.o3{width:90%;height:90%;animation-duration:22s}
.fiber-orbit i{
  position:absolute!important;top:-5px!important;left:50%!important;
  width:10px!important;height:10px!important;margin-left:-5px!important;
  border-radius:50%!important;background:#fff!important;
  box-shadow:0 0 12px #72D900!important
}
@keyframes forbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
.fiber-wave{
  position:absolute!important;left:50%!important;top:50%!important;
  width:40%;height:40%;
  border:2px solid rgba(114,217,0,.35)!important;
  border-radius:50%!important;
  transform:translate(-50%,-50%)!important;
  animation:fwave 3.2s ease-out infinite!important
}
.fiber-wave.w2{animation-delay:1s!important;border-color:rgba(155,232,61,.3)!important}
.fiber-wave.w3{animation-delay:2s!important;border-color:rgba(114,217,0,.2)!important}
@keyframes fwave{
  0%{transform:translate(-50%,-50%) scale(.6);opacity:.8}
  100%{transform:translate(-50%,-50%) scale(2.3);opacity:0}
}
.fiber-nodes{
  position:absolute!important;inset:0!important;
  animation:forbit 28s linear infinite!important
}
.fiber-nodes span{
  position:absolute!important;
  left:50%!important;top:50%!important;
  width:8px!important;height:8px!important;
  margin:-4px!important;border-radius:50%!important;
  background:#72D900!important;
  box-shadow:0 0 10px rgba(114,217,0,.8)!important;
  transform:rotate(calc(var(--i)*45deg)) translateY(-150px)!important
}
.fiber-streaks{
  position:absolute!important;inset:0!important;
  overflow:hidden!important;border-radius:50%!important;
  pointer-events:none!important
}
.fiber-streaks b{
  position:absolute!important;
  left:-20%!important;
  height:2px!important;width:40%!important;
  background:linear-gradient(90deg,transparent,#72D900,transparent)!important;
  opacity:0;animation:fstreak 3.5s linear infinite!important
}
.fiber-streaks b:nth-child(1){top:22%;animation-delay:0s}
.fiber-streaks b:nth-child(2){top:38%;animation-delay:.7s;width:50%}
.fiber-streaks b:nth-child(3){top:52%;animation-delay:1.4s}
.fiber-streaks b:nth-child(4){top:66%;animation-delay:2.1s;width:45%}
.fiber-streaks b:nth-child(5){top:78%;animation-delay:2.8s}
@keyframes fstreak{
  0%{transform:translateX(0);opacity:0}
  15%{opacity:.8}
  100%{transform:translateX(320%);opacity:0}
}
@media(max-width:900px){
  .hero-visual{min-height:280px!important}
  .fiber-stage{width:min(100%,260px)!important}
}
@media(prefers-reduced-motion:reduce){
  .fiber-pulse,.fiber-orbit,.fiber-wave,.fiber-nodes,.fiber-streaks b{animation:none!important}
}

/* Mesh page layout */
.mesh-page{padding:72px 0!important;background:#f5f5f7!important}
.mesh-page-grid{
  display:grid!important;
  grid-template-columns:1.05fr .95fr!important;
  gap:40px!important;align-items:center!important
}
.mesh-page-copy h2{
  font-size:clamp(1.5rem,2.8vw,2.1rem)!important;
  font-weight:900!important;color:#071F3D!important;margin:0 0 12px!important
}
.mesh-page-copy p{color:#2c3e55!important;line-height:1.6!important;margin:0 0 18px!important}
.mesh-page-list{list-style:none!important;margin:0 0 24px!important;padding:0!important}
.mesh-page-list li{
  display:flex!important;align-items:flex-start!important;gap:10px!important;
  padding:8px 0!important;color:#1e2f45!important;font-weight:600!important;font-size:.95rem!important
}
.mesh-page-list li svg{width:18px!important;height:18px!important;color:#72D900!important;flex-shrink:0!important;margin-top:2px!important}
.mesh-page-art img{
  width:100%!important;border-radius:20px!important;
  box-shadow:0 20px 50px rgba(7,31,61,.12)!important;display:block!important
}
@media(max-width:800px){
  .mesh-page-grid{grid-template-columns:1fr!important;gap:28px!important}
}