/* ═══════════════════════════════════════════════
   Kumon Nova Parnamirim — design system

   1. Tokens (cor, tipografia, raio, sombra)
   2. Reset e base
   3. Layout (wrap, sec, head, eyebrow)
   4. Botões
   5. Topo (bar, nav, dropdown)
   6. Hero (captação, páginas internas)
   7. Componentes (player, stats, pains, steps,
      progs, cards, ages, track, unit, form,
      faq, fit, cmp, cta-mid)
   8. Rodapé e WhatsApp flutuante
   9. Responsivo (1000px, 700px)
  10. Utilitários

   ESCALA TIPOGRÁFICA — 9 degraus. Não invente
   tamanho novo: use um token ou justifique.
   ═══════════════════════════════════════════════ */

:root{
  --navy:#002060; --blue:#0050A0; --blue-2:#0A6BB8; --sky:#8FC0F0; --sky-2:#CFE1F7;
  --red:#E4002B; --red-2:#C30024; --amber:#FFB547; --green:#1F7A3D; --wa:#1FA855;
  --ink:#16233A; --ink-2:#32405A; --body:#4D5C76; --mute:#5B6B83;
  --line:#E3E8EF; --line-2:#CFD7E3; --wash:#F4F6F9; --paper:#fff;
  /* escala tipográfica — 9 degraus, base 17px, razão ~1.18 */
  --t-2xs:12px; --t-xs:13px; --t-sm:15px; --t-md:17px; --t-lg:19px;
  --t-h4:19px; --t-h3:22px; --t-h2:clamp(27px,3vw,38px); --t-h1:clamp(30px,3.6vw,44px);
  --t-h2-sm:26px;   /* h2 dentro de grid de 2 colunas */
  --t-stat:34px;    /* números grandes */
  --r:14px; --rl:22px; --wrap:1180px;
  --sh:0 20px 50px -26px rgba(0,32,96,.4);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:92px;-webkit-text-size-adjust:100%}
body{font-family:'Manrope',system-ui,sans-serif;color:var(--body);background:var(--paper);
  font-size:var(--t-md);line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--blue);text-decoration:none}
h1,h2,h3,h4{color:var(--ink);line-height:1.15;letter-spacing:-.018em;font-weight:800}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 22px}
.narrow{max-width:800px}
.sec{padding:72px 0}
.sec-s{padding:62px 0}
.wash{background:var(--wash)}
.navy{background:var(--navy);color:#B9C7DF}
.navy h2,.navy h3,.navy strong{color:#fff}
.eyebrow{font-size:var(--t-2xs);font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);
  display:flex;align-items:center;gap:9px;margin-bottom:14px}
.eyebrow::before{content:"";width:24px;height:3px;border-radius:2px;background:var(--red)}
.head{max-width:730px;margin-bottom:36px}
.head.mid{margin-inline:auto;text-align:center}
.head.mid .eyebrow{justify-content:center}
.head h2{font-size:var(--t-h2);margin-bottom:14px}
.head p{font-size:var(--t-lg)}
.prose p{margin-bottom:18px}
.prose h3{font-size:var(--t-h3);margin:34px 0 12px}
.prose ul{padding-left:22px;margin-bottom:18px}
.prose li{margin-bottom:9px}
.prose strong{color:var(--ink)}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:var(--t-md);
  line-height:1;padding:17px 28px;border-radius:100px;border:2px solid transparent;cursor:pointer;transition:.18s;text-align:center}
.btn-p{background:var(--red);color:#fff;box-shadow:0 12px 26px -14px rgba(228,0,43,.9)}
.btn-p:hover{background:var(--red-2);transform:translateY(-2px)}
.btn-wa{background:var(--wa);color:#fff}
.btn-wa:hover{transform:translateY(-2px);box-shadow:0 14px 28px -14px rgba(31,168,85,.9)}
.btn-o{background:transparent;color:var(--navy);border-color:var(--line-2)}
.btn-o:hover{border-color:var(--navy);background:#fff}
.btn-w{background:#fff;color:var(--navy)}
.btns{display:flex;gap:12px;flex-wrap:wrap}

/* topo */
.bar{background:var(--navy);color:#AFC1DC;font-size:var(--t-2xs);padding:8px 0}
.bar .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.bar b{color:#fff}
.bar a{color:#AFC1DC}
.nav{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.94);
  backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:14px;padding-bottom:14px}
.brand{display:flex;align-items:center;gap:13px}
.brand img{height:26px;width:auto}
.brand span{font-size:var(--t-xs);font-weight:700;color:var(--navy);padding-left:13px;
  border-left:1px solid var(--line-2);line-height:1.25}
.menu{display:flex;align-items:center;gap:26px}
.menu>a,.drop>button{font-size:var(--t-sm);font-weight:600;color:var(--ink-2);background:none;border:0;
  font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:12px 0}
.menu>a:hover,.drop>button:hover{color:var(--blue)}
.menu a.on{color:var(--blue)}
.drop{position:relative}
.drop>button::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.drop-m{position:absolute;top:calc(100% + 14px);left:-16px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);box-shadow:var(--sh);padding:8px;min-width:250px;display:none}
.drop.open .drop-m{display:block}
.drop-m a{display:block;padding:11px 14px;border-radius:9px;font-size:var(--t-sm);font-weight:600;color:var(--ink-2)}
.drop-m a:hover{background:var(--wash);color:var(--blue)}
.drop-m a small{display:block;font-weight:500;font-size:var(--t-2xs);color:var(--mute);margin-top:2px}
.nav .btn{padding:13px 22px;font-size:var(--t-sm)}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer}
.burger span{display:block;width:22px;height:2.5px;background:var(--navy);border-radius:2px;margin:4px 0}

/* hero de página interna */
.ph{background:linear-gradient(170deg,var(--sky-2),var(--wash));padding:52px 0 56px;border-bottom:1px solid var(--line)}
.ph h1{font-size:var(--t-h1);margin-bottom:14px;max-width:800px}
.ph p{font-size:var(--t-lg);color:var(--ink-2);max-width:660px}
.ph .btns{margin-top:26px}
.crumb{font-size:var(--t-xs);color:var(--mute);margin-bottom:16px}
.crumb a{color:var(--mute)}
.crumb a:hover{color:var(--blue)}

/* hero home */
.hero{background:linear-gradient(170deg,var(--sky) 0%,#C6DEF7 55%,var(--wash) 100%);
  padding:64px 0 76px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-160px;top:-140px;width:560px;height:560px;
  border-radius:50%;border:2px dashed rgba(255,255,255,.6);pointer-events:none}
.hero .wrap{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}
.badge{display:inline-flex;align-items:center;gap:9px;background:#fff;border-radius:100px;padding:8px 17px;
  font-size:var(--t-xs);font-weight:700;color:var(--navy);margin-bottom:22px;box-shadow:0 6px 18px -10px rgba(0,32,96,.5)}
.badge i{width:7px;height:7px;border-radius:50%;background:var(--green)}
.hero h1{font-size:var(--t-h1);margin-bottom:20px}
.hero h1 em{font-style:normal;color:var(--blue)}
.hero .lede{font-size:var(--t-lg);color:var(--ink-2);margin-bottom:30px;max-width:560px}
.hero-note{font-size:var(--t-xs);color:var(--mute);margin-top:16px}
.hero-photo{position:relative}
.seal{position:absolute;left:-14px;bottom:26px;background:var(--navy);color:#B9C7DF;border-radius:12px;
  padding:14px 20px;font-size:var(--t-2xs);line-height:1.35;box-shadow:var(--sh)}
.seal b{display:block;color:#fff;font-size:var(--t-lg);font-weight:800}

/* slots de foto */
.slot{border-radius:var(--rl);aspect-ratio:4/3;background:repeating-linear-gradient(45deg,#E9F1FA 0 14px,#DCE7F5 14px 28px);
  border:2px dashed #B7CBE4;display:grid;place-items:center;text-align:center;padding:24px;
  color:var(--navy);font-size:var(--t-xs);font-weight:600}
.slot-hero{aspect-ratio:5/6;box-shadow:var(--sh);border-style:solid;border-color:#fff;border-width:8px}
.slot-wide{aspect-ratio:16/7}

/* vídeo */
.player{position:relative;border-radius:var(--rl);overflow:hidden;background:var(--navy);aspect-ratio:16/9;
  box-shadow:var(--sh);cursor:pointer;border:6px solid #fff;max-width:900px;margin:0 auto}
.player iframe,.player video{position:absolute;inset:0;width:100%;height:100%;border:0}
.player .vph{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:26px;
  background:linear-gradient(140deg,var(--blue),var(--navy));color:#CFE1F7}
.player .vph b{display:block;color:#fff;font-size:var(--t-lg);margin-bottom:6px}
.pbtn{width:80px;height:80px;border-radius:50%;background:#fff;display:grid;place-items:center;margin:0 auto 16px;
  box-shadow:0 14px 30px rgba(0,0,0,.3)}
.pbtn::after{content:"";border-left:24px solid var(--navy);border-top:15px solid transparent;
  border-bottom:15px solid transparent;margin-left:7px}

/* números */
.stats-g{display:grid;grid-template-columns:repeat(5,1fr)}
.stat{padding:32px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.13)}
.stat:last-child{border-right:0}
.stat strong{display:block;font-size:var(--t-stat);color:var(--sky);line-height:1;font-weight:800}
.stat span{display:block;font-size:var(--t-xs);color:#9FB4D4;margin-top:9px;line-height:1.4}

/* dor */
.pains{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:30px}
.pain{background:#fff;border:1px solid var(--line);border-left:4px solid var(--red);
  border-radius:0 var(--r) var(--r) 0;padding:22px 26px}
.pain p{font-size:var(--t-md);color:var(--ink);font-weight:700;line-height:1.4}
.pain span{display:block;margin-top:8px;font-size:var(--t-sm)}
.contrast{background:var(--navy);color:#CFE1F7;border-radius:var(--rl);padding:32px 36px;font-size:var(--t-lg);line-height:1.55}
.contrast b{color:#fff}

/* passos */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 24px}
.step-n{width:46px;height:46px;border-radius:50%;background:#fff;border:3px solid var(--blue);color:var(--navy);
  font-weight:800;font-size:var(--t-md);display:grid;place-items:center;margin-bottom:16px}
.step h3{font-size:var(--t-lg);margin-bottom:9px}
.step p{font-size:var(--t-sm)}
.step-hl{grid-column:span 2;background:var(--navy);border-color:var(--navy)}
.step-hl h3{color:#fff} .step-hl p{color:#B9C7DF}
.step-hl .step-n{background:var(--sky);border-color:var(--sky);color:var(--navy)}

/* programas */
.progs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.prog{border-radius:var(--r);padding:26px 22px 24px;color:#fff;min-height:230px;display:flex;
  flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;transition:.2s}
.prog:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.prog h3{color:#fff;font-size:var(--t-h3);margin-bottom:8px}
.prog p{font-size:var(--t-sm);color:rgba(255,255,255,.93);line-height:1.5}
.prog .sym{position:absolute;top:20px;left:22px;font-size:var(--t-h2-sm);font-weight:800;line-height:1.15;opacity:.5}
.prog .go{margin-top:12px;font-size:var(--t-xs);font-weight:800;color:#fff;display:inline-flex;align-items:center;gap:7px}
.p1{background:var(--blue)} .p2{background:var(--blue-2)} .p3{background:var(--red)} .p4{background:var(--green)}
.extras{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.extra{background:var(--wash);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px}
.extra b{display:block;font-size:var(--t-md);color:var(--ink);margin-bottom:6px;font-weight:800}
.extra p{font-size:var(--t-sm)}
.extra-a{background:#FFF6E6;border-color:#F0DCB4}
.extra-a b{color:#8A5A00}

/* cards genéricos */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cards-2{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 24px}
.card h3{font-size:var(--t-lg);margin-bottom:9px}
.card p{font-size:var(--t-sm)}
.card .ico{width:44px;height:44px;border-radius:11px;background:var(--sky-2);display:grid;place-items:center;margin-bottom:16px}
.card .ico svg{width:22px;height:22px;color:var(--blue)}

/* idades */
.ages{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.age{background:#fff;border:1px solid var(--line);border-top:5px solid var(--sky);border-radius:var(--r);padding:24px}
.age:nth-child(2){border-top-color:var(--blue)}
.age:nth-child(3){border-top-color:var(--blue-2)}
.age:nth-child(4){border-top-color:var(--navy)}
.age strong{display:block;font-size:var(--t-lg);color:var(--ink);margin-bottom:9px;font-weight:800}
.age p{font-size:var(--t-sm)}

/* trilha de estágios */
.track{display:grid;gap:12px}
.tk{display:grid;grid-template-columns:110px 1fr;gap:20px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);padding:20px 24px;align-items:start}
.tk b{color:var(--blue);font-size:var(--t-sm);font-weight:800;letter-spacing:.02em}
.tk h4{font-size:var(--t-md);margin-bottom:5px}
.tk p{font-size:var(--t-sm)}

/* unidade */
.unit{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.info{list-style:none;display:grid;gap:16px;margin:24px 0 28px}
.info li{display:flex;gap:14px;align-items:flex-start}
.info svg{width:20px;height:20px;color:var(--blue);flex:none;margin-top:3px}
.info b{display:block;color:var(--ink);font-size:var(--t-md)}
.info span{font-size:var(--t-sm)}
.map{border-radius:var(--rl);overflow:hidden;border:1px solid var(--line);aspect-ratio:16/8;background:var(--wash)}
.map iframe{width:100%;height:100%;border:0;display:block}

/* formulário */
.form-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:start}
.panel{background:#fff;border-radius:var(--rl);padding:30px;box-shadow:var(--sh);border:1px solid var(--line)}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.f{display:flex;flex-direction:column;gap:7px}
.f.full{grid-column:span 2}
.f label{font-size:var(--t-xs);font-weight:700;color:var(--ink)}
.f input,.f select,.f textarea{font-family:inherit;font-size:var(--t-md);color:var(--ink);background:#fff;
  border:1.5px solid var(--line-2);border-radius:11px;padding:14px 15px;width:100%;transition:.15s}
.f input:focus,.f select:focus,.f textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,80,160,.12)}
.f textarea{resize:vertical;min-height:88px}
.f-note{font-size:var(--t-xs);color:var(--mute);margin-top:14px;text-align:center}
.status{margin-top:12px;font-size:var(--t-sm);font-weight:700;min-height:22px}
.status.ok{color:var(--green)} .status.err{color:var(--red)}

/* faq */
.faq{max-width:820px;margin:0 auto}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:20px 44px 20px 0;position:relative;font-weight:700;
  font-size:var(--t-md);color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:8px;top:27px;width:11px;height:11px;
  border-right:2.5px solid var(--blue);border-bottom:2.5px solid var(--blue);transform:rotate(45deg);transition:.22s}
.faq details[open] summary::after{transform:rotate(-135deg);top:31px}
.faq details p{padding:0 44px 22px 0;font-size:var(--t-md)}
.faq h3{font-size:var(--t-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--blue);margin:36px 0 4px}

/* cta final */
.final{background:linear-gradient(150deg,var(--sky),#5B9AE0);padding:80px 0;text-align:center}
.final h2{font-size:var(--t-h2);color:var(--navy);margin-bottom:14px}
.final p{font-size:var(--t-lg);color:#0B2E63;max-width:620px;margin:0 auto 30px}
.final .btns{justify-content:center}

/* footer */
.ft{background:var(--navy);color:#9FB4D4;padding:56px 0 32px;font-size:var(--t-sm)}
.ft-g{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px;padding-bottom:30px;
  border-bottom:1px solid rgba(255,255,255,.13)}
.ft img{height:24px;margin-bottom:14px}
.ft b{color:#fff;display:block;margin-bottom:11px;font-size:var(--t-sm)}
.ft a{color:#9FB4D4;display:block;padding:3px 0}
.ft a:hover{color:#fff}
.ft-b{padding-top:22px;font-size:var(--t-2xs);color:#8496B0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* whatsapp flutuante */
.float{position:fixed;right:18px;bottom:18px;z-index:90;width:58px;height:58px;border-radius:50%;
  background:var(--wa);display:grid;place-items:center;box-shadow:0 10px 26px rgba(0,0,0,.3);color:#fff;transition:.2s}
.float:hover{transform:scale(1.06)}

@media(max-width:1000px){
  .hero-grid,.unit,.form-grid{grid-template-columns:1fr;gap:34px}
  .stats-g{grid-template-columns:repeat(3,1fr)}
  .stat:nth-child(3){border-right:0}
  .stat:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.13)}
  .steps,.cards{grid-template-columns:repeat(2,1fr)}
  .step-hl{grid-column:span 2}
  .progs,.ages{grid-template-columns:repeat(2,1fr)}
  .ft-g{grid-template-columns:1fr 1fr}
  .menu{display:none}
  .burger{display:block}
  .nav>.wrap>.btn-p{display:none}
  .nav.open .menu{display:flex;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;
    align-items:stretch;gap:0;padding:8px 22px 18px;border-bottom:1px solid var(--line);
    box-shadow:0 20px 30px -18px rgba(0,32,96,.3);max-height:78vh;overflow:auto}
  .nav.open .menu>a{padding:14px 0;border-bottom:1px solid var(--line)}
  .nav.open .drop{border-bottom:1px solid var(--line)}
  .nav.open .drop>button{width:100%;justify-content:space-between;padding:14px 0}
  .nav.open .drop-m{position:static;display:block;border:0;box-shadow:none;padding:0 0 12px;min-width:0}
  .nav.open .drop-m a{padding:9px 12px}
  .nav.open .m-cta{background:var(--red);color:#fff;text-align:center;border-radius:100px;
    padding:15px 0;margin-top:14px;border-bottom:0;font-weight:800}
}
@media(max-width:700px){
  body{font-size:var(--t-md)}
  .sec{padding:42px 0}
  .head{margin-bottom:26px}
  .head h2{font-size:26px}
  .sec-s{padding:34px 0}
  .sec-s{padding:44px 0}
  .hero{padding:40px 0 56px}
  .hero::after{display:none}
  .ph{padding:36px 0 40px}
  .pains,.steps,.progs,.ages,.extras,.fields,.cards,.cards-2{grid-template-columns:1fr}
  /* passos e cards de evolução compactos no mobile */
  .steps{gap:10px}
  .step{padding:18px 18px;display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:start}
  .step-n{width:38px;height:38px;font-size:var(--t-sm);border-width:2.5px;margin:0;grid-row:span 2}
  .step h3{font-size:var(--t-md);margin-bottom:5px;align-self:center}
  .step p{font-size:var(--t-sm);grid-column:2}
  .evos{gap:12px}
  .evo{padding:18px}
  .evo-h{margin-bottom:14px}
  .evo-t{padding:13px 12px}
  .evo-m{margin-top:11px;padding-top:11px}
  .dep{padding:22px 20px}
  .dep blockquote{margin-bottom:16px}
  .dep blockquote::before{font-size:34px}
  .step-hl{grid-column:span 1}
  .f.full{grid-column:span 1}
  .stats-g{grid-template-columns:repeat(2,1fr)}
  .stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}
  .stat:nth-child(odd){border-right:1px solid rgba(255,255,255,.13)}
  .ft-g{grid-template-columns:1fr}
  .contrast{padding:24px;font-size:var(--t-md)}
  .bar{font-size:var(--t-2xs);padding:7px 0}
  .bar .wrap{justify-content:center;text-align:center;flex-wrap:nowrap;gap:6px}
  .bar>.wrap>span:last-child{display:none}
  .bar-x{display:none}
  .bar em{font-style:normal}
  .seal{left:0;bottom:14px;padding:11px 16px}
  .float{width:52px;height:52px;right:14px;bottom:14px}
  .tk{grid-template-columns:1fr;gap:8px}
  .panel{padding:24px 20px}
  .player{border-width:4px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}

/* ── prova acima da dobra ── */
.proof{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding:0}
.proof li{background:rgba(255,255,255,.72);border-radius:100px;padding:9px 16px;font-size:var(--t-xs);
  color:var(--ink-2);line-height:1.3}
.proof b{color:var(--navy);font-weight:800}

/* ── bloco de qualificação (para quem serve / não serve) ── */
.fit{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fit-no,.fit-yes{border-radius:var(--rl);padding:30px 30px 26px}
.fit-no{background:#FFF3F4;border:1px solid #F5CDD3}
.fit-yes{background:#F0F8F2;border:1px solid #C6E3CE}
.fit h3{font-size:var(--t-h3);margin-bottom:18px;display:flex;align-items:center;gap:10px}
.fit-no h3{color:#A8102B} .fit-yes h3{color:#12622F}
.fit h3::before{content:"";width:26px;height:26px;border-radius:50%;flex:none;
  background-repeat:no-repeat;background-position:center;background-size:14px}
.fit-no h3::before{background-color:#E4002B;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")}
.fit-yes h3::before{background-color:#1F7A3D;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.fit ul{list-style:none;display:grid;gap:13px}
.fit li{font-size:var(--t-sm);line-height:1.55;padding-left:20px;position:relative;color:var(--ink-2)}
.fit li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%}
.fit-no li::before{background:#E4002B} .fit-yes li::before{background:#1F7A3D}
.fit li b{color:var(--ink)}
.fit-note{margin-top:22px;font-size:var(--t-md);background:var(--wash);border-left:4px solid var(--blue);
  border-radius:0 var(--r) var(--r) 0;padding:20px 24px}

/* ── comparativo ── */
.cmp{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cmp-c{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  border-radius:var(--r);padding:26px 24px}
.cmp-c h3{font-size:var(--t-lg);margin-bottom:6px;color:#fff}
.cmp-w{font-size:var(--t-sm);color:#8FB0D6;margin-bottom:18px;font-weight:700}
.cmp-c ul{list-style:none;display:grid;gap:11px}
.cmp-c li{font-size:var(--t-sm);color:#B9C7DF;padding-left:18px;position:relative;line-height:1.5}
.cmp-c li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;
  border-radius:50%;background:rgba(255,255,255,.35)}
.cmp-hl{background:var(--sky);border-color:var(--sky)}
.cmp-hl h3{color:var(--navy)} .cmp-hl .cmp-w{color:#0B4586}
.cmp-hl li{color:#0B2E63}.cmp-hl li::before{background:var(--navy)}
.cmp-note{margin-top:24px;font-size:var(--t-md);color:#B9C7DF;max-width:820px}

@media(max-width:1000px){
  .fit,.cmp{grid-template-columns:1fr}
}
@media(max-width:700px){
  .fit-no,.fit-yes{padding:24px 22px}
  .proof li{font-size:var(--t-2xs);padding:8px 13px}
}

/* ── hero VSL-first (home) ── */
.hero-side{position:relative}
.vsl-call{font-size:var(--t-xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:var(--blue);margin-bottom:12px;text-align:center}
.hero-video .player{max-width:none;border-width:5px;margin:0}
.hero-grid.has-vsl{grid-template-columns:1fr 1.15fr;gap:44px;align-items:center}
.hero-vsl{padding:34px 0 46px;text-align:center}
.vsl-top{max-width:720px;margin:0 auto 24px}
.vsl-top .badge{margin-bottom:14px}
.hero-vsl h1{font-size:var(--t-h2);margin-bottom:12px}
.hero-vsl h1 em{font-style:normal;color:var(--blue)}
.hero-vsl .lede{font-size:var(--t-md);color:var(--ink-2);max-width:580px;margin:0 auto}
.hero-vsl .player{max-width:760px;border-width:5px}
.vsl-under{max-width:760px;margin:24px auto 0}
.vsl-under .btns{justify-content:center;margin-bottom:16px}
.vsl-under .proof{justify-content:center;margin-top:0}

/* ── hero de captação (home) ── */
.hero-cap{padding:40px 0 56px}
.cap-top{max-width:820px;margin-bottom:32px}
.hero-cap h1{font-size:var(--t-h2);margin-bottom:14px}
.hero-cap h1 em{font-style:normal;color:var(--blue)}
.hero-cap .lede{font-size:var(--t-md);color:var(--ink-2);max-width:640px;margin:0}
.cap-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:40px;align-items:start}
.cap-media .slot{aspect-ratio:4/3;border-color:#fff;border-style:solid;border-width:6px;box-shadow:var(--sh)}
.cap-media .player{max-width:none;margin:0}
.cap-media .proof{margin-top:18px}
.cap-form .panel{padding:28px}
.form-t{font-size:var(--t-h3);margin-bottom:5px}
.form-s{font-size:var(--t-sm);color:var(--mute);margin-bottom:20px}
.form-alt{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);text-align:center}
.form-alt span{display:block;font-size:var(--t-xs);color:var(--mute);margin-bottom:12px}
.form-alt .btn{width:100%;padding:15px}
@media(max-width:1000px){
  .cap-grid{grid-template-columns:1fr;gap:28px}
  .cap-media{order:2}
  .cap-form{order:1}
}
@media(max-width:700px){
  .hero-cap{padding:20px 0 36px}
  .cap-top{margin-bottom:18px}
  .cap-form .panel{padding:22px 18px}
  .hero-cap h1{font-size:var(--t-h2-sm);margin-bottom:10px}
  .hero-cap .lede{font-size:var(--t-md)}
  .b-long,.l-long{display:none}
  .cap-top .badge{margin-bottom:14px;font-size:var(--t-2xs);padding:7px 14px}
  .form-t{font-size:var(--t-h4)}
  .form-s{margin-bottom:16px}
  .fields{gap:13px}
  .f input,.f select{padding:12px 14px}
}

/* ── CTA intermediário ── */
.cta-mid{margin-top:34px;background:#fff;border:1px solid var(--line);border-radius:var(--rl);
  padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;
  box-shadow:var(--sh)}
.cta-mid b{display:block;font-size:var(--t-lg);color:var(--ink);line-height:1.35;margin-bottom:5px}
.cta-mid span{font-size:var(--t-sm);color:var(--body)}
@media(max-width:800px){.cta-mid{flex-direction:column;align-items:stretch;text-align:left}
  .cta-mid .btns .btn{width:100%}}


/* ═══════════════════════════════════════════════
   UTILITÁRIOS — usados no lugar de style="" inline
   ═══════════════════════════════════════════════ */
.h2-sm{font-size:var(--t-h2-sm);margin-bottom:14px}
.pull-up{margin-top:-26px;position:relative;z-index:2}
.mt-s{margin-top:14px} .mt-m{margin-top:24px} .mt-l{margin-top:30px}
.w-full{width:100%}
.eyebrow-light{color:var(--sky)}
.eyebrow-light::before{background:var(--sky)}

.panel-soft{box-shadow:none;background:var(--wash);margin-top:8px}
.panel-soft b{color:var(--ink);display:block;margin-bottom:6px}
.panel-soft p{font-size:var(--t-sm);margin-bottom:16px}
.map-sq{aspect-ratio:4/3}
.txt-mute{color:var(--mute);font-size:var(--t-sm)}
.txt-soft{color:#B9C7DF}

/* ── header em modo landing page: sem navegação ── */
.nav-lp .menu{display:none}
.nav-lp .burger{display:none}
.nav-lp .wrap{justify-content:space-between}

/* ═══════════════════════════════════════════════
   HOME EM MODO LANDING PAGE — VSL no topo
   ═══════════════════════════════════════════════ */
.lp-hero{background:linear-gradient(175deg,var(--sky) 0%,#C6DEF7 52%,var(--wash) 100%);
  padding:28px 0 46px;text-align:center;position:relative;overflow:hidden}
.lp-hero::after{content:"";position:absolute;right:-180px;top:-160px;width:600px;height:600px;
  border-radius:50%;border:2px dashed rgba(255,255,255,.55);pointer-events:none}
.lp-hero .wrap{position:relative;z-index:1}
.lp-top{max-width:690px;margin:0 auto 20px}
.lp-top .badge{margin-bottom:12px}
.lp-hero h1{font-size:clamp(28px,2.9vw,37px);margin-bottom:11px}
.lp-hero h1 em{font-style:normal;color:var(--blue)}
.lp-lede{font-size:var(--t-md);color:var(--ink-2);max-width:580px;margin:0 auto}
.lp-player{max-width:690px;margin:0 auto}
.lp-player .player{max-width:none;margin:0}
.lp-vnote{font-size:var(--t-xs);color:var(--mute);margin-top:10px;letter-spacing:.02em}
.lp-cta{max-width:720px;margin:20px auto 0}
.btn-xl{font-size:var(--t-lg);padding:20px 38px}
.lp-cta-note{font-size:var(--t-xs);color:var(--mute);margin-top:12px}
.lp-cta .proof{justify-content:center;margin-top:22px}

@media(max-width:1000px){
  .nav-lp>.wrap>.btn-p{display:inline-flex;padding:12px 18px;font-size:var(--t-xs);white-space:nowrap}
}
@media(max-width:700px){
  .nav-lp .brand span{display:none}
  .nav-lp .brand img{height:24px}
  .nav-lp>.wrap>.btn-p{padding:11px 16px;font-size:var(--t-2xs)}
  .nav-lp .wrap{padding-top:11px;padding-bottom:11px}
}
@media(max-width:700px){
  .lp-hero{padding:26px 0 40px}
  .lp-top .badge{font-size:var(--t-2xs);padding:7px 14px}
  .lp-top .badge .badge-x{display:none}
  .lp-hero::after{display:none}
  .lp-top{margin-bottom:20px}
  .lp-lede{font-size:var(--t-md)}
  .lp-cta{margin-top:22px}
  .btn-xl{width:100%;padding:20px 20px;font-size:var(--t-md)}
  .lp-cta .proof li{font-size:var(--t-2xs)}
}

/* ═══════════════════════════════════════════════
   PROVA SOCIAL
   ═══════════════════════════════════════════════ */
.ph-img{width:100%;border-radius:var(--rl);object-fit:cover;aspect-ratio:4/3}
.slot-hero+.seal~.ph-img,.hero-photo .ph-img{aspect-ratio:5/6}

/* números */
.rnums{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}
.rnum{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px 24px;text-align:center}
.rnum strong{display:block;font-size:var(--t-stat);color:var(--blue);line-height:1;font-weight:800}
.rnum span{display:block;font-size:var(--t-sm);color:var(--body);margin-top:10px;line-height:1.4}

/* evolução */
.evos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.evo{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px}
.evo-h{display:flex;align-items:center;gap:13px;margin-bottom:20px}
.evo-f{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none}
.evo-f-ini{display:grid;place-items:center;background:var(--sky-2);color:var(--navy);
  font-weight:800;font-size:var(--t-sm)}
.evo-h b{display:block;color:var(--ink);font-size:var(--t-md);font-weight:800;line-height:1.25}
.evo-h span{font-size:var(--t-xs);color:var(--mute)}
.evo-t{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;
  background:var(--wash);border-radius:11px;padding:16px 14px}
.evo-p{text-align:center}
.evo-p small{display:block;font-size:var(--t-2xs);color:var(--mute);text-transform:uppercase;
  letter-spacing:.08em;font-weight:700;margin-bottom:5px}
.evo-p b{display:block;font-size:var(--t-sm);color:var(--ink-2);font-weight:800;line-height:1.3}
.evo-now b{color:var(--blue)}
.evo-a{width:26px;height:9px;position:relative}
.evo-a::before{content:"";position:absolute;left:0;top:3px;width:20px;height:2.5px;background:var(--blue);border-radius:2px}
.evo-a::after{content:"";position:absolute;right:0;top:0;width:9px;height:9px;
  border-top:2.5px solid var(--blue);border-right:2.5px solid var(--blue);transform:rotate(45deg)}
.evo-time{font-size:var(--t-xs);color:var(--mute);text-align:center;margin-top:11px;font-weight:700}
.evo-m{font-size:var(--t-sm);color:var(--body);margin-top:14px;padding-top:14px;
  border-top:1px solid var(--line);line-height:1.55}
.evo-nota{font-size:var(--t-xs);color:var(--mute);margin-top:22px;max-width:760px}

/* depoimentos */
.deps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dep{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
  border-radius:var(--r);padding:28px 26px;margin:0}
.dep blockquote{font-size:var(--t-md);color:#fff;line-height:1.55;margin:0 0 20px;position:relative}
.dep blockquote::before{content:"“";display:block;font-size:44px;color:var(--sky);
  line-height:.6;margin-bottom:8px;font-family:Georgia,serif}
.dep figcaption{display:flex;align-items:center;gap:12px;padding-top:16px;
  border-top:1px solid rgba(255,255,255,.14)}
.dep-f{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none}
.dep-f-ini{display:grid;place-items:center;background:rgba(255,255,255,.16);color:#fff;
  font-weight:800;font-size:var(--t-xs)}
.dep figcaption b{display:block;color:#fff;font-size:var(--t-sm);font-weight:800}
.dep figcaption span{font-size:var(--t-xs);color:#9FB4D4}

@media(max-width:1000px){ .evos,.deps{grid-template-columns:repeat(2,1fr)} }
@media(max-width:700px){ .evos,.deps{grid-template-columns:1fr} }

/* rodapé curto na landing page */
.ft-lp{padding:34px 0 26px}
.ft-lp .ft-g{grid-template-columns:1.6fr 1fr;gap:26px;padding-bottom:22px}
.ft-lp .ft-g>div:nth-child(2),.ft-lp .ft-g>div:nth-child(3){display:none}
.form-s a{color:var(--blue);font-weight:700}
@media(max-width:700px){.ft-lp{padding-bottom:24px}.ft-lp .ft-g{grid-template-columns:1fr;gap:20px}}