:root{
  --limao:#c2f23f; --limao-tinta:#0f1a02; --noite:#0a0d12; --noite2:#10141b; --painel:#151a22; --painel2:#1b212b;
  --osso:#f2f0ec; --suave:#b9bdc4; --cinza:#7c838e; --linha:rgba(255,255,255,.09); --linha2:rgba(255,255,255,.16);
  --titulo:'Inter Tight','Helvetica Neue',Arial,sans-serif;
  --corpo:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --gut:max(16px,env(safe-area-inset-left,0px));
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
section,.corre{overflow-x:clip}
body{margin:0;background:var(--noite);color:var(--osso);font:400 17px/1.55 var(--corpo);overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--titulo);font-weight:900;margin:0;text-wrap:balance;letter-spacing:-.035em}
p{margin:0 0 14px}
.faixa{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.miolo{max-width:1120px;margin:0 auto}
.pontos{background-image:radial-gradient(rgba(10,13,18,.22) 1.2px,transparent 1.6px);background-size:22px 22px}
.pontos-escuro{background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px);background-size:22px 22px}
.etiqueta{display:inline-flex;align-items:center;gap:8px;font:500 11.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:8px 12px;border-radius:999px;background:var(--noite);color:var(--osso)}
.etiqueta i{width:7px;height:7px;border-radius:50%;background:var(--limao);box-shadow:-11px 0 0 #fff;margin-left:11px}
.escuro .etiqueta{background:transparent;border:1px solid var(--linha2)}
.titulo-sec{font-size:clamp(34px,7.4vw,58px);line-height:.98;margin:16px 0 14px}
.titulo-sec em{font-style:normal;color:var(--limao)}
.lead{color:var(--suave);font-size:18px;max-width:58ch}
section{padding-block:64px}

/* barra do topo */
.topo{position:fixed;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 10px);z-index:20}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--limao)}
.barra-topo{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(10,13,18,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;padding:7px 7px 7px 10px;max-width:1120px;margin:0 auto}
.marca{display:flex;align-items:center;gap:10px;font:800 17px/1 var(--titulo);letter-spacing:-.02em;text-decoration:none;color:var(--osso)}
.marca small{font:500 10px var(--mono);letter-spacing:.16em;color:var(--cinza)}
.chave{position:relative;width:46px;height:26px;border-radius:999px;background:var(--limao);flex:none}
.chave b{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:var(--noite);color:var(--limao);display:grid;place-items:center;font:900 13px var(--titulo)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;font:800 16px/1 var(--titulo);letter-spacing:-.01em;transition:transform .15s ease}
.btn:active{transform:scale(.97)}
.btn-limao{background:var(--limao);color:var(--limao-tinta);box-shadow:0 0 0 1px rgba(194,242,63,.3),0 12px 34px -10px rgba(194,242,63,.55)}
.btn-noite{background:var(--noite);color:var(--limao);padding-right:7px}
.btn-noite .seta{width:36px;height:36px;border-radius:50%;background:var(--osso);color:var(--noite);display:grid;place-items:center;font-size:20px}
.btn-mini{min-height:38px;padding:0 16px;font-size:14.5px}
:focus-visible{outline:3px solid var(--limao);outline-offset:3px}

/* abertura */
.hero{background:var(--limao);color:var(--noite);padding-block:96px 56px}
.hero-grade{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center}
.revela{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.revela .chave-grande{width:84px;height:46px;border-radius:999px;background:var(--noite);position:relative;box-shadow:inset 0 2px 6px rgba(0,0,0,.5)}
.revela .chave-grande b{position:absolute;top:5px;left:5px;width:36px;height:36px;border-radius:50%;background:var(--limao);color:var(--noite);display:grid;place-items:center;font:900 22px var(--titulo);transition:left .7s cubic-bezier(.6,-0.3,.3,1.4)}
.revela.on .chave-grande b{left:43px}
.revela strong{display:block;font:800 17px/1.1 var(--titulo);letter-spacing:-.02em}
.revela span{font:500 11px var(--mono);letter-spacing:.18em;color:rgba(10,13,18,.6)}
.hero h1{font-size:clamp(44px,11.5vw,92px);line-height:.92;margin:18px 0 18px}
.hero h1 .bloco{display:inline;background:var(--noite);color:var(--limao);padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:.08em;line-height:1.08}
.hero .lead{color:rgba(10,13,18,.82);font-size:18.5px}
.checks{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;padding:0;margin:4px 0 26px;font-weight:600;font-size:15.5px}
.checks li::before{content:"✓ ";font-weight:800}
.acao{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
.acao p{margin:0;font-size:14px;line-height:1.35;color:rgba(10,13,18,.75)}
.acao p b{display:block;font:900 20px/1.1 var(--titulo);letter-spacing:-.02em;color:var(--noite)}
.aviso{display:flex;gap:12px;align-items:flex-start;margin-top:22px;padding:12px 14px;border-radius:14px;border:1px solid rgba(10,13,18,.25);font-size:14.5px;line-height:1.45;max-width:520px}
.aviso i{flex:none;width:22px;height:22px;border-radius:50%;background:var(--noite);color:var(--limao);display:grid;place-items:center;font:900 13px var(--titulo);font-style:normal}
.celular{position:relative;width:min(300px,78vw);margin:0 auto;aspect-ratio:9/19;border-radius:44px;padding:10px;background:linear-gradient(135deg,#6b7079 0%,#2a2d33 18%,#121418 45%,#2c3036 72%,#121418 100%);box-shadow:0 30px 60px -20px rgba(10,13,18,.6);transform:rotate(3deg)}
.celular video,.celular img{width:100%;height:100%;object-fit:cover;border-radius:34px;background:#000}
.celular .ilha{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:84px;height:24px;border-radius:999px;background:#000;z-index:2}
.flutua{position:absolute;z-index:3;background:var(--noite);color:var(--osso);border-radius:16px;padding:10px 14px;box-shadow:0 14px 30px -12px rgba(10,13,18,.7);border:1px solid rgba(194,242,63,.35)}
.flutua b{display:block;font:900 24px/1 var(--titulo);color:var(--limao);letter-spacing:-.03em}
.flutua span{font-size:12px;color:var(--suave)}
.f1{left:-8%;top:16%;transform:rotate(-4deg)}
.f2{right:-8%;bottom:20%;transform:rotate(3deg)}
.som{position:absolute;z-index:4;left:50%;bottom:22px;transform:translateX(-50%);background:rgba(10,13,18,.75);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:9px 14px;font:600 13px var(--corpo);cursor:pointer;white-space:nowrap}
@media (prefers-reduced-motion:no-preference){.flutua{animation:boia 6s ease-in-out infinite}.f2{animation-delay:-3s}}
@keyframes boia{50%{translate:0 -8px}}

/* faixa que corre */
.corre{background:var(--noite);overflow:hidden;padding-block:16px;border-block:1px solid var(--linha)}
.corre div{display:flex;gap:28px;width:max-content;font:900 22px/1 var(--titulo);letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap}
.corre span{display:flex;align-items:center;gap:28px}
.corre span::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--limao)}
@media (prefers-reduced-motion:no-preference){.corre div{animation:corre 30s linear infinite}}
@keyframes corre{to{transform:translateX(-50%)}}

/* números */
.numeros{text-align:center}
.grande{font:900 clamp(64px,17vw,150px)/.9 var(--titulo);letter-spacing:-.05em;color:var(--limao);margin:22px 0 8px;font-variant-numeric:tabular-nums}
.grande-leg{font:900 clamp(20px,4.6vw,34px)/1.05 var(--titulo);text-transform:uppercase;letter-spacing:-.02em}
.grande-leg em{font-style:normal;color:var(--limao)}
.pilulas{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:28px auto 18px;max-width:760px}
.pilulas span{border:1px solid var(--linha2);border-radius:999px;padding:11px 18px;font-size:15px;color:var(--suave)}
.pilulas b{font:900 19px var(--titulo);color:var(--osso);letter-spacing:-.02em;margin-right:4px}
.fonte{font-size:13.5px;color:var(--cinza);max-width:560px;margin:0 auto}

/* vídeo explicativo (espaço reservado) */
.video-espaco{position:relative;max-width:420px;margin:26px auto 0;aspect-ratio:9/16;border-radius:28px;overflow:hidden;background:var(--painel);border:1px solid var(--linha2)}
.video-espaco img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(10px) brightness(.45);transform:scale(1.15)}
.video-espaco div{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;gap:16px}
.video-espaco h3{font-size:clamp(28px,7vw,38px);line-height:1}
.video-espaco h3 em{font-style:normal;color:var(--limao)}
.tocar{width:74px;height:74px;border-radius:50%;background:var(--limao);color:var(--noite);display:grid;place-items:center;font-size:28px;box-shadow:0 0 0 10px rgba(194,242,63,.15)}
.selo{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:7px 12px;border-radius:999px;border:1px dashed rgba(194,242,63,.6);color:var(--limao)}

/* vitrine */
.vitrine{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px;margin-top:30px}
.peca{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:9/16;background:var(--painel);border:1px solid var(--linha2)}
.peca:nth-child(odd){transform:rotate(-2deg)}
.peca:nth-child(even){transform:rotate(2deg) translateY(14px)}
.peca video{width:100%;height:100%;object-fit:cover}
.peca .views{position:absolute;left:10px;bottom:10px;background:var(--limao);color:var(--noite);border-radius:999px;padding:7px 12px;font:900 15px/1 var(--titulo);letter-spacing:-.01em}
.peca .de{position:absolute;left:10px;top:10px;background:rgba(10,13,18,.78);border-radius:999px;padding:5px 10px;font:500 10px var(--mono);letter-spacing:.06em}
.nota-v{font-size:13.5px;color:var(--cinza);margin-top:30px}

/* comparação */
.compara{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:28px}
.lado{border-radius:24px;padding:24px;border:1px solid var(--linha2);background:var(--painel)}
.lado h3{font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--cinza)}
.lado ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.lado li{display:flex;gap:10px;font-size:16.5px}
.lado.off li{color:var(--cinza)}
.lado.off li::before{content:"×";font-size:18px}
.lado.on{background:var(--limao);color:var(--noite);border-color:var(--limao)}
.lado.on h3{color:var(--noite)}
.lado.on li::before{content:"✓";font-weight:800}
.mini-chave{width:34px;height:20px;border-radius:999px;background:#2a2f38;position:relative}
.mini-chave::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#7c838e}
.on .mini-chave{background:var(--noite)}
.on .mini-chave::after{left:17px;background:var(--limao)}

/* perfis */
.perfis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}
.perfil{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:14px 8px;border-radius:18px;background:var(--painel);border:1px solid var(--linha);text-decoration:none;min-width:0}
.perfil div{min-width:0;max-width:100%}
.perfil img{width:64px;height:64px;border-radius:16px;flex:none}
.perfil b{display:block;font:800 16px/1.15 var(--titulo);letter-spacing:-.01em}
.perfil span{display:block;font:500 10px var(--mono);color:var(--cinza);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* passos */
.passos{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px;padding:0;list-style:none}
.passo-c{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;padding:20px;border-radius:22px;background:var(--painel);border:1px solid var(--linha)}
.passo-c .n{font:900 52px/.85 var(--titulo);color:transparent;-webkit-text-stroke:2px var(--limao)}
.passo-c h3{font-size:23px;letter-spacing:-.02em;margin-bottom:6px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.passo-c p{color:var(--suave);margin:0;font-size:16px}
.quem{font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:999px;border:1px solid var(--linha2);color:var(--osso)}
.quem.voce{background:var(--limao);color:var(--noite);border-color:var(--limao)}
.tempo{margin-top:16px;padding:16px 18px;border-radius:18px;border:1px dashed rgba(194,242,63,.5);color:var(--suave);font-size:15.5px}
.tempo b{color:var(--limao);font:900 20px var(--titulo)}

/* conversa */
.conversa{max-width:520px;margin:28px auto 0;background:var(--osso);color:var(--noite);border-radius:26px;padding:20px;display:grid;gap:10px}
.msg{max-width:86%;padding:12px 15px;border-radius:18px;font-size:15.5px;line-height:1.45}
.msg small{display:block;font:500 10px var(--mono);letter-spacing:.14em;color:#7c838e;margin-bottom:4px}
.msg.voce{justify-self:end;background:var(--limao);border-bottom-right-radius:6px}
.msg.claude{background:#fff;border-bottom-left-radius:6px;box-shadow:0 1px 0 rgba(0,0,0,.05)}
.onda{display:flex;align-items:center;gap:3px;height:22px;margin-top:6px}
.onda i{width:3px;border-radius:2px;background:var(--noite);height:var(--h)}
.exemplo{text-align:center;font-size:13px;color:var(--cinza);margin-top:10px}

/* o que precisa */
.precisa{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px}
.req{padding:20px;border-radius:22px;border:1px solid var(--linha2);background:var(--painel)}
.req .tag{font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:var(--limao);color:var(--noite)}
.req .tag.cinza{background:transparent;border:1px solid var(--linha2);color:var(--suave)}
.req h3{font-size:22px;margin:14px 0 6px;letter-spacing:-.02em}
.req p{margin:0;color:var(--suave);font-size:15.5px}

/* depoimentos */
.vozes{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px}
.voz{padding:20px;border-radius:22px;background:var(--painel);border:1px solid var(--linha)}
.voz p{font-size:17px;line-height:1.5;margin-bottom:12px}
.voz p::before{content:"“";color:var(--limao);font:900 34px/0 var(--titulo);vertical-align:-.35em;margin-right:4px}
.voz footer{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--cinza)}
.voz footer img{width:28px;height:28px;border-radius:8px}

/* portas e formulário */
.portas{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px}
.porta{display:block;width:100%;text-align:left;cursor:pointer;padding:22px;border-radius:24px;border:1px solid var(--linha2);background:var(--painel);transition:transform .15s ease,border-color .15s ease}
.porta:hover{border-color:var(--limao)}
.porta b{display:block;font:900 26px/1.05 var(--titulo);letter-spacing:-.03em;margin:10px 0 6px}
.porta span{color:var(--suave);font-size:15.5px}
.porta .tag{font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--limao)}
.porta.primeira{background:var(--limao);color:var(--noite);border-color:var(--limao)}
.porta.primeira span,.porta.primeira .tag{color:rgba(10,13,18,.75)}
.cartao{margin-top:22px;border-radius:28px;background:var(--limao);color:var(--noite);padding:22px;scroll-margin-top:90px}
.cartao-topo{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;margin-bottom:16px}
.cartao-topo h3{font-size:26px;letter-spacing:-.03em}
.relogio{display:flex;gap:6px}
.relogio div{background:var(--noite);color:var(--limao);border-radius:10px;padding:6px 8px;text-align:center;min-width:48px}
.relogio b{display:block;font:900 20px/1 var(--titulo);font-variant-numeric:tabular-nums}
.relogio small{font:500 9px var(--mono);letter-spacing:.1em;color:var(--suave)}
.trilha{height:6px;border-radius:3px;background:rgba(10,13,18,.15);overflow:hidden;margin-bottom:14px}
.trilha i{display:block;height:100%;width:0;background:var(--noite);transition:width .4s ease}
.feitas{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.feita{display:flex;align-items:center;gap:6px;background:rgba(10,13,18,.08);border-radius:999px;padding:5px 6px 5px 12px;font-size:13.5px}
.feita button{border:0;background:var(--noite);color:var(--limao);border-radius:999px;padding:4px 9px;font-size:12px;cursor:pointer}
.palco{background:var(--noite);color:var(--osso);border-radius:20px;padding:20px}
.pergunta{font:900 24px/1.1 var(--titulo);letter-spacing:-.025em;margin:0 0 16px}
.opcoes{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.opcoes.em2{grid-template-columns:repeat(2,minmax(0,1fr))}
.opcao{min-height:52px;padding:12px 14px;border-radius:14px;border:1px solid var(--linha2);background:var(--painel);text-align:left;font-weight:600;font-size:16px;cursor:pointer}
.opcao:hover{border-color:var(--limao)}
@media (prefers-reduced-motion:no-preference){.passo-f{animation:entra .35s ease both}.opcao{animation:entra .35s ease both;animation-delay:calc(var(--i)*45ms)}}
@keyframes entra{from{opacity:0;transform:translateY(8px)}}
.palco input[type=text],.palco input[type=tel]{width:100%;min-height:54px;border-radius:14px;border:1px solid var(--linha2);background:var(--painel);color:var(--osso);font:500 18px var(--corpo);padding:0 16px}
.palco input:focus{outline:2px solid var(--limao);border-color:transparent}
.arroba{position:relative}
.arroba::before{content:"@";position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--cinza);font-size:18px}
.arroba input{padding-left:36px!important}
.palco .btn{width:100%}
.pular{background:none;border:0;color:var(--suave);text-decoration:underline;cursor:pointer;padding:6px;font-size:15px}
.erro{color:#ffb4a2;font-size:14.5px;margin:0}
.ajuda{color:var(--cinza);font-size:13.5px;margin:0}
.aceite{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;cursor:pointer}
.aceite input{width:24px;height:24px;accent-color:var(--limao);flex:none;margin-top:1px}
.escondido{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.obrigado{text-align:center;padding:10px 4px;position:relative}
.obrigado h2{font-size:30px;line-height:1.05;margin:14px 0 10px}
.obrigado p{color:var(--suave)}
.visto{width:62px;height:62px;margin:0 auto}
.visto circle{fill:var(--limao)}
.visto path{fill:none;stroke:var(--noite);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.link-outro{display:inline-block;margin-top:12px;color:var(--limao);font-weight:600}
.cubo{position:absolute;left:50%;top:40px;width:9px;height:9px;background:var(--limao);border-radius:2px;pointer-events:none}
@media (prefers-reduced-motion:no-preference){.cubo{animation:solta 1.1s cubic-bezier(.2,.7,.3,1) forwards}}
@keyframes solta{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}
.privacidade{font-size:13px;color:rgba(10,13,18,.7);margin:14px 4px 0}

/* perguntas */
.perguntas{display:grid;gap:10px;margin-top:28px;max-width:820px}
details{border-radius:20px;background:var(--painel);border:1px solid var(--linha)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;font:800 17.5px/1.25 var(--titulo);letter-spacing:-.01em}
summary::-webkit-details-marker{display:none}
summary .mini-chave{flex:none}
details[open] .mini-chave{background:var(--limao)}
details[open] .mini-chave::after{left:17px;background:var(--noite)}
details p{padding:0 20px 18px;margin:0;color:var(--suave);font-size:16px}

footer.rodape{padding-block:36px 110px;border-top:1px solid var(--linha);color:var(--cinza);font-size:14px}
footer.rodape p{margin:0 0 6px}

/* barra fixa no celular */
.fixa{position:fixed;left:0;right:0;bottom:0;z-index:25;padding:10px max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:rgba(10,13,18,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--linha2);display:flex;align-items:center;justify-content:space-between;gap:10px;transform:translateY(110%);transition:transform .3s ease}
.fixa.ve{transform:none}
.fixa p{margin:0;font-size:13px;line-height:1.3;color:var(--suave)}
.fixa p b{display:block;color:var(--osso);font:900 16px var(--titulo)}

@media (min-width:720px){
  .vitrine{grid-template-columns:repeat(4,minmax(0,1fr))}
  .compara,.precisa,.vozes,.portas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .perfis{grid-template-columns:repeat(5,minmax(0,1fr))}
  .perfil img{width:72px;height:72px;border-radius:18px}
  .passos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cartao{padding:30px}
  .palco{padding:28px}
}
@media (min-width:980px){
  .hero-grade{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
  .vozes{grid-template-columns:repeat(3,minmax(0,1fr))}
  .precisa{grid-template-columns:repeat(4,minmax(0,1fr))}
  .passos{grid-template-columns:repeat(4,minmax(0,1fr))}
  .passo-c{grid-template-columns:minmax(0,1fr)}
  .formulario{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;align-items:start}
  .formulario .portas{grid-template-columns:minmax(0,1fr)}
  .fixa{display:none}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* ===== 08/11 noite: bifurcação, estilos, objeções, pacotes ===== */
.bifurca{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:6px 0 18px;max-width:600px}
.porta-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;text-decoration:none;border-radius:22px;padding:16px 16px 16px 20px;border:2px solid var(--noite);transition:transform .15s ease}
.porta-hero:active{transform:scale(.98)}
.porta-hero b{display:block;font:900 22px/1.05 var(--titulo);letter-spacing:-.025em}
.porta-hero small{display:block;font-size:14px;margin-top:4px;opacity:.8}
.porta-hero .seta{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:20px}
.porta-hero.sim{background:var(--noite);color:var(--osso)}
.porta-hero.sim b{color:var(--limao)}
.porta-hero.sim .seta{background:var(--limao);color:var(--noite)}
.porta-hero.pronto{background:transparent;color:var(--noite)}
.porta-hero.pronto .seta{background:var(--noite);color:var(--limao)}
.mini-aviso{font-size:14px;color:rgba(10,13,18,.75);margin:0}
.mini-aviso b{color:var(--noite)}

.estilos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;margin-top:28px}
.estilo{margin:0}
.estilo .peca{transform:none!important}
.estilo figcaption{margin-top:10px}
.estilo figcaption b{display:block;font:800 17px/1.15 var(--titulo);letter-spacing:-.01em}
.estilo figcaption span{font-size:14px;color:var(--suave)}
.escolhas{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.escolhas span{border:1px solid var(--linha2);border-radius:999px;padding:8px 14px;font-size:14.5px;color:var(--suave)}
.escolhas span b{color:var(--limao);font-weight:600}

.objecoes{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px}
.objecao{padding:22px;border-radius:22px;background:var(--painel);border:1px solid var(--linha)}
.objecao .sim{display:inline-flex;align-items:center;gap:8px;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--limao)}
.objecao h3{font-size:26px;letter-spacing:-.03em;margin:10px 0 6px}
.objecao p{margin:0;color:var(--suave);font-size:16px}
.objecao .dado{display:block;font:900 34px/1 var(--titulo);letter-spacing:-.04em;color:var(--osso);margin-top:14px}

.vitrine.tres{grid-template-columns:repeat(2,minmax(0,1fr))}
.peca.convite{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:16px;background:var(--limao);color:var(--noite);border-color:var(--limao);text-decoration:none}
.peca.convite b{font:900 24px/1 var(--titulo);letter-spacing:-.03em}
.peca.convite span{font-size:14px}
.peca.convite .q{position:absolute;top:8px;right:14px;font:900 120px/1 var(--titulo);opacity:.15}

.atalho{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding:18px 18px 18px 20px;border-radius:22px;border:1px dashed rgba(194,242,63,.55);text-decoration:none}
.atalho b{display:block;font:900 20px/1.1 var(--titulo);letter-spacing:-.02em}
.atalho span{display:block;color:var(--suave);font-size:15px;margin-top:4px}
.atalho i{flex:none;width:40px;height:40px;border-radius:50%;background:var(--limao);color:var(--noite);display:grid;place-items:center;font-style:normal;font-size:20px}

.pacotes{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:28px;align-items:stretch}
.pacote{position:relative;display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:26px;background:var(--painel);border:1px solid var(--linha2)}
.pacote.destaque{background:var(--limao);color:var(--noite);border-color:var(--limao)}
.pacote .selo-p{align-self:flex-start;font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:var(--noite);color:var(--limao)}
.pacote h3{font-size:24px;letter-spacing:-.025em}
.pacote .preco{font:900 46px/1 var(--titulo);letter-spacing:-.04em;margin:0}
.pacote .preco small{font:600 16px var(--corpo);letter-spacing:0;opacity:.75}
.pacote .cada{font-size:15px;opacity:.8;margin:0}
.pacote ul{list-style:none;padding:0;margin:4px 0 8px;display:grid;gap:8px;font-size:15.5px}
.pacote li::before{content:"✓ ";font-weight:800;color:var(--limao)}
.pacote.destaque li::before{color:var(--noite)}
.pacote .btn{margin-top:auto;width:100%}
.pacote.destaque .btn{background:var(--noite);color:var(--limao);box-shadow:none}
.economia{align-self:flex-start;font:800 14px var(--titulo);padding:5px 10px;border-radius:8px;background:rgba(194,242,63,.14);color:var(--limao)}
.pacote.destaque .economia{background:var(--noite);color:var(--limao)}

.motivos{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px}

.fone{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}
.fone select{min-height:54px;border-radius:14px;border:1px solid var(--linha2);background:var(--painel);color:var(--osso);font:600 16px var(--corpo);padding:0 10px}
.palco textarea{width:100%;min-height:96px;border-radius:14px;border:1px solid var(--linha2);background:var(--painel);color:var(--osso);font:500 17px/1.4 var(--corpo);padding:14px 16px;resize:vertical}
.palco textarea:focus,.fone select:focus{outline:2px solid var(--limao);border-color:transparent}
.botoes-fim{display:grid;gap:10px;margin-top:18px}
.btn-contorno{background:transparent;color:var(--limao);border:1.5px solid var(--limao)}
.antecipar-box{margin:18px auto 0;max-width:420px;padding:16px;border-radius:16px;border:1px dashed rgba(194,242,63,.5);text-align:left}
.antecipar-box p{margin:0 0 10px;font-size:15px;color:var(--osso)}
details .btn{margin:0 20px 18px}

@media (min-width:720px){
  .bifurca{grid-template-columns:repeat(2,minmax(0,1fr))}
  .estilos{grid-template-columns:repeat(4,minmax(0,1fr))}
  .objecoes,.motivos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vitrine.tres{grid-template-columns:repeat(3,minmax(0,1fr));max-width:820px}
  .pacotes{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:980px){
  .objecoes{grid-template-columns:repeat(4,minmax(0,1fr))}
  .motivos{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:980px){.precisa{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* 08/11 19h50: pilula da oferta ao lado do preco */
.preco-linha{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px}
.oferta{font:900 15px/1 var(--titulo);letter-spacing:-.01em;padding:9px 13px;border-radius:999px;background:var(--noite);color:var(--limao);transform:rotate(-3deg);box-shadow:0 8px 18px -8px rgba(10,13,18,.6)}
.pacote .cada b{font-weight:700}