/* =====================================================================
   CarregaBR · inicio.css · Início v5 (só nesta página)
   Base dos momentos em momento.css. Ordem: topo · faixa CHINT · a linha ·
   rodovia · "Quanto tempo você tem?" · Lite ou Ultra · pós-venda · por que
   CHINT · guias · compra · fechamento no amanhecer. Nenhum texto abaixo de 15 px.
   ===================================================================== */

/* ---------- 1 · topo: frases no tamanho da amostra ----------
   O kicker é parte do h1 (SEO, sem texto oculto) e fica fixo no alto da pilha de frases;
   na primeira frase, só o título e o lead esmaecem, para o kicker continuar visível. */
.page-open--hero .hero-phrases{position:relative;padding-top:calc(1.4em + var(--s-5))}
.page-open--hero h1 .hero-kicker{position:absolute;top:0;left:0;display:block;margin:0;font:600 .9375rem/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(246,241,234,.86);max-width:none;white-space:nowrap}
.page-open--hero h1 .hero-phrase__t{display:block}
.hero-phrase--first{opacity:1!important;transform:none!important}
.hero-phrase--first .hero-phrase__t,.hero-phrase--first .lead{transition:opacity .8s var(--ease-soft),transform 1s var(--ease-out)}
.hero-phrase--first:not(.is-on) .hero-phrase__t,.hero-phrase--first:not(.is-on) .lead{opacity:0;transform:translateY(12px)}
@media (prefers-reduced-motion:reduce){.hero-phrase--first .hero-phrase__t,.hero-phrase--first .lead{transition:none}}
@media (max-width:560px){
  .page-open--hero .hero-phrases{padding-top:calc(2.8em + var(--s-4))}
  .page-open--hero h1 .hero-kicker{right:0;white-space:normal;letter-spacing:.1em}
}
.page-open--hero h1,.page-open--hero .hero-phrase__t{font-size:clamp(3rem,1.1rem + 5.2vw,6.6rem);line-height:.98;letter-spacing:-.045em;max-width:10.5ch}
.page-open--hero .kicker{font-size:.9375rem;letter-spacing:.14em}
.page-open--hero .lead{font-size:clamp(1.12rem,1rem + .4vw,1.35rem);line-height:1.45}
.page-open--hero .hero-phrase{gap:var(--s-5)}
.page-open--hero .page-open__acts{margin-top:var(--s-6)}
.page-open--hero .btn{min-height:54px;padding-inline:28px;font-size:1rem}

/* ---------- 1b · a marca que sai do painel (inicio.js) ----------
   Nasce da tinta real do último quadro (canvas), acende com uma varredura de luz e um halo
   cobre, sobe no lugar e voa até pousar como o wordmark do cabeçalho. Desktop: acima do rótulo,
   no céu livre. Celular: entre o rótulo e o título. Posição absoluta, sem reserva de espaço
   (só o celular com redução de movimento reserva a linha da marca desde o primeiro quadro).
   Só transform e opacity. Pousa inteira em bronze: o tom da tinta do painel (amostrado do
   último quadro, matiz 19°), aceso como metal, num gradiente sutil (inicio.js, #hm-bz).
   Tamanho: desktop 1,38x o anterior (≈ 42 px a 1440); celular 2,25rem (era 2rem). */
.page-open--hero{--hm-fs:clamp(2.2rem,1.38rem + 1.38vw,3.1rem)}
@media (max-width:760px){.page-open--hero{--hm-fs:2.25rem}}
@media (prefers-reduced-motion:reduce) and (max-width:560px){.page-open--hero .hero-phrases{padding-top:calc(2.8em + var(--s-4) + 2.25rem)}}
@media (prefers-reduced-motion:reduce) and (min-width:561px) and (max-width:760px){.page-open--hero .hero-phrases{padding-top:calc(1.4em + var(--s-5) + 2.25rem)}}
/* 1c · celular em pé (opção E, REVISAO-ABERTURA-CELULAR.md): o vídeo inteiro (3:4) em cima, sem
   corte de quadro, e o texto mais compacto embaixo, sobre um escurecimento que termina no fundo
   escuro da seção. Desktop, tablet e celular deitado não mudam. No arquivo desde o primeiro
   quadro (CLS 0). A marca usa o retângulo do próprio vídeo (inicio.js, geometry). */
@media (max-width:760px) and (orientation:portrait){
  .page-open--hero::after{background:none}
  .page-open--hero .page-open__media{bottom:auto;height:calc(100vw * 4 / 3)}
  .page-open--hero .page-open__media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(14,11,8,.35) 0%,rgba(14,11,8,0) 14%,rgba(14,11,8,0) 66%,rgba(26,23,20,.88) 90%,#1A1714 100%)}
  .page-open--hero .page-open__in{padding-top:calc(var(--nav-h) + 20vh);padding-bottom:max(32px,env(safe-area-inset-bottom))}
  .page-open--hero .page-open__acts{margin-top:var(--s-5)}
}
/* telas estreitas: os dois botões cabem na mesma linha */
@media (max-width:380px){.page-open--hero .btn{padding-inline:20px}}
/* telas estreitas em pé: o rótulo vai a 2 linhas e a folga para a marca fica curta; o título desce 12 px
   (a redução de movimento já reserva mais acima) */
@media (max-width:380px) and (orientation:portrait) and (prefers-reduced-motion:no-preference){.page-open--hero .hero-phrases{padding-top:calc(2.8em + var(--s-4) + .75rem)}}
.hero-mark{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;transition:opacity .45s var(--ease-soft)}
.hero-mark.is-off{opacity:0}
.hero-mark>*{position:absolute;left:0;top:0;transform-origin:0 0;opacity:0}
.hero-mark__ink{display:block}
.hero-mark__sheen{overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.hero-mark__sheen i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(255,244,230,0),rgba(255,244,230,.9),rgba(255,244,230,0))}
.hero-mark__contact{border-radius:50%;background:radial-gradient(closest-side,rgba(48,30,18,.55),rgba(48,30,18,0))}
.hero-mark__trail{transform-origin:0 0;border-radius:50%;background:radial-gradient(closest-side,#F2C29A,rgba(242,194,154,0))}
.hero-mark__brand{width:1px;height:1px;overflow:visible;filter:drop-shadow(0 1px 1.5px rgba(10,8,6,.75)) drop-shadow(0 0 7px rgba(10,8,6,.45)) drop-shadow(0 3px 18px rgba(10,8,6,.4))}
.hero-mark__brand text{font-family:var(--display);font-weight:700;font-size:var(--hm-fs);letter-spacing:-.02em;fill:#D09171;fill:url(#hm-bz)}
.hero-mark__brand text tspan{fill:inherit}
.hero-mark__brsweep{transform-box:view-box;opacity:0}
.hero-mark.is-flying>*{will-change:transform,opacity}
.nav__logo{transition:opacity .6s var(--ease-soft)}
.nav__logo.is-hushed{opacity:.55}
/* 1d · o desfecho: CarregaBR → "Conquiste o futuro." (inicio.js, finale)
   A 4ª frase só entra 0,3 s depois do pouso da marca: título primeiro, a linha de apoio 0,16 s atrás,
   com a mesma entrada das outras frases (esmaece 0,8 s e sobe 12 px). Os botões não esperam: ficam
   visíveis e clicáveis desde o primeiro quadro (o vídeo tem 22 s); no fim da cascata, um reflexo bronze,
   o tom da marca, passa uma vez pelo "Pedir orçamento", por trás do texto. Só transform e opacity. */
.page-open--hero .hero-phrase--finale{opacity:1;transform:none}
.hero-phrase--finale .hero-phrase__t,.hero-phrase--finale .lead{opacity:0;transform:translateY(12px);transition:opacity .8s var(--ease-soft),transform 1s var(--ease-out)}
.hero-phrase--finale.is-on .hero-phrase__t,.hero-phrase--finale.is-on .lead{opacity:1;transform:none}
.hero-phrase--finale.is-on .lead{transition-delay:.16s}
.page-open--hero .btn-primary{position:relative;isolation:isolate;overflow:hidden}
.page-open--hero .btn-primary::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,rgba(208,145,113,0) 30%,rgba(208,145,113,.5) 50%,rgba(208,145,113,0) 70%);transform:translateX(-101%)}
.page-open--hero.is-finale .btn-primary::before{animation:hm-cta 1.1s var(--ease-soft) .42s both}
@keyframes hm-cta{to{transform:translateX(101%)}}
@media (prefers-reduced-motion:reduce){.hero-phrase--finale .hero-phrase__t,.hero-phrase--finale .lead{transition:none}.page-open--hero .btn-primary::before{display:none}}

/* ---------- 2 · faixa CarregaBR + CHINT, discreta ---------- */
main .partner-strip{border-bottom:0;background:var(--canvas)}
main .partner-strip__in{padding-block:26px}
main .partner-strip p{font-size:.9375rem;letter-spacing:.12em}

/* ---------- 3 · a linha: produto grande sobre o estúdio, sem cartão ---------- */
.ln{--studio:#E2DED5;background:var(--studio);padding-block:var(--mo-pad) clamp(56px,3rem + 3vw,112px);--text-secondary:#4F4A44}
.ln__head{text-align:center;display:grid;justify-items:center}
.ln__grid{list-style:none;margin:clamp(24px,3vw,48px) auto 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:0;row-gap:clamp(40px,4vw,72px);max-width:1240px}
.ln__item{position:relative;display:grid;align-content:start;justify-items:center;text-align:center;isolation:isolate}
.ln__media{width:100%;aspect-ratio:4/3;overflow:hidden;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 62%,transparent 100%)}
.ln__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.4s var(--mo-ease)}
.ln__item:hover .ln__media img{transform:scale(1.07)}
.ln__media--wb img{transform:scale(1.18);transform-origin:50% 90%}
.ln__item:hover .ln__media--wb img{transform:scale(1.23)}
.ln__body{position:relative;z-index:1;display:grid;justify-items:center;gap:10px;margin-top:-5%;padding-inline:var(--s-5)}
.ln__name{font-size:clamp(2rem,1.4rem + 1.6vw,3rem);letter-spacing:-.03em;line-height:1.05;margin:0}
.ln__link{color:var(--text-primary);text-decoration:none}
.ln__link::after{content:"";position:absolute;inset:0;z-index:2}
.ln__link:focus-visible{outline:none}
.ln__item:has(.ln__link:focus-visible){outline:3px solid var(--accent-text);outline-offset:-3px;border-radius:24px}
.ln__line{margin:0;max-width:30ch;font-size:1.125rem;line-height:1.5;color:var(--text-secondary);text-wrap:balance}
.ln__range{margin:4px 0 0;font:600 1rem/1.2 var(--mono);letter-spacing:.06em;color:var(--accent-text)}
.ln__more{display:inline-flex;align-items:center;gap:8px;margin-top:6px;min-height:44px;font:600 1rem/1 var(--body);color:var(--text-primary)}
.ln__more .icon{width:18px;height:18px;color:var(--accent-text);transition:transform var(--t) var(--mo-ease)}
.ln__item:hover .ln__more .icon{transform:translateX(5px)}
/* 5º item: a estação com tela de mídia, largo e horizontal (foto na coluna da esquerda, texto na da direita); a tela toca */
.ln__item--wide{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-items:stretch;text-align:left}
.ln__item--wide .ln__body{justify-items:start;margin:0;padding:0 var(--s-5) 0 clamp(8px,2vw,40px)}
.ln__item--wide .ln__line{max-width:24ch}
.ln__fine{margin:var(--s-3) 0 0;font-size:.9375rem;line-height:1.45;color:var(--text-secondary)}
.ln__media--ad img{transform:none}
.ln__item:hover .ln__media--ad img{transform:none}
.ln__stage{position:relative;display:block;width:100%;height:100%;overflow:hidden;transform:scale(1.02);transition:transform 1.4s var(--mo-ease)}
.ln__item:hover .ln__stage{transform:scale(1.07)}
.ln__screen{position:absolute;left:0;top:0;width:240px;height:548px;transform-origin:0 0;border-radius:8px;overflow:hidden;opacity:0;transition:opacity .6s var(--mo-ease);pointer-events:none;background:#B85F2A}
.ln__screen.is-on{opacity:1}
.ln__screen i{position:absolute;inset:0;background:center/cover no-repeat;opacity:0;transform:scale(1.04);transition:opacity 1.1s var(--mo-ease),transform 6s linear}
.ln__screen i.is-cur{opacity:1;transform:none;z-index:2}
.ln__screen i.is-prev{opacity:1;z-index:1;transition:none}
.ln__screen::after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 34%),radial-gradient(120% 70% at 50% 0%,rgba(255,255,255,.06),rgba(255,255,255,0) 60%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
/* faixa do software, logo depois da linha (ajustes 23/10 à tarde) */
.ln-sw{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--s-5) clamp(24px,3vw,48px);max-width:1080px;margin:clamp(40px,2rem + 2vw,72px) auto 0;padding-top:clamp(32px,3vw,44px);border-top:1px solid rgba(36,34,31,.16)}
.ln-sw__ill{width:clamp(150px,10rem + 3vw,200px);height:auto;overflow:visible}
.ln-sw__ill *{fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.ln-sw__ill .f{stroke:rgba(36,34,31,.62)}
.ln-sw__ill .fill{fill:var(--studio)}
.ln-sw__ill .d{stroke:rgba(36,34,31,.3)}
.ln-sw__ill .l{stroke:rgba(36,34,31,.42)}
.ln-sw__ill .a{stroke:var(--accent)}
.ln-sw__ill .on{fill:rgba(184,116,63,.16)}
.ln-sw__txt{display:grid;gap:8px}
.ln-sw__t{margin:0;font-size:clamp(1.6rem,1.2rem + 1.1vw,2.25rem);line-height:1.08;letter-spacing:-.03em;text-wrap:balance}
.ln-sw__line{margin:0;max-width:48ch;font-size:1.0625rem;line-height:1.5;color:var(--text-secondary);text-wrap:pretty}
.ln-sw__link{white-space:nowrap;color:var(--text-primary)}
.ln-sw__link .icon{color:var(--accent-text)}
@media (max-width:900px){.ln-sw{grid-template-columns:auto minmax(0,1fr)}.ln-sw__link{grid-column:2}}
@media (max-width:700px){.ln-sw{grid-template-columns:1fr;justify-items:center;text-align:center;gap:var(--s-4)}.ln-sw__link{grid-column:auto}.ln-sw__txt{justify-items:center}.ln-sw__ill{width:170px;margin-bottom:var(--s-2)}}
@media (max-width:700px){
  .road__in{justify-content:flex-start}
  .road__t{text-align:left}
  .ln__grid{grid-template-columns:1fr;row-gap:56px}
  .ln__body{margin-top:-6%}
  .ln__item--wide{grid-template-columns:1fr;justify-items:center;text-align:center}
  .ln__item--wide .ln__body{justify-items:center;margin-top:-6%;padding:0 var(--s-5)}
}

/* ---------- 4 · rodovia ao amanhecer ---------- */
.road{height:max(56vh,440px);color:#F6F1EA;display:flex;align-items:flex-end;background:#2A2230}
.road img{object-position:50% 58%;--zo:62% 60%}
.road::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(14,11,8,0) 45%,rgba(14,11,8,.55) 100%),linear-gradient(270deg,rgba(14,11,8,.5),rgba(14,11,8,0) 50%);pointer-events:none}
.road__in{position:relative;z-index:1;width:100%;display:flex;justify-content:flex-end;padding-bottom:clamp(36px,6vh,72px)}
.road__t{margin:0;max-width:13ch;text-align:right;font-size:clamp(2.1rem,1.1rem + 3.2vw,4.6rem);line-height:1.02;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 2px 24px rgba(10,8,6,.35)}
.js .road__t{opacity:0;transform:translateY(16px);transition:opacity 1.1s var(--mo-ease),transform 1.2s var(--mo-ease)}
.js .road.is-in .road__t{opacity:1;transform:none}

/* ---------- 5 · Quanto tempo você tem? ---------- */
.tq{background:#070B17;color:#F6F1EA}
.tq__box{position:relative;overflow:hidden;isolation:isolate;min-height:100svh;display:flex}
.tq-noite-base{background:linear-gradient(180deg,#05080F 0%,#0A1022 48%,#141B36 100%)}
.tq-noite-pre{background:linear-gradient(180deg,#0A1022 0%,#1B1D3E 46%,#3E2E52 78%,#6A4255 100%)}
.tq-noite-end{background:linear-gradient(180deg,#16203F 0%,#3A3A62 30%,#8E5A63 60%,#D98457 82%,#F4B77A 100%)}
.tq-tarde-base{background:linear-gradient(180deg,#183457 0%,#2F5379 38%,#7D8297 68%,#D3A17A 100%)}
.tq-tarde-end{background:linear-gradient(180deg,#17223F 0%,#433F63 34%,#A65E5A 66%,#EB9459 90%,#F6BD7E 100%)}
.tq-cafe-base{background:linear-gradient(180deg,#0B3863 0%,#1A5B93 40%,#4F8FBE 72%,#9CC6DE 100%)}
.tq-cafe-end{background:linear-gradient(180deg,#0A4176 0%,#1D68A6 40%,#5FA3CF 72%,#B5D8EA 100%)}
.tq .mo-sun{top:70%}
.tq .mo-moon{right:auto;left:80%;top:30%}
.tq-sunball{position:absolute;left:0;top:0;width:180px;height:180px;margin:-90px 0 0 -90px;border-radius:50%;background:radial-gradient(circle,#FFF6E2 0 13%,rgba(255,222,170,.85) 19%,rgba(248,184,118,.32) 40%,rgba(246,170,100,0) 70%);will-change:transform}
.tq-sunball--day{width:170px;height:170px;margin:-85px 0 0 -85px;background:radial-gradient(circle,#FFFDF6 0 11%,rgba(255,246,214,.8) 17%,rgba(255,240,200,.22) 42%,rgba(255,240,200,0) 70%)}
.tq-g--cafe .mo-cloud{background:radial-gradient(closest-side,rgba(255,255,255,.26),rgba(255,255,255,0))}
.tq-g--tarde .mo-cloud{background:radial-gradient(closest-side,rgba(255,226,196,.2),rgba(255,226,196,0))}

/* palco grande: título e resposta no alto, a cena de ponta a ponta, o controle e as escolhas numa linha fina abaixo */
.tq__in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;column-gap:var(--s-7);width:100%;padding-block:calc(var(--nav-h) + clamp(28px,5vh,64px)) clamp(40px,6vh,72px)}
.tq__head{grid-column:1;grid-row:1;align-self:end}
.tq__head .mo-kicker{color:#F2C29A;margin-bottom:var(--s-3)}
.tq .tq__head h2.mo-h{font-size:clamp(2.5rem,1.3rem + 3.6vw,5rem);max-width:12ch}
.tq__tally{grid-column:2;grid-row:1;align-self:end;display:grid;justify-items:end;text-align:right;margin:0}
.tq__time{display:block;font:700 clamp(3rem,1.6rem + 3.8vw,5.6rem)/.92 var(--display);letter-spacing:-.05em;white-space:nowrap}
.tq__sub{margin-top:12px;font:600 1rem/1.3 var(--mono);letter-spacing:.06em;color:#E6DED3}
.tq__done{margin-top:8px;min-height:1.3em;font:600 clamp(1.15rem,1rem + .5vw,1.45rem)/1.3 var(--display);letter-spacing:-.01em;color:#F2C29A;opacity:.78;transition:opacity .8s var(--mo-ease)}
.tq.is-done .tq__done{opacity:1}
.tq__split{margin-top:6px;max-width:30ch;font:500 .9375rem/1.4 var(--body);color:#F6F1EA;animation:tqIn .6s var(--mo-ease)}
.tq__split[hidden]{display:block;visibility:hidden}
@keyframes tqIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.tq-scene{grid-column:1/-1;grid-row:2;margin-top:clamp(12px,3vh,40px)}
.tq-scene svg{width:100%;max-width:none;height:auto;max-height:62vh}
.tq-chg,.tq-env{opacity:0;transform:translateY(10px);transition:opacity .8s var(--mo-ease),transform 1s var(--mo-ease)}
.tq-env{transform:none}
.tq[data-scene="noite"] [data-g="noite"].tq-chg,.tq[data-scene="tarde"] [data-g="tarde"].tq-chg,.tq[data-scene="cafe"] [data-g="cafe"].tq-chg{opacity:1;transform:none;transition-delay:.15s}
.tq[data-scene="noite"] [data-g="noite"].tq-env,.tq[data-scene="tarde"] [data-g="tarde"].tq-env,.tq[data-scene="cafe"] [data-g="cafe"].tq-env{opacity:1}
.tq .tq-mark{stroke:rgba(242,194,154,.75);stroke-dasharray:2 3;opacity:0;transition:opacity .6s}
.tq[data-scene="tarde"] .tq-mark,.tq[data-scene="cafe"] .tq-mark{opacity:1}
.tq-car2{opacity:0}
.tq .tq-cable2,.tq .tq-flow2{opacity:0}
.tq.is-two .tq-flow2{animation:moFlow 1.1s linear infinite}
.tq.is-two .tq-cable2+.tq-flow2{opacity:.9}
.tq[data-scene="cafe"].is-two .sc-screen{opacity:1;fill:#E8A87C}

.tq__ground{grid-column:1/-1;grid-row:3;position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:var(--s-7);align-items:start}
.tq__ground::after{content:"";position:absolute;z-index:-1;left:50%;width:100vw;margin-left:-50vw;top:-2px;bottom:-200px;background:linear-gradient(180deg,rgba(3,4,9,.6),rgba(3,4,9,.9) 110px,rgba(3,4,9,.96) 220px);box-shadow:0 -1px 0 rgba(246,241,234,.16)}
.tq-film{grid-column:1/-1}
.tq-dial{padding-top:50px}

/* as três escolhas: uma linha fina sob o palco, com a barra do tempo de cada uma */
.tq__choices{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:var(--s-3);border-top:1px solid rgba(246,241,234,.16)}
.tq__choices[hidden]{display:none}
.tq__choice{position:relative;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;min-height:64px;padding:18px 16px 18px 0;border:0;background:transparent;color:#C9C0B4;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .45s var(--mo-ease)}
.tq__choice b{font:600 clamp(1.15rem,.95rem + .6vw,1.5rem)/1.1 var(--display);letter-spacing:-.015em}
.tq__choice>span{font:600 .9375rem/1.25 var(--mono);letter-spacing:.04em;color:#B7AEA2;transition:color .45s}
.tq__choice:hover,.tq__choice[aria-checked="true"]{color:#F6F1EA}
.tq__choice[aria-checked="true"]>span{color:#F2C29A}
.tq__choice:focus-visible{outline:3px solid #F6F1EA;outline-offset:-3px;border-radius:8px}
.tq__bar{position:absolute;left:0;right:16px;top:-1px;height:2px;background:transparent;overflow:hidden}
.tq__bar i{position:absolute;inset:0;background:#E8A87C;transform-origin:0 50%;transform:scaleX(var(--t,0))}
.tq__choice:not([aria-checked="true"]) .tq__bar i{background:rgba(232,168,124,.5)}

.tq__reco{grid-column:1;margin-top:var(--s-5);transition:opacity .3s var(--mo-ease)}
.tq__reco.is-swap{opacity:.15}
.tq__name{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;font:700 clamp(1.6rem,1.2rem + 1vw,2.2rem)/1.05 var(--display);letter-spacing:-.03em}
.tq__kw{font:600 1rem/1 var(--mono);letter-spacing:.04em;color:#E8A87C}
.tq__why{margin:6px 0 0;font-size:1.0625rem;line-height:1.45;color:#E6DED3}
.tq__acts{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-5);margin-top:var(--s-4)}
.tq .btn-primary{background:#F6F1EA;color:#1C1B19;min-height:52px;padding-inline:26px}
.tq .btn-primary:hover{background:#fff;box-shadow:0 12px 36px rgba(232,168,124,.22)}
.tq__links{display:flex;flex-wrap:wrap;gap:0 var(--s-5)}
.tq .mo-link{color:#F6F1EA}
.tq__fine{grid-column:2;display:grid;gap:var(--s-2);margin-top:var(--s-5)}
.tq__fine p{margin:0;max-width:86ch;font-size:.9375rem;line-height:1.55;color:#E6DED3}
.tq__finerow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1) var(--s-5)}
.tq__car{display:inline-flex;align-items:center;gap:10px;min-height:48px;font:600 .9375rem/1 var(--mono);letter-spacing:.06em;color:#E6DED3}
.tq__car[hidden]{display:none}
.tq__car select{-webkit-appearance:none;appearance:none;min-height:44px;padding:8px 34px 8px 14px;border:0;border-radius:999px;background:rgba(246,241,234,.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23F6F1EA' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center;box-shadow:inset 0 0 0 1px rgba(246,241,234,.22);color:#F6F1EA;font:500 1rem/1.2 var(--body);cursor:pointer}
.tq__car select:hover{box-shadow:inset 0 0 0 1px rgba(246,241,234,.5)}
.tq__car select:focus-visible{outline:3px solid #F6F1EA;outline-offset:2px}
.tq__car option{color:#1C1B19;background:#F6F1EA}

@media (max-width:1023px){
  .tq__box{min-height:0}
  .tq__in{grid-template-columns:1fr;grid-template-rows:none;padding-block:clamp(84px,12vw,112px) 56px}
  .tq__ground{display:contents}
  .tq__ground::after{content:none}
  .tq__head{order:1}
  .tq__choices{order:2;margin-top:var(--s-5)}
  .tq__tally{order:3;margin-top:var(--s-5);justify-items:start;text-align:left}
  .tq-scene{order:4}
  .tq-film{order:5;position:relative}
  .tq__reco{order:6}
  .tq__fine{order:7}
  .tq__head,.tq__choices,.tq__tally,.tq-scene,.tq-film,.tq__reco,.tq__fine{grid-column:1;grid-row:auto}
  .tq .tq__head h2.mo-h{text-wrap:balance}
  .tq-film::after{content:"";position:absolute;z-index:-1;left:50%;width:100vw;margin-left:-50vw;top:-2px;height:3000px;background:linear-gradient(180deg,rgba(3,4,9,.6),rgba(3,4,9,.9) 110px,rgba(3,4,9,.96) 220px);box-shadow:0 -1px 0 rgba(246,241,234,.16)}
  .tq__fine{grid-template-columns:1fr}
  .tq__finerow{justify-content:flex-start}
  .tq-scene svg{max-height:none}
}
@media (max-width:600px){
  .tq__choices{grid-template-columns:1fr}
  .tq__choice{justify-content:space-between;align-items:center;min-height:56px;padding:12px 0}
  .tq__choice b{font-size:1.2rem}
  .tq__choice>span{font-size:.9375rem;letter-spacing:0;text-align:right}
  .tq__bar{right:0}
  .tq-sunball{width:120px;height:120px;margin:-60px 0 0 -60px}
  .tq .mo-moon{left:auto;right:10%;top:7%;width:38px;height:38px;box-shadow:inset -8px 5px 0 0 #F1E6D2}
  .tq__time{font-size:3.4rem}
}

/* ---------- 6 · Lite ou Ultra ---------- */
.lou{background:#F2F1ED;padding-block:var(--mo-pad)}
.lou__head{display:grid;justify-items:center;text-align:center;gap:var(--s-5)}
.lou__head .mo-kicker{margin:0}
.lou__head .mo-lead{max-width:46ch}
.lou__card{margin-top:clamp(36px,4vw,64px)}
.lou__foot{margin:var(--s-4) 0 0;text-align:center}
/* linhas v3: Lite preta e Ultra branca lado a lado (a mesma ficha; mudam a certificação dos módulos e a cor) */
.lou__pair{list-style:none;margin:clamp(36px,4vw,64px) auto 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,2vw,32px);max-width:1000px}
.lou__item{display:grid;justify-items:center;gap:6px;text-align:center;color:var(--text-primary);text-decoration:none}
.lou__img{display:block;width:100%;aspect-ratio:4/5;border-radius:var(--radius-lg);overflow:hidden;background:#EDE3D8}
.lou__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--mo-ease)}
.lou__item:hover .lou__img img{transform:scale(1.04)}
.lou__item b{margin-top:var(--s-4);font:600 clamp(1.5rem,1.1rem + 1vw,2.2rem)/1.1 var(--display);letter-spacing:-.025em}
.lou__sub{font:600 .9375rem/1.3 var(--mono);letter-spacing:.06em;color:var(--accent-text)}
.lou__item:focus-visible{outline:3px solid var(--accent-text);outline-offset:6px;border-radius:var(--radius-lg)}

/* ---------- 7 · pós-venda ---------- */
.pv{background:#16130F;color:#F6F1EA;padding-bottom:var(--mo-pad)}
.pv__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);align-items:center;min-height:min(92vh,880px)}
.pv__text{display:grid;gap:var(--s-5);justify-items:start;padding:var(--mo-pad) clamp(24px,4vw,64px) var(--mo-pad) max(var(--gl),calc((100vw - var(--max)) / 2))}
.pv__text .mo-kicker{margin:0}
.pv__text h2{max-width:8ch}
.pv__text .mo-lead{max-width:30ch}
.pv__fig{margin:0;align-self:stretch;min-height:520px}
.pv__fig img{object-position:58% 50%;--zo:70% 50%}
.pv__fig::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#16130F 0%,rgba(22,19,15,0) 26%),linear-gradient(0deg,#16130F 0%,rgba(22,19,15,0) 22%);pointer-events:none}
.pv__nums{list-style:none;margin:clamp(24px,3vw,48px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-7)}
.pv__nums b{display:flex;align-items:baseline;gap:.18em;font:700 clamp(3.4rem,2rem + 4.4vw,6.6rem)/.95 var(--display);letter-spacing:-.05em;white-space:nowrap}
.pv__nums b small{font:600 clamp(1rem,.9rem + .4vw,1.3rem)/1 var(--body);letter-spacing:0;color:#E8A87C}
.pv__nums b [data-mo-count]{display:inline-block;min-width:.62em;text-align:right}
.pv__nums p{margin:var(--s-4) 0 0;max-width:28ch;font-size:1.0625rem;line-height:1.5;color:#E6DED3}
@media (max-width:900px){
  .pv__grid{grid-template-columns:1fr;min-height:0}
  .pv__fig{order:-1;min-height:0;aspect-ratio:4/3}
  .pv__fig::after{background:linear-gradient(0deg,#16130F 0%,rgba(22,19,15,0) 40%)}
  .pv__text{padding:var(--s-5) var(--gr) var(--s-6) var(--gl)}
  .pv__nums{grid-template-columns:1fr;gap:var(--s-6)}
}

/* ---------- 6b · um lugar que acende (a rolagem traz as luzes) ---------- */
.place{position:relative;height:max(64vh,460px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;background:#120E0C;color:#F6F1EA}
.place__media{position:absolute;inset:0;z-index:-3}
.place__media img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;transform:scale(calc(1.06 - var(--lit,1) * .06));will-change:transform}
.place__dark{position:absolute;inset:0;z-index:-2;background:#07080F;opacity:calc(.62 - var(--lit,1) * .62);pointer-events:none}
.place__glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 46% 46%,rgba(255,196,130,.28),rgba(255,196,130,0) 70%),linear-gradient(180deg,rgba(14,11,8,0) 50%,rgba(14,11,8,.6) 100%);opacity:var(--lit,1);mix-blend-mode:screen}
.place::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(14,11,8,0) 52%,rgba(14,11,8,.6) 100%);pointer-events:none}
.place__in{position:relative;width:100%;padding-bottom:clamp(36px,6vh,72px)}
.place__t{margin:0;max-width:14ch;font-size:clamp(2.1rem,1.1rem + 3.2vw,4.6rem);line-height:1.02;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 2px 24px rgba(10,8,6,.4)}

/* ---------- 8 · por que CHINT: os números contam sobre o galpão ---------- */
.why{background:var(--canvas);padding-block:var(--mo-pad)}
.why__head{display:grid;gap:var(--s-5);justify-items:start}
.why__head .mo-kicker{margin:0}
.why__head h2{max-width:14ch}
.why__stage{position:relative;margin-top:clamp(40px,4vw,72px);min-height:min(78vh,760px);display:flex;align-items:flex-end;color:#F6F1EA;isolation:isolate;overflow:hidden}
.why__fig{position:absolute;inset:0;margin:0;z-index:-2}
.why__fig img{object-position:60% 45%;--zo:66% 50%}
.why__stage::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(12,10,8,0) 30%,rgba(12,10,8,.62) 68%,rgba(12,10,8,.86) 100%)}
.why__over{position:relative;width:100%;padding-block:var(--s-8) clamp(40px,5vw,72px)}
.why__nums{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-6)}
.why__nums b{display:flex;align-items:baseline;gap:.08em;font:700 clamp(2.6rem,1.6rem + 2.8vw,4.6rem)/1 var(--display);letter-spacing:-.045em;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.why__nums b small{font:600 max(.4em,15px)/1 var(--mono);letter-spacing:.08em;color:#F2C29A;margin-right:.2em}
.why__nums b [data-mo-count]{display:inline-block}
.why__nums p{margin:var(--s-3) 0 0;font-size:1.0625rem;line-height:1.45;color:#EDE5DA}
.why__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-3) var(--s-6);margin-top:var(--s-7)}
.why__foot p{margin:0;max-width:60ch;font-size:.9375rem;line-height:1.5;color:var(--text-secondary)}
@media (max-width:900px){.why__nums{grid-template-columns:1fr 1fr;row-gap:var(--s-7)}.why__stage{min-height:620px}}
@media (max-width:420px){.why__nums b{font-size:2.3rem}}

/* ---------- 9 · guias, sem cartão ---------- */
.gd{background:#fff;padding-block:var(--mo-pad)}
.gd__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s-4) var(--s-6)}
.gd__head .mo-link{color:var(--text-primary)}
.gd__head .mo-link .icon{color:var(--accent-text)}
.gd__list{list-style:none;margin:clamp(40px,4vw,72px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,4vw,64px)}
.gd__item{position:relative;display:grid;align-content:start;gap:var(--s-3)}
.gd__ill{aspect-ratio:220/120;display:grid;place-items:center;margin-bottom:var(--s-3);border-bottom:1px solid var(--line)}
.gd__ill .ill{width:100%;height:auto;stroke-width:1.6;transition:transform 1s var(--mo-ease)}
.gd__item:hover .gd__ill .ill{transform:translateY(-4px)}
.gd__k{margin:0;font:600 .9375rem/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text)}
.gd__t{margin:0;font-size:clamp(1.35rem,1.1rem + .7vw,1.75rem);line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
.gd__link{color:var(--text-primary);text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size var(--t) var(--mo-ease)}
.gd__link::after{content:"";position:absolute;inset:0}
.gd__item:hover .gd__link{background-size:100% 1.5px}
.gd__link:focus-visible{outline:3px solid var(--accent-text);outline-offset:4px}
.gd__p{margin:0;font-size:1.0625rem;line-height:1.55;color:var(--text-secondary)}
@media (max-width:860px){.gd__list{grid-template-columns:1fr}}

/* ---------- 10 · como funciona a compra ---------- */
.buy{background:var(--canvas);padding-block:clamp(72px,3rem + 4vw,128px)}
.buy__head{text-align:center;display:grid;justify-items:center}
.buy__h{font-size:clamp(2rem,1.3rem + 2.2vw,3.4rem);letter-spacing:-.03em;max-width:18ch;text-wrap:balance}
.buy .steps{margin-top:clamp(36px,4vw,56px)}
.buy .steps__n{font-size:.9375rem}
.buy .steps p{font-size:1rem}

/* ---------- 11 · fechamento no amanhecer ---------- */
.ini-end__brand{margin:0;font:700 clamp(1.6rem,1.2rem + 1.2vw,2.3rem)/1 var(--display);letter-spacing:-.03em;color:#F6F1EA}
.ini-end__brand b{color:#F2C29A;font-weight:700}
.ini-end__acts{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s-4) var(--s-6);margin-top:var(--s-3)}
.ini-end__wa{color:#F6F1EA}
.ini-end__wa:hover{color:#fff}
.ini-end__wa u{text-decoration-color:#F6F1EA}
.ini-end h2{max-width:16ch}
.ini-end h2 span{display:block}
.ini-end .mo-dawn__in{padding-block:clamp(130px,6rem + 7vw,220px) clamp(190px,9rem + 9vw,320px)}

@media (prefers-reduced-motion:reduce){
  .js .road__t{opacity:1;transform:none}
  .ln__media img,.gd__ill .ill,.ln__stage{transition:none}
}
@media (max-width:520px){.lou__sub{letter-spacing:0}}