/* CorteX LP: clone da estrutura da BotConversa com a marca do CorteX. Mobile-first. */
@font-face{font-family:"Mona Sans";src:url("../fontes/mona-sans-latin.woff2?v=1") format("woff2");font-weight:200 900;font-stretch:75% 125%;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Mona Sans";src:url("../fontes/mona-sans-latin-ext.woff2?v=1") format("woff2");font-weight:200 900;font-stretch:75% 125%;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Hubot Sans";src:url("../fontes/hubot-sans-latin.woff2?v=1") format("woff2");font-weight:200 900;font-stretch:75% 125%;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hubot Sans";src:url("../fontes/hubot-sans-latin-ext.woff2?v=1") format("woff2");font-weight:200 900;font-stretch:75% 125%;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --fundo:#fafafa;--papel:#ffffff;--tinta:#0b0b0c;--tinta-2:#3a3a3f;--tinta-3:#5c5c63;
  --linha:#e6e6ea;--palco:#0b0b0c;--palco-2:#16161a;--palco-linha:#2a2a30;--palco-tinta:#f5f5f7;--palco-tinta-2:#b4b4bb;
  --marca:#ff2a45;--acao:#d81b3a;--acao-escura:#b3132f;--verde:#16a34a;
  --raio:18px;--raio-g:28px;--sombra:0 1px 2px rgba(11,11,12,.06),0 12px 32px -12px rgba(11,11,12,.18);
  --shell:min(1200px,100% - 2*clamp(16px,4vw,40px));
  --sp-sec:clamp(48px,4vw + 28px,104px);
  --nav-h:64px;
  --t-h1:clamp(2rem,1.25rem + 3.3vw,4rem);--t-h2:clamp(1.65rem,1.15rem + 2.2vw,3rem);--t-h3:clamp(1.05rem,.95rem + .45vw,1.3rem);
  --t-corpo:clamp(1rem,.96rem + .2vw,1.125rem);--t-peq:.9375rem;
  --ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px)}
body{margin:0;background:var(--fundo);color:var(--tinta);font-family:"Mona Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:var(--t-corpo);line-height:1.55;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:"Hubot Sans","Mona Sans",system-ui,sans-serif;line-height:1.08;letter-spacing:-.022em;margin:0;font-weight:750;font-stretch:96%}
p{margin:0}
.shell{width:var(--shell);margin-inline:auto}
.leitura{max-width:62ch}
.acento{color:var(--acao)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* botões */
.btn{--bg:var(--acao);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1.35rem;border-radius:999px;background:var(--bg);color:#fff;font-weight:650;font-size:1rem;text-decoration:none;border:1px solid transparent;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background-color .18s;box-shadow:0 8px 22px -10px rgba(216,27,58,.65);white-space:nowrap}
.btn:active{transform:scale(.98)}
.btn--claro{--bg:#fff;color:var(--tinta);border-color:var(--linha);box-shadow:var(--sombra)}
.btn--palco{--bg:transparent;color:var(--palco-tinta);border-color:var(--palco-linha);box-shadow:none}
.btn--peq{min-height:44px;padding:.55rem 1rem;font-size:.9375rem}
@media (hover:hover) and (pointer:fine){
  .btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px -12px rgba(216,27,58,.7);--bg:var(--acao-escura)}
  .btn--claro:hover{--bg:#fff;box-shadow:0 14px 28px -14px rgba(11,11,12,.3)}
  .btn--palco:hover{--bg:rgba(255,255,255,.06)}
}
.cta-par{display:flex;flex-wrap:wrap;gap:.625rem}
.cta-par>.btn{flex:1 1 9rem}
@media (min-width:48rem){.cta-par>.btn{flex:0 0 auto}}

/* topo: estendido na hero, cápsula depois de rolar */
.topo{position:fixed;inset:0 0 auto;z-index:50;padding-top:env(safe-area-inset-top,0px);transition:padding .3s var(--ease)}
.topo__barra{width:var(--shell);margin:0 auto;height:var(--nav-h);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding-inline:0;border-radius:999px;transition:background-color .3s,box-shadow .3s,padding .3s var(--ease),margin .3s var(--ease),width .3s var(--ease)}
.topo.rolou .topo__barra{background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 0 rgba(11,11,12,.06),0 10px 30px -14px rgba(11,11,12,.25);padding-inline:1rem;margin-top:10px;width:min(1080px,100% - 24px);height:58px}
.logo{display:inline-flex;align-items:center;text-decoration:none;min-height:44px}
.logo svg{height:30px;width:auto}
.topo__links{display:none;justify-content:center;gap:clamp(1rem,2vw,2rem);font-size:.9375rem;font-weight:550}
.topo__links a{text-decoration:none;color:var(--tinta-2);padding:.6rem .25rem;min-height:44px;display:inline-flex;align-items:center}
.topo__links a:hover{color:var(--tinta)}
.topo__acoes{display:flex;align-items:center;gap:.5rem;justify-self:end}
.topo__entrar{font-weight:600;font-size:.9375rem;text-decoration:none;min-height:44px;min-width:44px;display:inline-flex;align-items:center;padding:0 .5rem}
@media (min-width:64rem){.topo__links{display:flex}}
@media (max-width:23.99rem){.topo__acoes .btn{padding:.5rem .8rem}}

/* hero */
.hero{position:relative;min-height:100svh;display:grid;align-items:center;padding:calc(var(--nav-h) + env(safe-area-inset-top,0px) + 12px) 0 28px;isolation:isolate;overflow:clip}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 55% at 72% 38%,rgba(255,42,69,.16),transparent 70%),radial-gradient(45% 40% at 12% 8%,rgba(255,42,69,.08),transparent 70%),linear-gradient(180deg,#fff 0%,var(--fundo) 100%)}
.hero__grade{width:var(--shell);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(18px,3vw,48px);align-items:center}
.hero__texto{display:grid;gap:clamp(14px,1.6vw,22px);justify-items:start}
.selos{display:flex;flex-wrap:wrap;gap:.5rem}
.selo{display:inline-flex;align-items:center;gap:.45rem;min-height:30px;padding:.25rem .75rem;border-radius:999px;background:#fff;border:1px solid var(--linha);font-size:.8125rem;font-weight:600;color:var(--tinta-2);box-shadow:0 1px 2px rgba(11,11,12,.05)}
.selo i{width:7px;height:7px;border-radius:50%;background:var(--verde);box-shadow:0 0 0 3px rgba(22,163,74,.18)}
.hero h1{font-size:var(--t-h1);max-width:16ch}
.hero__apoio{color:var(--tinta-2);max-width:54ch;font-size:clamp(1rem,.95rem + .35vw,1.25rem)}
.hero__ja{font-size:.9375rem;color:var(--tinta-3)}
.hero__ja a{font-weight:650;color:var(--tinta);display:inline-flex;align-items:center;min-height:44px;padding-inline:.25rem}
.faixa{display:flex;flex-wrap:wrap;gap:.35rem 1rem;font-size:.875rem;font-weight:600;color:var(--tinta-2)}
.faixa span{display:inline-flex;align-items:center;gap:.4rem}
.faixa svg{width:16px;height:16px;color:var(--verde)}
.hero__palco{position:relative;justify-self:center;width:min(100%,520px);display:grid;place-items:center}
.aparelho{position:relative;width:clamp(150px,30vw,300px);aspect-ratio:962/1982;filter:drop-shadow(0 40px 60px rgba(11,11,12,.28))}
.aparelho__tela{position:absolute;left:4.366%;top:1.816%;width:91.48%;height:96.47%;object-fit:cover;object-position:top;border-radius:12.5%/5.9%}
.aparelho__moldura{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.aparelho__tela{z-index:1}
/* a moldura tem a tela opaca: o print vai por cima e a ilha da moldura volta por cima do print */
.aparelho::after{content:"";position:absolute;z-index:2;top:3.3%;left:50%;width:27%;height:2.9%;transform:translateX(-50%);background:#000;border-radius:999px}
.flutua{position:absolute;display:flex;gap:.55rem;align-items:center;padding:.6rem .8rem;background:#fff;border:1px solid var(--linha);border-radius:14px;box-shadow:var(--sombra);font-size:.8125rem;line-height:1.25;max-width:13.5rem}
.flutua b{display:block;font-family:"Mona Sans",sans-serif;font-size:1.05rem;font-weight:750;color:var(--tinta)}
.flutua small{display:block;color:var(--tinta-3);font-size:.75rem}
.flutua__ico{flex:0 0 32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(255,42,69,.1);color:var(--acao)}
.flutua__ico svg{width:18px;height:18px}
.flutua--a{left:0;top:12%}.flutua--b{right:0;top:30%}.flutua--c{left:2%;bottom:20%}.flutua--d{right:2%;bottom:6%}
@media (max-width:47.99rem){
  .hero{padding-bottom:16px}
  .hero__apoio,.faixa,.selos .selo:nth-child(2){display:none}
  .hero h1{max-width:none;font-size:clamp(1.75rem,1.2rem + 2.2vw,2.1rem)}
  .hero__texto{gap:12px}
  .hero__ja{margin-top:-6px}
  .hero__palco{width:100%;min-height:0}
  .hero .aparelho{width:clamp(118px,36vw,150px)}
  .flutua{max-width:9.6rem;padding:.45rem .55rem;font-size:.6875rem;gap:.4rem}
  .flutua b{font-size:.875rem}.flutua small{font-size:.65rem}
  .flutua__ico{flex-basis:24px;height:24px;border-radius:8px}.flutua__ico svg{width:14px;height:14px}
  .flutua--a{top:4%}.flutua--b{top:26%}.flutua--c{bottom:24%}.flutua--d{bottom:4%}
  .faixa{font-size:.78rem;gap:.25rem .75rem}
}
@media (min-width:48rem){
  .hero__grade{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
  .hero .aparelho{width:clamp(200px,24vw,290px)}
}
@media (min-width:64rem){.hero .aparelho{width:clamp(220px,19vw,290px)}}
@media (min-width:64rem) and (max-height:47rem){.aparelho{width:clamp(190px,16vw,240px)}.hero h1{font-size:clamp(2rem,1rem + 2.6vw,3.3rem)}}

/* seções */
.sec{padding-block:var(--sp-sec)}
.sec__cab{display:grid;gap:.75rem;justify-items:center;text-align:center;margin-bottom:clamp(24px,3vw,48px)}
.sec__cab h2{font-size:var(--t-h2);max-width:22ch}
.sec__cab p{color:var(--tinta-2);max-width:60ch}
.rotulo{font-size:.8125rem;font-weight:700;color:var(--acao);letter-spacing:.02em}
.palco{width:min(1320px,100% - 2*clamp(8px,1.6vw,24px));margin-inline:auto;background:var(--palco);color:var(--palco-tinta);border-radius:clamp(22px,3vw,40px);position:relative;isolation:isolate;overflow:clip}
.palco::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 40% at 85% 0%,rgba(255,42,69,.22),transparent 70%),radial-gradient(40% 35% at 0% 100%,rgba(255,42,69,.12),transparent 70%)}
.palco .sec__cab p{color:var(--palco-tinta-2)}
.palco .rotulo{color:#ff6b7d}

/* números */
.numeros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.5vw,20px);margin-top:clamp(20px,3vw,40px)}
.numero{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:clamp(12px,1.8vw,24px);text-align:center;display:grid;gap:.25rem;align-content:start;height:100%}
.numero b{font-size:clamp(1.6rem,1rem + 2.6vw,3rem);font-weight:780;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.numero span{font-size:clamp(.75rem,.7rem + .3vw,.9375rem);color:var(--tinta-2);line-height:1.35}
.numero small{font-size:.75rem;color:var(--tinta-3)}
@media (max-width:47.99rem){.numero small{display:none}}

/* recursos (bento no palco) */
.recursos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.4vw,18px)}
.recurso{background:var(--palco-2);border:1px solid var(--palco-linha);border-radius:var(--raio);padding:clamp(14px,1.8vw,26px);display:grid;gap:.5rem;align-content:start;height:100%;transition:transform .25s var(--ease),border-color .25s}
.recurso__ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(255,42,69,.14);color:#ff6b7d}
.recurso__ico svg{width:22px;height:22px}
.recurso h3{font-size:var(--t-h3);color:#fff}
.recurso p{font-size:var(--t-peq);color:var(--palco-tinta-2)}
@media (hover:hover) and (pointer:fine){.recurso:hover{transform:translateY(-3px);border-color:#3d3d45}}
@media (max-width:47.99rem){.recurso p{display:none}.recurso h3{font-size:.95rem}}
@media (min-width:48rem){.recursos{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* passos */
.passos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.4vw,20px);counter-reset:p}
.passo{background:var(--palco-2);border:1px solid var(--palco-linha);border-radius:var(--raio);padding:clamp(12px,1.8vw,26px);display:grid;gap:.5rem;align-content:start;height:100%}
.passo__n{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--acao);color:#fff;font-weight:750;font-size:1rem}
.passo h3{font-size:var(--t-h3);color:#fff}
.passo p{font-size:var(--t-peq);color:var(--palco-tinta-2)}
@media (max-width:47.99rem){.passo p{display:none}.passo h3{font-size:.875rem}}
.centro{display:flex;justify-content:center;margin-top:clamp(20px,3vw,36px)}

/* perguntas do cliente */
.conversa{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center}
.perguntas{display:grid;gap:.6rem;list-style:none;margin:0;padding:0}
.pergunta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:start;background:var(--palco-2);border:1px solid var(--palco-linha);border-radius:16px;padding:.8rem 1rem}
.pergunta__q{font-weight:650;color:#fff}
.pergunta__r{color:var(--palco-tinta-2);font-size:var(--t-peq)}
.pergunta__ico{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(22,163,74,.16);color:#4ade80}
.pergunta__ico svg{width:16px;height:16px}
.conversa .aparelho{width:clamp(150px,22vw,280px);justify-self:center}
@media (min-width:48rem){.conversa{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}
@media (max-width:47.99rem){.conversa{grid-template-columns:minmax(0,1fr) 34%;gap:12px;align-items:start}.pergunta{padding:.6rem .7rem;gap:.5rem}.pergunta__r{display:none}.pergunta__q{font-size:.875rem}.pergunta__ico{width:24px;height:24px}}

/* tudo num lugar */
.lugar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.4vw,18px)}
.item{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:clamp(14px,1.8vw,24px);display:grid;gap:.4rem;align-content:start;height:100%;box-shadow:0 1px 2px rgba(11,11,12,.04)}
.item h3{font-size:var(--t-h3)}
.item p{font-size:var(--t-peq);color:var(--tinta-2)}
.item__ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(255,42,69,.09);color:var(--acao)}
.item__ico svg{width:20px;height:20px}
@media (max-width:47.99rem){.item p{display:none}.item h3{font-size:.95rem}}
@media (min-width:48rem){.lugar{grid-template-columns:repeat(4,minmax(0,1fr))}}
.integra{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:clamp(18px,2.5vw,32px)}
.integra span{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.5rem 1rem;background:#fff;border:1px solid var(--linha);border-radius:999px;font-weight:650;font-size:.9375rem}
.integra svg{width:20px;height:20px}

/* comparação */
.compara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.4vw,18px);max-width:980px;margin-inline:auto}
.compara__col{border-radius:var(--raio-g);padding:clamp(14px,2vw,28px);display:grid;gap:.75rem;align-content:start}
.compara__col--hoje{background:#fff;border:1px solid var(--linha)}
.compara__col--cx{background:var(--palco);color:var(--palco-tinta);box-shadow:0 30px 60px -30px rgba(216,27,58,.55)}
.compara__col h3{font-size:var(--t-h3)}
.compara ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.compara li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:.55rem;font-size:var(--t-peq);line-height:1.4}
.compara li svg{width:18px;height:18px;margin-top:2px}
.compara__col--hoje li{color:var(--tinta-2)}.compara__col--hoje li svg{color:#9a9aa2}
.compara__col--cx li svg{color:#4ade80}
.compara__fonte{max-width:980px;margin:12px auto 0;font-size:.8125rem;color:var(--tinta-3);text-align:center}
@media (max-width:47.99rem){.compara li{font-size:.8125rem;grid-template-columns:16px minmax(0,1fr);gap:.4rem}.compara li svg{width:15px;height:15px}}

/* planos: 3 cartões lado a lado + lista do plano tocado numa faixa larga */
.planos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1.2vw,16px);align-items:stretch;max-width:1100px;margin-inline:auto}
.plano{position:relative;display:grid;gap:.5rem;align-content:start;background:#fff;border:1px solid var(--linha);border-radius:var(--raio-g);padding:clamp(12px,2vw,28px);cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s;height:100%}
.plano input{position:absolute;opacity:0;pointer-events:none}
.plano__nome{font-family:"Hubot Sans",sans-serif;font-weight:750;font-size:clamp(.95rem,.85rem + .5vw,1.35rem)}
.plano__para{font-size:.875rem;color:var(--tinta-3);min-height:2.6em}
.plano__preco{display:flex;align-items:baseline;gap:.2rem;flex-wrap:wrap}
.plano__preco b{font-size:clamp(1.4rem,.9rem + 2.4vw,2.75rem);font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.plano__preco small{font-size:.8125rem;color:var(--tinta-3)}
.plano__cota{font-size:.875rem;font-weight:600;color:var(--tinta-2)}
.plano .btn{width:100%;margin-top:.25rem}
.plano__lista{list-style:none;margin:.5rem 0 0;padding:.75rem 0 0;border-top:1px solid var(--linha);display:grid;gap:.5rem;font-size:.9375rem;color:var(--tinta-2)}
.plano__lista li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:.5rem}
.plano__lista svg{width:16px;height:16px;color:var(--verde);margin-top:3px}
.plano--meio{border:2px solid var(--acao);box-shadow:0 30px 60px -28px rgba(216,27,58,.5)}
.plano__etiqueta{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:var(--acao);color:#fff;font-size:.75rem;font-weight:700;padding:.3rem .7rem;border-radius:999px;white-space:nowrap}
.planos__faixa{display:none}
@media (min-width:48rem){
  .planos{grid-template-columns:1fr 1.14fr 1fr;align-items:center}
  .plano--meio{padding-block:clamp(26px,2.6vw,38px)}
  .plano:not(.plano--meio){transform:scale(.965)}
}
@media (max-width:47.99rem){
  .plano{padding:14px 8px 10px;text-align:center;justify-items:center;border-radius:16px}
  .plano__para,.plano__lista,.plano__cota{display:none}
  .plano__preco{justify-content:center}
  .plano__preco small{width:100%}
  .plano .btn{min-height:44px;padding:.5rem .4rem;font-size:.8125rem}
  .plano__etiqueta{font-size:.625rem;padding:.2rem .45rem}
  .plano:has(input:checked){border-color:var(--acao);box-shadow:0 0 0 2px var(--acao)}
  .planos__faixa{display:block;grid-column:1/-1;background:#fff;border:1px solid var(--linha);border-radius:16px;padding:14px 16px}
  .planos__faixa ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem;font-size:.875rem;color:var(--tinta-2)}
  .planos__faixa li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:.45rem}
  .planos__faixa svg{width:15px;height:15px;color:var(--verde);margin-top:3px}
  .planos__faixa [data-lista]{display:none}
  .planos:has(#p-essencial:checked) [data-lista="essencial"],.planos:has(#p-profissional:checked) [data-lista="profissional"],.planos:has(#p-rede:checked) [data-lista="rede"]{display:grid}
  .planos__faixa b{display:block;margin-bottom:.4rem;font-size:.9375rem;color:var(--tinta)}
}
@media (hover:hover) and (pointer:fine){.plano:hover{box-shadow:0 24px 48px -26px rgba(11,11,12,.35)}}
.garantias{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1.2vw,16px);max-width:1100px;margin:clamp(14px,2vw,24px) auto 0}
.garantia{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.6rem;align-items:start;background:#fff;border:1px solid var(--linha);border-radius:16px;padding:clamp(10px,1.4vw,18px);font-size:.875rem;color:var(--tinta-2)}
.garantia b{display:block;color:var(--tinta);font-size:.9375rem}
.garantia svg{width:22px;height:22px;color:var(--acao)}
.extras{max-width:1100px;margin:12px auto 0;text-align:center;font-size:.8125rem;color:var(--tinta-3)}
@media (max-width:47.99rem){.garantia{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;padding:10px 6px;font-size:.6875rem}.garantia span{display:none}.garantia b{font-size:.75rem}}

/* fundadoras (o "a gente monta tudo") */
.fundadoras{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(18px,3vw,40px);align-items:center;padding:clamp(24px,4vw,64px)}
.fundadoras h2{font-size:var(--t-h2);max-width:16ch}
.fundadoras p{color:var(--palco-tinta-2);max-width:52ch}
.fila{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fila div{background:var(--palco-2);border:1px solid var(--palco-linha);border-radius:16px;padding:14px;display:grid;gap:.2rem;text-align:center}
.fila b{font-size:clamp(1.6rem,1rem + 2vw,2.5rem);font-weight:800;line-height:1}
.fila span{font-size:.8125rem;color:var(--palco-tinta-2)}
@media (min-width:64rem){.fundadoras{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}

/* demonstração */
.demo{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(18px,3vw,48px);align-items:center;background:#fff;border:1px solid var(--linha);border-radius:var(--raio-g);padding:clamp(18px,3.5vw,56px)}
.demo h2{font-size:var(--t-h2);max-width:18ch}
.demo p{color:var(--tinta-2)}
.demo .aparelho{width:clamp(140px,18vw,240px);justify-self:center}
@media (min-width:48rem){.demo{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}}
@media (max-width:47.99rem){.demo{grid-template-columns:minmax(0,1fr) 34%;gap:14px}.demo h2{font-size:1.35rem}.demo p{font-size:.875rem}.demo .cta-par>.btn{flex-basis:100%}}

/* FAQ */
.faq{display:grid;grid-template-columns:minmax(0,1fr);gap:.6rem;max-width:1100px;margin-inline:auto}
.faq details{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:0 1rem;transition:border-color .2s}
.faq details[open]{border-color:#cfcfd6}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:.75rem;align-items:center;min-height:56px;padding:.75rem 0;font-weight:650}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{width:28px;height:28px;border-radius:50%;background:var(--fundo);position:relative;transition:transform .3s var(--ease)}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--tinta);transform:translate(-50%,-50%)}
.faq summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq details[open] summary i{transform:rotate(45deg)}
.faq details p{padding:0 0 1rem;color:var(--tinta-2);font-size:var(--t-peq)}
.faq .escondida{display:none}
.faq.aberta .escondida{display:block}
.faq__mais{display:flex;justify-content:center;margin-top:1rem}
@media (min-width:48rem){.faq{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}

/* pergunte a uma IA (molde .pia do FroX) */
.pia{max-width:1100px;margin-inline:auto;text-align:center;display:grid;gap:1rem;justify-items:center}
.pia h2{font-size:clamp(1.35rem,1rem + 1.4vw,2rem)}
.pia p{color:var(--tinta-2);max-width:56ch}
.pia__botoes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;width:min(100%,760px)}
.pia-b{--c:16,163,127;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:52px;padding:.6rem .8rem;border-radius:14px;background:rgba(var(--c),.08);border:1px solid rgba(var(--c),.35);color:var(--tinta);text-decoration:none;font-weight:650;font-size:.9375rem;transition:transform .18s var(--ease),background-color .18s}
.pia-b[data-ia="google"]{--c:66,133,244}.pia-b[data-ia="perplexity"]{--c:32,184,205}
.pia-logo{width:22px;height:22px;flex:0 0 22px}
.pia-b:active{transform:scale(.98)}
@media (hover:hover) and (pointer:fine){.pia-b:hover{transform:translateY(-2px);background:rgba(var(--c),.14)}}
@media (max-width:47.99rem){.pia-b{flex-direction:column;gap:.3rem;font-size:.75rem;min-height:64px;padding:.5rem .3rem}}

/* chamada final */
.final{text-align:center;display:grid;gap:1.25rem;justify-items:center;padding:clamp(36px,6vw,96px) clamp(16px,4vw,48px)}
.final h2{font-size:var(--t-h2);max-width:20ch}
.final p{color:var(--palco-tinta-2);max-width:52ch}
.final .cta-par{justify-content:center;width:min(100%,460px)}

/* rodapé */
.rodape{padding:clamp(32px,4vw,56px) 0 calc(24px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--linha);margin-top:var(--sp-sec);background:#fff}
.rodape__grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.rodape__marca{grid-column:1/-1;display:grid;gap:.6rem;max-width:40ch}
.rodape__marca p{font-size:.875rem;color:var(--tinta-3)}
.rodape h3{font-family:"Mona Sans",sans-serif;font-size:.8125rem;font-weight:700;color:var(--tinta);letter-spacing:.01em;margin-bottom:.5rem}
.rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}
.rodape ul a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:var(--tinta-2);font-size:.9375rem}
.rodape ul a:hover{color:var(--tinta)}
.rodape__base{margin-top:28px;padding-top:18px;border-top:1px solid var(--linha);display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:space-between;align-items:center;font-size:.8125rem;color:var(--tinta-3)}
.rodape__produto{display:inline-flex;align-items:center;gap:.6rem}
.rodape__produto svg{height:20px;width:auto}
.assinatura{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;color:var(--tinta-3);min-height:44px}
.assinatura svg{width:14px;height:14px}
.rodape__aviso{width:100%;font-size:.75rem;color:var(--tinta-3)}
@media (min-width:48rem){.rodape__grade{grid-template-columns:1.6fr repeat(3,minmax(0,1fr))}.rodape__marca{grid-column:auto}}

/* revelar ao entrar */
.js-ok .revelar{opacity:0;transform:translateY(16px);transition:opacity .4s var(--ease),transform .4s var(--ease);transition-delay:calc(var(--i,0) * 60ms)}
.js-ok .revelar.visto{opacity:1;transform:none}
@keyframes boia{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media (prefers-reduced-motion:no-preference){.flutua{animation:boia 6s var(--ease) infinite}.flutua--b{animation-delay:-1.5s}.flutua--c{animation-delay:-3s}.flutua--d{animation-delay:-4.5s}}
@media (prefers-reduced-motion:reduce){.js-ok .revelar{transform:none;transition:opacity .2s linear}html{scroll-behavior:auto}}

/* páginas legais */
.legal{padding:calc(var(--nav-h) + 48px) 0 24px}
.legal__papel{width:var(--shell);max-width:880px;margin-inline:auto;background:#fff;border:1px solid var(--linha);border-radius:var(--raio-g);padding:clamp(20px,4vw,56px)}
.legal h1{font-size:clamp(1.8rem,1.2rem + 2.4vw,2.8rem);margin-bottom:.5rem}
.legal .atualizado{color:var(--tinta-3);font-size:.9375rem;margin-bottom:1.5rem}
.legal .indice{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 2rem;padding:1rem;background:var(--fundo);border-radius:14px}
.legal .indice a{font-size:.875rem;text-decoration:none;padding:.35rem .6rem;border-radius:999px;background:#fff;border:1px solid var(--linha);color:var(--tinta-2)}
.legal .indice ol,.legal .indice ul{display:contents;list-style:none}
.legal .indice li{display:contents}
.legal section{margin-top:2rem}
.legal h2{font-size:clamp(1.2rem,1rem + .8vw,1.55rem);margin-bottom:.75rem}
.legal h3{font-size:1.05rem;margin:1.2rem 0 .5rem}
.legal p,.legal li{color:var(--tinta-2);font-size:1rem;line-height:1.7}
.legal p+p{margin-top:.75rem}
.legal ul{padding-left:1.2rem;display:grid;gap:.35rem;margin:.6rem 0}
.legal a{color:var(--acao)}
/* par de botões lado a lado no celular: rótulo curto e padding menor */
@media (max-width:47.99rem){.so-pc{display:none}.cta-par>.btn{padding:.7rem .9rem;font-size:.9375rem}}
.rodape ul a{min-width:44px}