/* Ubia v2 — páginas internas. Tokens, header, botões e rodapé iguais aos da index v2. */
:root{
  --preto:#0B0B0B; --off:#F7F7F5; --prata:#A7A7A7; --prata-fraco:#838383; --lime:#C6FF00;
  --claro:#EDEFEF; --linha:rgba(255,255,255,.1); --linha-escura:rgba(11,11,11,.12);
  --pad:clamp(16px,3vw,40px);
  --ease:cubic-bezier(.19,1,.22,1);
  interpolate-size:allow-keywords;
}
*{box-sizing:border-box;margin:0;padding:0}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{background:var(--preto);color:var(--off);font-family:Satoshi,system-ui,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.skip{position:absolute;left:-999px;top:10px;z-index:200;background:var(--off);color:var(--preto);padding:.5rem 1rem;border-radius:99px}
.skip:focus{left:var(--pad)}
.display{font-weight:500;text-transform:uppercase;letter-spacing:.01em;line-height:.98;font-size:clamp(2.4rem,6.4vw,5.6rem)}
.eyebrow{font-weight:300;text-transform:uppercase;letter-spacing:.2em;font-size:.72rem}
.lead{font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.45;color:var(--off);max-width:34ch}
.lime{color:var(--lime)}
.tlink{border-bottom:1px solid var(--lime);padding-bottom:1px;transition:color .3s}
.tlink:hover{color:var(--lime)}
.theme-light .tlink:hover{color:inherit}

/* botões */
.pill{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:44px;padding:0 1.6rem;border-radius:99px;font-size:.92rem;font-weight:500;white-space:nowrap;transition:transform .5s var(--ease),background .3s;border:0;cursor:pointer;font-family:inherit}
.pill:hover{transform:scale(1.04)}
.pill--light{background:#E7E7E5;color:var(--preto)}
.pill--dark{background:#1C1D1F;color:var(--off)}
.pill--lime{background:var(--lime);color:var(--preto)}
.pill:focus-visible,a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}

/* header */
.head{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad);transition:color .4s,transform .6s var(--ease)}
.head.hide{transform:translateY(-110%)}
/* véu atrás do header quando a página já rolou, pra não brigar com o texto */
.head::before{content:"";position:absolute;inset:0 0 -24px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(11,11,11,.92),rgba(11,11,11,.6) 60%,transparent);opacity:0;transition:opacity .4s}
.head.solid::before{opacity:1}
body.on-light .head::before{background:linear-gradient(180deg,rgba(247,247,245,.94),rgba(247,247,245,.6) 60%,transparent)}
.brand{display:flex;align-items:center;gap:.6rem}
.brand img{width:30px;height:auto}
.brand b{font-weight:700;font-size:1.15rem;letter-spacing:-.01em;line-height:1}
.brand small{display:block;font-weight:300;font-size:.62rem;letter-spacing:.08em;color:var(--prata)}
.head nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:2rem;font-size:.85rem;color:var(--prata)}
.head nav a{transition:color .3s}
.head nav a:hover,.head nav a[aria-current]{color:var(--off)}
body.on-light .head{color:var(--preto)}
body.on-light .head nav a:hover,body.on-light .head nav a[aria-current]{color:var(--preto)}
body.on-light .brand small,body.on-light .head nav{color:#6b6b6b}
@media (max-width:820px){.head nav{display:none}}

/* abertura da página: a cena de dados da index, parada num estágio por página */
.hero{position:relative;height:100vh;min-height:600px;overflow:hidden}
.hero--short{height:78vh;min-height:520px}
.hero canvas{position:absolute;inset:0;width:100%;height:100%}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(11,11,11,.78),rgba(11,11,11,.25) 62%,transparent),linear-gradient(0deg,rgba(11,11,11,.85),transparent 50%)}
.hero-copy{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(40px,10vh,104px);z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:1.3rem}
.hero .eyebrow{color:var(--prata)}
.hero h1{font-size:clamp(2.1rem,5.3vw,4.7rem);max-width:17ch}
.hero .lead{max-width:48ch;color:#d4d4d2}
.line-mask{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}

/* seções */
.sec{position:relative;padding:clamp(80px,15vh,160px) var(--pad)}
.theme-light{background:var(--claro);color:var(--preto)}
.theme-light.white{background:#fff}
.dots::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(167,167,167,.16) 1px,transparent 1.4px);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 35%,#000 65%,transparent);mask-image:linear-gradient(180deg,transparent,#000 35%,#000 65%,transparent)}
.sec > *{position:relative}

/* bloco em duas colunas: título à esquerda, texto à direita */
.blk{display:grid;grid-template-columns:1fr 1.25fr;gap:2.4rem 4rem;padding-top:2.2rem;border-top:1px solid var(--linha)}
.blk + .blk{margin-top:clamp(64px,12vh,120px)}
.theme-light .blk{border-color:var(--linha-escura)}
.blk .eyebrow,.sec-head .eyebrow{color:var(--prata)}
.theme-light .blk .eyebrow,.theme-light .sec-head .eyebrow{color:#555}
.h2{font-size:clamp(1.7rem,3.3vw,2.9rem);margin-top:1.1rem;max-width:17ch}
.side{margin-top:1.6rem;font-size:.98rem;line-height:1.55;color:#a9a9a7;max-width:40ch}
.theme-light .side{color:#4a4a4a}
.side + .side{margin-top:1rem}
.prose p{font-size:1.02rem;line-height:1.6;color:#bdbdbb;max-width:56ch}
.prose p + p{margin-top:1.1rem}
.prose .lead{color:var(--off);max-width:44ch;font-size:clamp(1.08rem,1.45vw,1.28rem);line-height:1.45;margin-bottom:1.5rem}
.prose strong{color:var(--off);font-weight:500}
.theme-light .prose p{color:#3a3a3a}
.theme-light .prose .lead,.theme-light .prose strong{color:var(--preto)}
@media (max-width:820px){.blk{grid-template-columns:1fr}}

/* cabeçalho de lista */
.sec-head{display:grid;grid-template-columns:1fr 1.25fr;gap:1.5rem 4rem;align-items:end;padding-bottom:2.2rem;border-bottom:1px solid var(--linha)}
.theme-light .sec-head{border-color:var(--linha-escura)}
.sec-head .side{margin-top:0}
.sec-head .count{justify-self:end;font-size:.85rem;color:#9a9a9a}
@media (max-width:820px){.sec-head{grid-template-columns:1fr}.sec-head .count{justify-self:start}}

/* linhas numeradas (as frentes da index) */
.rows{list-style:none}
.rows li{display:grid;grid-template-columns:4rem 1fr 1.3fr;gap:1rem 2rem;padding:1.7rem 0;border-bottom:1px solid var(--linha-escura);transition:color .5s}
.rows .n{font-size:.78rem;padding-top:.25rem;display:flex;align-items:center;gap:.5rem;align-self:start}
.rows h3{font-weight:500;font-size:1.08rem;line-height:1.3}
.rows p{font-size:1rem;line-height:1.5;max-width:46ch}
.rows p + p{margin-top:.8rem}
.rows .regra{display:block;margin-top:.55rem;font-weight:400;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;line-height:1.5}
.sec:not(.theme-light) .rows li{border-color:var(--linha)}
.sec:not(.theme-light) .rows p{color:#bdbdbb}
.js .rows li{color:#8c8c8c}
.js .rows li.on{color:var(--preto)}
.js .sec:not(.theme-light) .rows li{color:#6a6a6a}
.js .sec:not(.theme-light) .rows li.on{color:var(--off)}
.js .sec:not(.theme-light) .rows li p{color:#5e5e5e;transition:color .5s}
.js .sec:not(.theme-light) .rows li.on p{color:#bdbdbb}
/* o ponto do item ativo é o único lime da dobra */
.rows.dot .n::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.35;transition:background .5s,opacity .5s}
.rows.dot li.now .n::before{background:var(--lime);opacity:1}
@media (max-width:720px){.rows li{grid-template-columns:2.5rem 1fr;gap:.6rem 1rem}.rows li > :nth-child(3){grid-column:2}}

/* três colunas */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 2.5rem;margin-top:3.2rem}
.trio article{border-top:1px solid var(--linha);padding-top:1.4rem}
.trio .n{font-size:.78rem;color:var(--prata-fraco)}
.trio h3{font-weight:500;font-size:1.15rem;margin:1.6rem 0 .8rem}
.trio p{font-size:1rem;line-height:1.55;color:#bdbdbb}
.foot-note{margin-top:2.6rem;max-width:60ch;font-size:1.02rem;line-height:1.6;color:#bdbdbb}
@media (max-width:820px){.trio{grid-template-columns:1fr}}

/* frase de assinatura */
.quote{position:relative;padding:clamp(100px,20vh,200px) var(--pad);text-align:center;overflow:hidden}
.quote .display{font-size:clamp(1.8rem,4.3vw,3.7rem);max-width:22ch;margin:0 auto}
.quote cite{display:block;margin-top:1.8rem;font-style:normal;color:var(--prata)}

/* perguntas (igual à index) */
.faq-group{display:grid;grid-template-columns:1fr 1.25fr;gap:2.4rem 4rem;padding-top:2.2rem;border-top:1px solid var(--linha-escura)}
.faq-group .eyebrow{color:#555}
details{border-bottom:1px solid var(--linha-escura)}
summary{list-style:none;cursor:pointer;font-size:clamp(1.05rem,1.6vw,1.3rem);font-weight:500;color:#8f8f8f;padding:1rem 0;transition:color .3s}
summary::-webkit-details-marker{display:none}
details[open] summary,summary:hover{color:var(--preto)}
details p{font-size:.98rem;line-height:1.55;max-width:52ch;padding:0 0 1.2rem;color:#2a2a2a}
details::details-content{block-size:0;overflow:hidden;transition:block-size .5s var(--ease),content-visibility .5s allow-discrete}
details[open]::details-content{block-size:auto}
@media (max-width:820px){.faq-group{grid-template-columns:1fr}}

/* formulário do diagnóstico */
.form{display:grid;gap:1.8rem}
.field label{display:block;font-weight:300;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--prata);margin-bottom:.4rem}
.field input,.field select,.field textarea{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.22);border-radius:0;color:var(--off);font:inherit;font-size:1.08rem;padding:.65rem 0;outline:none;transition:border-color .3s;-webkit-appearance:none;appearance:none}
.field select{cursor:pointer;padding-right:1.6rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23A7A7A7' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right .2rem center/12px}
.field select option{background:#151515;color:var(--off)}
.field textarea{min-height:120px;resize:vertical;line-height:1.5}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--lime)}
.consent{display:flex;gap:.85rem;font-size:.92rem;line-height:1.5;color:#bdbdbb;cursor:pointer}
.consent input{flex:none;width:18px;height:18px;margin-top:.15rem;accent-color:var(--lime);cursor:pointer}
.form .pill{justify-self:start}
#form-erro{font-size:.9rem;color:var(--lime);min-height:1.4em}

/* chamada final (igual à index) */
.lux{position:relative;height:100vh;min-height:620px;overflow:hidden;display:grid;place-items:center;text-align:center}
.lux-bg{position:absolute;inset:-12% 0}
.lux-bg canvas{width:100%;height:100%;display:block}
.lux::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,11,.6),rgba(11,11,11,.38) 45%,rgba(11,11,11,.85))}
.lux-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1.3rem;padding:0 var(--pad)}
.lux-copy::before{content:"";position:absolute;inset:-70px -140px;z-index:-1;background:radial-gradient(closest-side,rgba(11,11,11,.92),rgba(11,11,11,.8) 55%,rgba(11,11,11,.45) 80%,transparent);pointer-events:none}
.lux-copy .display{font-size:clamp(2rem,5vw,4.4rem);max-width:18ch}
.lux-copy .lead{max-width:44ch;text-align:center;color:#d4d4d2}
.lux-copy .eyebrow{color:var(--prata)}

/* rodapé (igual à index) */
.foot{position:relative;padding:14vh var(--pad) 28px;overflow:hidden}
.foot-top{display:grid;grid-template-columns:1.3fr 1fr;gap:3rem}
.foot-top .display{font-size:clamp(2rem,4.8vw,4rem)}
.foot-top .pill{margin-top:2.5rem;min-width:220px}
.foot-links{display:grid;grid-template-columns:1fr 1fr;gap:3rem 2rem;font-size:.9rem}
.foot-links h4{font-weight:400;font-size:.66rem;letter-spacing:.18em;color:var(--prata-fraco);margin-bottom:1rem;text-transform:uppercase}
.foot-links a{display:block;margin-bottom:.7rem;transition:color .3s}
.foot-links a:hover{color:var(--prata)}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:14vh;padding-top:20px;border-top:1px solid var(--linha);font-size:.66rem;letter-spacing:.18em;color:var(--prata-fraco);text-transform:uppercase}
.foot-empresa{display:flex;flex-direction:column;gap:.3rem;margin-top:10vh;font-style:normal;font-size:.85rem;line-height:1.5;color:var(--prata-fraco)}
.foot-empresa a{color:var(--prata);width:fit-content;border-bottom:1px solid var(--linha)}
.foot-empresa a:hover{color:var(--off)}
.foot-empresa + .foot-bottom{margin-top:28px}
@media (max-width:820px){.foot-top{grid-template-columns:1fr}.foot-bottom{flex-direction:column;align-items:flex-start}}

.dados{display:grid;grid-template-columns:max-content 1fr;gap:.9rem 2rem;max-width:56ch;font-size:1.02rem;line-height:1.5}
.dados dt{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--prata);padding-top:.35rem}
.dados dd{color:var(--off)}
.dados a{border-bottom:1px solid var(--lime);transition:color .3s}
.dados a:hover{color:var(--lime)}
@media (max-width:820px){.dados{grid-template-columns:1fr;gap:.2rem}.dados dd{margin-bottom:.9rem}}