/* Molécula Store: landing. Tokens do sistema Molécula Tech v1.0, temperatura quente (campanha), campo em modo matéria. */

@font-face{font-family:Sora;src:url(../fonts/sora-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Sora;src:url(../fonts/sora-latin-600-normal.woff2) format("woff2");font-weight:500 650;font-style:normal;font-display:swap}
@font-face{font-family:Sora;src:url(../fonts/sora-latin-700-normal.woff2) format("woff2");font-weight:651 800;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(../fonts/instrument-serif-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}

:root{
  --ink:#17191F;--blue:#3157D9;--sky:#79A9E6;--coral:#FF9270;--yellow:#F6C94A;
  --paper:#F7F7F5;--white:#FFFFFF;--cool:#F1F4F8;--warm:#F7F4EF;--night:#10182B;--night-2:#0B1222;
  --muted:#5E6676;--muted-dark:rgba(247,247,245,.74);--line:rgba(23,25,31,.12);--line-dark:rgba(255,255,255,.14);
  --error:#B84F3C;--error-dark:#FFB4A3;--focus:#3157D9;
  --grad:linear-gradient(90deg,#3157D9 0%,#79A9E6 36%,#FF9270 70%,#F6C94A 100%);
  --grad-warm:linear-gradient(90deg,#79A9E6 0%,#FF9270 55%,#F6C94A 100%);
  --ease:cubic-bezier(.22,.72,.21,1);--fast:180ms;--base:240ms;--state:520ms;
  --r-control:12px;--r-card:18px;--r-panel:28px;
  --gutter:clamp(16px,4.5vw,64px);--max:1200px;
  --header:68px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 12px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Sora,"Segoe UI Variable","Segoe UI",system-ui,sans-serif;font-size:17px;line-height:1.6;letter-spacing:-.011em;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3{text-wrap:balance;font-weight:650}
p{text-wrap:pretty}
.serif{font-family:"Instrument Serif",Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.035em}
.wrap{width:min(var(--max),100% - 2*var(--gutter));margin-inline:auto}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}
.dark :focus-visible,.hero :focus-visible{outline-color:var(--yellow)}
[tabindex="-1"]:focus{outline:none}
.skip{position:fixed;left:16px;top:-80px;z-index:200;background:var(--ink);color:#fff;padding:12px 16px;border-radius:10px;text-decoration:none;transition:top var(--base) var(--ease)}
.skip:focus{top:12px}

/* Botões */
.btn{--bg:var(--blue);--fg:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 24px;border-radius:999px;border:0;background:var(--bg);color:var(--fg);font-weight:600;font-size:16px;text-decoration:none;cursor:pointer;transition:transform var(--fast) var(--ease),box-shadow var(--base) var(--ease),background var(--base) var(--ease);box-shadow:0 10px 30px rgba(49,87,217,.28)}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(49,87,217,.36)}
.btn:active{transform:translateY(0)}
.btn .seta{transition:transform var(--base) var(--ease)}
.btn:hover .seta{transform:translateX(4px)}
.btn-hot{--bg:var(--yellow);--fg:var(--ink);box-shadow:0 10px 34px rgba(246,201,74,.32)}
.btn-hot:hover{box-shadow:0 16px 44px rgba(255,146,112,.42)}
.btn-ghost{--bg:transparent;--fg:inherit;box-shadow:none;border:1.5px solid currentColor;opacity:.92}
.btn-ghost:hover{box-shadow:none;opacity:1}
.btn[disabled]{opacity:.6;cursor:progress;transform:none}
.btn-small{min-height:42px;padding:9px 18px;font-size:14px}

/* Cabeçalho */
.topo{position:fixed;z-index:100;inset:0 0 auto;height:var(--header);display:flex;align-items:center;color:#fff;transition:background var(--state) var(--ease),color var(--state) var(--ease),box-shadow var(--state) var(--ease)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.topo .marca{display:block;width:158px;height:auto}
.topo .marca img{width:100%;height:auto}
.topo .marca .clara{display:none}
.topo nav{display:flex;align-items:center;gap:6px}
.topo .link{padding:10px 14px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:600;transition:background var(--fast)}
.topo .link:hover{background:rgba(255,255,255,.12)}
.topo.rolou{background:rgba(11,18,34,.82);box-shadow:0 1px 0 rgba(255,255,255,.08);backdrop-filter:saturate(1.3) blur(14px);-webkit-backdrop-filter:saturate(1.3) blur(14px)}
.topo.solido{background:rgba(247,247,245,.9);color:var(--ink);box-shadow:0 1px 0 var(--line);backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px)}
.topo.solido .marca .escura{display:none}
.topo.solido .marca .clara{display:block}
.topo.solido .link:hover{background:rgba(23,25,31,.06)}

/* Hero */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;background:radial-gradient(120% 90% at 85% 10%,#1B2A55 0%,var(--night) 46%,var(--night-2) 100%);color:#F7F7F5;overflow:hidden;isolation:isolate;padding:calc(var(--header) + 40px) 0 72px}
.campo{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;user-select:none}
.hero::before,.fecho::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(11,18,34,.9) 0%,rgba(11,18,34,.62) 40%,rgba(11,18,34,0) 72%)}
.fecho::before{background:radial-gradient(60% 55% at 50% 50%,rgba(11,18,34,.82) 0%,rgba(11,18,34,.35) 70%,rgba(11,18,34,0) 100%)}
@media (max-width:860px){.hero::before{background:linear-gradient(180deg,rgba(11,18,34,.55) 0%,rgba(11,18,34,.82) 45%,rgba(11,18,34,.7) 100%)}}
.campo .membrana{opacity:.55}
.campo .fantasma{fill:none;stroke-linecap:round;opacity:.22}
.campo .corpo{fill:none;stroke-linecap:round;opacity:.9}
.campo .fio{fill:none;stroke-linecap:round;opacity:.55}
.campo .no{fill:var(--night);stroke-width:4}
.hero .wrap{position:relative}
.etiqueta{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px}
.etiqueta::before{content:"";width:34px;height:2px;border-radius:2px;background:var(--grad)}
.hero h1{font-size:clamp(44px,min(8.4vw,13svh),118px);line-height:.9;letter-spacing:-.065em;max-width:12ch;margin-bottom:28px}
.hero h1 .serif{display:block;background:var(--grad-warm);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em;letter-spacing:-.04em}
.hero .lead{font-size:clamp(17px,1.6vw,21px);line-height:1.55;color:var(--muted-dark);max-width:620px}
.acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.prova-hero{display:flex;align-items:center;gap:14px;margin-top:40px;padding:14px 18px 14px 14px;border:1px solid var(--line-dark);border-radius:20px;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);max-width:560px}
.prova-hero strong{font-size:28px;letter-spacing:-.04em;line-height:1;white-space:nowrap}
.prova-hero span{font-size:14px;line-height:1.45;color:var(--muted-dark)}
.prova-hero .ponto{flex:0 0 12px;height:12px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 6px rgba(255,146,112,.18);animation:pulso 2.6s var(--ease) infinite}
@keyframes pulso{50%{box-shadow:0 0 0 11px rgba(255,146,112,.06)}}
.rolar{position:absolute;right:var(--gutter);bottom:28px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-dark);display:flex;align-items:center;gap:10px}
.rolar i{width:1px;height:44px;background:linear-gradient(var(--coral),transparent);display:block;animation:desce 2.4s var(--ease) infinite}
@keyframes desce{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* Seções */
.secao{position:relative;padding:clamp(80px,11vw,150px) 0;overflow:hidden}
.secao.paper{background:var(--paper)}
.secao.white{background:var(--white)}
.secao.warm{background:var(--warm)}
.secao.cool{background:var(--cool)}
.secao.dark{background:var(--night);color:#F7F7F5}
.cabeca{max-width:860px;margin-bottom:clamp(40px,6vw,72px)}
.kicker{display:block;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:18px}
.dark .kicker{color:var(--sky)}
h2{font-size:clamp(36px,5.6vw,76px);line-height:.95;letter-spacing:-.058em}
h2 .serif{color:var(--blue)}
.dark h2 .serif{background:var(--grad-warm);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.cabeca p{margin-top:22px;font-size:clamp(17px,1.5vw,20px);color:var(--muted);max-width:680px}
.dark .cabeca p{color:var(--muted-dark)}
h3{font-size:clamp(20px,2vw,24px);line-height:1.15;letter-spacing:-.035em;margin-bottom:10px}

/* Revelação ao rolar (só com JS; sem JS tudo aparece) */
.js .revela{opacity:0;transform:translateY(26px);transition:opacity 700ms var(--ease),transform 700ms var(--ease);transition-delay:calc(var(--i,0) * 80ms)}
.js .revela.visto{opacity:1;transform:none}

/* Dor */
.cenas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cena{position:relative;padding:26px 24px 28px;border-radius:var(--r-card);background:var(--white);border:1px solid var(--line);min-height:250px;display:flex;flex-direction:column;transition:transform var(--base) var(--ease),box-shadow var(--base) var(--ease)}
.cena:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(23,25,31,.08)}
.cena .num{font-family:"Instrument Serif",Georgia,serif;font-style:italic;color:var(--coral);font-size:22px;margin-bottom:auto;padding-bottom:28px;line-height:1}
.cena p{color:var(--muted);font-size:15.5px;line-height:1.55}
.virada-dor{margin-top:56px;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;max-width:900px}
.virada-dor svg{width:84px;height:84px}
.virada-dor p{font-size:clamp(20px,2.4vw,30px);line-height:1.3;letter-spacing:-.035em;font-weight:500}
.virada-dor p .serif{color:var(--blue)}

/* Migração */
.passagem{position:relative;border-radius:var(--r-panel);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid var(--line-dark);padding:clamp(22px,4vw,44px);margin-bottom:clamp(40px,6vw,64px)}
.passagem-topo{display:flex;justify-content:space-between;gap:16px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-dark);margin-bottom:6px}
.passagem-topo b{color:#fff}
.trilho{position:relative;height:150px}
.trilho svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.carga{position:absolute;left:0;top:0;padding:8px 13px;border-radius:999px;background:#fff;color:var(--ink);font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 10px 26px rgba(0,0,0,.25);opacity:0;will-change:transform,opacity;pointer-events:none}
.trilho .ponta{font-size:12px;font-weight:600;fill:var(--muted-dark)}
.leva{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.leva li{list-style:none;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid var(--line-dark);font-size:14.5px}
.leva li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sky)}
.leva{padding:0;margin-bottom:0}
.passos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:passo;padding:0;margin:0}
.passo{list-style:none;position:relative;padding:22px 20px 24px;border-radius:var(--r-card);background:rgba(255,255,255,.05);border:1px solid var(--line-dark)}
.passo::before{counter-increment:passo;content:"0" counter(passo);display:block;font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:22px;color:var(--coral);margin-bottom:18px;line-height:1}
.passo h3{font-size:19px}
.passo p{font-size:15px;color:var(--muted-dark);line-height:1.55}
.verdade{margin-top:clamp(40px,6vw,64px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:start;padding:clamp(24px,4vw,40px);border-radius:var(--r-panel);background:linear-gradient(135deg,rgba(255,146,112,.16),rgba(246,201,74,.08));border:1px solid rgba(255,146,112,.32)}
.verdade h3{font-size:clamp(24px,2.8vw,34px);letter-spacing:-.045em}
.verdade p{color:var(--muted-dark);font-size:16.5px}
.verdade p+p{margin-top:12px}

/* Case */
.case-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(28px,5vw,72px);align-items:start}
.case-texto p{color:var(--muted);font-size:17.5px}
.case-texto p+p{margin-top:16px}
.case-selo{display:inline-flex;align-items:center;gap:10px;margin-top:28px;padding:10px 16px;border-radius:999px;background:var(--white);border:1px solid var(--line);font-size:14px;font-weight:600}
.case-selo i{width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(49,87,217,.14)}
.numeros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.numero{padding:24px 22px;border-radius:var(--r-card);background:var(--white);border:1px solid var(--line);position:relative;overflow:hidden}
.numero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease)}
.numero.visto::after{transform:scaleX(1)}
.numero strong{display:block;font-size:clamp(34px,4.4vw,54px);line-height:1;letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin-bottom:10px}
.numero span{display:block;font-size:14.5px;color:var(--muted);line-height:1.45}
.numero.destaque{grid-column:span 2;background:var(--ink);color:#fff;border-color:var(--ink)}
.numero.destaque span{color:var(--muted-dark)}
.fonte{margin-top:16px;font-size:13px;color:var(--muted);line-height:1.5}

/* Google */
.duas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,4vw,48px);align-items:start}
.lista-check{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.lista-check li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:18px 20px;border-radius:var(--r-card);background:var(--paper);border:1px solid var(--line);font-size:16px;line-height:1.5}
.lista-check li::before{content:"";width:24px;height:24px;margin-top:1px;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/16px no-repeat}
.lista-check b{display:block;margin-bottom:2px}
.lista-check span{color:var(--muted)}
.citacao{padding:clamp(28px,4vw,44px);border-radius:var(--r-panel);background:var(--night);color:#fff;position:relative;overflow:hidden}
.citacao p{font-size:clamp(22px,2.6vw,32px);line-height:1.25;letter-spacing:-.04em;position:relative}
.citacao p .serif{color:var(--yellow)}
.citacao small{display:block;margin-top:20px;color:var(--muted-dark);font-size:14px;position:relative}
.citacao::before{content:"";position:absolute;width:300px;height:300px;right:-110px;top:-140px;border-radius:50%;background:radial-gradient(circle,rgba(255,146,112,.45),transparent 70%)}
.mapa-url{margin-top:16px;padding:18px 20px;border-radius:var(--r-card);background:var(--white);border:1px dashed rgba(49,87,217,.45);font-size:14px;line-height:1.7;font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;overflow-wrap:anywhere}
.mapa-url .de{color:var(--muted)}
.mapa-url .para{color:var(--blue);font-weight:600}

/* Velocidade */
.barras{display:grid;gap:22px;padding:clamp(22px,4vw,40px);border-radius:var(--r-panel);background:var(--white);border:1px solid var(--line)}
.barra-grupo h3{font-size:16px;letter-spacing:-.02em;margin-bottom:10px;display:flex;justify-content:space-between;gap:12px}
.barra-grupo h3 small{font-weight:400;color:var(--muted);font-size:14px}
.barra{display:grid;grid-template-columns:150px 1fr 44px;gap:12px;align-items:center;font-size:14px;margin-top:6px}
.barra .trilha{height:14px;border-radius:99px;background:#E7EAF0;overflow:hidden}
.barra .enche{display:block;height:100%;width:calc(var(--v) * 1%);border-radius:99px;background:#AEB5C2;transform-origin:left;transition:transform 1.4s var(--ease)}
.barra.nova .enche{background:var(--grad)}
.js .barras:not(.visto) .enche{transform:scaleX(0)}
.barra b{text-align:right;font-variant-numeric:tabular-nums}
.barra.nova{font-weight:600}
.miudo{font-size:13px;color:var(--muted);line-height:1.55}
.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.card{padding:24px 22px;border-radius:var(--r-card);background:var(--white);border:1px solid var(--line)}
.card strong{display:block;font-size:clamp(26px,3vw,36px);letter-spacing:-.05em;line-height:1.05;margin-bottom:8px}
.card p{font-size:15px;color:var(--muted);line-height:1.5}

/* Liberdade */
.liberdade{background:linear-gradient(180deg,var(--warm) 0%,#FBE9DF 100%)}
.blocos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.bloco{grid-column:span 2;padding:28px 26px;border-radius:var(--r-panel);background:rgba(255,255,255,.82);border:1px solid rgba(23,25,31,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.bloco.largo{grid-column:span 3}
.bloco.escuro{background:var(--ink);color:#fff}
.bloco.escuro p{color:var(--muted-dark)}
.bloco p{color:var(--muted);font-size:15.5px}
.bloco .tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px;padding:0}
.bloco .tags li{list-style:none;padding:6px 11px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font-size:13px;font-weight:600}
.bloco.escuro .tags li{background:rgba(255,255,255,.07);border-color:var(--line-dark)}
.icone{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;margin-bottom:20px;background:var(--grad)}
.icone svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* Comparação */
.tabela-rolagem{overflow-x:auto;border-radius:var(--r-panel);border:1px solid var(--line);background:var(--paper)}
.comparacao{width:100%;min-width:640px;border-collapse:collapse;font-size:15.5px;line-height:1.5}
.comparacao th,.comparacao td{padding:18px 22px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.comparacao tbody tr:last-child th,.comparacao tbody tr:last-child td{border-bottom:0}
.comparacao thead th{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;background:var(--white)}
.comparacao thead th.nossa{color:#fff;background:var(--blue)}
.comparacao tbody th{font-weight:600;width:22%}
.comparacao td{color:var(--muted);width:39%}
.comparacao td.nossa{color:var(--ink);font-weight:500;background:rgba(49,87,217,.06);border-left:3px solid var(--blue)}

/* Ecossistema */
.eco{position:relative}
.eco-linha{position:absolute;left:0;right:0;top:56px;height:120px;pointer-events:none}
.eco-grade{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;position:relative;padding:0;margin:0}
.eco-item{list-style:none;padding:24px 20px;border-radius:var(--r-card);background:rgba(255,255,255,.06);border:1px solid var(--line-dark);display:flex;flex-direction:column;min-height:250px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.eco-item.aqui{background:linear-gradient(160deg,rgba(49,87,217,.55),rgba(255,146,112,.35));border-color:rgba(255,255,255,.3)}
.eco-item em{font-family:"Instrument Serif",Georgia,serif;color:var(--coral);font-size:20px;line-height:1}
.eco-item.aqui em{color:var(--yellow)}
.eco-item h3{margin-top:auto;padding-top:34px;font-size:21px}
.eco-item p{font-size:14.5px;color:var(--muted-dark);line-height:1.5}
.estagio{display:inline-flex;align-self:flex-start;align-items:center;gap:7px;margin-top:14px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--line-dark);background:rgba(255,255,255,.06)}
.estagio::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sky)}
.estagio.config::before{background:var(--yellow)}
.eco-nota{margin-top:26px;color:var(--muted-dark);font-size:15px;max-width:760px}

/* Guardiã */
.guardia{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px);align-items:center}
.guardia .historia p{font-size:18px;color:var(--muted)}
.guardia .historia p+p{margin-top:16px}
.manifesto{position:relative;padding:clamp(30px,4vw,48px);border-radius:var(--r-panel);background:var(--ink);color:#fff;min-height:360px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.manifesto::after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-120px;top:-150px;background:linear-gradient(135deg,var(--blue),var(--coral));opacity:.45}
.manifesto img{width:56px;position:relative}
.manifesto strong{font-size:clamp(28px,3.4vw,44px);line-height:1.02;letter-spacing:-.05em;font-weight:650;position:relative;margin-top:40px}
.manifesto small{position:relative;color:var(--muted-dark);margin-top:22px;font-size:14px}

/* Teste e formulário */
.teste{background:radial-gradient(110% 80% at 10% 0%,#22336A 0%,var(--night) 50%,var(--night-2) 100%);color:#F7F7F5}
.teste-grade{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,72px);align-items:start}
.teste-intro p{color:var(--muted-dark);font-size:17.5px}
.teste-intro p+p{margin-top:14px}
.teste-intro ul{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:10px}
.teste-intro li{display:flex;gap:12px;align-items:flex-start;color:var(--muted-dark);font-size:15.5px}
.teste-intro li::before{content:"";flex:0 0 9px;height:9px;margin-top:8px;border-radius:50%;background:var(--coral)}
.form-card{position:relative;padding:clamp(22px,3.5vw,40px);border-radius:var(--r-panel);background:var(--paper);color:var(--ink);box-shadow:0 40px 100px rgba(0,0,0,.35)}
.form-card::before{content:"";position:absolute;inset:0 0 auto;height:6px;border-radius:var(--r-panel) var(--r-panel) 0 0;background:var(--grad)}
.progresso{display:flex;gap:8px;margin-bottom:26px;padding:0;list-style:none}
.progresso li{flex:1;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.progresso li::before{content:"";display:block;height:4px;border-radius:9px;background:#DDE1E8;margin-bottom:9px;transition:background var(--state) var(--ease)}
.progresso li.feito::before,.progresso li.atual::before{background:var(--blue)}
.progresso li.atual{color:var(--ink)}
.etapa[hidden]{display:none}
.etapa h3{font-size:clamp(22px,2.4vw,28px);letter-spacing:-.04em;margin-bottom:6px}
.etapa>p{color:var(--muted);font-size:15.5px;margin-bottom:20px}
fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}
legend{font-weight:600;font-size:16px;margin-bottom:12px;padding:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.chip span{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border-radius:999px;border:1.5px solid #CDD2DC;background:#fff;font-size:15px;font-weight:500;transition:background var(--fast),border-color var(--fast),color var(--fast),transform var(--fast) var(--ease);user-select:none}
.chip:hover span{border-color:var(--blue)}
.chip input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff;transform:scale(1.02)}
.chip input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}
.campo-form{margin-bottom:16px}
.campo-form label{display:block;font-weight:600;font-size:15px;margin-bottom:7px}
.campo-form label small{font-weight:400;color:var(--muted)}
.campo-form input,.campo-form select,.campo-form textarea{width:100%;min-height:50px;padding:12px 14px;border-radius:var(--r-control);border:1.5px solid #CDD2DC;background:#fff;font-size:16px;transition:border-color var(--fast),box-shadow var(--fast)}
.campo-form textarea{min-height:110px;resize:vertical;line-height:1.5}
.campo-form input:focus,.campo-form select:focus,.campo-form textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(49,87,217,.18)}
.campo-form [aria-invalid="true"]{border-color:var(--error)}
.erro{display:block;color:var(--error);font-size:14px;margin-top:6px;font-weight:600}
.erro:empty{display:none}
.linha2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.consent{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;padding:14px 16px;border-radius:var(--r-control);background:#fff;border:1.5px solid #CDD2DC;font-size:14.5px;line-height:1.5;margin:6px 0 4px;cursor:pointer}
.consent:has([aria-invalid="true"]){border-color:var(--error)}
.consent input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--blue);cursor:pointer}
.consent a{color:var(--blue);font-weight:600}
.isca{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-acoes{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}
.voltar{background:none;border:0;padding:10px 4px;color:var(--muted);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:15px}
.resultado{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:20px;border-radius:var(--r-card);margin-bottom:22px;background:#fff;border:1.5px solid var(--line);animation:entra var(--state) var(--ease)}
.resultado .selo-res{width:52px;height:52px;border-radius:50%;background:var(--grad);display:grid;place-items:center}
.resultado .selo-res svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.resultado[data-classe="lista_espera"] .selo-res{background:linear-gradient(135deg,#AEB5C2,#79A9E6)}
.resultado strong{display:block;font-size:18px;letter-spacing:-.025em;margin-bottom:4px}
.resultado p{font-size:15px;color:var(--muted);line-height:1.5}
@keyframes entra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.aviso-form{padding:14px 16px;border-radius:var(--r-control);background:#FBE7E2;color:#7A2E20;font-size:15px;font-weight:600;margin-top:14px}
.aviso-form:empty{display:none}
.feito-msg{text-align:left}
.feito-msg .grande{font-size:clamp(26px,3vw,36px);letter-spacing:-.05em;line-height:1.05;margin-bottom:12px}
.apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.apps label{display:flex;gap:10px;align-items:center;min-height:44px;padding:8px 12px;border-radius:var(--r-control);border:1.5px solid #CDD2DC;background:#fff;font-size:15px;cursor:pointer}
.apps input{width:20px;height:20px;accent-color:var(--blue);margin:0}
.privacidade-nota{margin-top:16px;font-size:13px;color:var(--muted);line-height:1.5}

/* FAQ */
.faq{display:grid;gap:10px;max-width:920px}
.faq details{border-radius:var(--r-card);background:var(--white);border:1px solid var(--line);transition:box-shadow var(--base) var(--ease)}
.faq details[open]{box-shadow:0 18px 44px rgba(23,25,31,.07)}
.faq summary{list-style:none;cursor:pointer;padding:22px 64px 22px 24px;font-weight:600;font-size:17.5px;letter-spacing:-.02em;position:relative;line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:24px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233157D9' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform var(--base) var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .resposta{padding:0 24px 24px;color:var(--muted);font-size:16px;line-height:1.65}
.faq .resposta p+p{margin-top:10px}

/* Fecho */
.fecho{position:relative;background:var(--night);color:#fff;padding:clamp(100px,14vw,180px) 0;overflow:hidden;isolation:isolate;text-align:center}
.fecho h2{font-size:clamp(40px,7vw,96px);max-width:14ch;margin:0 auto 34px}
.fecho p{color:var(--muted-dark);max-width:560px;margin:0 auto 34px;font-size:18px}

/* Rodapé */
.rodape{background:var(--night-2);color:var(--muted-dark);padding:56px 0 40px;font-size:14px}
.rodape .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end}
.rodape img{width:170px;margin-bottom:16px}
.rodape nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.rodape a{color:#fff;text-decoration:none;font-weight:600}
.rodape a:hover{text-decoration:underline}
.rodape p{line-height:1.6}

/* Páginas simples (entrar, privacidade, 404) */
.simples{min-height:100svh;background:var(--paper);padding:calc(var(--header) + 48px) 0 80px}
.simples .wrap{max-width:720px}
.simples h1{font-size:clamp(36px,6vw,64px);line-height:.98;letter-spacing:-.055em;margin-bottom:18px}
.simples h1 .serif{color:var(--blue)}
.simples .lead{color:var(--muted);font-size:18px;margin-bottom:30px}
.simples h2{font-size:24px;letter-spacing:-.03em;margin:36px 0 10px;line-height:1.2}
.simples .texto p,.simples .texto li{color:#3D4350;font-size:16.5px}
.simples .texto p+p{margin-top:12px}
.simples .texto ul{padding-left:20px}
.simples .texto li+li{margin-top:6px}
.painel-simples{padding:clamp(22px,4vw,36px);border-radius:var(--r-panel);background:#fff;border:1px solid var(--line);box-shadow:0 30px 80px rgba(23,25,31,.08)}
.topo.fixo-claro{background:rgba(247,247,245,.92);color:var(--ink);box-shadow:0 1px 0 var(--line)}
.topo.fixo-claro .marca .escura{display:none}
.topo.fixo-claro .marca .clara{display:block}

/* Responsivo */
@media (max-width:1080px){
  .cenas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .passos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .passos .passo:last-child{grid-column:span 2}
  .eco-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eco-item.aqui{grid-column:span 2}
  .eco-linha{display:none}
  .blocos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bloco,.bloco.largo{grid-column:span 1}
}
@media (max-width:860px){
  .case-grade,.duas,.guardia,.teste-grade,.verdade{grid-template-columns:1fr}
  .cards3{grid-template-columns:1fr}
  .rodape .wrap{grid-template-columns:1fr}
  .rolar{display:none}
}
@media (max-width:640px){
  body{font-size:16px}
  :root{--header:62px}
  .topo .marca{width:132px}
  .topo .link.esconde-mobile{display:none}
  .topo .btn-small{padding:8px 14px;font-size:13.5px;min-height:40px}
  .hero{padding-top:calc(var(--header) + 28px);align-items:flex-start}
  .hero h1{font-size:clamp(42px,12.5vw,60px)}
  .acoes .btn{width:100%}
  .prova-hero{align-items:flex-start}
  .prova-hero strong{font-size:22px}
  .cenas,.passos,.numeros,.eco-grade,.blocos,.apps,.linha2{grid-template-columns:1fr}
  .passos .passo:last-child,.eco-item.aqui,.numero.destaque{grid-column:auto}
  .cena{min-height:0}
  .virada-dor{grid-template-columns:1fr}
  .virada-dor svg{width:60px;height:60px}
  .trilho{height:120px}
  .carga{font-size:12px;padding:6px 10px}
  .barra{grid-template-columns:96px 1fr 34px;font-size:13px;gap:8px}
  .faq summary{padding:18px 56px 18px 18px;font-size:16.5px}
  .faq summary::after{right:18px}
  .faq .resposta{padding:0 18px 20px}
  .passagem-topo{font-size:11px}
}

/* Movimento reduzido: nada se mexe sozinho */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .revela{opacity:1;transform:none}
  .js .barras:not(.visto) .enche{transform:none}
  .carga{display:none}
}
@media print{.topo,.campo,.rolar,.form-card,.eco-linha{display:none!important}.hero,.secao.dark,.teste,.fecho{background:#fff!important;color:#000!important}}

/* ===== Versão 2: desejo, selos honestos, agente, painel ===== */
.selo{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.01em;white-space:nowrap;border:1px solid transparent;line-height:1.3}
.selo::before{content:"";width:8px;height:8px;border-radius:50%;flex:0 0 8px}
.selo.hoje{background:#E6EEFC;color:#1E3FA8;border-color:#C9D7F6}.selo.hoje::before{background:var(--blue)}
.selo.piloto{background:#FFF1D6;color:#6E4A00;border-color:#F3DCA6}.selo.piloto::before{background:#D9A21B}
.selo.breve{background:#FFE7DF;color:#8A3219;border-color:#F7C7B8}.selo.breve::before{background:transparent;border:2px solid #E0704F;width:6px;height:6px;flex-basis:6px}
.dark .selo.hoje,.hero .selo.hoje,.teste .selo.hoje{background:rgba(121,169,230,.16);color:#CFE0F8;border-color:rgba(121,169,230,.35)}
.dark .selo.piloto,.hero .selo.piloto{background:rgba(246,201,74,.14);color:#F8DD8E;border-color:rgba(246,201,74,.35)}
.dark .selo.breve,.hero .selo.breve{background:rgba(255,146,112,.14);color:#FFC2AE;border-color:rgba(255,146,112,.38)}
.hero-selos{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:26px;padding:0;list-style:none}
.hero-selos li{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid var(--line-dark);font-size:14px;color:#F7F7F5}
.legenda-selos{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;align-items:center;font-size:14px;color:var(--muted)}
.dark .legenda-selos{color:var(--muted-dark)}

/* Invisível */
.invisivel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.invisivel article{position:relative;padding:24px 22px;border-radius:var(--r-card);background:var(--white);border:1px solid var(--line);overflow:hidden}
.invisivel article::after{content:"";position:absolute;right:-30px;bottom:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,146,112,.18),transparent 70%)}
.invisivel b{display:block;font-size:18px;letter-spacing:-.02em;margin-bottom:8px;position:relative}
.invisivel p{color:var(--muted);font-size:15px;line-height:1.55;position:relative}

/* Bloco de capacidade com demonstração */
.capacidade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:center}
.capacidade.inverte .cap-texto{order:2}
.cap-texto h2{margin-bottom:0}
.cap-texto>p{margin-top:20px;font-size:17.5px;color:var(--muted)}
.dark .cap-texto>p{color:var(--muted-dark)}
.cap-texto .selo{margin-bottom:18px}
.cap-lista{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
.cap-lista li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:15.5px;line-height:1.5}
.cap-lista li::before{content:"";width:16px;height:16px;margin-top:4px;border-radius:50%;background:var(--grad)}
.cap-nota{margin-top:16px;font-size:13.5px;color:var(--muted);line-height:1.55}
.dark .cap-nota{color:var(--muted-dark)}
.ilustracao{display:block;margin-bottom:10px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.dark .ilustracao{color:var(--muted-dark)}

/* Painel ilustrativo */
.mock{border-radius:var(--r-panel);background:#fff;border:1px solid var(--line);box-shadow:0 30px 80px rgba(23,25,31,.12);overflow:hidden;color:var(--ink)}
.mock-topo{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line);font-size:14px}
.mock-topo b{font-size:16px}
.mock-topo span{color:var(--muted);font-size:13px}
.mock-metricas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 20px}
.mock-metricas div{padding:14px;border-radius:14px;background:var(--cool)}
.mock-metricas small{display:block;font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.mock-metricas strong{display:block;font-size:22px;letter-spacing:-.04em;margin-top:6px}
.mock-fila{padding:4px 20px 20px}
.mock-fila .mock-sub{margin:6px 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.mock-item{display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:14.5px}
.mock-item i{width:10px;height:10px;border-radius:50%}
.mock-item small{display:block;color:var(--muted);font-size:13px}
.mock-item .acao{font-size:12.5px;font-weight:600;color:#1E3FA8;background:#E6EEFC;padding:6px 10px;border-radius:999px;white-space:nowrap}

/* Conversa com o agente */
.chat{border-radius:var(--r-panel);background:#0B1222;border:1px solid var(--line-dark);padding:20px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.chat-topo{display:flex;align-items:center;gap:10px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--line-dark);font-size:14px;color:var(--muted-dark)}
.chat-topo img{width:28px;height:28px}
.chat-topo b{color:#fff}
.msg{max-width:88%;padding:13px 16px;border-radius:18px;font-size:15px;line-height:1.55;margin-bottom:12px}
.msg.dono{margin-left:auto;background:var(--blue);color:#fff;border-bottom-right-radius:6px}
.msg.agente{background:rgba(255,255,255,.07);color:#F7F7F5;border:1px solid var(--line-dark);border-bottom-left-radius:6px}
.msg.agente ul{margin:8px 0 0;padding-left:18px}
.msg.agente li+li{margin-top:4px}
.msg.agente strong{color:#fff}
.chat-acoes{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 14px}
.chat-acoes span{padding:8px 14px;border-radius:999px;font-size:13.5px;font-weight:600;border:1px solid var(--line-dark);color:var(--muted-dark)}
.chat-acoes span.sim{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.msg.feito{border-color:rgba(121,169,230,.45)}
.js .chat .msg,.js .chat .chat-acoes{opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.js .chat.visto .msg,.js .chat.visto .chat-acoes{opacity:1;transform:none}
.js .chat.visto>:nth-child(3){transition-delay:.5s}
.js .chat.visto>:nth-child(4){transition-delay:1.3s}
.js .chat.visto>:nth-child(5){transition-delay:2s}
.js .chat.visto>:nth-child(6){transition-delay:2.6s}

/* Atendente */
.atende-fatos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}
.atende-fatos div{padding:16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid var(--line-dark)}
.atende-fatos strong{display:block;font-size:26px;letter-spacing:-.05em;line-height:1}
.atende-fatos span{display:block;margin-top:6px;font-size:13px;color:var(--muted-dark);line-height:1.4}

/* Grade de capacidades */
.caps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cap{display:flex;flex-direction:column;padding:26px 24px;border-radius:var(--r-panel);background:rgba(255,255,255,.88);border:1px solid rgba(23,25,31,.08)}
.cap .selo{align-self:flex-start;margin-bottom:18px}
.cap h3{font-size:21px}
.cap p{color:var(--muted);font-size:15px}
.cap .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;padding:0}
.cap .tags li{list-style:none;padding:5px 10px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font-size:12.5px;font-weight:600}
.cap small{display:block;margin-top:auto;padding-top:14px;font-size:13px;color:var(--muted);line-height:1.5}
.cap.destaque{background:var(--ink);color:#fff}
.cap.destaque p,.cap.destaque small{color:var(--muted-dark)}
.cap.destaque .tags li{background:rgba(255,255,255,.07);border-color:var(--line-dark)}
.cap.destaque .selo.hoje{background:rgba(121,169,230,.16);color:#CFE0F8;border-color:rgba(121,169,230,.35)}

/* Transparência: o que roda e o que chega */
.roteiro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.roteiro section{padding:24px;border-radius:var(--r-panel);background:rgba(255,255,255,.05);border:1px solid var(--line-dark)}
.roteiro h3{margin-bottom:16px}
.roteiro ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.roteiro li{font-size:15px;color:var(--muted-dark);line-height:1.45;padding-left:16px;position:relative}
.roteiro li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}

/* Migração compacta */
.mig-compacta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.mig-compacta .leva li{border-color:var(--line-dark)}

@media (max-width:1080px){.caps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
  .capacidade,.mig-compacta{grid-template-columns:1fr}
  .capacidade.inverte .cap-texto{order:0}
  .invisivel,.roteiro{grid-template-columns:1fr}
  .atende-fatos{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){.caps{grid-template-columns:1fr}.mock-metricas{grid-template-columns:1fr 1fr}.mock-metricas div:nth-child(3){display:none}.msg{max-width:96%}.hero-selos li{width:100%;justify-content:space-between}}
@media (prefers-reduced-motion:reduce){.js .chat .msg,.js .chat .chat-acoes{opacity:1;transform:none}}

/* Cabeçalho em celulares estreitos (360 a 400 px): tudo numa linha, sem encostar na borda */
.topo .btn-small,.topo .link{white-space:nowrap}
@media (max-width:400px){.topo .wrap{gap:8px}.topo .marca{width:112px}.topo nav{gap:2px}.topo .link{padding:8px 10px;font-size:13.5px}.topo .btn-small{padding:8px 12px;font-size:13px;min-height:38px}}

/* ===== Estado discreto de cada recurso (versão B: na linha da etiqueta, sem fundo, 12 px cinza) ===== */
.estado{display:inline-flex;align-items:center;gap:6px;margin-left:12px;font-family:Sora,system-ui,sans-serif;font-size:12px;font-weight:500;letter-spacing:.01em;text-transform:none;color:var(--muted);vertical-align:middle;white-space:nowrap;line-height:1.2}
.estado::before{content:"";flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#7C93C9}
.estado.piloto::before{background:#C9A33B}
.estado.implantacao::before{background:transparent;box-shadow:inset 0 0 0 1.5px #9AA1AE}
.dark .estado,.hero .estado{color:rgba(247,247,245,.66)}
.dark .estado.implantacao::before,.hero .estado.implantacao::before{box-shadow:inset 0 0 0 1.5px rgba(247,247,245,.6)}
.cap{position:relative}
.cap-estado{position:absolute;top:24px;right:22px;margin:0}
.cap.destaque .estado{color:rgba(247,247,245,.66)}
.cap h3{padding-right:86px}
.hero-recursos{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:26px;padding:0;list-style:none}
.hero-recursos li{display:flex;align-items:center;gap:4px;padding:9px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid var(--line-dark);font-size:14.5px;color:#F7F7F5}
.roteiro h3 .estado{margin:0;font-size:17px;font-weight:600;color:#F7F7F5;gap:10px}
.roteiro h3 .estado::before{flex-basis:8px;width:8px;height:8px}
.roteiro h3 .estado.implantacao::before{box-shadow:inset 0 0 0 2px rgba(247,247,245,.7)}
@media (max-width:640px){.hero-recursos li{width:100%;justify-content:space-between}.cap-estado{position:static;align-self:flex-start;margin-bottom:12px}.cap h3{padding-right:0}}

/* ===== Aviso de cookies (medição própria): pequeno, no canto, não cobre o teste nem bloqueia a página ===== */
.cookies{position:fixed;z-index:200;right:16px;bottom:16px;width:min(420px,calc(100% - 32px));padding:16px 18px;border-radius:var(--r-card);background:var(--night);color:#F7F7F5;font-size:14px;line-height:1.5;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 50px rgba(11,18,34,.45);animation:cookies-entra 320ms var(--ease) both}
.cookies p{margin:0}
.cookies a{color:var(--sky);font-weight:600}
.cookies-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cookies .btn-small{min-height:40px;padding:8px 16px}
.cookies :focus-visible{outline-color:var(--sky)}
@keyframes cookies-entra{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (max-width:640px){.cookies{left:12px;right:12px;bottom:12px;width:auto;padding:14px}.cookies-acoes .btn{flex:1}}
@media (prefers-reduced-motion:reduce){.cookies{animation:none}}
.cookies-escolha{margin:18px 0 8px;padding:18px;border-radius:var(--r-card);background:var(--white);border:1px solid var(--line)}
.cookies-escolha p{margin:0;font-weight:600}
/* beta (venha experimentar): já dá para usar com a equipe por perto */
.estado.beta::before{background:#C9A33B}
@media (max-width:640px){.hero-recursos li{flex-direction:column;align-items:flex-start;gap:6px}.hero-recursos .estado{margin-left:0}}