/* ============================================================
   Método MR de Aprovação — folha de estilo única (metodo-mr.css)
   Tokens de design no :root — cores/gradientes/raios recorrentes
   SÓ via var(). PRODUÇÃO: versionar (?v=N ou hash no nome) e servir
   com Cache-Control: public, max-age=31536000, immutable.
   ============================================================ */
  :root{
    --black:#060A16; --navy:#0B1832; --prata:#C9CDD6; --prata-claro:#EEF0F4; --prata-esc:#8A91A0;
    --glow:#3E6BB0; --borda:rgba(201,205,214,.14); --borda-f:rgba(201,205,214,.30); --max:1240px;
    /* raios */
    --r-pill:50px;
    /* escala de espaçamento (base 0.25rem / 4px) */
    --sp-1:.5rem; --sp-2:.75rem; --sp-3:1rem; --sp-4:1.25rem; --sp-5:1.5rem; --sp-6:2rem; --sp-7:2.5rem; --sp-8:3rem; --sp-10:4rem;
    /* altura padrão de controles/botões */
    --ctrl-h:3.5rem;
    /* tipografia — escala e tracking de caixa-alta */
    --fs-eyebrow:.75rem; --fs-btn:.95rem; --fs-body:1.05rem; --tracking-caps:.12em;
  
    /* ==== PALETA ÚNICA (tokens) — toda cor/gradiente/raio recorrente vive aqui; não recriar fora ==== */
    --azul:#3E6BB0; --azul-rgb:62,107,176; --azul2-rgb:143,180,234;
    --navy-rgb:11,24,50; --prata-rgb:201,205,214; --black-rgb:6,10,22;
    --claro:#F3F5F8; --claro-esc:#EAEDF2; --cinza:#5b6472; --cinza-suave:#98A0AE; --ink:#1a2740; --cta-ink:#06122B;
    --linha-clara:#E1E5EC; --linha-clara-2:#E5E8EE;
    --grid-navy-rgb:20,44,86; --grid-prata-rgb:150,175,220;
    --grad-prata:linear-gradient(100deg,#8fa6c8,#fff 45%,#b9c3d6);
    --grad-azul:linear-gradient(100deg,#3E6BB0,#6f95d1);
    --r-card:18px; --r-box:14px;
    /* ritmo vertical padronizado: respiro das seções e gap cabeçalho→conteúdo */
    --sec-y:5rem; --sec-y-m:4rem; --sec-gap:3rem;
    --azul-claro:#7ea3d8; --cinza-2:#3a4556; --chip-claro:#EEF2FA; --chip-borda:#E0E7F3;
    --painel:#101827;
    --halo-rgb:120,160,230;}
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{background:var(--black);color:var(--prata);font-family:"Hanken Grotesk",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  a{text-decoration:none;color:inherit}
  .container{max-width:var(--max);margin:0 auto;padding:0 var(--sp-5);width:100%}
  /* emendas: -1px de sobreposição entre blocos do main elimina "linhas" de subpixel
     (vazamento do fundo escuro do body em gaps fracionários de DPR) */
  main>section,main>.xdiv,main>.fita{margin-top:-1px}
  :focus-visible{outline:2px solid var(--prata-claro);outline-offset:3px;border-radius:4px}
  /* acessibilidade: link "pular para o conteúdo" (visível só no foco) + rolagem sem smooth p/ quem reduz movimento */
  .skip{position:fixed;top:-100px;left:1rem;z-index:100;background:#fff;color:var(--cta-ink);font-weight:700;font-size:.9rem;padding:.8rem 1.2rem;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:top .2s}
  .skip:focus{top:1rem}
  @media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}

  /* HEADER — mesmo eixo do hero: padding lateral igual ao .container
     (var(--sp-5)) para o logo alinhar com o chip/headline do hero */
  header{position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:1px solid transparent;transition:background .35s,border-color .35s}
  /* condensa ao rolar; fundo SÓLIDO (sem transparência/blur): escuro sobre seções
     escuras, claro sobre seções claras (classe .light via JS), transição animada */
  header.scrolled{background:var(--black);border-bottom-color:var(--borda)}
  header.light.scrolled{background:var(--claro);border-bottom-color:var(--linha-clara)}
  .hrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;padding:1.4rem var(--sp-5);transition:padding .3s}
  header.scrolled .hrow{padding-top:.85rem;padding-bottom:.85rem}
  .marca{display:flex;align-items:center;gap:.4rem}
  /* escudo.png tem margem transparente interna; margens negativas compensam:
     -left alinha o brasão ao eixo do hero, -right aproxima o texto */
  .marca img{height:72px;width:auto;margin-left:-11px;margin-right:-13px}
  /* texto na mesma fonte da marca (Cinzel) */
  .marca .nome{font-family:"Cinzel",serif;font-weight:700;font-size:1.3rem;letter-spacing:.13em;color:#fff;line-height:1.02}
  .marca .sub{font-family:"Cinzel",serif;font-weight:600;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--prata-esc);line-height:1.1;margin-top:3px}
  nav{display:flex;gap:2.5rem;justify-content:center}
  nav a{font-size:.95rem;font-weight:500;color:var(--prata);position:relative}
  nav a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--prata-claro);transition:width .22s}
  nav a:hover{color:#fff}nav a:hover::after{width:100%}
  .acts{display:flex;align-items:center;gap:1.5rem;justify-self:end}
  .act-login{display:inline-flex;align-items:center;gap:.55rem;font-size:.92rem;font-weight:600;color:var(--prata)}
  .act-login svg{width:18px;height:18px}.act-login:hover{color:#fff}
  .act-join{display:inline-flex;align-items:center;gap:.55rem;font-size:.92rem;font-weight:600;color:var(--prata-claro);border:1px solid var(--borda-f);border-radius:var(--r-pill);padding:.65rem 1.45rem;transition:.2s}
  .act-join:hover{border-color:var(--prata-claro);color:#fff;background:rgba(255,255,255,.05)}
  .act-join svg{width:17px;height:17px;transition:transform .2s}.act-join:hover svg{transform:translateX(3px)}
  /* nav com 5 itens: compacta antes de sumir (o header mobile assume em 900px) */
  @media(max-width:1220px){
    header nav{gap:1.6rem}
    header nav a{font-size:.9rem}
  }
  @media(max-width:1120px){
    header nav{display:none}
  }
  /* tema CLARO do header (sobre seções claras): letras e logo escuros, transição animada */
  .marca .nome,.marca .sub,nav a,.act-login{transition:color .35s}
  .marca img{transition:filter .35s}
  header.light .marca img{filter:brightness(.32) saturate(.4) contrast(1.15)}
  header.light .marca .nome{color:var(--navy)}
  header.light .marca .sub{color:var(--cinza)}
  header.light nav a{color:var(--cinza-2)}
  header.light nav a:hover{color:var(--navy)}
  header.light nav a::after{background:var(--navy)}
  header.light .act-login{color:var(--cinza-2)}
  header.light .act-login:hover{color:var(--navy)}
  header.light .act-join{color:var(--navy);border-color:rgba(var(--navy-rgb),.38)}
  header.light .act-join:hover{border-color:var(--navy);background:rgba(var(--navy-rgb),.06)}

  /* ============ HERO — "Retrato Full-Bleed" ============ */
  /* Composição em duas colunas assimétrica: o retrato do Dr. Matheus é o
     próprio fundo da hero, sangrando nas bordas (topo/direita/base), sem
     moldura nem card. Um véu (scrim) em gradiente cobre o terço/metade
     esquerda para sustentar o texto com contraste AAA, dissolvendo-se sem
     costura até revelar a foto plena à direita. */
  /* backdrop de estúdio: luz suave levantada atrás da figura (66%/32%) que
     desce ao preto nas bordas — dá profundidade e "assenta" o retrato no fundo,
     em vez de deixá-lo recortado sobre chapado. */
  .hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;
    background:
      radial-gradient(120% 100% at 66% 30%, #17253f 0%, #101d38 26%, #0a1224 52%, var(--black) 78%),
      radial-gradient(90% 70% at 74% 82%, rgba(var(--azul-rgb),.14), transparent 60%),
      var(--black)}

  .grid-tex{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(var(--prata-rgb),.032) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--prata-rgb),.032) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(120% 110% at 68% 40%,#000 0%,#000 50%,transparent 84%);mask-image:radial-gradient(120% 110% at 68% 40%,#000 0%,#000 50%,transparent 84%)}

  /* backlight/halo atrás da figura — glow largo e suave, estático (sem pulsar),
     que envolve a silhueta e a funde no backdrop (tira a borda "seca" do recorte) */
  .rim{position:absolute;z-index:0;top:50%;right:calc(50% - 540px);width:940px;height:1120px;transform:translateY(-44%);pointer-events:none;background:radial-gradient(56% 52% at 52% 40%,rgba(var(--halo-rgb),.36),rgba(var(--azul-rgb),.15) 44%,transparent 70%);filter:blur(38px);opacity:.9}


  /* palco do retrato: height-based (largura = auto, definida pela própria
     foto). Ancorado ao mesmo quadro do conteúdo (metade de --max = 620px)
     + 24px de sangria — acompanha o container e não vai para o canto da
     viewport em telas largas; o posicionamento é feito pelo flex
     (align/justify), então object-fit/position não são necessários. */
  .photo-stage{position:absolute;top:0;right:calc(50% - 588px);bottom:0;height:100vh;z-index:1;display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:none}
  .photo-stage img{display:block;height:112vh;width:auto;filter:contrast(1.05) saturate(1.07) brightness(1.09);
    /* fusão nos dois eixos: vertical (topo/base) ∩ horizontal (emenda com o véu à esquerda) →
       intersect deixa visível só onde AMBAS as máscaras são opacas, sem borda dura */
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.55) 4%,#000 15%,#000 92%,transparent 100%),linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 30%,#000 56%,#000 100%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.55) 4%,#000 15%,#000 92%,transparent 100%),linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 30%,#000 56%,#000 100%);
    mask-composite:intersect;
  }

  /* vinheta cinematográfica: escurece cantos/bordas por cima da figura,
     dissolvendo a silhueta no fundo e dando profundidade (anti-"seco") */
  .vign{position:absolute;inset:0;z-index:3;pointer-events:none;
    background:radial-gradient(135% 125% at 62% 42%,transparent 52%,rgba(var(--black-rgb),.5) 82%,rgba(var(--black-rgb),.82) 100%)}

  /* véu principal: sustenta o texto com contraste AAA e dissolve-se até a foto */
  .scrim{position:absolute;inset:0;z-index:2;pointer-events:none;
    background:linear-gradient(90deg,var(--black) 0%,var(--black) 32%,rgba(var(--black-rgb),.9) 40%,rgba(var(--black-rgb),.5) 50%,rgba(var(--black-rgb),.16) 61%,transparent 72%);
  }
  /* respiro vertical para o header (topo) e o ticker (base) */
  .scrim-v{position:absolute;inset:0;z-index:2;pointer-events:none;
    background:linear-gradient(180deg,rgba(var(--black-rgb),.55) 0%,transparent 20%,transparent 76%,rgba(var(--black-rgb),.7) 100%);
  }

  .grain{position:absolute;inset:0;z-index:8;opacity:.35;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}

  /* chips flutuantes de vidro — dispostos de forma orgânica (posições próprias,
     leve inclinação e flutuação independente) sobre o antebraço do Matheus */
  .fcards{position:absolute;inset:0;z-index:6;pointer-events:none}
  .fcard{position:absolute;display:inline-flex;align-items:center;gap:.55rem;padding:.48rem .8rem .48rem .52rem;border-radius:50px;border:1px solid rgba(var(--prata-rgb),.16);background:linear-gradient(180deg,rgba(18,28,48,.6),rgba(10,17,32,.6));backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);box-shadow:0 14px 34px rgba(var(--black-rgb),.45),inset 0 1px 0 rgba(255,255,255,.05);white-space:nowrap;opacity:0;animation:fcardIn .7s cubic-bezier(.2,.7,.2,1) forwards,fcardFloat 6s ease-in-out infinite}
  /* cluster ancorado ao CENTRO (igual à figura) para colar no corpo do Matheus em
     qualquer largura; meio destacado à direita, topo e base mais para dentro dele */
  .fcard:nth-child(1){right:max(24px,calc(50% - 648px));top:41%;--rot:-1deg;animation-delay:.5s,1.2s;animation-duration:.7s,6.4s}
  .fcard:nth-child(2){right:max(20px,calc(50% - 680px));top:50%;--rot:1deg;animation-delay:.64s,1.7s;animation-duration:.7s,7.2s}
  .fcard:nth-child(3){right:max(24px,calc(50% - 648px));top:59%;--rot:-.6deg;animation-delay:.78s,2.1s;animation-duration:.7s,6.8s}
  .fcard .ic{flex-shrink:0;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:#bcd0f2;background:rgba(var(--azul-rgb),.18);border:1px solid rgba(var(--halo-rgb),.28)}
  .fcard .ic svg{width:15px;height:15px}
  .fcard b{color:#fff;font-size:.82rem;font-weight:600;letter-spacing:-.005em}
  @keyframes fcardIn{from{opacity:0;transform:translateX(20px) rotate(var(--rot))}to{opacity:1;transform:translateX(0) rotate(var(--rot))}}
  @keyframes fcardFloat{0%,100%{transform:translateY(0) rotate(var(--rot))}50%{transform:translateY(-6px) rotate(var(--rot))}}

  /* sweep de luz único no carregamento */
  .sweep{position:absolute;inset:0;z-index:9;pointer-events:none;background:linear-gradient(105deg,transparent 30%,rgba(var(--halo-rgb),.16) 48%,transparent 62%);transform:translateX(-120%);animation:heroSweep 1.6s cubic-bezier(.4,0,.1,1) .3s 1}
  @keyframes heroSweep{to{transform:translateX(120%)}}

  .hero-inner{position:relative;z-index:5;width:100%;padding-top:4.5rem}
  .hero-content{max-width:660px;padding:0 0 var(--sp-10);display:flex;flex-direction:column;align-items:flex-start;text-align:left}

  .chip-eye{display:inline-flex;align-items:center;gap:.65rem;background:rgba(255,255,255,.05);border:1px solid var(--borda);backdrop-filter:blur(8px);border-radius:var(--r-pill);padding:.5rem 1rem;font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--prata-claro);margin-bottom:var(--sp-5)}
  .chip-eye .dia{width:6px;height:6px;background:var(--prata-claro);transform:rotate(45deg);flex-shrink:0}

  h1{font-size:clamp(2.05rem,3.5vw,2.95rem);font-weight:800;line-height:1.07;letter-spacing:-.025em;color:#fff;max-width:none;text-wrap:balance}
  h1 .ag{background:var(--grad-prata);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

  .lead{max-width:60ch;font-size:var(--fs-body);line-height:1.6;color:var(--prata);margin-top:var(--sp-4);text-wrap:balance}

  /* botões: primário = pílula preenchida (padrão da marca, igual ao header);
     secundário "Ver o método" = link com círculo play (como estava) */
  .ctas{display:flex;align-items:center;gap:var(--sp-5);margin-top:var(--sp-6);flex-wrap:wrap}
  .cta{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;height:var(--ctrl-h);padding:0 1.9rem;border-radius:var(--r-pill);font-weight:700;font-size:var(--fs-btn);line-height:1;white-space:nowrap;background:linear-gradient(180deg,#ffffff,#D4D9E2);color:var(--cta-ink);border:1px solid transparent;transition:transform .25s;animation:ctaGlow 3s ease-in-out infinite}
  .cta>span,.cta>svg{position:relative;z-index:2}
  /* facho de brilho varrendo o interior do botão */
  .cta::before{content:"";position:absolute;z-index:1;top:-20%;left:-75%;width:55%;height:140%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.95) 50%,transparent 100%);transform:skewX(-16deg);filter:blur(2px);animation:ctaSheen 4.6s ease-in-out infinite}
  .cta:hover{transform:translateY(-2px)}
  .cta:hover::before{animation-duration:1.9s}
  .cta svg{width:17px;height:17px;transition:transform .2s}.cta:hover svg{transform:translateX(4px)}
  /* halo azul que respira ao redor do botão */
  @keyframes ctaGlow{0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.45),0 14px 40px rgba(var(--halo-rgb),.33),0 0 20px rgba(var(--halo-rgb),.22)}50%{box-shadow:0 0 0 1px rgba(255,255,255,.62),0 20px 56px rgba(var(--halo-rgb),.58),0 0 38px rgba(var(--halo-rgb),.5)}}
  @keyframes ctaSheen{0%{left:-75%}22%{left:135%}100%{left:135%}}
  .cta-ghost{display:inline-flex;align-items:center;gap:.7rem;color:var(--prata-claro);font-weight:600;font-size:var(--fs-btn)}
  .cta-ghost .pl{width:34px;height:34px;border-radius:50%;border:1px solid var(--borda-f);display:flex;align-items:center;justify-content:center;transition:.2s}
  .cta-ghost:hover .pl{background:rgba(255,255,255,.06);border-color:var(--prata-claro)}
  .cta-ghost svg{width:13px;height:13px}

  .priceline{display:flex;align-items:center;gap:.7rem;margin-top:var(--sp-5);font-size:var(--fs-btn);color:var(--prata);flex-wrap:wrap}
  .priceline strong{color:#fff;font-weight:700;font-size:1.05rem}
  .priceline .sep{width:4px;height:4px;border-radius:50%;background:var(--prata-esc);flex-shrink:0}
  /* micro-selo de confiança */
  .trust{display:inline-flex;align-items:center;gap:.5rem;margin-top:var(--sp-4);font-size:.82rem;color:var(--prata-esc)}
  .trust svg{width:15px;height:15px;flex-shrink:0}

  /* faixa de credenciais — ticker contínuo, full-bleed, cruza a base.
     4 grupos idênticos no track e deslocamento de -25% (= 1 grupo) por ciclo:
     loop verdadeiramente infinito e sem "salto", com cobertura de sobra para
     não deixar vão em telas largas. */
  .ticker{position:absolute;left:0;right:0;bottom:0;z-index:6;overflow:hidden;border-top:1px solid var(--borda);background:rgba(8,13,26,.55);backdrop-filter:blur(14px) saturate(140%)}
  .ticker-track{display:flex;width:max-content;animation:tickscroll 36s linear infinite;will-change:transform}
  .ticker:hover .ticker-track{animation-play-state:paused}
  .ticker-seg{display:flex;align-items:center;flex-shrink:0}
  .titem{display:flex;align-items:center;gap:.6rem;padding:1rem 2.2rem;font-size:.78rem;font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--prata-claro);white-space:nowrap}
  .titem svg{width:16px;height:16px;color:var(--prata-esc);flex-shrink:0}
  .tdiv{width:5px;height:5px;background:var(--prata-esc);transform:rotate(45deg);flex-shrink:0;opacity:.7}
  @keyframes tickscroll{from{transform:translateX(0)}to{transform:translateX(-25%)}}

  @media (prefers-reduced-motion: reduce){
    .ticker-track,.sweep{animation:none}
    .fcard{animation:none;opacity:1;transform:none}
    .ticker-seg:nth-child(n+2){display:none}
    .cta{animation:none;box-shadow:0 0 0 1px rgba(255,255,255,.5),0 16px 44px rgba(var(--halo-rgb),.35)}
    .cta::before{display:none}
  }

  @media(max-width:1080px){
    .hero-content{max-width:520px}
    .photo-stage img{filter:contrast(1.06) saturate(1.08) brightness(1.02)}
    .fcards{display:none}
    .scrim{background:linear-gradient(90deg,var(--black) 0%,var(--black) 46%,rgba(var(--black-rgb),.94) 56%,rgba(var(--black-rgb),.6) 68%,rgba(var(--black-rgb),.22) 80%,transparent 94%)}
  }

  @media(max-width:900px){
    nav,.act-login{display:none}
    /* header vira flex nas pontas — logo (sem quebrar) à esquerda, botão à direita */
    .hrow{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.05rem var(--sp-5)}
    .marca{flex-shrink:0}
    .marca img{height:44px;margin-left:-6px;margin-right:-9px}
    .marca .nome{font-size:.95rem;white-space:nowrap}
    .marca .sub{white-space:nowrap;font-size:.58rem;letter-spacing:.14em}
    .act-join{font-size:.85rem;padding:.58rem 1.15rem;white-space:nowrap;flex-shrink:0}

    /* empilhado: retrato como faixa superior (crop cabeça→tronco), conteúdo
       abaixo alinhado ao container (mesmo eixo do header) */
    .hero{align-items:flex-start;min-height:100vh}
    .hero-inner{padding-top:50vh}
    .hero-content{max-width:none;padding-bottom:7rem;align-items:flex-start;text-align:left}
    .beam{left:76%;top:0;width:560px;height:560px}

    .photo-stage{top:0;left:0;right:0;bottom:auto;height:54vh;width:100%;overflow:hidden;align-items:flex-start;justify-content:center}
    /* figura centralizada de fato: translateX(-5.7%) corrige o centro do recorte
       (que fica em 55.7% da largura); translateY sobe um pouco pra encostar a cabeça
       no topo da faixa. Máscara só embaixo (funde no conteúdo), sem fade lateral. */
    .photo-stage img{height:80vh;width:auto;transform:translate(-5.7%,-7%);filter:contrast(1.06) saturate(1.07) brightness(1.03);
      -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 84%);
      mask-image:linear-gradient(to bottom,#000 0%,#000 60%,transparent 84%);
      -webkit-mask-composite:source-over;mask-composite:add}
    /* véu: topo limpo (mostra o retrato) → preto sólido bem antes do texto */
    .scrim{background:linear-gradient(180deg,transparent 0%,transparent 30%,rgba(var(--black-rgb),.5) 44%,var(--black) 56%,var(--black) 100%)}
    .scrim-v{background:linear-gradient(180deg,rgba(var(--black-rgb),.6) 0%,rgba(var(--black-rgb),.12) 15%,transparent 28%,transparent 72%,rgba(var(--black-rgb),.6) 100%)}

    .ctas{flex-direction:column;align-items:flex-start;gap:1.2rem;width:100%}
    .cta{width:100%}
    .cta-ghost{align-self:center;margin-top:.1rem}
    .titem{padding:.85rem 1.4rem;font-size:.72rem}
    /* cards ocultos no empilhado (mobile) — as credenciais já rolam no ticker */
    .fcards{display:none}
    .rim{top:22vh;right:auto;left:50%;transform:translateX(-50%);width:440px;height:500px}
  }
  @media(max-width:480px){
    .hero-inner{padding-top:46vh}
    .hero-content{padding-bottom:6.4rem}
    h1{font-size:clamp(1.95rem,7.4vw,2.35rem);max-width:16ch}
    .lead{font-size:.98rem}
    .chip-eye{margin-bottom:1.1rem}
    .photo-stage{height:50vh}
    .photo-stage img{height:74vh}
  }

  /* ====== SEÇÃO DOR — variação FUNDO CLARO + 2 colunas ====== */
  section[id]{scroll-margin-top:6rem}
  .dor{position:relative;padding:var(--sec-y) 0;background:var(--claro);color:var(--cinza)}
  /* 2 colunas: intro (texto) | lista de cards — preenche o espaço à direita */
  .dor-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:4rem;align-items:stretch}

  .eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size:var(--fs-eyebrow);font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--azul);margin-bottom:1.2rem}
  .eyebrow .dia{width:6px;height:6px;background:var(--azul);transform:rotate(45deg);flex-shrink:0}
  .sec-head h2{font-size:clamp(1.75rem,2.9vw,2.4rem);font-weight:800;line-height:1.14;letter-spacing:-.02em;color:var(--navy);text-wrap:balance}
  .sec-head h2 .ag{background:var(--grad-azul);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .sec-sub{margin-top:1.3rem;font-size:var(--fs-body);line-height:1.6;color:var(--cinza);max-width:46ch}

  /* fechamento fica na coluna esquerda, abaixo do intro */
  .dor-close{margin-top:2.4rem;padding-top:2.2rem;border-top:1px solid var(--linha-clara)}
  .lead-close{font-size:1.1rem;line-height:1.6;color:var(--ink)}
  .lead-close strong{color:var(--navy);font-weight:700}
  .sec-cta{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.5rem;font-weight:600;font-size:.95rem;color:var(--navy);border-bottom:1px solid rgba(var(--navy-rgb),.22);padding-bottom:.3rem;transition:gap .2s,border-color .2s}
  .sec-cta:hover{border-color:var(--navy);gap:.85rem}
  .sec-cta svg{width:16px;height:16px;transition:transform .2s}
  .sec-cta:hover svg{transform:translateY(3px)}
  .microcopy{margin-top:1.5rem;font-size:.8rem;line-height:1.5;color:var(--cinza-suave);max-width:46ch}

  /* cards em lista vertical (coluna direita, preenchem a altura) */
  /* space-between + gap mínimo: 1º card no topo, último na base (alinha com o fim da coluna esquerda) */
  .risk-list{list-style:none;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;height:100%}
  .risk-row{display:flex;gap:1.1rem;align-items:flex-start;padding:1.7rem 1.6rem;background:#fff;border:1px solid var(--linha-clara-2);border-radius:var(--r-box);box-shadow:0 6px 22px rgba(var(--navy-rgb),.05);transition:transform .2s,box-shadow .2s,border-color .2s}
  .risk-row:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(var(--navy-rgb),.1);border-color:#D4DAE6}
  .risk-ic{flex-shrink:0;width:46px;height:46px;border-radius:12px;background:var(--chip-claro);border:1px solid var(--chip-borda);display:flex;align-items:center;justify-content:center}
  .risk-ic svg{width:21px;height:21px;color:var(--azul)}
  .risk-row h3{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);margin-bottom:.35rem}
  .risk-row p{font-size:.95rem;line-height:1.5;color:var(--cinza)}

  @media(max-width:900px){
    .dor{padding:var(--sec-y-m) 0}
    .dor-grid{grid-template-columns:1fr;gap:2.6rem}
    .sec-sub{max-width:none}
  }

  /* ============ SEÇÃO MÉTODO (Solução — 3 pilares) — fundo CLARO + grade blueprint ============ */
  .metodo{position:relative;padding:var(--sec-y) 0 3rem;background:var(--claro);overflow:hidden}
  /* grade "blueprint" que SURGE do topo (transição suave com a Dor) e some nas bordas */
  .metodo::before{content:"";position:absolute;inset:0;pointer-events:none;
    background-image:linear-gradient(rgba(var(--grid-navy-rgb),.06) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--grid-navy-rgb),.06) 1px,transparent 1px);
    background-size:46px 46px;
    /* fade também na BASE (calc(100% - 140px)) p/ a grade não ser cortada seca na emenda com o divisor */
    -webkit-mask-image:radial-gradient(125% 80% at 50% 44%,#000 42%,transparent 84%),linear-gradient(180deg,transparent 0,#000 150px,#000 calc(100% - 140px),transparent 100%);
    -webkit-mask-composite:source-in;
    mask-image:radial-gradient(125% 80% at 50% 44%,#000 42%,transparent 84%),linear-gradient(180deg,transparent 0,#000 150px,#000 calc(100% - 140px),transparent 100%);
    mask-composite:intersect}
  /* brilho azul sutil para profundidade */
  .metodo::after{content:"";position:absolute;top:-4%;left:50%;transform:translateX(-50%);width:1000px;height:520px;background:radial-gradient(ellipse at center,rgba(var(--azul-rgb),.1),transparent 70%);filter:blur(60px);pointer-events:none}
  .metodo .container{position:relative;z-index:1}
  .sec-head--center{max-width:720px;margin:0 auto;text-align:center}
  .metodo .eyebrow{color:var(--azul);justify-content:center}
  .metodo .eyebrow .dia{background:var(--azul)}
  .metodo .sec-head h2{color:var(--navy)}
  .metodo .sec-head h2 .ag{background:var(--grad-azul);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .metodo .sec-sub{color:var(--cinza);margin-left:auto;margin-right:auto}

  .pilares{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:var(--sec-gap)}
  .pilar{position:relative;padding:2rem 1.8rem 2.1rem;border:1px solid var(--linha-clara-2);border-radius:var(--r-card);background:#fff;box-shadow:0 6px 22px rgba(var(--navy-rgb),.05);overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s}
  .pilar::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(var(--azul-rgb),.9),transparent);opacity:0;transition:opacity .25s}
  .pilar:hover{border-color:#CBD3E0;transform:translateY(-4px);box-shadow:0 18px 40px rgba(var(--navy-rgb),.12)}
  .pilar:hover::before{opacity:1}
  .pilar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.3rem}
  .pilar-ic{width:46px;height:46px;border-radius:12px;background:var(--chip-claro);border:1px solid var(--chip-borda);display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .pilar-ic svg{width:22px;height:22px;color:var(--azul)}
  .pilar-num{font-size:2.4rem;font-weight:800;line-height:1;letter-spacing:-.03em;background:linear-gradient(160deg,var(--azul),#93b4e0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.9}
  .pilar h3{font-size:1.15rem;font-weight:700;color:var(--navy);line-height:1.25;letter-spacing:-.01em;margin-bottom:.7rem}
  .pilar p{font-size:.95rem;line-height:1.6;color:var(--cinza)}

  .metodo-cta{margin-top:var(--sec-gap);display:flex;flex-direction:column;align-items:center;gap:1.3rem}

  @media(max-width:900px){
    .metodo{padding:var(--sec-y-m) 0 3rem}
    .pilares{grid-template-columns:1fr;gap:1rem;margin-top:2.6rem}
  }

  /* ====== DIVISOR EM X — duas faixas marquee cruzadas.
     Fundo escuro sólido + um "V" claro (clip-path) encaixado no vão de baixo
     do X, atrás das faixas: o claro sobe no V e as faixas escondem a costura;
     a base do V conecta com a seção clara abaixo. ====== */
  /* altura responsiva: contém as faixas inclinadas sem cortar topo/fundo (mesmo em telas largas) */
  /* divisor Método(claro) → O que inclui(escuro): topo claro + um "V" escuro
     (clip-path) que sobe pelo vão das faixas, encaixando na seção escura abaixo */
  /* altura ≥ projeção das faixas rotacionadas (±4° × 150vw) — senão o overflow:hidden
     corta as pontas e desenha linhas horizontais nas emendas */
  .xdiv{position:relative;height:clamp(210px,13.5vw,340px);overflow:hidden;isolation:isolate;background:var(--claro)}
  .xdiv::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--black);
    clip-path:polygon(0% 100%, 0% calc(50% + 3.5vw + 16px), 50% calc(50% + 16px), 100% calc(50% + 3.5vw + 16px), 100% 100%)}
  .xband{position:absolute;top:50%;left:50%;width:150vw;overflow:hidden;display:flex}
  .xband--a{transform:translate(-50%,-50%) rotate(-4deg);z-index:1;background:var(--claro-esc)}
  .xband--b{transform:translate(-50%,-50%) rotate(4deg);z-index:2;background:#0C1B3A;border-top:1px solid var(--borda-f);border-bottom:1px solid var(--borda-f)}
  .xtrack{display:flex;align-items:center;width:max-content;will-change:transform}
  .xband--a .xtrack{animation:xscrollA 30s linear infinite}
  .xband--b .xtrack{animation:xscrollB 36s linear infinite}
  @keyframes xscrollA{from{transform:translateX(0)}to{transform:translateX(-25%)}}
  @keyframes xscrollB{from{transform:translateX(-25%)}to{transform:translateX(0)}}
  .xgroup{display:flex;align-items:center;flex-shrink:0}
  .xitem{padding:.75rem 0;font-size:1.05rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
  .xsep{margin:0 1.5rem;font-size:.62rem}
  .xband--a .xitem,.xband--a .xsep{color:var(--navy)}
  .xband--b .xitem,.xband--b .xsep{color:var(--prata-claro)}
  .xband--a .xsep{opacity:.45}.xband--b .xsep{opacity:.55}

  /* ====== SEÇÃO AUTORIDADE — BICOLOR: painel navy com retrato cinematográfico à
     esquerda, emenda DIAGONAL (eco do divisor em X) e conteúdo claro à direita
     com citação + trilha de credenciais ====== */
  .autoridade{position:relative;background:var(--claro);overflow:hidden}
  .aut-wrap{display:grid;grid-template-columns:44% 56%}
  .aut-photo{position:relative;z-index:1;margin-right:-90px;clip-path:polygon(0 0,100% 0,calc(100% - 90px) 100%,0 100%);background:linear-gradient(165deg,#0E2046,#081227 75%);min-height:620px;opacity:0}
  .aut-photo.in{opacity:1;animation:autIn .8s cubic-bezier(.2,.7,.2,1) backwards}
  /* z-index:2 + padding-left > 90px: o conteúdo fica ACIMA da diagonal do painel e nunca entra sob ela */
  .aut-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--sec-y) 0 var(--sec-y) 9.5rem;padding-right:max(1.5rem,calc((100vw - 1192px)/2))}
  @keyframes autIn{from{opacity:0;transform:translateY(28px)}}
  /* grade sutil + luz fria dentro do painel navy */
  .aut-photo::before{content:"";position:absolute;inset:0;
    background-image:linear-gradient(rgba(var(--grid-prata-rgb),.07) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--grid-prata-rgb),.07) 1px,transparent 1px);
    background-size:46px 46px;
    -webkit-mask-image:radial-gradient(120% 100% at 46% 42%,#000 45%,transparent 92%);
    mask-image:radial-gradient(120% 100% at 46% 42%,#000 45%,transparent 92%)}
  .aut-photo::after{content:"";position:absolute;bottom:-18%;left:44%;transform:translateX(-50%);width:640px;height:560px;background:radial-gradient(ellipse at center,rgba(var(--azul-rgb),.42),transparent 68%);filter:blur(60px)}
  .aut-stage{position:absolute;inset:0;z-index:1;display:flex;align-items:flex-end;justify-content:center;padding-right:64px;overflow:hidden}
  .aut-stage img{display:block;height:116%;width:auto;filter:contrast(1.05) saturate(1.07) brightness(1.06);
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.6) 8%,#000 20%,#000 100%),linear-gradient(to right,transparent 2%,#000 22%,#000 78%,transparent 98%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.6) 8%,#000 20%,#000 100%),linear-gradient(to right,transparent 2%,#000 22%,#000 78%,transparent 98%);
    mask-composite:intersect}
  /* legenda do retrato — base do painel, no eixo da página */
  /* placa de vidro: nome legível sobre qualquer parte da foto (borda prata + blur) */
  .aut-cap{position:absolute;left:max(1.5rem,calc((100vw - 1192px)/2));bottom:2.2rem;z-index:2;display:inline-flex;flex-direction:column;gap:.28rem;padding:.72rem 1.1rem .72rem 1rem;border-left:2px solid rgba(var(--halo-rgb),.6);border-radius:12px;background:linear-gradient(180deg,rgba(14,22,40,.62),rgba(6,10,22,.7));backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border-top:1px solid rgba(var(--prata-rgb),.16);border-right:1px solid rgba(var(--prata-rgb),.12);border-bottom:1px solid rgba(var(--prata-rgb),.12);box-shadow:0 16px 42px rgba(var(--black-rgb),.5)}
  .aut-cap strong{display:block;font-size:.92rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#fff}
  .aut-cap span{display:block;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--prata)}
  /* citação — filosofia do método (sem promessa) */
  .aut-quote{position:relative;margin-top:1.6rem;padding-left:1.3rem;border-left:2px solid var(--azul);font-size:1.12rem;line-height:1.55;font-style:italic;font-weight:500;color:var(--ink);max-width:52ch}
  /* trilha de credenciais — nós com ícone ligados por linha (versão clara da trilha da oferta) */
  .aut-tl{list-style:none;position:relative;margin-top:2.2rem;display:flex;flex-direction:column;gap:1.15rem}
  .aut-tl::before{content:"";position:absolute;left:19px;top:12px;bottom:12px;width:2px;background:linear-gradient(180deg,transparent,rgba(var(--azul-rgb),.45) 14%,rgba(var(--azul-rgb),.45) 86%,transparent)}
  .aut-tl li{position:relative;display:flex;align-items:center;gap:1rem}
  .aut-tl-ic{position:relative;z-index:1;width:40px;height:40px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #DCE3F0;box-shadow:0 6px 18px rgba(var(--navy-rgb),.08)}
  .aut-tl-ic svg{width:19px;height:19px;color:var(--azul)}
  .aut-tl strong{display:block;font-size:.98rem;font-weight:700;color:var(--navy);line-height:1.25}
  .aut-tl small{display:block;font-size:.82rem;line-height:1.4;color:var(--prata-esc);margin-top:.12rem}
  .aut-content .sec-cta{margin-top:2.4rem}

  @media (prefers-reduced-motion: reduce){
    .xband--a .xtrack,.xband--b .xtrack{animation:none}
    .aut-photo{opacity:1}
    .aut-photo.in{animation:none}
  }
  @media(max-width:900px){
    .xdiv{height:160px}
    .xband{width:210vw}
    .xitem{font-size:.8rem;padding:.7rem 0}
    .aut-wrap{grid-template-columns:1fr}
    .aut-photo{margin-right:0;clip-path:none;min-height:60vh}
    .aut-stage{padding-right:0;align-items:flex-start}
    /* preenche a largura do painel (recorte da img2 é estreito); alinha ao topo e
       sobe p/ pular a margem transparente — mostra cabeça→peito grande e centrado */
    .aut-stage img{height:150%;transform:translate(-5%,-15%)}
    .aut-cap{left:1.5rem;bottom:1.6rem}
    .aut-content{padding:var(--sec-y-m) 1.5rem}
    .aut-quote{font-size:1.02rem}
  }

  /* ====== SEÇÃO O QUE INCLUI (Desejo) — value stack em BENTO, fundo ESCURO ====== */
  /* margin-top:-2px cobre a linha clara de antialiasing na base do clip-path do divisor em X */
  .inclui{position:relative;margin-top:-2px;padding:2rem 0 var(--sec-y);background:var(--black);overflow:hidden}
  /* SPOTLIGHT interativo: um brilho azul acompanha o cursor (vars --mx/--my via JS).
     Em repouso fica centralizado — sem glow no topo que quebre a costura com o divisor. */
  .inclui::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
    background:radial-gradient(560px circle at var(--mx,50%) var(--my,45%),rgba(var(--azul-rgb),.2),rgba(var(--azul-rgb),.06) 42%,transparent 72%)}
  .inclui .container{position:relative;z-index:1}
  .inclui .eyebrow{color:var(--azul-claro);justify-content:center}
  .inclui .eyebrow .dia{background:var(--azul)}
  .inclui .sec-head h2{color:#fff}
  .inclui .sec-head h2 .ag{background:var(--grad-prata);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .inclui .sec-sub{color:var(--prata);margin-left:auto;margin-right:auto}

  .inc-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:var(--sec-gap);grid-auto-rows:minmax(164px,1fr)}
  .ib-card{position:relative;overflow:hidden;padding:1.7rem;border-radius:var(--r-card);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1px solid var(--borda);display:flex;flex-direction:column;gap:.85rem;opacity:0;transition:transform .34s cubic-bezier(.2,.7,.2,1),opacity .34s ease,box-shadow .3s,border-color .3s}
  /* revelação criativa: sobe + escala + tira o desfoque, em cascata (var --d).
     'backwards' aplica o quadro inicial só durante o delay — sem travar o transform do hover depois. */
  .ib-card.in{opacity:1;animation:ibIn .75s cubic-bezier(.2,.75,.25,1) backwards;animation-delay:var(--d,0ms)}
  @keyframes ibIn{from{opacity:0;transform:translateY(36px) scale(.93);filter:blur(9px)}to{opacity:1;transform:none;filter:blur(0)}}
  /* HOVER: card em foco; os vizinhos RECUAM (escurecem + encolhem) via :has() */
  .ib-card:hover{border-color:var(--borda-f);box-shadow:0 22px 54px rgba(0,0,0,.45),0 0 0 1px rgba(var(--azul-rgb),.3)}
  .inc-bento:has(.ib-card:hover) .ib-card{opacity:.42;transform:scale(.972)}
  .inc-bento:has(.ib-card:hover) .ib-card:hover{opacity:1;transform:scale(1.025);border-color:var(--borda-f);box-shadow:0 28px 64px rgba(0,0,0,.5),0 0 0 1px rgba(var(--azul-rgb),.45),0 0 48px rgba(var(--azul-rgb),.16)}
  /* TOUCH (sem hover): destaque pela POSIÇÃO no scroll — o card no centro da tela
     ganha o realce e os vizinhos recuam. Ativado via .scrollfocus (JS, só no toque). */
  .inc-bento.scrollfocus .ib-card.in{opacity:.5;transition:opacity .35s ease,transform .35s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s}
  .inc-bento.scrollfocus .ib-card.in.focus{opacity:1;transform:scale(1.02);border-color:var(--borda-f);box-shadow:0 24px 56px rgba(0,0,0,.5),0 0 0 1px rgba(var(--azul-rgb),.42),0 0 44px rgba(var(--azul-rgb),.16);z-index:2}
  .inc-bento.scrollfocus .ib-card.in.focus .ib-ill svg{transform:scale(1.1) rotate(-4deg)}

  /* ILUSTRAÇÕES: container flutua (float); o desenho interno reage ao hover */
  .ib-ill{width:66px;height:66px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:16px;background:radial-gradient(circle at 34% 28%,rgba(var(--azul-rgb),.3),rgba(var(--azul-rgb),.05));border:1px solid rgba(var(--azul-rgb),.3);animation:ibFloat 6s ease-in-out infinite}
  .ib-ill svg{width:40px;height:40px;transition:transform .35s ease}
  .ib-card:hover .ib-ill svg{transform:scale(1.1) rotate(-4deg)}
  @keyframes ibFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
  .ib-card:nth-child(2) .ib-ill{animation-delay:-1.3s}
  .ib-card:nth-child(3) .ib-ill{animation-delay:-2.6s}
  .ib-card:nth-child(4) .ib-ill{animation-delay:-.7s}
  .ib-card:nth-child(5) .ib-ill{animation-delay:-3.3s}
  .ib-card:nth-child(6) .ib-ill{animation-delay:-1.9s}
  .ib-card:nth-child(7) .ib-ill{animation-delay:-4s}
  .ib-card:nth-child(8) .ib-ill{animation-delay:-.9s}
  .ib-card:nth-child(9) .ib-ill{animation-delay:-2.9s}
  .ib-card h4{font-size:1rem;font-weight:700;color:#fff;letter-spacing:-.01em;line-height:1.25}
  .ib-card>p{font-size:.88rem;line-height:1.5;color:var(--prata-esc)}

  /* card em destaque (2x2) com brilho azul */
  .ib-feat{grid-column:span 2;grid-row:span 2;padding:2.3rem;background:linear-gradient(160deg,rgba(var(--azul-rgb),.2),rgba(var(--azul-rgb),.03));border-color:rgba(var(--azul-rgb),.34)}
  .ib-feat::after{content:"";position:absolute;right:-20%;bottom:-30%;width:400px;height:400px;background:radial-gradient(circle,rgba(var(--azul-rgb),.4),transparent 62%);filter:blur(28px);pointer-events:none}
  .ib-feat .ib-ill{width:92px;height:92px}
  .ib-feat .ib-ill svg{width:56px;height:56px}
  .ib-feat h3{position:relative;font-size:1.6rem;font-weight:800;color:#fff;letter-spacing:-.02em;margin-top:.5rem}
  .ib-feat>p{position:relative;font-size:1rem;line-height:1.55;color:var(--prata);max-width:36ch}
  .ib-tag{position:relative;margin-top:auto;align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--prata-claro);background:rgba(255,255,255,.06);border:1px solid var(--borda-f);padding:.5rem 1rem;border-radius:50px}

  /* faixa de acesso (largura total) */
  .ib-wide{grid-column:span 3;flex-direction:row;align-items:center;gap:1.5rem;background:linear-gradient(100deg,rgba(var(--azul-rgb),.16),rgba(var(--azul-rgb),.03));border-color:rgba(var(--azul-rgb),.3)}
  .ib-wide h3{font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:-.01em}
  .ib-wide>div>p{font-size:.95rem;line-height:1.5;color:var(--prata);margin-top:.25rem}

  .inc-cta{margin-top:2.8rem;display:flex;flex-direction:column;align-items:center;gap:1.3rem;text-align:center}

  /* botão sólido navy — CTA para seções de fundo claro (mantido p/ uso futuro) */
  .cta-solid{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;height:var(--ctrl-h);padding:0 2rem;border-radius:var(--r-pill);font-weight:700;font-size:var(--fs-btn);white-space:nowrap;background:var(--navy);color:#fff;box-shadow:0 14px 34px rgba(var(--navy-rgb),.22);transition:transform .2s,box-shadow .2s}
  .cta-solid:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(var(--navy-rgb),.32)}
  .cta-solid svg{width:17px;height:17px;transition:transform .2s}.cta-solid:hover svg{transform:translateX(3px)}

  @media (prefers-reduced-motion: reduce){
    .ib-card{opacity:1}
    .ib-card.in{animation:none}
    .ib-ill{animation:none}
    .inc-bento:has(.ib-card:hover) .ib-card,
    .inc-bento:has(.ib-card:hover) .ib-card:hover{transform:none}
  }
  @media(max-width:900px){
    .inclui{padding:1.5rem 0 var(--sec-y-m)}
    .inc-bento{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(146px,auto);margin-top:2.6rem}
    .ib-feat{grid-column:span 2;grid-row:span 1}
    .ib-feat h3{font-size:1.4rem}
    .ib-wide{grid-column:span 2}
  }
  @media(max-width:560px){
    .inc-bento{grid-template-columns:1fr}
    .ib-feat,.ib-wide{grid-column:span 1}
  }

  /* ====== FITA DIVISÓRIA (O que inclui → Prova social) — faixa marquee no estilo do
     ticker do hero, INVERTIDA: banda PRATA com texto/ícones navy, saltando entre as
     duas seções escuras (eco da banda clara do divisor em X) ====== */
  .fita{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--claro),#DDE1E8);border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.1)}
  .fita-track{display:flex;width:max-content;animation:tickscroll 40s linear infinite;will-change:transform}
  .fita:hover .fita-track{animation-play-state:paused}
  .fita-seg{display:flex;align-items:center;flex-shrink:0}
  .fitem{display:flex;align-items:center;gap:.6rem;padding:1.05rem 2.2rem;font-size:.78rem;font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--navy);white-space:nowrap}
  .fitem svg{width:16px;height:16px;color:var(--azul);flex-shrink:0}
  .fdiv{width:5px;height:5px;background:var(--azul);transform:rotate(45deg);flex-shrink:0;opacity:.65}
  @media (prefers-reduced-motion: reduce){
    .fita-track{animation:none}
  }
  @media(max-width:900px){
    .fitem{padding:.85rem 1.4rem;font-size:.72rem}
  }

  /* ====== SEÇÃO PROVA SOCIAL (Desejo) — fundo ESCURO + grade blueprint ESTÁTICA + 3 marquees ====== */
  .prova{position:relative;padding:var(--sec-y) 0;background:radial-gradient(1000px 500px at 50% 40%,rgba(var(--azul-rgb),.07),transparent 72%),var(--black);overflow:hidden}
  /* GRADE blueprint estática (mesmo estilo do Método, invertida p/ o escuro), com fade nas bordas */
  .prova::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
    background-image:linear-gradient(rgba(var(--grid-prata-rgb),.05) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--grid-prata-rgb),.05) 1px,transparent 1px);
    background-size:46px 46px;
    -webkit-mask-image:radial-gradient(120% 92% at 50% 42%,#000 55%,transparent 92%);
    mask-image:radial-gradient(120% 92% at 50% 42%,#000 55%,transparent 92%)}
  .prova .container{position:relative;z-index:1}
  .prova .eyebrow{color:var(--azul-claro);justify-content:center}
  .prova .eyebrow .dia{background:var(--azul)}
  .prova .sec-head h2{color:#fff}
  .prova .sec-head h2 .ag{background:var(--grad-prata);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .prova .sec-sub{color:var(--prata);margin-left:auto;margin-right:auto}

  /* trilhos: 3 linhas em marquee, fade nas laterais — NÃO pausa no hover */
  .depo-rows{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.1rem;margin:var(--sec-gap) 0 3rem;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
  .depo-row{overflow:hidden}
  .depo-track{display:flex;gap:1.1rem;width:max-content;will-change:transform;animation:depoScroll var(--dur,42s) linear infinite}
  .depo-track--rev{animation-direction:reverse}
  @keyframes depoScroll{to{transform:translateX(-50%)}}
  /* durações por linha (antes eram style="--dur" inline) */
  .depo-row:nth-child(1) .depo-track{--dur:42s}
  .depo-row:nth-child(2) .depo-track{--dur:50s}
  .depo-row:nth-child(3) .depo-track{--dur:46s}

  /* card de depoimento — SÓLIDO (sem transparência), no estilo dos cards de material + rating */
  .depo{flex:0 0 344px;width:344px;box-sizing:border-box;padding:1.6rem;border-radius:var(--r-card);
    background:var(--painel);border:1px solid rgba(var(--prata-rgb),.14);box-shadow:0 12px 34px rgba(0,0,0,.32);
    display:flex;flex-direction:column;gap:1rem;transition:border-color .25s,box-shadow .25s}
  .depo:hover{border-color:rgba(var(--prata-rgb),.3);box-shadow:0 16px 40px rgba(0,0,0,.42)}
  .depo-stars{display:flex;gap:3px;font-size:1rem;line-height:1;color:#e9b949}
  .depo-stars i{color:rgba(233,185,73,.24);font-style:normal}
  .depo blockquote{margin:0;font-size:.96rem;line-height:1.55;color:var(--prata-claro)}
  .depo-head{display:flex;align-items:center;gap:.85rem;margin-top:auto}
  .depo-avatar{width:48px;height:48px;flex-shrink:0;border-radius:var(--r-box);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.92rem;color:#fff;letter-spacing:.02em;
    background:radial-gradient(circle at 34% 28%,rgba(var(--azul-rgb),.55),rgba(var(--azul-rgb),.16));border:1px solid rgba(var(--azul-rgb),.42)}
  .depo-id{display:flex;flex-direction:column;line-height:1.3;min-width:0}
  .depo-id strong{font-size:.92rem;font-weight:700;color:#fff}
  .depo-id span{font-size:.78rem;color:var(--prata-esc)}

  .prova-cta{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.3rem;text-align:center;margin-top:.5rem}

  @media (prefers-reduced-motion: reduce){
    .depo-track{animation:none}
  }
  @media(max-width:900px){
    .prova{padding:var(--sec-y-m) 0}
    .depo{flex-basis:290px;width:290px}
    .depo-rows{margin:2.8rem 0 2.4rem}
  }

  /* ====== SEÇÃO OFERTA (Ação) — clímax: fundo claro + card de preço escuro imponente ====== */
  @property --ofang{syntax:'<angle>';inherits:false;initial-value:0deg}
  .oferta{position:relative;padding:var(--sec-y) 0;background:var(--claro);overflow:hidden}
  .oferta::before{content:"";position:absolute;top:34%;left:50%;transform:translateX(-50%);width:1120px;height:640px;background:radial-gradient(ellipse at center,rgba(var(--azul-rgb),.2),transparent 66%);filter:blur(60px);pointer-events:none}
  .oferta .container{position:relative;z-index:1}
  .oferta .eyebrow{color:var(--azul);justify-content:center}
  .oferta .eyebrow .dia{background:var(--azul)}
  .oferta .sec-head h2{color:var(--navy)}
  .oferta .sec-head h2 .ag{background:var(--grad-azul);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .oferta .sec-sub{color:var(--cinza);margin-left:auto;margin-right:auto;max-width:660px}

  .oferta-card{position:relative;max-width:1000px;margin:var(--sec-gap) auto 0;display:grid;grid-template-columns:1.12fr .88fr;
    border-radius:26px;background:linear-gradient(155deg,#0e1e40,#080f24 72%);border:1px solid rgba(var(--azul-rgb),.28);
    box-shadow:0 44px 96px rgba(var(--navy-rgb),.34),0 0 60px rgba(var(--azul-rgb),.16);animation:ofCardGlow 4.5s ease-in-out infinite}
  @keyframes ofCardGlow{0%,100%{box-shadow:0 44px 96px rgba(var(--navy-rgb),.34),0 0 55px rgba(var(--azul-rgb),.14)}50%{box-shadow:0 44px 96px rgba(var(--navy-rgb),.4),0 0 110px rgba(var(--azul-rgb),.34)}}
  /* halo: um brilho azul percorre a borda do card (girando via @property) */
  .oferta-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.6px;pointer-events:none;
    background:conic-gradient(from var(--ofang),transparent 0 50%,rgba(var(--azul2-rgb),1) 70%,rgba(var(--azul-rgb),.6) 79%,transparent 88%);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
    mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
    animation:ofRot 6s linear infinite}
  @keyframes ofRot{to{--ofang:360deg}}

  .of-value{padding:2.7rem 2.5rem;border-right:1px solid rgba(255,255,255,.08)}
  .of-value h3{font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:1.7rem;letter-spacing:-.01em}
  /* TRILHA de valor: ícones temáticos ligados por uma linha em gradiente que se desenha */
  .of-list{list-style:none;position:relative;display:flex;flex-direction:column;gap:1.15rem}
  .of-list::before{content:"";position:absolute;left:18px;top:8px;bottom:8px;width:2px;transform:scaleY(0);transform-origin:top;transition:transform .9s ease;
    background:linear-gradient(180deg,transparent,rgba(var(--azul-rgb),.6) 12%,rgba(var(--azul-rgb),.6) 88%,transparent)}
  .of-value.in .of-list::before{transform:scaleY(1)}
  .of-item{position:relative;display:flex;align-items:center;gap:.95rem;opacity:0;transform:translateX(-10px);transition:opacity .5s ease,transform .5s ease}
  .of-value.in .of-item{opacity:1;transform:none}
  .of-value.in .of-item:nth-child(1){transition-delay:.12s}
  .of-value.in .of-item:nth-child(2){transition-delay:.20s}
  .of-value.in .of-item:nth-child(3){transition-delay:.28s}
  .of-value.in .of-item:nth-child(4){transition-delay:.36s}
  .of-value.in .of-item:nth-child(5){transition-delay:.44s}
  .of-value.in .of-item:nth-child(6){transition-delay:.52s}
  .of-ic{position:relative;z-index:1;width:38px;height:38px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;
    background:radial-gradient(circle at 34% 30%,rgba(var(--azul-rgb),.52),rgba(var(--azul-rgb),.14)),#0c1730;border:1px solid rgba(var(--azul-rgb),.46)}
  .of-ic svg{width:19px;height:19px;color:#9dc0ee}
  .of-item strong{display:block;font-size:.95rem;font-weight:700;color:#fff;line-height:1.2}
  .of-item small{display:block;font-size:.82rem;line-height:1.35;color:var(--prata-esc);margin-top:.12rem}

  .of-price{position:relative;overflow:hidden;padding:2.7rem 2.2rem 2.6rem;display:flex;flex-direction:column;align-items:center;text-align:center;
    background:radial-gradient(130% 96% at 50% 0%,rgba(var(--azul-rgb),.34),rgba(var(--azul-rgb),.03) 66%);border-radius:0 26px 26px 0}
  .of-price::before{content:"";position:absolute;top:0;left:14%;right:14%;height:2px;background:linear-gradient(90deg,transparent,rgba(var(--azul2-rgb),.95),transparent)}
  .of-badge{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#cfe0f7;background:rgba(var(--azul2-rgb),.15);border:1px solid rgba(var(--azul2-rgb),.42);padding:.42rem .95rem;border-radius:50px;margin-bottom:1.35rem}
  /* FOCO no parcelado: "12x de" pequeno + valor gigante com brilho pulsante */
  .of-parc-label{font-size:1rem;font-weight:600;color:var(--prata);margin-bottom:.1rem}
  .of-amount{display:flex;align-items:flex-start;justify-content:center;gap:.28rem;color:#fff;line-height:.82;animation:ofPriceGlow 3s ease-in-out infinite}
  .of-cur{font-size:1.85rem;font-weight:700;margin-top:.5rem;color:#e2ebfa}
  .of-int{font-size:clamp(4.4rem,7.6vw,6.2rem);font-weight:800;letter-spacing:-.035em}
  .of-cents{font-size:2.5rem;font-weight:800;margin-top:.5rem}
  @keyframes ofPriceGlow{0%,100%{filter:drop-shadow(0 4px 16px rgba(var(--azul2-rgb),.28))}50%{filter:drop-shadow(0 4px 32px rgba(var(--azul2-rgb),.62))}}
  .of-avista{margin-top:.9rem;font-size:.94rem;color:var(--prata-esc)}
  .of-avista strong{color:#eef2f9;font-weight:700}
  .of-cta{margin-top:1.6rem;width:100%}
  .of-pay{margin-top:1.05rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.82rem;color:var(--prata-esc)}
  .of-pay svg{width:14px;height:14px}

  .of-trust{list-style:none;position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2rem;margin:2.3rem auto 0;max-width:860px}
  .of-trust li{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--cinza);font-weight:500}
  .of-trust svg{width:18px;height:18px;color:var(--azul);flex-shrink:0}

  @media (prefers-reduced-motion: reduce){
    .oferta-card,.oferta-card::after,.of-amount{animation:none}
    .of-item{opacity:1;transform:none;transition:none}
    .of-list::before{transform:scaleY(1)}
  }
  @media(max-width:820px){
    .oferta{padding:var(--sec-y-m) 0}
    .oferta-card{grid-template-columns:1fr;margin-top:2.8rem}
    .of-value{border-right:none;border-bottom:1px solid rgba(255,255,255,.08);padding:2.2rem}
    .of-price{border-radius:0 0 26px 26px;padding:2.4rem 2rem}
  }

  /* ====== SEÇÃO GARANTIA (Ação) — full-width, fundo claro + grade blueprint + medalha (2 colunas) ====== */
  .garantia{position:relative;padding:var(--sec-y) 0;background:var(--claro);overflow:hidden}
  /* grade blueprint (igual à do Método), com fade radial */
  .garantia::before{content:"";position:absolute;inset:0;pointer-events:none;
    background-image:linear-gradient(rgba(var(--grid-navy-rgb),.06) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--grid-navy-rgb),.06) 1px,transparent 1px);
    background-size:46px 46px;
    -webkit-mask-image:radial-gradient(125% 84% at 50% 48%,#000 40%,transparent 84%);
    mask-image:radial-gradient(125% 84% at 50% 48%,#000 40%,transparent 84%)}
  /* brilho azul atrás da medalha (à esquerda) */
  .garantia::after{content:"";position:absolute;top:50%;left:33%;transform:translate(-50%,-50%);width:640px;height:640px;background:radial-gradient(circle,rgba(var(--azul-rgb),.16),transparent 66%);filter:blur(54px);pointer-events:none}
  .gar-inner{position:relative;z-index:1;max-width:930px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:3.2rem;align-items:center;text-align:left}
  /* MEDALHA: anel de texto girando + moeda central com escudo */
  .gar-medal{position:relative;width:290px;height:290px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
  .gar-ring{position:absolute;inset:0;width:100%;height:100%;animation:garSpin 34s linear infinite}
  .gar-ring text{fill:var(--azul);font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:3.4px}
  .gar-coin{position:relative;width:184px;height:184px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem;
    background:radial-gradient(circle at 40% 32%,#ffffff,#e6edf7);border:1px solid #d3ddec;box-shadow:0 18px 46px rgba(var(--navy-rgb),.18),inset 0 1px 2px #fff}
  .gar-coin svg{width:50px;height:50px;color:var(--azul)}
  .gar-coin b{font-size:1.4rem;font-weight:800;color:var(--navy);line-height:1;margin-top:.35rem}
  .gar-coin span{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--prata-esc);margin-top:.15rem}
  @keyframes garSpin{to{transform:rotate(360deg)}}
  .garantia .eyebrow{color:var(--azul);justify-content:flex-start;margin:0}
  .garantia .eyebrow .dia{background:var(--azul)}
  .gar-content h2{font-size:clamp(1.5rem,2.5vw,2.05rem);font-weight:800;color:var(--navy);letter-spacing:-.02em;line-height:1.18;margin:.55rem 0 .8rem;text-wrap:balance}
  .gar-content>p{font-size:1.02rem;line-height:1.6;color:var(--cinza)}
  .gar-content>p strong{color:var(--navy);font-weight:700}
  .gar-cta-wrap{margin-top:1.5rem}
  @media (prefers-reduced-motion: reduce){.gar-ring{animation:none}}
  @media(max-width:720px){
    .garantia{padding:var(--sec-y-m) 0}
    .gar-inner{grid-template-columns:1fr;justify-items:center;text-align:center;gap:.4rem}
    .gar-content{display:flex;flex-direction:column;align-items:center}
    .garantia .eyebrow{justify-content:center;margin-bottom:.35rem}
    .garantia::after{left:50%;top:22%}
    /* selo tem folga interna (anel em volta da moeda) → puxa o texto pra perto */
    .gar-medal{width:220px;height:220px;margin-bottom:-1rem}
    .gar-coin{width:148px;height:148px}
  }

  /* ====== SEÇÃO FAQ (quebra de objeção + fronteira ética, copy §9) — fundo ESCURO,
     2 colunas: intro STICKY (headline + card de apoio) | ACORDEÃO de hairlines.
     A pergunta de conformidade ("garante aprovação?") é marcada com escudo e
     nasce ABERTA — a honestidade como argumento de venda. ====== */
  .faq{position:relative;padding:var(--sec-y) 0;background:var(--black);overflow:hidden}
  .faq::before{content:"";position:absolute;top:6%;left:2%;width:760px;height:560px;background:radial-gradient(ellipse at center,rgba(var(--azul-rgb),.14),transparent 68%);filter:blur(60px);pointer-events:none}
  .faq .container{position:relative;z-index:1}
  .faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:4.5rem;align-items:start}
  /* ⚠️ sem position:sticky na intro: .faq{overflow:hidden} + body{overflow-x:hidden}
     quebram o sticky (vira offset permanente) — a coluna alinha ao topo do acordeão */
  .faq .eyebrow{color:var(--azul-claro)}
  .faq .eyebrow .dia{background:var(--azul)}
  .faq .sec-head h2{color:#fff}
  .faq .sec-head h2 .ag{background:var(--grad-prata);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .faq .sec-sub{color:var(--prata)}

  /* card de apoio (WhatsApp do curso + checkout) */
  .faq-apoio{margin-top:2.4rem;padding:1.8rem;border-radius:var(--r-card);border:1px solid var(--borda);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}
  .faq-apoio strong{display:block;font-size:1.05rem;font-weight:700;color:#fff;letter-spacing:-.01em}
  /* seletor por CLASSE (não .faq-apoio>p): senão a nota herda margem/fonte erradas por especificidade */
  .faq-apoio-txt{margin-top:.4rem;font-size:.95rem;line-height:1.55;color:var(--prata)}
  .faq-apoio-acts{display:flex;flex-direction:column;gap:.9rem;margin-top:1.4rem}
  .faq-apoio-acts .cta{width:100%}
  .btn-wpp{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;height:var(--ctrl-h);padding:0 1.6rem;border-radius:var(--r-pill);border:1px solid var(--borda-f);font-weight:600;font-size:var(--fs-btn);color:var(--prata-claro);transition:border-color .2s,background .2s,color .2s}
  .btn-wpp:hover{border-color:var(--prata-claro);background:rgba(255,255,255,.05);color:#fff}
  .btn-wpp svg{width:18px;height:18px;flex-shrink:0}

  /* acordeão */
  .faq-list{display:flex;flex-direction:column}
  .faq-item{border-bottom:1px solid var(--borda);opacity:0}
  .faq-item:first-child{border-top:1px solid var(--borda)}
  .faq-item.in{opacity:1;animation:faqIn .6s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:var(--d,0ms)}
  @keyframes faqIn{from{opacity:0;transform:translateY(22px)}}
  .faq-q{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:1.45rem .35rem;font-family:inherit;font-size:1.08rem;font-weight:600;letter-spacing:-.01em;color:var(--prata-claro);transition:color .2s}
  .faq-q:hover{color:#fff}
  .faq-item.open .faq-q{color:#fff}
  .faq-qt{display:flex;align-items:center;gap:.65rem;flex:1}
  .faq-qt svg{width:18px;height:18px;flex-shrink:0;color:var(--azul-claro)}
  .faq-x{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1px solid var(--borda-f);display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.2,.7,.2,1),background .2s,border-color .2s}
  .faq-x svg{width:15px;height:15px;color:var(--prata-claro);transition:color .2s}
  .faq-q:hover .faq-x{border-color:var(--prata-claro);background:rgba(255,255,255,.05)}
  .faq-item.open .faq-x{transform:rotate(45deg);background:var(--prata-claro);border-color:var(--prata-claro)}
  .faq-item.open .faq-x svg{color:var(--navy)}
  .faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1)}
  .faq-item.open .faq-a{grid-template-rows:1fr}
  .faq-a-in{overflow:hidden}
  .faq-a-in p{padding:0 .35rem 1.5rem;max-width:62ch;font-size:.98rem;line-height:1.62;color:var(--prata-esc)}
  .faq-a-in p strong{color:var(--prata-claro);font-weight:700}

  @media (prefers-reduced-motion: reduce){
    .faq-item{opacity:1}
    .faq-item.in{animation:none}
    .faq-a,.faq-x,.faq-x svg{transition:none}
  }
  @media(max-width:900px){
    .faq{padding:var(--sec-y-m) 0}
    .faq-grid{grid-template-columns:1fr;gap:2.8rem}
    .faq-q{font-size:1rem;padding:1.25rem .1rem}
    .faq-a-in p{padding:0 .1rem 1.3rem}
  }

  /* ====== CTA FINAL (§10) — statement monumental + CARIMBO giratório GIGANTE:
     o selo da marca (anel de texto + anel tracejado contra-rotação + brasão)
     autentica a decisão e fecha a página ====== */
  .final{position:relative;padding:var(--sec-y) 0;background:var(--black);overflow:hidden}
  .final::before{content:"";position:absolute;top:-40%;right:2%;width:940px;height:940px;background:radial-gradient(circle,rgba(var(--azul-rgb),.3),rgba(var(--azul-rgb),.08) 48%,transparent 72%);filter:blur(80px);pointer-events:none;animation:breathe 9s ease-in-out infinite}
  .final-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:3.5rem}
  .final .eyebrow{color:var(--azul-claro)}
  .final .eyebrow .dia{background:var(--azul)}
  .final h2{font-size:clamp(2.1rem,3.6vw,3.15rem);font-weight:800;line-height:1.08;letter-spacing:-.026em;color:#fff;text-wrap:balance}
  .final h2 .ag{background:var(--grad-prata);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .final-lead{margin-top:1.3rem;font-size:var(--fs-body);line-height:1.6;color:var(--prata);max-width:54ch}
  .final-ctas{display:flex;align-items:center;gap:var(--sp-5);margin-top:2.2rem;flex-wrap:wrap}
  .final-price{display:flex;align-items:center;gap:.7rem;margin-top:1.4rem;font-size:var(--fs-btn);color:var(--prata);flex-wrap:wrap}
  .final-price strong{color:#fff;font-weight:700;font-size:1.05rem}
  .final-price .sep{width:4px;height:4px;border-radius:50%;background:var(--prata-esc);flex-shrink:0}
  .final .trust{margin-top:1rem}
  /* carimbo */
  .final-selo{position:relative;width:min(360px,80vw);aspect-ratio:1;justify-self:center;opacity:0}
  .final-selo.in{opacity:1;animation:seloPop 1s cubic-bezier(.2,.7,.2,1) .15s backwards}
  @keyframes seloPop{from{opacity:0;transform:scale(.9) rotate(-10deg)}}
  .fs-ring,.fs-ring2{position:absolute;inset:0;width:100%;height:100%}
  .fs-ring{animation:garSpin 40s linear infinite}
  .fs-ring2{animation:spinRev 26s linear infinite}
  @keyframes spinRev{to{transform:rotate(-360deg)}}
  .fs-ring text{fill:#aeb6c4;font-family:"Hanken Grotesk",system-ui,sans-serif;font-size:14.5px;font-weight:700;letter-spacing:3px}
  .fs-core{position:absolute;inset:23%;border-radius:50%;border:1px solid var(--borda-f);background:radial-gradient(circle at 38% 30%,rgba(var(--azul-rgb),.35),rgba(var(--azul-rgb),.06) 70%),#0A1226;display:flex;align-items:center;justify-content:center;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 60px rgba(var(--azul-rgb),.25)}
  /* compensação ótica: o centroide de tinta do escudo.png fica ~5% à esquerda do centro
     do canvas (corpo do brasão pesado à esquerda, cauda fina do R à direita) */
  .fs-core img{height:46%;width:auto;transform:translate(5%,1.2%)}

  @media (prefers-reduced-motion: reduce){
    .final::before{animation:none}
    .final-selo{opacity:1}
    .final-selo.in{animation:none}
    .fs-ring,.fs-ring2{animation:none}
  }
  @media(max-width:900px){
    .final{padding:var(--sec-y-m) 0}
    .final-inner{grid-template-columns:1fr;gap:2.8rem}
    .final-selo{order:-1;width:min(230px,64vw)}
    .fs-ring text{font-size:15.5px}
    .final-ctas .cta{width:100%;white-space:normal;text-align:center;height:auto;min-height:var(--ctrl-h);padding:.9rem 1.4rem}
  }

  /* ====== RODAPÉ INSTITUCIONAL (§11) — multi-coluna (marca · navegação · institucional
     · pagamento) + disclaimers legais + barra inferior ====== */
  footer{position:relative;background:var(--black);border-top:1px solid var(--borda);overflow:hidden}
  footer::before{content:"";position:absolute;top:-300px;left:50%;transform:translateX(-50%);width:900px;height:460px;background:radial-gradient(ellipse at center,rgba(var(--azul-rgb),.1),transparent 70%);filter:blur(60px);pointer-events:none}
  .f-grid{position:relative;display:grid;grid-template-columns:1.35fr .75fr 1.05fr 1fr;gap:3rem;padding:4rem 0 3rem}
  .f-marca{display:flex;align-items:center;gap:.4rem;margin-bottom:1.2rem}
  .f-marca img{height:60px;width:auto;margin-left:-9px;margin-right:-11px}
  .f-marca .nome{font-family:"Cinzel",serif;font-weight:700;font-size:1.12rem;letter-spacing:.13em;color:#fff;line-height:1.02}
  .f-marca .sub{font-family:"Cinzel",serif;font-weight:600;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--prata-esc);line-height:1.1;margin-top:3px}
  .f-sobre{font-size:.9rem;line-height:1.6;color:var(--prata-esc);max-width:34ch}
  /* o nav global (header) é display:flex — o nav do rodapé precisa voltar a bloco */
  footer nav{display:block}
  .f-col h3{font-size:.75rem;font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--prata-claro);margin-bottom:1.1rem}
  .f-col ul{list-style:none;display:flex;flex-direction:column;gap:.65rem}
  .f-col li{font-size:.92rem;color:var(--prata-esc);line-height:1.5}
  .f-col li strong{color:var(--prata);font-weight:600}
  .f-col a{color:var(--prata-esc);transition:color .2s}
  .f-col a:hover{color:#fff}
  .f-pay-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
  .f-chip{font-size:.75rem;font-weight:600;color:var(--prata);border:1px solid var(--borda);border-radius:8px;padding:.35rem .7rem}
  .f-secure{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.1rem;font-size:.82rem;color:var(--prata-esc)}
  .f-secure svg{width:15px;height:15px;flex-shrink:0}
  .f-legal{position:relative;border-top:1px solid var(--borda);padding:2rem 0;display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem 3rem}
  .f-legal p{font-size:.75rem;line-height:1.55;color:var(--prata-esc);opacity:.85}
  .f-legal p strong{color:var(--prata);font-weight:600}
  .f-legal a{color:var(--prata);border-bottom:1px solid var(--borda-f);transition:color .2s,border-color .2s}
  .f-legal a:hover{color:#fff;border-color:var(--prata-claro)}
  .f-bar{position:relative;border-top:1px solid var(--borda);padding:1.3rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
  .f-bar p{font-size:.8rem;color:var(--prata-esc)}
  .f-bar a{font-size:.8rem;color:var(--prata);border-bottom:1px solid var(--borda-f);padding-bottom:.15rem;transition:color .2s,border-color .2s}
  .f-bar a:hover{color:#fff;border-color:var(--prata-claro)}
  @media(max-width:1080px){
    .f-grid{grid-template-columns:1fr 1fr;gap:2.5rem}
  }
  @media(max-width:640px){
    .f-grid{grid-template-columns:1fr;gap:2.2rem;padding:3.5rem 0 2.6rem}
    .f-legal{grid-template-columns:1fr}
    .f-bar{flex-direction:column;align-items:flex-start}
  }

  /* ====== PÁGINAS LEGAIS (privacidade.html / termos.html) — documento sóbrio,
     medida de leitura ~70ch, tudo via tokens ====== */
  .legal-main{padding:9.5rem 0 var(--sec-y)}
  .legal-volta{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--prata-esc);margin-bottom:2rem;transition:color .2s}
  .legal-volta:hover{color:#fff}
  .legal-volta svg{width:15px;height:15px;flex-shrink:0}
  .legal-head{max-width:760px;margin-bottom:2.6rem}
  .legal-head h1{font-size:clamp(1.9rem,3.2vw,2.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:#fff}
  .legal-data{margin-top:.9rem;font-size:.85rem;color:var(--prata-esc)}
  .legal-body{max-width:760px}
  .legal-body h2{font-size:1.22rem;font-weight:700;color:#fff;letter-spacing:-.01em;margin:2.4rem 0 .9rem;padding-top:1.6rem;border-top:1px solid var(--borda)}
  .legal-body>h2:first-child{margin-top:0;padding-top:0;border-top:0}
  .legal-body p{font-size:.98rem;line-height:1.7;color:var(--prata);margin-bottom:1rem}
  .legal-body ul{margin:0 0 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.5rem}
  .legal-body li{font-size:.98rem;line-height:1.6;color:var(--prata)}
  .legal-body strong{color:#fff;font-weight:600}
  .legal-body a{color:var(--azul-claro);border-bottom:1px solid rgba(var(--azul-rgb),.4);transition:color .2s,border-color .2s}
  .legal-body a:hover{color:#fff;border-color:var(--prata-claro)}
  @media(max-width:900px){
    .legal-main{padding:7.5rem 0 var(--sec-y-m)}
  }

  /* ====== CONSENTIMENTO DE COOKIES — banner + modal de preferências (LGPD) ====== */
  .ck-banner{position:fixed;left:1.25rem;bottom:1.25rem;z-index:90;max-width:432px;background:var(--painel);border:1px solid var(--borda-f);border-radius:var(--r-card);padding:1.4rem;box-shadow:0 24px 60px rgba(0,0,0,.55);transform:translateY(16px);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
  .ck-banner.on{transform:none;opacity:1;pointer-events:auto}
  .ck-banner h2{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}
  .ck-banner h2 svg{width:17px;height:17px;color:var(--azul-claro);flex-shrink:0}
  .ck-banner p{font-size:.85rem;line-height:1.55;color:var(--prata-esc)}
  .ck-banner p a{color:var(--azul-claro);border-bottom:1px solid rgba(var(--azul-rgb),.4)}
  .ck-banner p a:hover{color:#fff}
  .ck-acts{display:flex;gap:.6rem;margin-top:1.1rem;flex-wrap:wrap}
  .ck-btn{cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:700;border-radius:var(--r-pill);padding:.65rem 1.15rem;border:1px solid transparent;transition:transform .2s,background .2s,border-color .2s,color .2s}
  .ck-btn--ok{background:linear-gradient(180deg,#fff,#D4D9E2);color:var(--cta-ink)}
  .ck-btn--ok:hover{transform:translateY(-1px)}
  .ck-btn--ghost{background:none;border-color:var(--borda-f);color:var(--prata-claro)}
  .ck-btn--ghost:hover{border-color:var(--prata-claro);color:#fff;background:rgba(255,255,255,.05)}
  .ck-btn--link{background:none;color:var(--prata-esc);padding:.65rem .4rem}
  .ck-btn--link:hover{color:#fff}
  .ck-back{position:fixed;inset:0;z-index:95;background:rgba(var(--black-rgb),.72);opacity:0;pointer-events:none;transition:opacity .25s}
  .ck-back.on{opacity:1;pointer-events:auto}
  .ck-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.97);z-index:96;width:min(540px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto;background:var(--painel);border:1px solid var(--borda-f);border-radius:var(--r-card);padding:1.8rem;box-shadow:0 40px 90px rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
  .ck-modal.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
  .ck-modal h2{font-size:1.15rem;font-weight:800;color:#fff;letter-spacing:-.01em}
  .ck-modal>p{margin-top:.4rem;font-size:.85rem;line-height:1.55;color:var(--prata-esc)}
  .ck-cats{display:flex;flex-direction:column;margin-top:1.2rem}
  .ck-cat{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 0;border-top:1px solid var(--borda)}
  .ck-cat strong{display:block;font-size:.95rem;color:#fff}
  .ck-cat small{display:block;margin-top:.25rem;font-size:.8rem;line-height:1.45;color:var(--prata-esc)}
  .ck-tag{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--azul-claro);flex-shrink:0;padding-top:.35rem}
  .ck-sw{position:relative;flex-shrink:0;width:46px;height:26px;margin-top:.2rem}
  .ck-sw input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}
  .ck-sw span{position:absolute;inset:0;border-radius:50px;background:rgba(255,255,255,.12);border:1px solid var(--borda-f);transition:background .2s;pointer-events:none}
  .ck-sw span::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--prata-claro);transition:transform .2s}
  .ck-sw input:checked+span{background:var(--azul)}
  .ck-sw input:checked+span::after{transform:translateX(20px);background:#fff}
  .ck-sw input:focus-visible+span{outline:2px solid var(--prata-claro);outline-offset:2px}
  .ck-modal .ck-acts{justify-content:flex-end;margin-top:1.4rem}
  /* botão de preferências no rodapé, com a cara dos links da barra */
  .f-bar-nav{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
  .f-bar-nav button{background:none;border:0;border-bottom:1px solid var(--borda-f);cursor:pointer;font-family:inherit;font-size:.8rem;color:var(--prata);padding:0 0 .15rem;transition:color .2s,border-color .2s}
  .f-bar-nav button:hover{color:#fff;border-color:var(--prata-claro)}
  @media(max-width:600px){
    .ck-banner{left:.8rem;right:.8rem;bottom:.8rem;max-width:none}
  }
  @media (prefers-reduced-motion: reduce){
    .ck-banner,.ck-modal,.ck-back{transition:none}
  }

  /* (bloco TEMP do placeholder do autor removido — fotos do Dr. Matheus restauradas) */
