:root{
    --preto:#09090B; --carvao:#111114; --linha:#232A38;
    --ouro:#B99458; --ouro-claro:#D4B47C; --branco:#F5F5F4;
    --cinza:#9CA3AF; --verde:#34D399;
    --titulo:'Plus Jakarta Sans',system-ui,sans-serif;
    --corpo:'DM Sans',system-ui,sans-serif;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{background:var(--preto);color:var(--branco);font-family:var(--corpo);
       line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  .fundo-vivo{position:fixed;inset:0;z-index:0;pointer-events:none;
    background:
      radial-gradient(60% 50% at 20% 10%, rgba(185,148,88,.14), transparent 60%),
      radial-gradient(50% 40% at 85% 15%, rgba(52,211,153,.06), transparent 60%),
      radial-gradient(70% 60% at 50% 110%, rgba(185,148,88,.08), transparent 60%),
      var(--preto);
    animation:respirar 14s ease-in-out infinite alternate}
  @keyframes respirar{from{opacity:.85}to{opacity:1}}
  @media (prefers-reduced-motion: reduce){
    .fundo-vivo{animation:none}
    .revela{opacity:1 !important;transform:none !important;transition:none !important}
    html{scroll-behavior:auto}
  }
  main{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:0 20px}
  .revela{opacity:0;transform:translateY(24px);
          transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
  .revela.ativo{opacity:1;transform:none}
  .vidro{background:rgba(17,17,20,.62);backdrop-filter:blur(14px);
         -webkit-backdrop-filter:blur(14px);
         border:1px solid rgba(185,148,88,.18);border-radius:20px}
  header{display:flex;justify-content:space-between;align-items:center;
         padding:22px 0;gap:12px;flex-wrap:wrap}
  .marca{font-family:var(--titulo);font-weight:800;font-size:19px;letter-spacing:-.02em}
  .marca em{color:var(--ouro);font-style:normal}
  .hero{min-height:86svh;display:grid;place-items:center;text-align:center;padding:48px 0}
  .hero-inner{max-width:820px;width:100%;min-width:0}
  .selo-topo{display:inline-block;border:1px solid var(--linha);border-radius:999px;
             padding:7px 16px;font-size:13px;color:var(--cinza);margin-bottom:26px}
  .selo-topo b{color:var(--verde);font-weight:500}
  h1{font-family:var(--titulo);font-weight:800;font-size:clamp(2.4rem,7vw,4.6rem);
     line-height:1.06;letter-spacing:-.04em;overflow-wrap:break-word}
  h1 .ouro{color:var(--ouro)}
  .sub{font-size:clamp(1.05rem,2.4vw,1.3rem);color:var(--cinza);
       max-width:640px;margin:26px auto 0}
  .sub b{color:var(--branco);font-weight:500}
  .cta-zona{margin-top:38px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
  .btn{font-family:var(--titulo);font-weight:800;font-size:17px;border-radius:14px;
       padding:17px 30px;cursor:pointer;border:0;text-decoration:none;display:inline-block;
       transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s}
  .btn-ouro{background:linear-gradient(135deg,var(--ouro),var(--ouro-claro));color:#0a0a0a;
            box-shadow:0 8px 32px rgba(185,148,88,.25)}
  .btn-ouro:hover{transform:translateY(-2px);box-shadow:0 14px 44px rgba(185,148,88,.35)}
  .btn-fantasma{background:transparent;color:var(--branco);border:1px solid var(--linha)}
  .btn[hidden]{display:none}
  .btn-fantasma:hover{border-color:var(--ouro)}
  .preco-risco{margin-top:14px;font-size:14px;color:var(--cinza)}
  .preco-risco s{opacity:.7}
  .preco-risco b{color:var(--ouro);font-weight:500}
  .micro{margin-top:20px;font-size:12.5px;color:var(--cinza)}
  section[id]{scroll-margin-top:24px}
  .form-assinar{margin-top:8px;text-align:left}
  .form-assinar-linha{display:flex;gap:10px;flex-wrap:nowrap;margin-top:8px}
  .form-assinar input{flex:1 1 0;min-width:0;padding:13px 14px;font-size:14px;
    font-family:inherit;color:var(--branco);background:rgba(255,255,255,.05);
    border:1px solid var(--linha);border-radius:12px}
  .form-assinar input:focus{outline:2px solid var(--ouro);outline-offset:1px}
  .form-assinar-linha .btn{flex:0 0 auto;padding:13px 18px;font-size:14px;white-space:nowrap}
  @media(max-width:380px){
    .form-assinar-linha{flex-wrap:wrap}
    .form-assinar-linha input{flex-basis:100%}
  }
  .form-assinar #erro-assinar{color:#FCA5A5;margin-top:8px}
  section{padding:72px 0}
  .faixa-numeros{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
  @media(min-width:760px){.faixa-numeros{grid-template-columns:repeat(4,1fr)}}
  .num{padding:26px 20px;text-align:center}
  .num .v{font-family:var(--titulo);font-weight:800;font-size:clamp(1.7rem,4vw,2.4rem);color:var(--ouro)}
  .num .l{font-size:13.5px;color:var(--cinza);margin-top:6px}
  h2{font-family:var(--titulo);font-weight:800;font-size:clamp(1.7rem,4.5vw,2.6rem);
     letter-spacing:-.03em;line-height:1.15;margin-bottom:14px}
  .answer-first{color:var(--cinza);max-width:680px;margin-bottom:36px}
  .answer-first b{color:var(--branco);font-weight:500}
  .passos{display:grid;grid-template-columns:1fr;gap:16px}
  @media(min-width:760px){.passos{grid-template-columns:repeat(3,1fr)}}
  .passo{padding:30px 26px}
  .passo .n{font-family:var(--titulo);font-weight:800;color:var(--ouro);font-size:15px}
  .passo h3{font-family:var(--titulo);font-weight:800;font-size:19px;margin:10px 0 8px}
  .passo p{font-size:15px;color:var(--cinza)}
  .exemplo{padding:34px 28px;overflow-x:auto}
  .exemplo .pergunta{font-style:italic;color:var(--cinza);margin-bottom:20px}
  .exemplo .pergunta::before{content:"“";color:var(--ouro);font-size:1.4em}
  table{width:100%;border-collapse:collapse;font-size:15px;min-width:420px}
  th{font-family:var(--titulo);font-weight:800;text-align:left;color:var(--ouro);
     border-bottom:1px solid var(--linha);padding:10px 12px;font-size:13.5px;
     text-transform:uppercase;letter-spacing:.06em}
  td{border-bottom:1px solid rgba(35,42,56,.5);padding:12px}
  td.b{color:var(--branco);font-weight:500}
  .barra{height:8px;border-radius:99px;background:var(--linha);overflow:hidden;min-width:120px}
  .barra i{display:block;height:100%;background:linear-gradient(90deg,var(--ouro),var(--ouro-claro))}
  .nota-exemplo{margin-top:16px;font-size:13px;color:var(--cinza)}
  .planos{display:grid;grid-template-columns:1fr;gap:18px}
  @media(min-width:820px){.planos{grid-template-columns:repeat(3,1fr);gap:16px}}
  .plano{padding:36px 30px;position:relative;min-width:0}
  @media(min-width:820px){.plano{padding:28px 20px}}
  .plano.destaque{border-color:rgba(185,148,88,.45)}
  .tag-limitado{position:absolute;top:-12px;left:26px;background:var(--ouro);color:#0a0a0a;
                font-family:var(--titulo);font-weight:800;font-size:12px;border-radius:99px;
                padding:5px 14px;letter-spacing:.04em}
  .plano h3{font-family:var(--titulo);font-weight:800;font-size:21px}
  .plano .para{color:var(--cinza);font-size:14.5px;margin:6px 0 18px}
  .valor{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
  .valor .de{color:var(--cinza);text-decoration:line-through;font-size:16px}
  .valor .por{font-family:var(--titulo);font-weight:800;font-size:2.3rem;color:var(--ouro)}
  .valor .mes{color:var(--cinza);font-size:14px}
  @media(min-width:820px){.valor .por{font-size:1.9rem}}
  .plano ul{list-style:none;margin:20px 0 26px}
  .plano li{padding:7px 0 7px 26px;position:relative;font-size:15px;color:var(--cinza)}
  .plano li::before{content:"✓";position:absolute;left:0;color:var(--verde);font-weight:700}
  .faq details{border-bottom:1px solid var(--linha);padding:18px 4px}
  .faq summary{font-family:var(--titulo);font-weight:800;font-size:17px;cursor:pointer;
               list-style:none;display:flex;justify-content:space-between;gap:12px}
  .faq summary h3{font:inherit;margin:0}
  .faq summary::after{content:"+";color:var(--ouro);font-size:22px;line-height:1}
  .faq details[open] summary::after{content:"–"}
  .faq p{color:var(--cinza);padding-top:12px;max-width:720px}
  footer{border-top:1px solid var(--linha);margin-top:40px;padding:40px 0 56px;
         font-size:13.5px;color:var(--cinza)}
  footer .selo-final{max-width:720px;margin-bottom:18px}
  footer a{color:var(--cinza)}

  /* Temas públicos: contraste no fundo escuro e foco visível. */
  section[aria-label="Temas mais consultados"] ul{list-style:none;display:grid;gap:12px;margin:24px 0}
  section[aria-label="Temas mais consultados"] li a{color:var(--ouro-claro);display:inline-block;padding:4px 0;text-underline-offset:4px}
  section[aria-label="Temas mais consultados"] li a:hover{color:var(--branco)}
  section[aria-label="Temas mais consultados"] a:focus-visible{outline:2px solid var(--ouro-claro);outline-offset:4px;border-radius:4px}

  /* Borda em gradiente vivo — assinatura visual reusada no CTA e no hero (D85) */
  .gradborder{display:inline-block;padding:2px;border-radius:var(--gb-raio,14px);
    background:linear-gradient(120deg,var(--ouro),var(--verde),var(--ouro-claro),var(--ouro));
    background-size:300% 300%;animation:gb-spin 6s ease infinite}
  .gradborder-inner{border-radius:calc(var(--gb-raio,14px) - 2px);overflow:hidden}
  @keyframes gb-spin{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
  @media (prefers-reduced-motion: reduce){.gradborder{animation:none}}

  /* Hero flutuante teaser (D85): pill que expande no hover/toque */
  .fox-teaser-hero{--gb-raio:999px;position:fixed;right:20px;bottom:20px;z-index:100;
    box-shadow:0 8px 32px rgba(0,0,0,.45);transition:transform .18s cubic-bezier(.16,1,.3,1)}
  .fox-teaser-hero-inner{background:var(--carvao);display:flex;align-items:center}
  .fox-teaser-pill-btn{display:flex;align-items:center;gap:10px;background:transparent;
    border:0;color:var(--branco);font-family:var(--titulo);font-weight:800;font-size:14px;
    padding:11px 20px;cursor:pointer;min-height:44px;white-space:nowrap}
  .fox-teaser-logo-mark{width:26px;height:26px;border-radius:999px;flex-shrink:0;
    background:linear-gradient(135deg,var(--ouro),var(--ouro-claro));color:#0a0a0a;
    display:grid;place-items:center;font-size:11px;font-weight:800}
  .fox-teaser-hero-form{display:none;align-items:center;padding:5px 6px 5px 18px;gap:8px;
    width:min(80vw,400px)}
  .fox-teaser-hero.aberto .fox-teaser-pill-btn{display:none}
  .fox-teaser-hero.aberto .fox-teaser-hero-form{display:flex}
  @media (hover:hover){
    .fox-teaser-hero:not(.aberto):hover .fox-teaser-pill-btn,
    .fox-teaser-hero:not(.aberto):focus-within .fox-teaser-pill-btn{display:none}
    .fox-teaser-hero:not(.aberto):hover .fox-teaser-hero-form,
    .fox-teaser-hero:not(.aberto):focus-within .fox-teaser-hero-form{display:flex}
  }
  .fox-teaser-hero-form input{flex:1;min-width:0;background:transparent;border:0;
    color:var(--branco);font-family:inherit;font-size:14px;padding:11px 0}
  .fox-teaser-hero-form input::placeholder{color:var(--cinza)}
  .fox-teaser-hero-form input:focus{outline:0}
  .fox-teaser-hero-enviar{width:36px;height:36px;min-width:36px;border-radius:999px;border:0;
    background:linear-gradient(135deg,var(--ouro),var(--ouro-claro));color:#0a0a0a;
    font-size:16px;cursor:pointer;display:grid;place-items:center;flex-shrink:0}
  #fox-teaser-hero-erro{position:fixed;right:20px;bottom:80px;z-index:100;color:#FCA5A5;
    font-size:13px;max-width:280px;text-align:right}
  @media (prefers-reduced-motion: reduce){.fox-teaser-hero{transition:none}}
  .fox-teaser-overlay{position:fixed;inset:0;z-index:200;
    background:rgba(9,9,11,.72);backdrop-filter:blur(4px);padding:16px}
  .fox-teaser-overlay:not([hidden]){display:grid;place-items:center}
  .fox-teaser-caixa{width:100%;max-width:460px;max-height:88svh;overflow-y:auto;
    padding:28px;position:relative;color:var(--branco)}
  .fox-teaser-caixa h2{font-family:var(--titulo);font-weight:800;font-size:22px;
    margin-bottom:10px;padding-right:28px}
  .fox-teaser-caixa p{color:var(--cinza);font-size:14.5px;margin-bottom:14px}
  .fox-teaser-fechar{position:absolute;top:18px;right:18px;background:transparent;
    border:0;color:var(--cinza);font-size:22px;line-height:1;cursor:pointer;
    min-width:44px;min-height:44px}
  .fox-teaser-fechar:hover{color:var(--branco)}
  .fox-teaser-caixa textarea,.fox-teaser-caixa input{width:100%;padding:13px 16px;
    font-size:15px;font-family:inherit;color:var(--branco);
    background:rgba(255,255,255,.05);border:1px solid var(--linha);
    border-radius:12px;margin-bottom:10px;resize:vertical}
  .fox-teaser-caixa textarea{min-height:96px}
  .fox-teaser-caixa textarea:focus,.fox-teaser-caixa input:focus{
    outline:2px solid var(--ouro);outline-offset:1px}
  .fox-teaser-caixa .btn{width:100%;margin-top:6px;font-size:15px;padding:14px 20px}
  #fox-teaser-erro{color:#FCA5A5}
  #fox-teaser-urgencia{font-family:var(--titulo);font-weight:800;color:var(--ouro);
    font-size:14px;margin:-4px 0 16px}
  .beam{position:relative;padding:1.5px;overflow:hidden;border-radius:14px}
  .beam::before{content:'';position:absolute;inset:-50%;
    background:conic-gradient(from 0deg,transparent 0 72%,#FF8A00 84%,#EDE9E0 90%,transparent 96%);
    animation:spin 3s linear infinite}
  .beam-inner{position:relative;border-radius:12.5px;background:#232326}
  @keyframes spin{to{transform:rotate(1turn)}}
  .fox-teaser-caixa .beam{display:block;width:100%;margin-top:6px}
  .fox-teaser-caixa .beam .btn{width:100%;margin-top:0}

.fox-teaser-hero.modo-inline{position:relative!important;inset:auto!important;width:min(100%,640px)!important;max-width:100%!important;margin:24px 0!important;box-sizing:border-box}
.fox-teaser-hero.modo-inline textarea,.fox-teaser-hero.modo-inline input{max-width:100%;box-sizing:border-box}
.fox-selo{display:inline-flex;align-items:center;gap:8px;margin-top:18px;text-decoration:none;color:var(--cinza)}
.fox-selo img{display:block;flex:none}
.fox-selo span{font:500 12.5px/1.35 var(--corpo)}