/* Minha Escala: páginas de venda (home, módulos e preços). Celular primeiro. Marca: azul + laranja, Plus Jakarta Sans + Inter.
   Estrutura de toda página: herói (resposta + ação), 3 benefícios, uma prova visual, ação final. Sem sombra, sem faixa, sem chip.
   Captura alta de celular vai em moldura de celular; captura larga de computador só a partir de 720 px (.so-d / .so-m). */
.lp{overflow-x:clip}
.lp .wrap{padding:0 20px}
.lp .sec{padding:64px 0}
.lp h1,.lp h2{font-weight:800;letter-spacing:-.03em}
.lp .eyebrow{font-size:12.5px;margin-bottom:14px}
.lp .lead{margin-bottom:24px}
.h2g{font-size:clamp(30px,8vw,48px)!important;line-height:1.06!important;max-width:720px}

/* revelação suave ao rolar (ritmo da LP de referência: .7s, curva suave, escalonada) */
.js .rvl{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.js .rvl.ve{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rvl{opacity:1;transform:none;transition:none}}

/* herói */
.lp-hero{padding:36px 0 56px;background:linear-gradient(180deg,#E6EEFF 0%,#F4F8FF 70%,var(--bg) 100%)}
.lp-hero .wrap{display:grid;gap:36px}
.lp-hero .wrap>*{min-width:0}
.lp-hero h1{font-size:clamp(40px,11.5vw,80px);line-height:.98;margin-bottom:18px}
.lp-hero h1 em{font-style:normal;font:inherit;letter-spacing:inherit;color:var(--az)}
.lp-hero .sub{font-size:18px;line-height:1.55;color:var(--mut);max-width:540px;margin-bottom:24px}
.lp-hero .cta{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.lp-hero .cta .btn{min-height:56px;font-size:17px}
.lp-hero .mut-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-weight:600;text-decoration:none}
.lp-hero .micro{margin-top:10px;font-size:13px}
.lp-hero .vis{display:block;padding:0}
.crumb{font-size:14px;margin-bottom:6px}.crumb a{color:var(--mut);text-decoration:none;display:inline-flex;min-height:44px;align-items:center}

/* três benefícios */
.b3{display:grid;gap:28px;margin-top:32px}
.b3>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.b3 b,.m3 b{font-family:var(--logo);font-size:19px;line-height:1.3;margin-top:8px}
.b3>div>span:not(.b3-i),.m3>span:not(.b3-i){color:var(--mut);font-size:16px;line-height:1.55}
.b3-i{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:var(--az-100);color:var(--az)}
.b3-i .ic{width:22px;height:22px}
.b3-ap{color:var(--mut);font-size:17px;margin-top:10px}

/* prova visual */
.bl{display:grid;gap:32px;align-items:center}
.bl>*{min-width:0}
.bl h2{font-size:clamp(30px,8vw,48px);line-height:1.06;margin-bottom:14px}
.bl p.t{font-size:18px;line-height:1.6;color:var(--mut);max-width:520px}
.shot{margin:0}
.shot img{display:block;width:100%;height:auto}
.shot.fr{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card)}
.shot.ph{max-width:260px;margin-inline:auto}
.shot.ph img{border-radius:26px;border:8px solid #111;background:#fff}
.shot.nar{max-width:480px;margin-inline:auto;width:100%}
.shot.estreita{max-width:320px;margin-inline:auto;width:100%}
.so-d{display:none!important}
.alt2{background:var(--card);border-block:1px solid var(--line)}
.alt2 .gx{background:var(--bg)}

/* faixa escura e chamada final */
.dark{background:var(--deep);color:#E6ECFB}
.dark h2,.dark h3{color:#fff}.dark .eyebrow{color:#FFB27A}.dark .lead{color:#C9D5F5}
.agora h2,.fimx h2{font-size:clamp(30px,8vw,52px);line-height:1.04;margin-bottom:12px}
.agora .btn,.fimx .btn{min-height:56px;font-size:17px}
.fimx .sec-l{margin-top:10px}
.fimx .sec-l a{display:inline-flex;min-height:44px;align-items:center;color:#C9D5F5;font-weight:600}

/* módulos (home) */
.mods3{display:grid;gap:12px;margin-top:28px}
.m3{display:flex;flex-direction:column;gap:4px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--bg);text-decoration:none;color:var(--tx);transition:border-color .2s,transform .25s;min-width:0}
.m3:hover{border-color:var(--az);transform:translateY(-2px)}
.m3::after{content:"Ver como funciona \2192";font-weight:700;color:var(--az);margin-top:8px;font-size:15px}

/* demonstração da escala (HTML, sem imagem: nunca estica) */
.gx{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;max-width:520px;margin-inline:auto;width:100%}
.gx-t{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--az-50);border-radius:8px;margin-bottom:16px}
.gx-t button{min-height:44px;border:0;border-radius:6px;background:transparent;color:var(--mut);font:600 15px var(--fonte);cursor:pointer;transition:background .25s,color .25s}
.gx-t button[aria-pressed=true]{background:var(--card);color:var(--tx)}
.gx[data-modo="5x2"] .gx-t button[aria-pressed=true]{color:var(--az)}
.gx-g{display:grid;grid-template-columns:minmax(48px,64px) repeat(7,minmax(0,1fr));gap:5px;align-items:center}
.gx-n{font-size:13.5px;font-weight:600;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.gx-d{text-align:center;font-size:12.5px;font-weight:700;color:var(--mut)}
.gx-g i{display:grid;place-items:center;aspect-ratio:1/1;max-height:44px;border-radius:6px;background:var(--c-t);font:700 13px var(--fonte);font-style:normal;color:var(--c-t-tx);transition:background .45s ease,color .45s ease}
.gx-g i::after{content:"T"}
.gx[data-modo="6x1"] .gx-g i.a,.gx[data-modo="5x2"] .gx-g i.b{background:var(--c-f);color:var(--c-f-tx)}
.gx[data-modo="6x1"] .gx-g i.a::after,.gx[data-modo="5x2"] .gx-g i.b::after{content:"F"}
.gx-g em{font-style:normal;text-align:center;font:700 15px var(--logo);color:var(--tx);padding-top:6px;border-top:1px solid var(--line)}
.gx-g .gx-n:nth-last-child(8){padding-top:6px;border-top:1px solid var(--line);color:var(--mut);font-weight:600}
.gx[data-modo="6x1"] .gx-g em::after{content:attr(data-a)}
.gx[data-modo="5x2"] .gx-g em::after{content:attr(data-b)}
.gx-r{margin-top:14px;font-size:14.5px;line-height:1.45;color:var(--mut);min-height:22px}
.gx-r span{display:none;align-items:center;gap:8px}
.gx[data-modo="6x1"] .r-a,.gx[data-modo="5x2"] .r-b{display:flex}
.gx-r .r-b{color:var(--ok);font-weight:600}
.gx-r .ic{width:18px;height:18px;flex:none}

/* preços */
.ph-precos{padding-bottom:8px}
.ph-precos h1{font-size:clamp(36px,9.5vw,64px)}
.precos{padding-top:24px!important}
.planos4{max-width:1120px!important;margin-top:0!important}
.pl h3{font-family:var(--logo)}
.pl .lim{color:var(--mut);font-size:14.5px;line-height:1.45}
.pl .btn{margin-top:auto}

/* dúvidas de preço */
.lp .faq .wrap{max-width:820px}

@media (min-width:720px){
  .lp .wrap{padding:0 32px}
  .lp .sec{padding:96px 0}
  .lp-hero{padding:64px 0 88px}
  .lp-hero .cta{flex-direction:row;align-items:center;gap:20px}
  .lp-hero .cta .btn{min-height:58px;padding:0 32px}
  .b3,.mods3{grid-template-columns:repeat(3,1fr)}
  .b3{gap:40px}
  .so-d{display:block!important}.so-m{display:none!important}
  .gx{padding:22px}
  .gx-g{gap:7px}
  .gx-n{font-size:14.5px}
  .planos4{grid-template-columns:repeat(2,1fr)!important}
  .ph-precos{padding-bottom:16px}
}
@media (min-width:980px){
  .lp-hero .wrap{grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
  .bl{grid-template-columns:1fr 1fr;gap:72px}
  .bl.inv .txt{order:2}
  .planos4{grid-template-columns:repeat(4,1fr)!important}
  .ph-precos .wrap{grid-template-columns:1fr}
}

/* por que agora: antes e depois em dois números */
.ag{display:grid;gap:36px;align-items:center}
.ag>*{min-width:0}
.vs{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}
.vs>div{border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:20px 16px;text-align:center}
.vs b{display:block;font:800 clamp(34px,10vw,56px)/1 var(--logo);letter-spacing:-.03em;color:#AFC0EE}
.vs span{display:block;margin-top:8px;font-size:14.5px;line-height:1.35;color:#C9D5F5}
.vs .on{border-color:#FFB27A}.vs .on b{color:#fff}
.vs>.ic{width:22px;height:22px;color:#FFB27A}
@media (min-width:720px){.fimx .rvl{text-align:center}.fimx .lead{margin-inline:auto}}
@media (min-width:980px){.ag{grid-template-columns:1.15fr .85fr;gap:72px}}