/* WEEDEX · landing do token WDX — porte do handoff de design (weedex_landing_handoff/, 23/09/2026).
   Tokens do Design System v1.0. Três regras que o manual não negocia:
   · texto, ícone ou borda sobre laranja = carvão #2A0F00 (branco reprova: 2.86);
   · azul pequeno em fundo escuro = gelo #00D1FF (plasma só em preenchimento ou botão com texto branco);
   · um laranja de ação por tela: o botão do hero. */
:root{
  --wx-abismo:#060912; --wx-breu:#0B1122; --wx-casco:#131B33; --wx-grafite:#1E293F;
  --wx-plasma:#1E5CF6; --wx-gelo:#00D1FF; --wx-violeta:#7B61FF;
  --wx-brasa:#FF6B00; --wx-ambar:#FFA800; --wx-magma:#FF3D2E; --wx-carvao:#2A0F00;
  --wx-neve:#EEF2FB; --wx-fumaca:#97A1BD; --wx-apoio:#C9D1E6;
  --wx-neve-bg:#F4F6FD; --wx-tinta:#0B1122; --wx-tinta-2:#4A5578; --wx-borda-clara:rgba(11,17,34,.12);
  --wx-grad-quente:linear-gradient(100deg,#FFA800,#FF6B00 50%,#FF3D2E);
  --wx-grad-frio:linear-gradient(100deg,#00D1FF,#1E5CF6 55%,#7B61FF);
  --wx-sup-aurora:radial-gradient(70% 60% at 12% 10%,rgba(0,209,255,.30),transparent 60%),radial-gradient(70% 70% at 88% 18%,rgba(123,97,255,.38),transparent 60%),radial-gradient(90% 60% at 60% 112%,rgba(30,92,246,.60),transparent 60%),#0A0F26;
  --wx-sup-brasa:radial-gradient(75% 60% at 30% 25%,#FF9A3D,transparent 60%),linear-gradient(160deg,#FF7A00,#EA5B00 70%,#D14400);
  --wx-sup-neve:radial-gradient(90% 70% at 88% -10%,rgba(30,92,246,.14),transparent 60%),radial-gradient(70% 60% at 0% 110%,rgba(255,107,0,.10),transparent 60%),#F4F6FD;
  --wx-r-botao:10px; --wx-r-campo:14px; --wx-r-painel:18px; --wx-r-pilula:999px;
  --wx-font-display:'Archivo',sans-serif; --wx-font-ui:'Manrope',system-ui,sans-serif;
  --wx-max:1180px; --wx-nav-h:68px;
  --wx-pad-x:clamp(20px,4vw,48px); --wx-pad-y:clamp(64px,9vw,112px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--wx-abismo);color:var(--wx-neve);font-family:var(--wx-font-ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--wx-gelo);text-decoration:none}
a:hover{color:#7FE6FF}
:focus-visible{outline:2px solid var(--wx-gelo);outline-offset:3px}
img{display:block}
.num{font-variant-numeric:tabular-nums}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ── tipografia ─────────────────────────────────────────────────────────── */
.h1{margin:0;font-family:var(--wx-font-display);font-stretch:118%;font-weight:800;font-size:clamp(40px,6.2vw,76px);line-height:.98;letter-spacing:-.022em;text-wrap:balance}
.h2{margin:0;font-family:var(--wx-font-display);font-stretch:112%;font-weight:700;font-size:clamp(30px,3.8vw,46px);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
.h3{margin:0;font-family:var(--wx-font-display);font-stretch:104%;font-weight:700;font-size:21px;line-height:1.2;letter-spacing:-.01em}
.lead{margin:0;font-size:16px;line-height:1.6;color:var(--wx-fumaca);text-wrap:pretty}
.rotulo{font-size:12.5px;font-weight:600;color:var(--wx-fumaca)}

/* ── estrutura ──────────────────────────────────────────────────────────── */
.secao{scroll-margin-top:var(--wx-nav-h);padding:var(--wx-pad-y) var(--wx-pad-x)}
.secao--sem-topo{padding-top:0}
.secao--borda{border-top:1px solid var(--wx-grafite)}
.conteiner{max-width:var(--wx-max);margin:0 auto;display:flex;flex-direction:column;gap:32px}
.cartao{border-radius:var(--wx-r-painel);background:var(--wx-breu);border:1px solid var(--wx-grafite)}

/* ── botões ─────────────────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:var(--wx-r-botao);font:700 15px var(--wx-font-ui);cursor:pointer;border:0;transition:filter 150ms ease,transform 150ms ease,background 150ms ease,border-color 150ms ease;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn--acao{background:var(--wx-grad-quente);color:var(--wx-carvao);box-shadow:0 8px 24px -12px rgba(255,107,0,.9)}
.btn--acao:hover{filter:brightness(1.06);color:var(--wx-carvao)}
.btn--plasma{background:var(--wx-plasma);color:#fff}
.btn--plasma:hover{filter:brightness(1.12);color:#fff}
.btn--vidro{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);color:var(--wx-neve)}
.btn--vidro:hover{background:rgba(255,255,255,.14);color:var(--wx-neve)}
.btn--casco{border:1px solid var(--wx-grafite);background:var(--wx-casco);color:var(--wx-neve)}
.btn--casco:hover{border-color:var(--wx-gelo);color:var(--wx-neve)}
.btn--linha{min-height:44px;padding:0 18px;font-size:14px;border:1px solid var(--wx-grafite);background:transparent;color:var(--wx-neve)}
.btn--linha:hover{border-color:var(--wx-gelo)}
.btn--p{min-height:44px;padding:0 18px;font-size:14px}
.selo-pdf{font-size:11px;font-weight:800;padding:3px 6px;border-radius:4px;background:rgba(255,255,255,.18)}
.btn--casco .selo-pdf{background:var(--wx-grafite)}

/* ── 0 · barra ──────────────────────────────────────────────────────────── */
.barra{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(6,9,18,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--wx-grafite)}
.barra__in{max-width:1276px;margin:0 auto;height:var(--wx-nav-h);padding:0 clamp(16px,4vw,48px);display:flex;align-items:center;gap:24px}
.logo{display:block;overflow:hidden;position:relative;flex:0 0 auto}
/* o logo tem 26 px de altura; o link em volta dá os 44 px de alvo de toque que o manual exige */
.barra__marca{display:flex;align-items:center;min-height:44px;flex:0 0 auto}
.logo img{position:absolute;width:auto}
.logo--barra{width:108px;height:26px}
.logo--barra img{height:51px;left:-2.5px;top:-12.6px}
.logo--capa{width:92px;height:22px}
.logo--capa img{height:43.4px;left:-2.1px;top:-10.7px}
.logo--rodape{width:133px;height:32px}
.logo--rodape img{height:63px;left:-3.1px;top:-15.6px}
.barra__links{display:none;gap:4px;margin-left:12px}
.barra__links a{display:flex;align-items:center;min-height:44px;padding:0 12px;color:#AEB7D0;font-size:14px;font-weight:600;border-radius:10px}
.barra__links a:hover{color:var(--wx-neve);background:var(--wx-breu)}
@media (min-width:980px){.barra__links{display:flex}}
.barra__dir{margin-left:auto;display:flex;align-items:center;gap:12px}
.idioma{display:flex;padding:0;border:1px solid var(--wx-grafite);border-radius:var(--wx-r-pilula);background:var(--wx-breu)}
.idioma button{min-width:44px;min-height:44px;border:0;border-radius:var(--wx-r-pilula);cursor:pointer;font:700 13px var(--wx-font-ui);background:transparent;color:var(--wx-fumaca)}
.idioma button[aria-pressed="true"]{background:var(--wx-plasma);color:#fff}
.barra .btn--plasma{min-height:44px;padding:0 18px;font-size:14px}
@media (max-width:420px){.barra .btn--plasma{padding:0 12px;font-size:13px}.barra__in{gap:12px}}

/* ── 1 · hero ───────────────────────────────────────────────────────────── */
.hero{position:relative;padding:calc(var(--wx-nav-h) + clamp(40px,7vw,96px)) var(--wx-pad-x) clamp(48px,6vw,80px);background:var(--wx-sup-aurora);overflow:hidden}
.hero__grade{max-width:var(--wx-max);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(24px,4vw,56px);align-items:center}
.hero__texto{display:flex;flex-direction:column;gap:24px}
.selo{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:var(--wx-r-pilula);background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.2);font-size:13px;font-weight:600;color:var(--wx-neve)}
.selo::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--wx-gelo);box-shadow:0 0 0 4px rgba(0,209,255,.18)}
.hero__sub{margin:0;max-width:56ch;font-size:clamp(16px,1.4vw,18px);line-height:1.6;color:var(--wx-apoio);text-wrap:pretty}
.hero__botoes{display:flex;flex-wrap:wrap;gap:12px}
.hero__arte{position:relative;width:100%;aspect-ratio:1.05/1;min-height:280px;max-height:520px}
.hero__arte canvas{position:absolute;inset:0;width:100%;height:100%}
.faixa{max-width:var(--wx-max);margin:clamp(32px,5vw,64px) auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));border:1px solid rgba(255,255,255,.18);border-radius:var(--wx-r-painel);background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.03));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden}
.faixa > div{padding:20px 24px;display:flex;flex-direction:column;gap:4px;border-right:1px solid rgba(255,255,255,.1)}
.faixa b{font-family:var(--wx-font-display);font-stretch:112%;font-weight:700;font-size:28px;line-height:1.1;font-variant-numeric:tabular-nums}
.faixa span{font-size:13px;font-weight:600;color:var(--wx-apoio)}

/* ── 2 · três passos ────────────────────────────────────────────────────── */
.passos{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 4px 8px;margin:0 -4px}
.passo{flex:1 0 280px;scroll-snap-align:start;display:flex;flex-direction:column;gap:20px;padding:28px;border-radius:var(--wx-r-painel);background:var(--wx-sup-brasa);border:1px solid rgba(42,15,0,.18);color:var(--wx-carvao)}
.passo__n{font-family:var(--wx-font-display);font-stretch:118%;font-weight:800;font-size:72px;line-height:.9;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1.5px var(--wx-carvao);font-variant-numeric:tabular-nums}
.passo p{margin:0;font-size:16px;line-height:1.55;color:var(--wx-carvao);text-wrap:pretty}
.passo > div{display:flex;flex-direction:column;gap:8px}

/* ── 3 · planos ─────────────────────────────────────────────────────────── */
.planos__topo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px}
.dica{position:relative}
.dica__btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--wx-r-pilula);border:1px solid var(--wx-grafite);background:var(--wx-breu);color:var(--wx-gelo);font:600 14px var(--wx-font-ui);cursor:pointer}
.dica__btn:hover{border-color:var(--wx-gelo)}
.dica__caixa{position:absolute;right:0;top:calc(100% + 8px);z-index:5;width:min(300px,80vw);padding:14px 16px;border-radius:14px;background:var(--wx-casco);border:1px solid var(--wx-grafite);box-shadow:0 20px 40px -20px rgba(0,0,0,.8);font-size:14px;line-height:1.5;color:var(--wx-neve)}
.dica__caixa[hidden]{display:none}
.planos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}
.plano{position:relative;display:flex;flex-direction:column;gap:20px;padding:24px 20px;border-radius:var(--wx-r-painel);background:var(--wx-breu);border:1px solid var(--wx-grafite);overflow:hidden}
.plano::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--cor)}
.plano__nome{font-family:var(--wx-font-display);font-stretch:118%;font-weight:800;font-size:24px;letter-spacing:-.01em;color:var(--texto)}
.plano__min{display:flex;flex-direction:column;gap:4px}
.plano__min b{font-family:var(--wx-font-display);font-weight:700;font-size:26px;font-variant-numeric:tabular-nums}
.plano__info{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--wx-grafite)}
.plano__info > div{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}
.plano__info > div > span:first-child{color:var(--wx-fumaca)}
.plano__info b{font-weight:700;font-variant-numeric:tabular-nums}
.niveis{display:flex;align-items:center;gap:8px}
.niveis i{display:flex;gap:3px}
.niveis i span{width:6px;height:14px;border-radius:2px;background:var(--wx-grafite)}
.niveis i span.on{background:var(--cor)}
.rodape-secao{margin:0;display:flex;align-items:center;gap:10px;font-size:15px;color:var(--wx-apoio)}

/* ── 4 · custódia ───────────────────────────────────────────────────────── */
.duas{max-width:var(--wx-max);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(24px,4vw,56px);align-items:center}
.duas__texto{display:flex;flex-direction:column;gap:20px}
.duas__texto .lead{max-width:52ch}
.custodia{padding:24px;display:flex;flex-direction:column;gap:24px}
.prazos{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:14px;background:var(--wx-abismo);border:1px solid var(--wx-grafite)}
.prazos button{min-height:44px;border:0;border-radius:10px;cursor:pointer;font:700 15px var(--wx-font-ui);font-variant-numeric:tabular-nums;background:transparent;color:var(--wx-fumaca);transition:all 150ms ease}
.prazos button[aria-checked="true"]{background:var(--wx-plasma);color:#fff}
.custodia__nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.custodia__nums > div{display:flex;flex-direction:column;gap:6px}
.custodia__teto{font-family:var(--wx-font-display);font-stretch:118%;font-weight:800;font-size:clamp(40px,5vw,56px);line-height:1;color:var(--wx-gelo);font-variant-numeric:tabular-nums}
.custodia__ex{font-family:var(--wx-font-display);font-weight:700;font-size:clamp(22px,2.6vw,28px);line-height:1.15;font-variant-numeric:tabular-nums}
.nota-ambar{margin:0;padding:14px 16px;border-radius:14px;background:rgba(255,168,0,.08);border:1px solid rgba(255,168,0,.35);font-size:13.5px;line-height:1.5;color:#FFD48A}

/* ── 5 · rede ───────────────────────────────────────────────────────────── */
.rede{background:radial-gradient(60% 50% at 20% 50%,rgba(0,209,255,.07),transparent 70%)}
.rede__topo{display:flex;flex-direction:column;gap:16px;max-width:760px}
.rede__topo .lead{max-width:56ch}
.rede__tabela{max-width:620px;overflow:hidden}
.rede__tabela table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.rede__tabela th{padding:16px 20px;font-weight:600;font-size:12.5px;color:var(--wx-fumaca);text-align:left}
.rede__tabela td{padding:14px 20px;font-size:15px}
.rede__tabela tbody tr{border-top:1px solid var(--wx-grafite)}
.rede__tabela td:first-child{font-weight:700}
.rede__tabela td:nth-child(2){color:var(--wx-apoio)}
.rede__tabela .dir{text-align:right}
.rede__tabela td.dir{font-weight:700}
.rede__tabela tr.total{background:var(--wx-casco)}
.rede__tabela tr.total td{padding:16px 20px;font-weight:800}
.rede__tabela tr.total td:not(:first-child){color:var(--wx-gelo)}

/* ── 6 · tokenomics (superfície clara) ──────────────────────────────────── */
.tok{background:var(--wx-sup-neve);color:var(--wx-tinta)}
.tok .conteiner > div:first-child{display:flex;flex-direction:column;gap:16px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips span{display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border-radius:var(--wx-r-pilula);background:#fff;border:1px solid var(--wx-borda-clara);font-size:13px;font-weight:700;color:var(--wx-tinta)}
.roscas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:16px}
.cartao-claro{padding:24px;border-radius:var(--wx-r-painel);background:#fff;border:1px solid var(--wx-borda-clara);display:flex;flex-direction:column;gap:20px}
.rosca{display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.rosca__arte{position:relative;width:200px;height:200px;flex:0 0 auto;margin:0 auto}
.rosca__arte svg{transform:rotate(-90deg)}
.rosca__arte circle{cursor:pointer;transition:stroke-width 150ms ease}
.rosca__centro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;pointer-events:none}
.rosca__centro b{font-family:var(--wx-font-display);font-stretch:112%;font-weight:800;font-size:30px;line-height:1;font-variant-numeric:tabular-nums}
.rosca__centro span{font-size:12px;font-weight:600;color:var(--wx-tinta-2);line-height:1.3;margin-top:4px}
.legenda{list-style:none;margin:0;padding:0;flex:1 1 200px;display:flex;flex-direction:column;gap:2px}
.legenda li{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 10px;border-radius:10px;font-size:14px;transition:background 150ms ease}
.legenda li.ativo{background:var(--wx-neve)}
.legenda i{width:10px;height:10px;border-radius:3px;background:var(--c);flex:0 0 auto}
.legenda span{flex:1;color:var(--wx-tinta)}
.legenda b{font-weight:800;font-variant-numeric:tabular-nums}
.meta__topo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px}
.meta__topo > span:first-child{font-size:14px;font-weight:700}
.meta__valor{font-size:14px;font-variant-numeric:tabular-nums;color:var(--wx-tinta-2)}
.meta__valor b{color:var(--wx-tinta);font-size:18px;font-family:var(--wx-font-display)}
.meta__barra{height:12px;border-radius:6px;background:#E3E8F5;overflow:hidden}
.meta__barra div{height:100%;border-radius:6px;background:var(--wx-grad-frio);width:0}
.nota-clara{margin:0;font-size:13.5px;line-height:1.5;color:var(--wx-tinta-2)}

/* ── 7 · segurança ──────────────────────────────────────────────────────── */
.seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px}
.seg article{padding:24px;display:flex;flex-direction:column;gap:16px}
.seg__icone{width:44px;height:44px;border-radius:12px;background:var(--wx-casco);border:1px solid var(--wx-grafite);display:flex;align-items:center;justify-content:center}
.seg article > div{display:flex;flex-direction:column;gap:6px}
.seg h3{margin:0;font-family:var(--wx-font-display);font-stretch:104%;font-weight:700;font-size:19px;line-height:1.2}
.seg p{margin:0;font-size:15px;line-height:1.55;color:var(--wx-fumaca);text-wrap:pretty}
.ca{padding:20px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.ca > div:first-child{display:flex;flex-direction:column;gap:6px;min-width:0}
.ca code{font-family:var(--wx-font-ui);font-weight:700;font-size:15px;word-break:break-all;color:var(--wx-neve)}
.ca__pendente{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--wx-neve)}
.ca__pendente::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--wx-ambar)}
.ca__acoes{display:flex;gap:8px;flex-wrap:wrap}
[hidden]{display:none!important}

/* ── 8 · roadmap (horizontal ≥ 900 px, vertical abaixo) ─────────────────── */
.linha{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.linha li{display:grid;grid-template-columns:24px 1fr;grid-template-areas:"ponto rotulo" "ponto estado";column-gap:16px;row-gap:4px;min-height:72px;padding-bottom:20px;position:relative}
.linha li::after{content:"";position:absolute;left:11px;top:26px;bottom:-2px;width:2px;background:var(--wx-grafite)}
.linha li:first-child::after{background:var(--wx-gelo)}
.linha li:last-child::after{display:none}
.linha__ponto{grid-area:ponto;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--wx-abismo);font-size:12px;font-weight:900;border:2px solid var(--wx-grafite);background:var(--wx-abismo);position:relative;z-index:1}
.linha__rotulo{grid-area:rotulo;font-family:var(--wx-font-display);font-stretch:104%;font-weight:700;font-size:17px;line-height:1.25;text-wrap:balance}
.linha__estado{grid-area:estado;font-size:12.5px;font-weight:700;color:var(--wx-fumaca)}
.linha li[data-st="done"] .linha__ponto{background:var(--wx-gelo);border-color:var(--wx-gelo);box-shadow:0 0 0 4px rgba(0,209,255,.18)}
.linha li[data-st="prog"] .linha__ponto{background:var(--wx-plasma);border-color:var(--wx-gelo);box-shadow:0 0 0 6px rgba(30,92,246,.3)}
.linha li[data-st="goal"] .linha__ponto{border-color:var(--wx-violeta);box-shadow:0 0 0 4px rgba(123,97,255,.18)}
.linha li[data-st="done"] .linha__estado,.linha li[data-st="prog"] .linha__estado{color:var(--wx-gelo)}
.linha li[data-st="goal"] .linha__estado{color:#A594FF}
@media (min-width:900px){
  .linha{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;position:relative}
  .linha::before{content:"";position:absolute;left:12px;right:12px;top:11px;height:2px;background:linear-gradient(90deg,#00D1FF 0%,#1E5CF6 22%,#1E293F 30%)}
  .linha li{display:flex;flex-direction:column;gap:14px;min-height:0;padding:0}
  .linha li::after{display:none}
  .linha__ponto{order:1}.linha__estado{order:2}.linha__rotulo{order:3}
}

/* ── 9 · whitepaper ─────────────────────────────────────────────────────── */
.wp{max-width:var(--wx-max);margin:0 auto;padding:clamp(24px,5vw,56px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(28px,5vw,64px);align-items:center}
.capa{justify-self:center;width:min(100%,280px);aspect-ratio:210/297;border-radius:10px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(70% 60% at 15% 15%,rgba(0,209,255,.45),transparent 60%),radial-gradient(70% 70% at 85% 25%,rgba(123,97,255,.5),transparent 60%),radial-gradient(90% 60% at 60% 110%,rgba(30,92,246,.7),transparent 60%),#0A0F26;box-shadow:0 30px 60px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.25);transform:rotate(-2deg)}
.capa > div{display:flex;flex-direction:column;gap:8px}
.capa small{font-size:11px;font-weight:700;color:var(--wx-apoio)}
.capa strong{font-family:var(--wx-font-display);font-stretch:118%;font-weight:800;font-size:28px;line-height:1;letter-spacing:-.02em}
.capa em{font-style:normal;font-size:11px;color:var(--wx-apoio)}
.wp__texto{display:flex;flex-direction:column;gap:20px}
.wp__texto .lead{max-width:48ch}
.wp__botoes{display:flex;flex-wrap:wrap;gap:12px}

/* ── 10 · FAQ ───────────────────────────────────────────────────────────── */
.faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:28px}
.faq__lista{border-top:1px solid var(--wx-grafite)}
.faq details{border-bottom:1px solid var(--wx-grafite)}
.faq summary{list-style:none;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 4px;cursor:pointer;font-family:var(--wx-font-display);font-stretch:104%;font-weight:700;font-size:18px;line-height:1.3}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:0 0 auto;width:32px;height:32px;border-radius:var(--wx-r-pilula);border:1px solid var(--wx-grafite);display:flex;align-items:center;justify-content:center;color:var(--wx-gelo);font:400 18px var(--wx-font-ui);transition:transform 200ms ease}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0;padding:0 48px 20px 4px;font-size:16px;line-height:1.6;color:var(--wx-fumaca)}

/* ── 11 · rodapé ────────────────────────────────────────────────────────── */
.rodape{background:#04060E;border-top:1px solid var(--wx-grafite);padding:clamp(48px,6vw,72px) var(--wx-pad-x) 32px}
.rodape .conteiner{gap:32px}
.rodape__topo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px}
.rodape nav{display:flex;flex-wrap:wrap;gap:4px 8px}
.rodape nav a{display:flex;align-items:center;min-height:44px;padding:0 10px;color:var(--wx-apoio);font-size:14px;font-weight:600}
.rodape nav a:hover{color:var(--wx-gelo)}
.risco{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:14px;border:1px solid var(--wx-grafite);background:var(--wx-breu)}
.risco svg{flex:0 0 auto;margin-top:2px}
.risco p{margin:0;font-size:14px;line-height:1.6;color:var(--wx-apoio);max-width:90ch}
.rodape__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--wx-fumaca)}