/* Página inicial: sempre no tema Noite da marca (marca/README.md). Os tokens de style.css são redefinidos aqui. */
body.inicio{--bg:#0e1311;--card:#171d1a;--tx:#e9eee9;--mut:#9aa69f;--bd:#2a322e;--ac:#4fd1a5;--on-ac:#06281c;--crit:#c94040;color-scheme:dark;background:var(--bg);color:var(--tx)}
.inicio a{color:inherit}
.faixa{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.faixa.estreita{max-width:760px}
.sobretitulo{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.2em;color:var(--ac)}

/* topo */
.topo{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--bd)}
.topo .faixa{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.topo .logo{font-size:20px}
.topo nav{display:flex;align-items:center;gap:22px;font-size:15px}
.topo nav a{text-decoration:none;color:var(--mut)}
.topo nav a:hover{color:var(--tx)}
.topo nav a.entrar{color:var(--tx);border:1px solid var(--bd);border-radius:999px;padding:7px 16px}
@media (max-width:620px){.topo nav a:not(.entrar){display:none}}

/* hero */
.hero{padding-block:56px 72px;overflow:hidden}
.hero-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center}
@media (max-width:900px){.hero-grade{grid-template-columns:minmax(0,1fr)}}
.hero h1{font-size:clamp(38px,6vw,60px);line-height:1.02;letter-spacing:-.035em;margin:0;text-wrap:balance}
.lide{font-size:18px;line-height:1.6;color:var(--mut);margin:20px 0 0;max-width:34em}
.acoes-hero{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
a.cta{display:inline-flex;align-items:center;gap:8px;background:var(--ac);color:var(--on-ac);font-weight:700;font-size:17px;padding:15px 26px;border-radius:999px;text-decoration:none;transition:filter .2s,transform .2s}
a.cta:hover{filter:brightness(1.08);transform:translateY(-1px)}
a.cta-sec{display:inline-flex;align-items:center;padding:15px 22px;border-radius:999px;border:1px solid var(--bd);text-decoration:none;font-weight:600}
a.cta:focus-visible,a.cta-sec:focus-visible,.topo a:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.garantia{margin:16px 0 0;font-size:14px;color:var(--mut);display:flex;align-items:center;gap:8px}
.garantia::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ac)}

/* vitrine: um laudo de exemplo girando devagar */
.vitrine{margin:0;display:grid;gap:12px;justify-items:center}
.vitrine figcaption{font-size:13px;color:var(--mut);text-align:center}
.vitrine{min-width:0}
.vitrine-palco{position:relative;width:520px;height:520px;flex:none}
.vitrine-centro{position:absolute;left:50%;top:50%;width:200px;height:200px;margin:-100px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(233,238,233,.04);border:1px solid color-mix(in srgb,var(--crit) 60%,transparent);box-shadow:0 0 80px -16px var(--crit);z-index:2}
.v-rot{margin:0;font-size:10px;font-weight:600;letter-spacing:.22em;color:var(--mut)}
.v-nota{margin:6px 0 0;font-family:var(--f-display);font-size:56px;font-weight:700;line-height:1;letter-spacing:-.04em}
.v-nota span{font-size:18px;color:var(--mut);letter-spacing:0}
.v-nivel{margin:6px 0 0;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}
.v-nivel::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--crit)}
.v-anel{position:absolute;inset:0;animation:anel-gira 240s linear infinite}
.v-pos{position:absolute;left:50%;top:50%}
.v-contra{width:100%;height:100%;animation:anel-contra 240s linear infinite}
.v-bola{width:100%;height:100%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px;background:#171d1a linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.02));box-shadow:inset 0 0 0 2px var(--sev);animation:surgir .7s cubic-bezier(.2,.8,.2,1.3) both;animation-delay:var(--atraso)}
.v-bola.critico{box-shadow:inset 0 0 0 2px var(--sev),0 0 40px -12px var(--sev)}
.v-bola b{font-family:var(--f-display);font-size:22px;line-height:1}
.v-bola i{font-style:normal;margin-top:4px;font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--mut);display:flex;align-items:center;gap:4px}
.v-bola i::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sev)}
.v-bola small{margin-top:4px;max-width:84%;font-size:10px;line-height:1.2;color:var(--mut);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (prefers-reduced-motion:reduce){.v-anel,.v-contra,.v-bola{animation:none}}

/* seções */
.secao{padding-block:80px;border-top:1px solid var(--bd)}
.secao.alt{background:#111714}
.secao h2,.final h2{font-size:clamp(28px,4vw,40px);line-height:1.1;letter-spacing:-.025em;margin:0 0 36px;max-width:22em;text-wrap:balance}
.grade-itens{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}
.item-v{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:22px;display:grid;gap:8px;align-content:start}
.item-v h3{margin:0;font-size:19px}
.item-v p{margin:0;color:var(--mut);font-size:15px;line-height:1.55}
.sev-ponto{width:12px;height:12px;border-radius:50%;background:var(--s);box-shadow:0 0 14px -2px var(--s)}
.banco{margin-top:16px;border:1px dashed color-mix(in srgb,var(--ac) 45%,transparent);border-radius:14px;padding:22px;display:grid;gap:8px}
.banco h3{margin:0;font-size:19px}
.banco p{margin:0;color:var(--mut);max-width:60em}

.passos-inicio{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;counter-reset:passo}
.passos-inicio li{counter-increment:passo;display:grid;gap:8px;padding:22px;border-radius:14px;background:var(--card);border:1px solid var(--bd)}
.passos-inicio li::before{content:counter(passo);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-display);font-weight:700;color:var(--on-ac);background:var(--ac)}
.passos-inicio strong{font-family:var(--f-display);font-size:19px}
.passos-inicio span{color:var(--mut);font-size:15px;line-height:1.55}

.duas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px}
.publico{padding:28px;border-radius:14px;border:1px solid var(--bd);background:var(--card)}
.publico h3{margin:0 0 10px;font-size:22px}
.publico p{margin:0;color:var(--mut);line-height:1.6}

.limites{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:12px 24px}
.limites li{display:flex;gap:12px;align-items:baseline;line-height:1.55}
.limites li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--ac);transform:translateY(-2px)}

#perguntas details{border-bottom:1px solid var(--bd);padding:18px 0}
#perguntas summary{cursor:pointer;color:var(--tx);font-size:17px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}
#perguntas summary::after{content:"+";color:var(--ac);font-size:22px;line-height:1}
#perguntas details[open] summary::after{content:"−"}
#perguntas details p{margin:12px 0 0;color:var(--mut);line-height:1.6;max-width:62ch}

.final{padding-block:96px;text-align:center;border-top:1px solid var(--bd);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--ac) 12%,transparent),transparent 65%)}
.final h2{margin:0 auto 28px}

.rodape-inicio{border-top:1px solid var(--bd);padding-block:28px;font-size:14px;color:var(--mut)}
.rodape-inicio .faixa{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.logo.pequeno{font-size:15px;color:var(--tx)}