/* ══════════════════════════════════════════════════════════════════════
   Protótipo do site de diagnósticos da LN.

   A COMPOSIÇÃO replica o conjunto do concorrente medido em 09 e 11/09/2026
   (hub de link na bio com banners por serviço, e uma página por serviço).
   A IDENTIDADE é da LN: Outfit, azul e magenta da marca, logo oficial.

   O bench é escuro, e o escuro daqui NÃO é invenção: são os tokens do
   bloco `.dark` do site da LN (site-ln/src/index.css), onde o azul clareia
   para #3E6BC9 porque o #25478E não tem contraste sobre fundo quase preto.
   O relatório é a exceção deliberada: documento se lê em papel claro, e o
   relatório do bench também é claro.
   ══════════════════════════════════════════════════════════════════════ */

:root{
  /* marca, na versão escura (site-ln/src/index.css, bloco .dark) */
  --ln-blue:#3e6bc9;
  --ln-blue-deep:#25478e;
  --ln-magenta:#c559a0;
  --ln-magenta-deep:#b8347f;
  --ln-violet:#8a4fb0;
  --ln-green:#6fa383;
  --ln-amber:#e0a350;
  --ln-red:#c0736d;
  --ln-whatsapp:#25d366;

  --bg:#09090b;
  --bg-2:#0f0f14;
  --card:#131319;
  --card-2:#181820;
  --line:#26262f;
  --line-forte:#33333f;
  --ink:#ededf1;
  --muted:#9a9aa8;

  --radius:0.85rem;
  --radius-lg:1.35rem;
  --brilho:0 0 0 1px rgba(62,107,201,.25), 0 12px 40px rgba(62,107,201,.22);
  --sombra:0 18px 50px rgba(0,0,0,.45);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;
  position:relative;overflow-x:hidden;
}
/* O brilho de fundo do bench, refeito com as cores da LN. */
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(60rem 40rem at 12% -8%, rgba(62,107,201,.20), transparent 62%),
    radial-gradient(46rem 34rem at 92% 6%, rgba(184,52,127,.16), transparent 60%),
    radial-gradient(50rem 40rem at 50% 108%, rgba(138,79,176,.13), transparent 62%);
}
h1,h2,h3{line-height:1.12;letter-spacing:-.025em;margin:0;font-weight:700}
h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:800}
h2{font-size:clamp(1.55rem,3.3vw,2.4rem)}
h3{font-size:1.08rem;font-weight:600;letter-spacing:-.01em}
p{margin:0}
a{color:inherit}
.wrap{width:min(1120px,100% - 2.5rem);margin-inline:auto}
.estreito{width:min(680px,100% - 2rem);margin-inline:auto}
.grad{background:linear-gradient(96deg,var(--ln-blue) 0%,var(--ln-violet) 48%,var(--ln-magenta) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.lnmark{display:inline-block;width:30px;height:30px;flex:none;
  background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MTMuNDYgMzY2LjEyIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IkxOIENvbnN1bHRvcmlhIiBmaWxsPSJub25lIiBjb2xvcj0iI0ZGRkZGRiI+CjxnIGlkPSJib2xoYXMiPgogICAgPGNpcmNsZSBjeD0iNDYuNTUiIGN5PSI5NC4wMiIgcj0iNDYuNTUiIGZpbGw9ImN1cnJlbnRDb2xvciI+PC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSIxMTMuNjkiIGN5PSIxNjEuNzIiIHI9IjM2Ljc1IiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iNDYuNTkiIGN5PSIyMjcuOTIiIHI9IjMxLjM0IiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iMjM2LjYwIiBjeT0iMTA1LjIzIiByPSIyOS45NyIgZmlsbD0iY3VycmVudENvbG9yIj48L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjE1Ny4yOSIgY3k9Ijg1LjkxIiByPSIyMy40NSIgZmlsbD0iY3VycmVudENvbG9yIj48L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjExOC41MiIgY3k9IjIyLjE5IiByPSIyMi4xOSIgZmlsbD0iY3VycmVudENvbG9yIj48L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjEwNy43NyIgY3k9IjI2Ni45NiIgcj0iMTguNzMiIGZpbGw9ImN1cnJlbnRDb2xvciI+PC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSIyMTYuNzEiIGN5PSIzOS4zOCIgcj0iMTYuNTUiIGZpbGw9ImN1cnJlbnRDb2xvciI+PC9jaXJjbGU+CiAgPC9nPgogIDxnIGlkPSJtb25vZ3JhbWEiIGZpbGw9ImN1cnJlbnRDb2xvciI+CiAgICA8cGF0aCBkPSJNIDE2Ny40NiwxMzYuMTIgTCAyMDUuNDYsMTM2LjEyIEwgMjA1LjQ2LDI4OS4xMiBMIDMwMC40NiwyODkuMTIgTCAzMDAuNDYsMzMxLjEyIEwgMTY3LjQ2LDMzMS4xMiBaIj48L3BhdGg+CiAgICA8cGF0aCBkPSJNIDI2Mi40NiwxMzYuMTIgTCAyNzIuMzMsMTM2LjEyIEwgMzY5LjQ2LDI0NS4yNSBMIDM2OS40NiwxMzYuMTIgTCA0MDcuNDYsMTM2LjEyIEwgNDA3LjQ2LDMzMS4xMiBMIDM5NC43OCwzMzEuMTIgTCAzMDAuNDYsMjI1LjE0IEwgMzAwLjQ2LDMzMS4xMiBMIDI2Mi40NiwzMzEuMTIgWiI+PC9wYXRoPgogIDwvZz4KICA8ZyBpZD0iY29uc3VsdG9yaWEiIGZpbGw9ImN1cnJlbnRDb2xvciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU3LjQ2IDMzNy4xMikgc2NhbGUoMC4xKSI+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwzMzAuMDAwMDAwKSBzY2FsZSgwLjEwMDAwMCwtMC4xMDAwMDApIj4KICAgICAgPHBhdGggZD0iTTM3NTAgMjg3MCBjLTEzNiAtMTQgLTM1NiAtODMgLTQzMCAtMTM1IC0yNSAtMTggLTY5IC00NSAtOTkgLTYwIC0zNSAtMTcgLTEwMCAtNzIgLTE4OCAtMTU4IGwtMTM1IC0xMzIgLTc1IC0xNTUgYy01MyAtMTExIC03OCAtMTc2IC04OCAtMjMwIC04IC00MSAtMTkgLTkxIC0yNSAtMTEwIC0xNCAtNDYgLTE0IC00MzIgMCAtNDk0IDYgLTI2IDE3IC02MSAyNiAtNzcgOCAtMTYgMjQgLTY3IDM1IC0xMTIgMTEgLTQ1IDMzIC0xMDIgNDkgLTEyNyAxNiAtMjUgMzggLTY3IDQ5IC05MyAyMCAtNDUgMzkgLTcxIDE2OCAtMjE5IDg4IC0xMDAgMjcwIC0yMjggMzYzIC0yNTQgMzAgLTkgMTAzIC0zMSAxNjIgLTUwIDE1NyAtNTAgMjcyIC02NyAzOTggLTYxIDEzNSA3IDI4NiAzMiAzNTggNTkgNzkgMjkgMjk3IDE0NCAzNTcgMTg5IDExMSA4MSAyOTUgMzAyIDM2MCA0MjkgMTE0IDIyMyAxNTIgNTg1IDkyIDg2MiAtNDYgMjEyIC0xOTEgNDc2IC0zMTAgNTY2IC0zMCAyMiAtNzggNjcgLTEwNiAxMDAgLTQzIDUwIC0xMzUgMTEyIC0xNjYgMTEyIC0zIDAgLTMxIDE2IC02MSAzNSAtNzEgNDYgLTEwMyA1OCAtMjQ3IDk1IC0xMjYgMzIgLTI5NSAzOSAtNDg3IDIweiBtMjIwIC01MDkgYzExNCAtNyAxNDQgLTEzIDE5NSAtMzYgMzMgLTE1IDgzIC0zNSAxMTAgLTQ2IDY4IC0yNSAxMTkgLTgwIDIwNCAtMjE4IDEyMSAtMTk1IDE1MCAtMzMxIDExNiAtNTQzIC0yMCAtMTMxIC0zMiAtMTYzIC03OSAtMjIxIC0xOSAtMjMgLTUwIC02OSAtNzAgLTEwMyAtNTkgLTEwMiAtMTUwIC0xNzkgLTIzNSAtMTk4IC0zOSAtOSAtOTAgLTI2IC0xMTMgLTM5IC0zNyAtMTkgLTU4IC0yMiAtMTU4IC0yMiAtMjE5IDAgLTQ2MyAxMDcgLTUyNSAyMzEgLTExIDIxIC0zNyA2MiAtNTggOTAgLTQwIDU1IC0xMTIgMjQ4IC0xMjMgMzMzIC03IDU1IDM1IDI3NyA2OCAzNjEgMzIgODAgMTU0IDI1NyAyMDAgMjkwIDIyIDE2IDYzIDM2IDkxIDQ2IDI5IDkgNzAgMjYgOTIgMzcgOTQgNDggMTA0IDQ5IDI4NSAzOHoiPjwvcGF0aD4KICAgICAgPHBhdGggZD0iTTU5MzAgMjg1NCBjLTM4IC0zMyAtNjAgLTczIC01OCAtMTExIDAgLTE1IDIgLTUwOSA0IC0xMDk4IDEgLTU4OCA1IC0xMDg2IDggLTExMDUgMTIgLTc3IDc4IC0xMTAgMjE4IC0xMTAgMjUyIDAgMjg3IDQ4IDI3MiAzNzUgLTUgMTA0IC03IDIyNCAtNCAyNjUgNyAxMTggNiAyNzkgLTQgMzUyIC0xNCAxMDggMTEgMTc4IDY0IDE3OCAzNCAwIDUwOSAtNDkzIDU2NSAtNTg3IDEyIC0xOCA4MCAtOTMgMTUxIC0xNjYgNzIgLTczIDEzOCAtMTQ1IDE0NyAtMTYyIDggLTE2IDM3IC01OCA2NCAtOTIgMjYgLTM0IDYyIC04MiA4MCAtMTA3IDM1IC00OCAxMTIgLTg2IDE3NyAtODYgMzQgMCA4NiA0NCA4NiA3MyA3IDIyMyAtMiAyMzAyIC05IDIzMTYgLTIwIDM3IC02OSA0OCAtMjM3IDU1IC0xNTYgNiAtMTYyIDUgLTE5NSAtMTcgLTU5IC00MCAtNTkgLTM4IC01OSAtNDQzIDAgLTQ5MyAtOSAtNzMxIC0yNyAtNzUwIC0zNyAtMzcgLTk4IDggLTE5MCAxNDAgLTMxIDQ0IC04MSAxMDMgLTExMSAxMzEgLTMwIDI3IC02MSA2MyAtNzAgODAgLTggMTYgLTQwIDU3IC03MSA5MCAtMzEgMzMgLTgyIDg5IC0xMTIgMTI1IC0zMSAzNiAtMTA0IDExNSAtMTYxIDE3NyAtNTggNjIgLTEzMyAxNTIgLTE2NiAyMDAgLTMzIDQ4IC03OSAxMDYgLTEwMiAxMjggLTIzIDIyIC01NyA2MyAtNzYgOTIgLTU0IDg1IC0xMjUgMTA2IC0xODQgNTd6Ij48L3BhdGg+CiAgICAgIDxwYXRoIGQ9Ik0xODA2MCAyODY0IGMtMTQ0IC0xOCAtMzI4IC02OCAtMzYwIC05OCAtMzAgLTI5IC03NCAtNTEgLTExNiAtNjAgLTE4IC00IC00OSAtMjIgLTcwIC00MCAtMjIgLTE4IC02MCAtNDcgLTg2IC02NCAtMjYgLTE4IC02OSAtNTcgLTk1IC04OCAtMjYgLTMxIC02OSAtODAgLTk1IC0xMTAgLTk1IC0xMDggLTE1NSAtMjkwIC0xOTQgLTU4NiAtMzAgLTIzMyAtMjggLTMwNyAxMSAtNDM5IDEzIC00OCAzMSAtMTE4IDM5IC0xNTYgOSAtMzkgMzggLTEyNiA2NiAtMTk0IGw1MSAtMTI0IDExOCAtMTE1IGM2NSAtNjMgMTM2IC0xMjkgMTU3IC0xNDYgNjYgLTUyIDI0NiAtMTQxIDMyMCAtMTU3IDM4IC05IDEwMyAtMjkgMTQ0IC00NCA3MSAtMjYgODUgLTI3IDI5MCAtMzEgbDIxNSAtNCAxMjAgNDAgYzE4OSA2MyAzMzAgMTI1IDM4MCAxNjggMjUgMjIgNjkgNTYgOTggNzcgNzggNTcgMTAzIDg0IDE0NiAxNTcgMjIgMzcgNDggNzMgNTcgODEgOSA4IDM0IDUwIDU1IDk0IDIxIDQ0IDQ4IDkxIDU5IDEwNSA3MiA4OCAxMjkgNjIxIDgxIDc1NSAtMTIgMzMgLTI2IDg4IC0zMSAxMjMgLTEzIDc3IC0xMTQgMjkxIC0xNzMgMzY4IC0yMyAyOSAtNTggNzggLTc3IDEwOSAtMjUgNDEgLTUyIDY3IC05NyA5NSAtMzQgMjIgLTg0IDU5IC0xMTIgODQgLTI3IDI0IC03NCA1MyAtMTA0IDY0IC0zMCAxMiAtNzggMzUgLTEwNiA1MiAtMzQgMjEgLTc2IDM2IC0xMzAgNDUgLTQ0IDggLTEwNyAyMyAtMTQwIDM1IC03MiAyNCAtMjUxIDI2IC00MjEgNHogbTMwNCAtNTA5IGMxNDUgLTM3IDIxMiAtNjUgMjY3IC0xMTIgMzAgLTI1IDcxIC01NyA5MSAtNzEgNjMgLTQxIDk1IC0xMDEgMTc1IC0zMjUgMzcgLTEwNCAzOSAtMTk5IDEwIC0zNDIgLTMxIC0xNDggLTM5IC0xNjcgLTg3IC0yMzAgLTIxIC0yNyAtNDUgLTY3IC01MyAtODcgLTIwIC00NyAtMTIxIC0xNDUgLTE2NyAtMTYwIC0xOSAtNiAtNzAgLTI2IC0xMTIgLTQ1IC0xNzYgLTc3IC00NzUgLTQ1IC02MTUgNjYgLTI2IDIxIC02NyA0OCAtOTAgNjAgLTI0IDEyIC00OSAzMSAtNTYgNDQgLTggMTIgLTI2IDQyIC00MSA2NyAtMTQgMjUgLTM1IDU3IC00NyA3MSAtMTIgMTUgLTM3IDkwIC02MSAxODQgbC00MSAxNTkgMjMgMTA1IGM2MyAyOTkgMTEwIDM3NCAzMjYgNTI4IDQzIDMwIDk1IDUwIDIzNCA4NyA3MyAxOSAxNjggMjAgMjQ0IDF6Ij48L3BhdGg+CiAgICAgIDxwYXRoIGQ9Ik0yNDYwNSAyODU4IGMtMjUgLTIzIC02NSAtMTA4IC0xMzYgLTI5MyAtMjEgLTU1IC01OSAtMTU0IC04NCAtMjIwIC0yNSAtNjYgLTczIC0xNzUgLTEwNSAtMjQxIC0zOCAtNzcgLTY3IC0xNTQgLTgwIC0yMTAgLTEyIC00OSAtMzIgLTExNCAtNDYgLTE0NCAtMTQgLTMwIC00MiAtMTAwIC02MSAtMTU1IC0xOSAtNTUgLTUwIC0xMjUgLTY4IC0xNTUgLTQzIC03MCAtNjkgLTEzMSAtMTA2IC0yNDUgLTE3IC00OSAtNTQgLTEzOCAtODMgLTE5NiAtMjkgLTU4IC02MSAtMTMyIC03MSAtMTY1IC05IC0zMiAtMzcgLTEwMiAtNjEgLTE1NSAtNjIgLTEzNSAtNTggLTIwMSAxMyAtMjM4IDEzIC03IDg2IC0xMSAxOTEgLTExIDE2NCAwIDE3MCAxIDIyMyAyOCA1NSAyOCA5OSA3OCA5OSAxMTQgMCA0MiAzMyA5MCA3NCAxMDkgMzcgMTcgNzEgMTkgMzQyIDE5IDM4MyAwIDM4NiAtMSA0NTEgLTEzOCA1NSAtMTE1IDgxIC0xMjYgMzAyIC0xMjkgbDE3MyAtMiAzMCAzMCBjNDcgNDcgMzkgMTQ4IC0yNCAyODUgLTI2IDU0IC01OCAxMzEgLTcyIDE3MSAtMTQgMzkgLTQwIDEwMiAtNTkgMTQwIC0xOSAzNyAtNDIgOTUgLTUxIDEyNyAtMTAgMzMgLTQ1IDEyMyAtNzggMjAwIC0zMyA3OCAtNzUgMTg0IC05NCAyMzYgLTEwNyAzMTAgLTE0NyA0MTggLTE2NSA0NDkgLTEyIDIwIC0zNiA3NCAtNTQgMTIxIC0xOCA0NyAtNjMgMTQ4IC0xMDAgMjI1IC0zNiA3NyAtNzUgMTc0IC04NiAyMTUgLTU0IDIwMyAtMTM5IDI5MyAtMjE0IDIyOHogbTEwMCAtMTI4NSBjMTQgLTIxIDM3IC03NCA1MCAtMTE4IDE0IC00NCAzNyAtMTA2IDUxIC0xMzcgNDEgLTk1IDQgLTEyNiAtMTU2IC0xMzAgbC05MiAtMyAtMjkgMzMgYy0zNiA0MSAtMzcgNzcgLTMgMTU3IDE0IDMzIDM3IDg5IDUwIDEyNSA0OCAxMjMgODEgMTQyIDEyOSA3M3oiPjwvcGF0aD4KICAgICAgPHBhdGggZD0iTTE0NjAgMjg1OSBjLTE3MyAtMTIgLTI3NiAtMzQgLTM2NSAtNzggLTQ0IC0yMSAtOTggLTQ0IC0xMTkgLTUxIC03NCAtMjMgLTM2MiAtMzAwIC00MjYgLTQwNyAtMTE0IC0xOTUgLTE2MCAtMzY4IC0xNjggLTYzMCAtNSAtMTk5IDYgLTI4NyA2MCAtNDUzIDU2IC0xNzQgNzUgLTIxMSAxNjEgLTMyNiAxNTUgLTIwNyAzOTAgLTM3MiA1OTcgLTQyMCAzNiAtOSAxMDMgLTI2IDE1MCAtNDAgMTI1IC0zNSA0MDcgLTMwIDU1MCAxMSAxMzIgMzcgMTQ3IDQ0IDE3NSA3NyA0OSA1OSA1MSA4NiAxOSAzNTcgLTkgNzYgLTU0IDExMSAtMTQxIDExMSAtMzggMCAtMTA1IC05IC0xNDkgLTIxIC02OSAtMTggLTEwMCAtMjAgLTI0NCAtMTcgLTE5MCA1IC0yMTggMTMgLTM0NyA5NiAtMTIxIDc5IC0xMzEgOTAgLTE2OCAxNjIgLTE5IDM4IC00OCA5MCAtNjUgMTE3IC0xNjkgMjY2IC00NCA3NTYgMjM1IDkxOCA4OCA1MSAyMjIgOTYgMzExIDEwMyA5OSA5IDEzOCA1IDI4MyAtMzMgMTM2IC0zNSAxODYgLTIyIDIyNyA1OCAyNiA1MCAzMCAzMTIgNSAzNTggLTI5IDU0IC05MyA4MSAtMjE0IDkwIC01NiA0IC0xMTggMTMgLTEzNyAxOCAtMzggMTIgLTcyIDEyIC0yMzAgMHoiPjwvcGF0aD4KICAgICAgPHBhdGggZD0iTTkxMDUgMjg1NCBjLTIzMyAtMjkgLTI1OCAtMzcgLTM2OSAtMTE3IC0xNjEgLTExNyAtMjkwIC0zMzcgLTMyMSAtNTQ4IC0xNCAtOTIgNTQgLTM0MSAxMTkgLTQzOSAxNCAtMjIgNTIgLTU4IDgzIC04MSAzMiAtMjMgOTMgLTY5IDEzNiAtMTAxIDEzMSAtOTkgMjA5IC0xMzkgMzcyIC0xODggMTg4IC01OCAyNjIgLTI1NSAxMzggLTM3MiAtNzUgLTcyIC0yNjQgLTk4IC0zODMgLTU0IC0zNiAxMyAtOTQgMzMgLTEzMCA0NSAtMzYgMTMgLTg3IDMyIC0xMTUgNDMgLTg4IDM3IC0xMzkgMzYgLTE3OSAtNCAtNDUgLTQ1IC01MyAtODQgLTU1IC0yNTUgLTIgLTE5OCA0IC0yMDUgMjg1IC0zMDAgbDE2OSAtNTggMjAwIDAgMjAwIDAgMTIwIDQ5IGMxNjQgNjYgMTY2IDY3IDI1NyAxNTQgMTMzIDEyOCAxOTMgMjM4IDIyMyA0MTQgMTYgOTYgMTQgMTEzIC0zMCAyODkgLTI4IDExMiAtNzUgMjA4IC0xMjggMjYxIC02MCA2MCAtMjM4IDE4MCAtMzE5IDIxNCAtNDMgMTkgLTk4IDQ1IC0xMjEgNTggLTIzIDEzIC03NSAzNiAtMTE1IDUxIC03NCAyNyAtMTgwIDEwNCAtMjAyIDE0NCAtMTMgMjUgLTEzIDExNSAwIDE2MiAxMSA0MCA4MiAxMTMgMTI3IDEzMCA3MiAyNyAyMTIgMjMgMzM3IC0xMSAxNDAgLTM3IDE3MSAtMzUgMjE1IDE2IDM3IDQyIDI5IDQgNTcgMjc1IDggNzYgLTExIDExMSAtNzggMTQ1IC04NiA0NCAtMTIzIDUzIC0yNTYgNjQgLTcwIDUgLTE0NSAxMiAtMTY3IDE0IC0yMiAyIC01MyAyIC03MCAweiI+PC9wYXRoPgogICAgICA8cGF0aCBkPSJNMTA2MzAgMjgzMCBjLTMyIC0xMSAtNjYgLTMxIC04MyAtNTAgbC0yOCAtMzIgMSAtNTc2IGMxIC0zMTcgLTEgLTYzOCAtNSAtNzEyIC03IC0xMzMgMCAtMjA2IDM2IC0zNzUgNTggLTI3NCAyOTIgLTUzNyA1NTIgLTYyMSAzMjUgLTEwNSA2OTQgLTE4IDkyMyAyMTggNjMgNjQgODkgOTggMTY3IDIxOCAxMCAxNiAyMyA1NyAyOSA5MSA2IDM1IDIwIDgyIDMyIDEwNCAyMSA0MCAyMSA0NyAyNCA4NDcgbDMgODA2IC0zMiAzNiBjLTQ4IDU1IC02MSA1OSAtMjE0IDYyIC0xNTEgMiAtMjAzIC03IC0yMzUgLTQxIC0yMCAtMjEgLTIwIC0zNSAtMjcgLTc1NiAtMyAtNDA0IC01IC03NjkgLTQgLTgxMiBsMiAtNzcgLTU4IC02MSBjLTEzNiAtMTQ0IC0zMjEgLTIwOCAtNDE1IC0xNDQgLTIwIDE0IC02MiAzNCAtOTIgNDUgLTQwIDE1IC02NyAzNSAtOTYgNjggLTgxIDk1IC03NSAyMiAtNzcgOTA3IC0zIDg5NyA1IDgyNSAtODkgODU3IC03MSAyNSAtMjQxIDI0IC0zMTQgLTJ6Ij48L3BhdGg+CiAgICAgIDxwYXRoIGQ9Ik0xMzI0OCAyODQxIGMtMTE2IC02IC0xMjkgLTggLTE1MiAtMzAgLTI5IC0yOCAtNTEgLTg0IC00MSAtMTA5IDUgLTEzIDUgLTE0NjggMSAtMjEyNSAtMSAtNzQgMSAtODAgMjcgLTEwMyA0NiAtMzkgODMgLTQxIDYyNCAtNDAgNjU1IDIgNjAzIC0xOSA2MDMgMjQ5IDAgMTczIC05IDIxMyAtNTQgMjQyIC00MCAyNyAtMTU2IDM2IC0zNDYgMjcgLTI0OCAtMTIgLTMxNCA0IC0zNDAgODIgLTYgMjAgLTExIDMyMyAtMTMgODcxIGwtMiA4NDAgLTIzIDM2IGMtMjQgNDAgLTgzIDcwIC0xMzAgNjcgLTE1IC0xIC04NCAtNCAtMTU0IC03eiI+PC9wYXRoPgogICAgICA8cGF0aCBkPSJNMTQ5MTMgMjg0MCBjLTUzIC0xMSAtMTAwIC0zNSAtMTEyIC01OCAtNSAtMTAgLTEwIC05MCAtMTAgLTE3OCAtMSAtMjUxIDEzIC0yNjMgMzEyIC0yNjQgMTk4IDAgMjM0IC03IDI1NiAtNDkgMTAgLTE5IDI0IC0xOTkgMjMgLTMwNiAtNyAtOTA3IC00IC0xNDQ1IDggLTE0NzQgMTcgLTQzIDUzIC02MCAxNjUgLTc2IDgxIC0xMiAxMDQgLTEyIDE3MCAwIDE0MSAyNyAxNjcgNTkgMTY4IDIwMCAwIDQ0IDAgNDIzIC0xIDg0MyAtMSA0MTkgMiA3NzIgNyA3ODUgMjkgNzQgODEgODggMjg4IDc3IDE4OSAtMTAgMjA4IC02IDI2MSA1NCBsMzIgMzcgMiAxMzIgYzMgMjA3IDEgMjEzIC04NyAyNjAgLTM3IDIwIC01MCAyMiAtMTg1IDE3IC0xNzcgLTYgLTExNDcgLTQgLTEyMTAgMyAtMjUgMyAtNjQgMSAtODcgLTN6Ij48L3BhdGg+CiAgICAgIDxwYXRoIGQ9Ik0yMDI2MSAyODI5IGMtODAgLTM1IC03NCA2NSAtNzMgLTExODQgMCAtOTAzIDMgLTExMTkgMTQgLTExNDIgMjUgLTUyIDcyIC02NSAyNDEgLTY3IDI2OCAtMiAyNzIgNiAyNjEgNDkwIC04IDMzNSAtNiAzNjAgMzUgNDAzIDcwIDc1IDE2NCAxOSAyNDggLTE0NSAyMyAtNDMgNjYgLTEyNyA5NiAtMTg3IDMwIC01OSA1OSAtMTEzIDY1IC0xMjAgNSAtNiAxOSAtMzggMzEgLTcxIDI3IC03MyAxMzYgLTI3MSAxNzAgLTMxMCAxNCAtMTYgNDEgLTM1IDYwIC00MyAzNyAtMTYgMzE4IC0zNyAzNjAgLTI2IDE0MCAzMyAxNDUgMTU1IDE0IDMwNSAtMzUgNDEgLTU1IDc1IC02OCAxMTkgLTEwIDM0IC0zMSA3OCAtNDUgOTggLTE0IDIwIC01MyA5MCAtODcgMTU2IC0zMyA2NiAtNzkgMTQ5IC0xMDEgMTg0IC02NCA5OCAtNTIgMTQzIDU3IDIxNSAxMTQgNzQgMTc3IDE1MSAyNTkgMzExIDM4IDc0IDU4IDM2NCAzMyA0ODUgLTI4IDE0MCAtMTY3IDM0OCAtMjcxIDQwNyAtMjUgMTQgLTc0IDQzIC0xMTAgNjQgLTEwMyA2MCAtMjEzIDcwIC04MDMgNzQgLTMxMiAxIC0zNTEgMCAtMzg2IC0xNnogbTg3NiAtNTA1IGM2MyAtMzAgMTI5IC05MyAxNTAgLTE0MiA0MCAtOTUgMiAtMjIyIC04NiAtMjg2IC03MyAtNTQgLTkxIC01OCAtMjY1IC01OCAtMjMwIDAgLTIzOSA5IC0yMzEgMjY1IDMgODQgNSAxNjIgNSAxNzUgMCAxMyAxMyAzNiAyOSA1MiBsMjkgMjkgMTU4IC01IGMxNDEgLTUgMTY1IC05IDIxMSAtMzB6Ij48L3BhdGg+CiAgICAgIDxwYXRoIGQ9Ik0yMjYyMSAyODMyIGMtNjQgLTI0IC05MCAtNDggLTk5IC05MyAtNCAtMTkgLTcgLTUyMCAtNiAtMTExNSAwIC0xMDUzIDEgLTEwODIgMjAgLTExMTUgMzUgLTYwIDc5IC03NCAyMzkgLTc0IDI1NiAwIDI1OSA1IDI1NCA0MDUgLTIgMTU3IC0yIDY1NiAtMSAxMTA4IDQgOTIyIDEwIDg0NyAtNjcgODc5IC01OSAyNSAtMjc1IDI4IC0zNDAgNXoiPjwvcGF0aD4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==") center/contain no-repeat}

/* ── barra de protótipo ─────────────────────────────────────────────── */
.proto{background:#000;color:#d8d8e2;font-size:.76rem;padding:.5rem 1rem;text-align:center;
  border-bottom:1px solid var(--line)}
.proto b{color:#ffb8e0;font-weight:600}

/* ── navegação ──────────────────────────────────────────────────────── */
header.nav{position:sticky;top:0;z-index:40;background:rgba(9,9,11,.82);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:1.4rem;padding:.8rem 0}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:600;letter-spacing:-.02em;
  font-size:1.02rem;text-decoration:none;white-space:nowrap}
.nav-links{display:none;gap:1.5rem;margin-left:auto;font-size:.93rem;color:var(--muted)}
.nav-links a{text-decoration:none}
.nav-links a:hover{color:var(--ink)}
@media(min-width:900px){.nav-links{display:flex}}

/* ── botões ─────────────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border:0;cursor:pointer;
  font-family:inherit;font-size:.97rem;font-weight:600;padding:.9rem 1.6rem;border-radius:999px;
  text-decoration:none;transition:.18s ease;line-height:1.2}
.btn-primary{color:#fff;background:var(--ln-blue-deep);
  box-shadow:0 6px 20px rgba(37,71,142,.4)}
.btn-primary:hover{background:#2d55a8;transform:translateY(-1px)}
.btn-ghost{background:var(--card-2);color:var(--ink);border:1px solid var(--line-forte)}
.btn-ghost:hover{background:#20202a}
.btn-wa{background:var(--ln-whatsapp);color:#062713}
.btn-lg{padding:1.1rem 2.1rem;font-size:1.06rem}
.btn-block{width:100%}
.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
/* A bolinha de ícone à esquerda, como no bench */
.btn .ic{width:1.65rem;height:1.65rem;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.14);font-size:.85rem;flex:none}

/* ── cartões e seções ───────────────────────────────────────────────── */
section{padding:4rem 0}
.sec-head{max-width:46rem;margin-bottom:2.4rem}
.sec-head.meio{text-align:center;margin-inline:auto}
.kicker{font-size:.73rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ln-magenta);margin-bottom:.7rem}
.sec-head p{color:var(--muted);font-size:1.04rem;margin-top:.85rem}
.grid{display:grid;gap:1rem}
.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:1.6rem;box-shadow:var(--sombra)}
.card h3{margin-bottom:.5rem}
.card p{color:var(--muted);font-size:.95rem}
.icon{width:2.7rem;height:2.7rem;border-radius:.85rem;display:grid;place-items:center;font-size:1.2rem;
  margin-bottom:1rem;color:#cdd9f5;
  background:linear-gradient(140deg,rgba(62,107,201,.24),rgba(184,52,127,.18));
  border:1px solid rgba(62,107,201,.25)}
.badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:#c9d6f6;
  background:rgba(62,107,201,.12);border:1px solid rgba(62,107,201,.3);
  padding:.45rem .95rem;border-radius:999px}
.badge .dot{width:7px;height:7px;border-radius:50%;background:var(--ln-green);
  box-shadow:0 0 0 3px rgba(111,163,131,.22)}
.pill{display:inline-block;font-size:.68rem;font-weight:600;letter-spacing:.04em;
  padding:.28rem .7rem;border-radius:999px}
.pill-amber{background:rgba(224,163,80,.16);color:#f0c081}
.pill-green{background:rgba(111,163,131,.16);color:#8fc4a4}
.pill-red{background:rgba(192,115,109,.16);color:#dd9c96}
.pill-blue{background:rgba(62,107,201,.18);color:#9cb8ef}

/* ══════════════════════════════════════════════════════════════════════
   HUB (o link da bio)
   ══════════════════════════════════════════════════════════════════════ */
.hub{width:min(560px,100% - 2rem);margin-inline:auto;padding:1.5rem 0 4rem}
.retrato{position:relative;border-radius:var(--radius-lg);overflow:hidden;
  background:linear-gradient(160deg,#171030,#0d0b1a 60%);border:1px solid var(--line);
  aspect-ratio:3/4;display:grid;place-items:center;text-align:center;padding:2rem}
.retrato img{width:100%;height:100%;object-fit:cover;object-position:top center}
.retrato .vazio{color:#8d8da0;font-size:.9rem;line-height:1.5}
.retrato .vazio b{display:block;color:#c2c2d4;font-size:1rem;margin-bottom:.4rem}
.retrato .moldura{position:absolute;inset:1rem;border:1px dashed #3a3a4c;border-radius:calc(var(--radius-lg) - .4rem);
  pointer-events:none}
.frase{margin:-2.2rem auto 0;position:relative;z-index:2;width:88%;
  background:linear-gradient(96deg,rgba(37,71,142,.9),rgba(138,79,176,.9));
  border:1px solid rgba(197,89,160,.5);border-radius:var(--radius);
  padding:.85rem 1.1rem;font-weight:600;font-size:1rem;line-height:1.35;
  box-shadow:0 10px 30px rgba(0,0,0,.45)}
.hub h1{font-size:clamp(2rem,8vw,2.7rem);margin-top:1.8rem;line-height:1.05}
.hub h1 span{display:block}
.hub .papel{font-weight:600;margin-top:1.2rem;font-size:1.02rem}
.hub .bio{color:var(--muted);margin-top:.9rem;font-size:.97rem;line-height:1.65}
.hub .bio + .bio{margin-top:.8rem}

/* banners de serviço */
.banners{margin-top:2.5rem;display:flex;flex-direction:column;gap:1.1rem}
.banner{display:block;text-decoration:none;border-radius:var(--radius-lg);padding:1.4rem;
  border:1px solid rgba(62,107,201,.28);position:relative;overflow:hidden;
  background:linear-gradient(135deg,#141026 0%,#0e0c1b 55%,#150f23 100%);
  box-shadow:var(--sombra);transition:.18s ease}
.banner:hover{transform:translateY(-2px);border-color:rgba(197,89,160,.5)}
.banner::after{content:"";position:absolute;inset:auto -20% -60% auto;width:22rem;height:22rem;
  background:radial-gradient(closest-side,rgba(184,52,127,.22),transparent 70%);pointer-events:none}
.banner .cima{display:flex;align-items:center;gap:1rem}
.banner .selo{width:3.2rem;height:3.2rem;border-radius:.95rem;flex:none;display:grid;place-items:center;
  font-size:1.35rem;color:#dfe7fb;background:linear-gradient(140deg,rgba(62,107,201,.3),rgba(184,52,127,.24));
  border:1px solid rgba(120,140,220,.3)}
.banner .tit{font-size:1.45rem;font-weight:800;letter-spacing:-.03em;line-height:1.05}
.banner .tit b{display:block;font-weight:800}
.banner .sub{color:#b6b6c8;font-size:.95rem;margin-top:.9rem;line-height:1.5;position:relative;z-index:1}
.banner .sub em{font-style:normal;color:#d6b9ea}
.banner .acao{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.2rem;position:relative;z-index:1;
  background:var(--ln-blue-deep);color:#fff;font-weight:600;font-size:.95rem;
  padding:.75rem 1.3rem;border-radius:999px;box-shadow:0 6px 18px rgba(37,71,142,.38)}
.banner:hover .acao{background:#2d55a8}
.banner .acao .ic{width:1.6rem;height:1.6rem;border-radius:50%;background:rgba(255,255,255,.14);
  display:grid;place-items:center;font-size:.8rem}
.banner.wa .selo{background:rgba(37,211,102,.14);border-color:rgba(37,211,102,.28);color:#5fd98f}

/* ══════════════════════════════════════════════════════════════════════
   PÁGINAS DE SERVIÇO
   ══════════════════════════════════════════════════════════════════════ */
.hero{padding:3.2rem 0 1.5rem}
.hero-grid{display:grid;gap:2.6rem;align-items:center}
@media(min-width:980px){.hero-grid{grid-template-columns:1.05fr .95fr;gap:2rem}}
.hero h1{margin:1.15rem 0 0}
.hero .lead{margin-top:1.1rem;font-size:1.1rem;color:var(--muted);max-width:34rem}
.trust{display:flex;align-items:center;gap:.6rem;margin-top:1.5rem;color:var(--muted);font-size:.9rem}
.stars{color:var(--ln-amber);letter-spacing:.08em}

/* preço grande, como o bench faz */
.preco-bloco{text-align:center;margin:1.6rem 0}
.preco-bloco .antes{color:var(--muted);font-size:.95rem}
.preco-bloco .valor{display:inline-flex;align-items:flex-start;gap:.25rem;margin-top:.3rem;
  font-weight:800;letter-spacing:-.04em;line-height:1}
.preco-bloco .cifra{font-size:1.4rem;margin-top:.45rem}
.preco-bloco .num{font-size:clamp(3rem,11vw,4.6rem);
  background:linear-gradient(96deg,var(--ln-blue),var(--ln-magenta));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.preco-bloco .obs{color:var(--muted);font-size:.9rem;margin-top:.5rem}

/* moldura de vídeo */
.video{border-radius:var(--radius-lg);border:1px solid var(--line-forte);overflow:hidden;
  background:linear-gradient(140deg,#141026,#0d0b17);aspect-ratio:16/9;display:grid;place-items:center;
  text-align:center;color:#8d8da0;font-size:.92rem;box-shadow:var(--sombra);padding:1.5rem}
.video .play{width:4.2rem;height:4.2rem;border-radius:50%;display:grid;place-items:center;font-size:1.3rem;
  margin:0 auto .9rem;color:#fff;background:var(--ln-blue-deep);
  box-shadow:0 8px 24px rgba(37,71,142,.45)}

/* cartão de oferta */
.oferta{border:1px solid rgba(62,107,201,.3);border-radius:var(--radius-lg);background:var(--card);
  box-shadow:var(--brilho);overflow:hidden;max-width:520px;margin-inline:auto}
.oferta-top{padding:1.7rem;border-bottom:1px solid var(--line);text-align:center;
  background:linear-gradient(140deg,rgba(62,107,201,.12),rgba(184,52,127,.1))}
.oferta .de{color:var(--muted);text-decoration:line-through;font-size:.95rem}
.oferta .parcela{font-size:2.3rem;font-weight:800;letter-spacing:-.03em;margin-top:.2rem}
.oferta .avista{color:var(--muted);font-size:.95rem;margin-top:.3rem}
.oferta ul{list-style:none;padding:1.4rem 1.6rem;margin:0;display:flex;flex-direction:column;gap:.9rem}
.oferta li{display:flex;gap:.7rem;font-size:.95rem;color:#d3d3de;line-height:1.45}
.oferta li::before{content:"✓";color:var(--ln-green);font-weight:700;flex:none}
.oferta .rodape{padding:0 1.6rem 1.6rem}

/* passos */
.passos{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.passo{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.4rem}
.passo .n{width:1.9rem;height:1.9rem;border-radius:50%;display:grid;place-items:center;font-weight:700;
  font-size:.85rem;margin-bottom:.85rem;color:#fff;background:var(--ln-blue-deep)}
.passo p{color:var(--muted);font-size:.93rem;margin-top:.35rem}

/* depoimentos */
.depos{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.9rem;scroll-snap-type:x mandatory}
.depos::-webkit-scrollbar{height:6px}
.depos::-webkit-scrollbar-thumb{background:var(--line-forte);border-radius:999px}
.depo{flex:0 0 300px;scroll-snap-align:start;background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:1.4rem}
.depo p{font-size:.95rem;color:#d3d3de;line-height:1.5}
.depo .quem{display:flex;align-items:center;gap:.6rem;margin-top:1rem;font-size:.86rem;color:var(--muted)}
.depo .av{width:2rem;height:2rem;border-radius:50%;background:var(--card-2);display:grid;place-items:center;
  font-weight:700;color:#a9a9bd;font-size:.78rem;border:1px solid var(--line-forte)}

/* apresentação de quem assina */
.assina{display:grid;gap:2rem;align-items:center}
@media(min-width:820px){.assina{grid-template-columns:.8fr 1.2fr}}
.assina .foto{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);
  background:linear-gradient(160deg,#171030,#0d0b1a);aspect-ratio:4/5;display:grid;place-items:center;
  text-align:center;padding:1.5rem;color:#8d8da0;font-size:.88rem;position:relative}
.assina .foto img{width:100%;height:100%;object-fit:cover}
.assina .foto .moldura{position:absolute;inset:.9rem;border:1px dashed #3a3a4c;border-radius:1rem}

/* perguntas */
details{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin-bottom:.7rem}
details[open]{border-color:var(--line-forte)}
summary{cursor:pointer;list-style:none;padding:1.1rem 1.35rem;font-weight:600;display:flex;
  justify-content:space-between;gap:1rem;align-items:center}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:1.35rem;color:var(--ln-magenta);font-weight:400;line-height:1}
details[open] summary::after{content:"−"}
details .ans{padding:0 1.35rem 1.25rem;color:var(--muted);font-size:.96rem}

/* aviso legal e rodapé */
.legal{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:1.5rem;font-size:.85rem;color:var(--muted);line-height:1.65}
.legal b{color:#c5c5d2}
footer{border-top:1px solid var(--line);padding:2.5rem 0;color:var(--muted);font-size:.86rem;
  background:rgba(0,0,0,.35)}
footer .cols{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
footer b{color:var(--ink);font-weight:600}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--ink)}

/* barra fixa */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:35;background:rgba(9,9,11,.94);
  backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:.7rem 0;
  transform:translateY(120%);transition:transform .25s ease}
.sticky.on{transform:none}
.sticky .in{display:flex;align-items:center;gap:1rem;justify-content:space-between}
.sticky .txt{font-size:.84rem;line-height:1.25;color:var(--muted)}
.sticky .txt b{display:block;font-size:.94rem;color:var(--ink)}

/* ══════════════════════════════════════════════════════════════════════
   MOCKUP DE CELULAR (herói do Diagnóstico Inteligente)
   ══════════════════════════════════════════════════════════════════════ */
.phone{width:min(330px,88vw);margin-inline:auto;border-radius:2.6rem;padding:.7rem;
  background:linear-gradient(160deg,#26263a,#0e0e16);box-shadow:0 30px 70px rgba(0,0,0,.6);
  border:1px solid #2c2c3c}
.phone-screen{background:#fff;border-radius:2.1rem;overflow:hidden;color:#1c1c20}
.phone-bar{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1.15rem .3rem;
  font-size:.7rem;color:#71717b;font-weight:500}
.phone-body{padding:.35rem 1rem 1.15rem}
.mini-head{display:flex;justify-content:space-between;align-items:center;font-size:.6rem;
  letter-spacing:.08em;text-transform:uppercase;color:#71717b;padding:.4rem 0 .7rem;
  border-bottom:1px solid #e7e7ea;margin-bottom:.85rem}
.mini-live{display:inline-flex;align-items:center;gap:.35rem;color:#35664b;font-weight:600}
.mini-card{border:1px solid #e7e7ea;border-radius:.75rem;padding:.8rem .9rem;background:#fff}
.mini-card .t{font-size:.95rem;font-weight:600;letter-spacing:-.01em}
.mini-card .s{font-size:.72rem;color:#5f5f68;margin-top:.2rem;line-height:1.35}
.mini-row{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.55rem}
.mini-row .mini-card{padding:.65rem .7rem}
.mini-row .lbl{font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;color:#71717b}
.mini-row .val{font-size:.88rem;font-weight:600;margin-top:.1rem}
.gauge{display:flex;align-items:center;gap:.9rem}
.gauge svg{flex:none}
.phone .pill-amber{background:rgba(183,121,31,.13);color:#a05e00}
.thermo{margin-top:.75rem;border:1px solid #e7e7ea;border-radius:.75rem;padding:.75rem .8rem}
.thermo .lbl{font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;color:#71717b}
.thermo-bar{height:8px;border-radius:999px;margin:.5rem 0 .35rem;position:relative;
  background:linear-gradient(90deg,#35664b 0%,#b7791f 52%,#a85049 100%)}
.thermo-bar i{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:#fff;
  border:3px solid #111114;transform:translate(-50%,-50%)}
.thermo .s{font-size:.66rem;color:#5f5f68}

/* ══════════════════════════════════════════════════════════════════════
   FUNIL (modal de quatro etapas), escuro como o resto
   ══════════════════════════════════════════════════════════════════════ */
.modal{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;
  background:rgba(0,0,0,.72);backdrop-filter:blur(4px);padding:1rem}
.modal.on{display:flex}
.sheet{background:var(--card);border:1px solid var(--line-forte);border-radius:var(--radius-lg);
  width:min(520px,100%);max-height:92vh;overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.7)}
.sheet-head{padding:1.4rem 1.6rem 0;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.close{border:1px solid var(--line-forte);background:var(--card-2);width:2rem;height:2rem;border-radius:50%;
  cursor:pointer;font-size:1.1rem;line-height:1;color:var(--muted)}
.prog{padding:1rem 1.6rem .4rem}
.prog-bar{height:6px;background:#22222c;border-radius:999px;overflow:hidden}
.prog-bar i{display:block;height:100%;border-radius:999px;transition:width .3s ease;
  background:linear-gradient(90deg,var(--ln-blue),var(--ln-magenta))}
.prog-lbl{font-size:.71rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);
  margin-top:.55rem;display:flex;justify-content:space-between}
.sheet-body{padding:1.1rem 1.6rem 1.7rem}
.sheet-body h3{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}
.sheet-body .hint{color:var(--muted);font-size:.93rem;margin-top:.5rem}
label.f{display:block;margin-top:1.2rem}
label.f span{display:block;font-size:.86rem;font-weight:500;margin-bottom:.4rem}
label.f small{color:var(--muted);font-weight:400}
input[type=text],input[type=email],input[type=tel]{width:100%;font-family:inherit;font-size:1rem;
  padding:.85rem 1rem;border:1px solid var(--line-forte);border-radius:var(--radius);
  background:#0e0e14;color:var(--ink)}
input::placeholder{color:#6b6b7c}
input:focus{outline:2px solid var(--ln-blue);outline-offset:1px;border-color:transparent}
input.bad{border-color:var(--ln-red);background:rgba(192,115,109,.08)}
.err{color:#e29a94;font-size:.84rem;margin-top:.4rem;display:none}
.err.on{display:block}
.consent{display:flex;gap:.7rem;align-items:flex-start;margin-top:1.3rem;background:#0e0e14;
  border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem}
.consent input{margin-top:.2rem;width:1.05rem;height:1.05rem;accent-color:var(--ln-blue)}
.consent span{font-size:.86rem;color:var(--muted);line-height:1.45}
.warn{margin-top:1.2rem;border-left:3px solid var(--ln-amber);background:rgba(224,163,80,.08);
  padding:.8rem 1rem;border-radius:0 var(--radius) var(--radius) 0;font-size:.88rem;color:#d9d9e2}
.actions{display:flex;gap:.7rem;margin-top:1.6rem}
.actions .btn{flex:1}
.pix-box{margin-top:1.2rem;border:1px solid var(--line-forte);border-radius:var(--radius);overflow:hidden}
.pix-top{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1rem;
  background:#0e0e14;border-bottom:1px solid var(--line)}
.pix-top b{font-size:1.15rem;letter-spacing:-.02em}
/* QR code do Pix (21/09/2026). Ladrilho BRANCO com zona de silêncio: o
   modal é escuro e leitor de QR precisa de contraste, então a imagem não
   herda o tema. Ao lado, a instrução; no celular empilha. */
.pix-qr{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--line-forte)}
.pix-qr img{width:148px;height:148px;flex:none;background:#fff;border-radius:12px;padding:8px;box-sizing:border-box}
.pix-qr small{color:var(--muted);font-size:.84rem;line-height:1.5}
@media(max-width:520px){.pix-qr{flex-direction:column;text-align:center}}
.pix-code{padding:.9rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;
  color:#9a9aa8;word-break:break-all;line-height:1.5;background:#0b0b10}
.timer{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ln-amber)}
.gen{display:flex;flex-direction:column;gap:.65rem;margin-top:1.4rem;padding:0;list-style:none}
.gen li{display:flex;align-items:center;gap:.65rem;font-size:.94rem;color:var(--muted);transition:.2s}
.gen li.done{color:var(--ink)}
.gen .tick{width:1.35rem;height:1.35rem;border-radius:50%;border:2px solid var(--line-forte);
  display:grid;place-items:center;font-size:.7rem;color:transparent;flex:none}
.gen li.done .tick{background:var(--ln-green);border-color:var(--ln-green);color:#06210f}
.gen li.doing .tick{border-color:var(--ln-blue);border-right-color:transparent;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ══════════════════════════════════════════════════════════════════════
   RELATÓRIO: claro de propósito. Documento se lê em papel, e o relatório
   do bench também é claro.
   ══════════════════════════════════════════════════════════════════════ */
.report{display:none;background:#f5f5f7;min-height:100vh;color:#1c1c20}
.report.on{display:block}
.report .brand{color:#1c1c20}
.rep-top{background:#fff;border-bottom:1px solid #e7e7ea;padding:1.1rem 0;position:sticky;top:0;z-index:20}
.rep-top .in{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
/* Cabeçalho do relatório (Marcos, 14/09/2026): a marca à esquerda e o bloco
   de documento, titular, análise e protocolo centralizado na PÁGINA; os
   botões na linha de baixo, à esquerda, onde sempre estiveram. Em tela
   larga, os três ficam em grade com colunas externas de tamanho igual e
   mínimo zero (senão a marca alarga a coluna dela e o centro desloca,
   medido: 31px a 1024). Em tela menor, cada bloco numa linha. */
.rep-top .in{display:grid;grid-template-columns:1fr;align-items:center;gap:.8rem 1rem}
.rep-top .brand{grid-row:1;white-space:nowrap}
/* Em tela estreita nada se centraliza: marca, dados e botões alinhados à
   esquerda, um embaixo do outro (o centralizado numa linha e os botões à
   esquerda na outra parecia quebrado; Marcos, 16/09/2026). */
.rep-meta{grid-row:2;display:flex;justify-content:flex-start;gap:.5rem 1.6rem;flex-wrap:wrap;font-size:.78rem;color:#5f5f68;text-align:left}
.rep-top .rep-actions{grid-row:3;justify-content:flex-start}
/* A partir de 1000px cabe tudo numa linha: a marca (181px) fica na coluna
   externa esquerda, os dados no centro exato, e os botões embaixo. */
@media(min-width:1000px){
  .rep-meta{justify-content:center;text-align:center;gap:.6rem 2.2rem}
  .rep-top .in{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  .rep-top .brand{grid-column:1;grid-row:1}
  .rep-meta{grid-column:2;grid-row:1}
  .rep-top .rep-actions{grid-column:1/-1;grid-row:2}
}
.rep-meta b{display:block;color:#1c1c20;font-weight:600;font-size:.86rem}
.rep-actions{display:flex;gap:.6rem;flex-wrap:wrap}
.rep-actions .btn{padding:.6rem 1.1rem;font-size:.88rem}
.report .btn-ghost{background:#f1f1f4;color:#1c1c20;border-color:#e0e0e6}
.tabs{display:flex;gap:.4rem;overflow-x:auto;padding:1.4rem 0 0;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{border:1px solid #e7e7ea;background:#fff;color:#5f5f68;cursor:pointer;font-family:inherit;
  font-size:.9rem;font-weight:500;padding:.6rem 1.15rem;border-radius:999px;white-space:nowrap}
.tab[aria-selected=true]{background:var(--ln-blue-deep);border-color:var(--ln-blue-deep);color:#fff;font-weight:600}
.panel{display:none;padding:1.6rem 0 4rem}
.panel.on{display:block}
.rep-card{background:#fff;border:1px solid #e7e7ea;border-radius:1.25rem;padding:1.5rem;
  box-shadow:0 1px 2px rgba(17,17,20,.04),0 8px 24px rgba(17,17,20,.05);margin-bottom:1rem}
.rep-card .lbl{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#71717b}
.rep-card h3{color:#1c1c20}
.big{font-size:clamp(1.9rem,4vw,2.6rem);font-weight:800;letter-spacing:-.03em;margin-top:.35rem}
.big.crit{color:#a85049}
.big.ok{color:#35664b}
.rep-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.report .pill-amber{background:rgba(183,121,31,.13);color:#a05e00}
.report .pill-green{background:rgba(53,102,75,.12);color:#35664b}
.report .pill-red{background:rgba(168,80,73,.12);color:#a85049}
.report .pill-blue{background:rgba(37,71,142,.1);color:#25478e}
.report .thermo-bar i{border-color:#111114}
table{width:100%;border-collapse:collapse;font-size:.92rem}
th{text-align:left;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:#71717b;
  font-weight:600;padding:.6rem .7rem;border-bottom:1px solid #e7e7ea}
td{padding:.85rem .7rem;border-bottom:1px solid #f1f1f4}
tr:last-child td{border-bottom:0}
.money{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.caminho{display:flex;gap:.9rem;padding:1.05rem 0;border-bottom:1px solid #f1f1f4}
.caminho:last-child{border-bottom:0}
.caminho .n{width:1.7rem;height:1.7rem;border-radius:50%;background:rgba(37,71,142,.1);color:#25478e;
  display:grid;place-items:center;font-size:.8rem;font-weight:700;flex:none}
.caminho b{display:block;margin-bottom:.15rem}
.caminho p{font-size:.92rem;color:#5f5f68}
.switch{display:inline-flex;align-items:center;gap:.55rem;font-size:.82rem;color:#5f5f68;background:#fff;
  border:1px dashed #d3d3d8;border-radius:999px;padding:.45rem .95rem;cursor:pointer;font-family:inherit}
.rep-foot{background:#fff;border:1px solid #e7e7ea;border-radius:1.25rem;padding:1.6rem;display:flex;
  gap:1.2rem;flex-wrap:wrap;align-items:center;justify-content:space-between}
.rep-foot p{color:#5f5f68;font-size:.94rem;max-width:36rem}

@media print{
  .proto,header.nav,.sticky,.rep-actions,.tabs,.switch,.modal{display:none !important}
  .panel{display:block !important;page-break-inside:avoid}
  .report{background:#fff}
  body{font-size:12px}
  body::before{display:none}
}

/* ── celular ────────────────────────────────────────────────────────── */
@media(max-width:560px){
  .nav-in{gap:.7rem}
  .brand{font-size:.92rem}
  .brand .lnmark{width:26px;height:26px}
  header.nav .btn{padding:.66rem 1rem;font-size:.85rem;white-space:nowrap}
  section{padding:3rem 0}
  .banner{padding:1.2rem}
  .banner .tit{font-size:1.3rem}
}

/* ── herdadas da primeira versão da página do Inteligente ───────────────
   Estas três já eram usadas no HTML antes de o tema virar escuro. Sumiram
   na troca do CSS e a seção "Como funciona" ficou sem estilo em silêncio,
   que é a mesma família da classe de Tailwind que não existe: build verde,
   tela errada. Achado medindo classe usada contra classe declarada, não
   olhando a captura. */
.alt{background:rgba(255,255,255,.022);border-block:1px solid var(--line)}
.step-n{width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;font-weight:700;
  font-size:.9rem;color:#fff;margin-bottom:1rem;background:var(--ln-blue-deep)}
.clean{background:linear-gradient(130deg,rgba(62,107,201,.12),rgba(184,52,127,.1));
  border:1px solid rgba(62,107,201,.28);border-radius:var(--radius-lg);padding:2.4rem}
.clean h2{font-size:clamp(1.4rem,2.6vw,2rem)}

.retrato.com-foto,.assina .foto.com-foto{padding:0;display:block;position:relative}
.retrato.com-foto img,.assina .foto.com-foto img{display:block;width:100%;height:100%;object-fit:cover}
.retrato.com-foto img{object-position:center 18%}
.assina .foto.com-foto img{object-position:center 15%}

/* Primeira dobra do hub: foto E nome juntos, sem rolar (pedido do Marcos,
   13/09/2026). A proporção 3 por 4 empurrava o nome para baixo da dobra em
   qualquer tela, porque a foto sozinha tinha mais altura que a janela. A
   altura agora é presa à tela e o recorte sobe para manter rosto e ombros;
   o número foi medido em desktop e celular, não chutado. */
.retrato.com-foto{aspect-ratio:auto;height:clamp(240px,44vh,430px)}
.retrato.com-foto img{object-position:center 14%}

/* ── apresentação do hub: duas colunas no desktop, pilha no celular ────
   Substitui o retrato empilhado. Lado a lado, foto e nome dividem a
   primeira dobra sem a foto precisar encolher; no celular volta à pilha,
   com a altura presa à tela que já foi medida para o nome caber. */
.hero-hub{width:min(1040px,100% - 2rem);margin:1.5rem auto 0;display:grid;gap:1.6rem;align-items:center}
.hero-foto{position:relative}
.hero-texto h1{font-size:clamp(2rem,8vw,2.7rem);line-height:1.05}
.hero-texto h1 span{display:block}
.hero-texto .papel{font-weight:600;margin-top:1.1rem;font-size:1.02rem}
.hero-texto .bio{color:var(--muted);margin-top:.9rem;font-size:.97rem;line-height:1.65}
.hero-texto .bio + .bio{margin-top:.8rem}
.hub{padding-top:2.6rem}
.hub .banners{margin-top:0}

@media(min-width:860px){
  .hero-hub{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:3.5rem;margin-top:2.2rem}
  .hero-hub .retrato.com-foto{height:clamp(380px,68vh,560px)}
  .hero-hub .retrato.com-foto img{object-position:center 20%}
  .hero-texto h1{font-size:clamp(2.4rem,4.2vw,3.5rem)}
  .hero-texto .papel{font-size:1.1rem}
  .hero-texto .bio{font-size:1.02rem}
  .hub{padding-top:3.5rem}
}

/* ── grade dos serviços: 2 por 2 no desktop, coluna no celular ─────────
   O hub deixa de ser a coluna estreita de 560px e acompanha a largura da
   apresentação, senão dois cartões lado a lado ficariam espremidos. Os
   cartões da mesma linha ganham a mesma altura e o botão desce para o pé,
   para os dois botões da linha ficarem alinhados mesmo com textos de
   tamanhos diferentes. */
.hub{width:min(1040px,100% - 2rem)}
.banners{display:grid;gap:1.1rem;grid-template-columns:1fr}
.banners .banner{display:flex;flex-direction:column}
.banners .banner .sub{margin-bottom:1.2rem}
.banners .banner .acao{margin-top:auto;align-self:flex-start}
@media(min-width:760px){
  .banners{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
}

/* Bloco de preço alinhado à esquerda, para o herói de duas colunas do
   Diagnóstico Inteligente Pro. As outras páginas usam o centralizado. */
.preco-bloco.preco-esquerda{text-align:left;margin:1.7rem 0 1.4rem}

/* ══════════════════════════════════════════════════════════════════════
   PROFUNDIDADE NA APRESENTAÇÃO DO HUB (pedido do Marcos, 14/09/2026):
   a foto parece mais para trás e as letras mais para a frente.

   Quatro pistas de profundidade, e cada uma tem um motivo:
   1. A foto perde a moldura e se esfuma nas bordas, fundindo com o fundo:
      sem contorno ela deixa de ser um cartão e vira ambiente.
   2. A foto fica um pouco mais escura e ampliada, que é como o olho lê
      o que está mais longe.
   3. O texto invade a borda esfumada da foto e fica numa camada acima:
      sobreposição é a pista de profundidade mais forte que existe.
   4. O nome ganha sombra por drop-shadow, e não text-shadow, porque a
      palavra em degradê é texto transparente com fundo recortado, e
      text-shadow apareceria por dentro das letras.
   Mais uma no movimento: ao rolar, a foto anda mais devagar que o texto
   (script no fim do index). Quem pede menos movimento no sistema não vê.
   ══════════════════════════════════════════════════════════════════════ */
.hero-hub{position:relative}
.hero-foto{position:relative;z-index:1}
.hero-texto{position:relative;z-index:2}
.hero-hub .retrato.com-foto{border:0;background:transparent;border-radius:0;overflow:visible}
.hero-hub .retrato.com-foto img{
  filter:brightness(.82) contrast(.96) saturate(.92);
  transform:translate3d(0,var(--recuo,0px),0) scale(1.05);
  will-change:transform;
}
.hero-texto h1{filter:drop-shadow(0 10px 28px rgba(0,0,0,.55)) drop-shadow(0 2px 2px rgba(0,0,0,.35))}
.hero-texto .papel,.hero-texto .bio{text-shadow:0 2px 14px rgba(0,0,0,.6)}
.hero-foto .frase{position:relative;z-index:3}

/* celular: foto esfumando embaixo; o texto NÃO sobrepõe, porque a frase
   destacada já ocupa o pé da foto e as duas camadas colidiriam */
.hero-hub .retrato.com-foto{
  -webkit-mask-image:linear-gradient(to bottom,#000 58%,transparent 100%);
          mask-image:linear-gradient(to bottom,#000 58%,transparent 100%);
}

@media(min-width:860px){
  .hero-hub{column-gap:0}
  /* esfuma mais à direita e embaixo, que é para onde o texto avança */
  .hero-hub .retrato.com-foto{
    -webkit-mask-image:radial-gradient(ellipse 78% 88% at 38% 42%,#000 52%,transparent 100%);
            mask-image:radial-gradient(ellipse 78% 88% at 38% 42%,#000 52%,transparent 100%);
  }
  /* o texto entra na borda esfumada da foto */
  .hero-texto{margin-left:-10%;padding-left:1rem}
  /* o selo sai do canto direito, que agora é a parte esfumada */
  .hero-hub }

@media (prefers-reduced-motion:reduce){
  .hero-hub .retrato.com-foto img{transform:scale(1.05)}
}

/* Correção medida na captura (14/09/2026): a máscara radial esfumava a
   direita e o pé, mas deixava a borda ESQUERDA e o TOPO retos. O fundo de
   estúdio da foto é um cinza mais claro que a página, então essa aresta
   reta desenhava um retângulo, e retângulo lê como cartão, não como fundo.
   Duas máscaras lineares cruzadas esfumam os quatro lados com controle, e
   a pessoa, que ocupa o miolo, fica inteira. */
.hero-hub .retrato.com-foto{
  -webkit-mask-image:
    linear-gradient(to right,transparent 0,#000 14%,#000 62%,transparent 100%),
    linear-gradient(to bottom,transparent 0,#000 10%,#000 66%,transparent 100%);
  -webkit-mask-composite:source-in;
          mask-image:
    linear-gradient(to right,transparent 0,#000 14%,#000 62%,transparent 100%),
    linear-gradient(to bottom,transparent 0,#000 10%,#000 66%,transparent 100%);
          mask-composite:intersect;
}
@media(max-width:859px){
  /* no celular a foto ocupa a largura toda: laterais esfumam de leve, pé
     esfuma mais, para a frase destacada pousar sobre o fundo */
  .hero-hub .retrato.com-foto{
    -webkit-mask-image:
      linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%),
      linear-gradient(to bottom,transparent 0,#000 8%,#000 60%,transparent 100%);
    -webkit-mask-composite:source-in;
            mask-image:
      linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%),
      linear-gradient(to bottom,transparent 0,#000 8%,#000 60%,transparent 100%);
            mask-composite:intersect;
  }
}
/* o selo agora é irmão da foto, então se posiciona pela coluna da foto e
   fica acima dela, sem herdar a máscara */
.hero-foto > 
/* ══════════════════════════════════════════════════════════════════════
   AJUSTES DE 14/09/2026 (nove pedidos do Marcos, aplicados juntos)
   ══════════════════════════════════════════════════════════════════════ */

/* Ícones dos cartões do hub viram SVG de traço, na mesma família: gráfico
   com lupa (Rating), relatório concluído (Inteligente Pro) e prancheta de
   análise (Financeiro). O quadradinho manda na cor pelo currentColor. */
.banner .selo svg{width:1.55rem;height:1.55rem;display:block}
/* O WhatsApp é a exceção deliberada: o desenho oficial, no verde oficial,
   e o quadradinho perde o brilho que tinha (fundo neutro e escuro). */
.banner.wa .selo{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.banner.wa .selo svg{width:2.05rem;height:2.05rem}

/* Botões do hub sem a bolinha de ícone: o próprio cartão já leva à página. */
.banner .acao .ic{display:none}

/* Grades centralizadas nas páginas de serviço. A largura máxima é o que
   centraliza de verdade: sem ela, "2 por 2" numa página de 1120px vira
   dois cartões largos demais, e "3 por 2" fica igual à grade solta. */
.grade-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;margin-inline:auto}
.grade-3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1000px;margin-inline:auto}
@media(max-width:760px){.grade-2,.grade-3{grid-template-columns:1fr}}

/* Quadro do vídeo de apresentação: vertical (9 por 16), porque o vídeo foi
   gravado assim e esticar para 16 por 9 deixaria faixas pretas dos lados.
   Largura presa para não virar um paredão no desktop; no celular ocupa a
   coluna. O quadro deixa de ser placeholder centralizado e vira o player. */
.video.vertical{aspect-ratio:9/16;width:min(380px,100%);margin-inline:auto;display:block;padding:0;
  background:#000}
.video.vertical video{display:block;width:100%;height:100%;object-fit:cover}

/* Ícones refinados (14/09/2026, "muito brutos"): traço 1,45 em vez de 1,8,
   cantos e pontas arredondados, mais detalhe (tendência com seta, selo de
   concluído, gráfico na prancheta). O quadradinho acompanha: um pouco
   maior, borda em degradê sutil e um brilho interno, para o ícone parecer
   gravado e não colado. Os miolos opacos (#131319) casam com o fundo do
   quadradinho para recortar o que fica por baixo. Cor única nos três
   ícones de serviço (Marcos, 14/09/2026): o azul LN clareado para fundo
   escuro, sem branco nem degradê; o WhatsApp segue no verde oficial. */
.banner .selo{width:3.4rem;height:3.4rem;border-radius:1rem;color:#6f97f0;
  background:linear-gradient(150deg,#1c1a33 0%,#131319 60%);
  border:1px solid transparent;
  background-clip:padding-box;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(120,140,220,.22), 0 8px 22px rgba(0,0,0,.35)}
.banner .selo svg{width:2.05rem;height:2.05rem;overflow:visible}
.banner.wa .selo{background:linear-gradient(150deg,#16201a 0%,#131319 60%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(37,211,102,.18), 0 8px 22px rgba(0,0,0,.35)}

/* ── Relatório do Diagnóstico Financeiro (14/09/2026) ──────────────────
   Um fluxo só, sem abas: o documento se lê de cima a baixo e imprime
   inteiro. Cada seção é um bloco que não quebra no meio da página. */
.rf{padding-bottom:4rem}
.rf-barra{display:flex;justify-content:flex-end;padding:1.2rem 0 .2rem}
.rf-capa{margin-top:.6rem}
.rf-capa p{color:#5f5f68;margin-top:.9rem;max-width:46rem;font-size:1.02rem}
.rf-sit{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;margin-top:.7rem}
.rf-sit .pill{font-size:.82rem;padding:.42rem .9rem}
.rf-nota{font-size:.84rem;color:#71717b}
.rf-sec{margin-top:1.8rem;padding:0;break-inside:avoid} /* padding:0 anula o section{padding:4rem 0} do site */
.rf-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:0 .2rem .8rem}
.rf-head h2{font-size:1.2rem;letter-spacing:-.01em;color:#1c1c20}
.rf-head span{font-size:.85rem;color:#71717b}
.rf-p{color:#5f5f68;font-size:.94rem;line-height:1.55}
.rf-total{display:flex;justify-content:space-between;padding-top:1.1rem;margin-top:.6rem;border-top:2px solid #e7e7ea;font-weight:700}
.painel{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.ocor{display:flex;align-items:center;gap:.8rem;padding:.85rem 1rem;border:1px solid #e7e7ea;border-radius:1rem;background:#fff}
.ocor i{width:.62rem;height:.62rem;border-radius:50%;flex:none;background:#35664b;box-shadow:0 0 0 4px rgba(53,102,75,.12)}
.ocor.tem i{background:#a85049;box-shadow:0 0 0 4px rgba(168,80,73,.12)}
.ocor.neutro i{background:#25478e;box-shadow:0 0 0 4px rgba(37,71,142,.12)}
.ocor b{display:block;font-size:.9rem;font-weight:600}
.ocor small{color:#71717b;font-size:.8rem}
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.9rem 1.4rem}
.kv span{display:block;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:#71717b;margin-bottom:.15rem}
.kv b{font-weight:600;font-size:.95rem;color:#1c1c20}
.risco{display:grid;grid-template-columns:200px minmax(0,1fr);gap:1.6rem;align-items:center}
.faixa-risco{height:12px;border-radius:999px;position:relative;
  background:linear-gradient(90deg,#a85049 0%,#b7791f 45%,#35664b 100%)}
.faixa-risco i{position:absolute;top:-6px;width:24px;height:24px;border-radius:50%;background:#fff;
  border:3px solid #1c1c20;transform:translateX(-50%);box-shadow:0 2px 6px rgba(0,0,0,.2)}
.rf-escala{display:flex;justify-content:space-between;font-size:.74rem;color:#71717b;margin-top:.55rem}
.nada{display:flex;align-items:center;gap:.6rem;color:#35664b;font-weight:600}
.nada i{width:1.5rem;height:1.5rem;border-radius:50%;background:rgba(53,102,75,.12);display:grid;place-items:center;font-style:normal;font-size:.8rem;flex:none}
.report .rep-foot{margin-top:1rem}
@media(max-width:640px){.risco{grid-template-columns:1fr;justify-items:center}.risco>div{width:100%}}
@media print{
  .rf-barra{display:none !important}
  .rep-top{position:static}
  .rep-card{box-shadow:none;break-inside:avoid}
  /* No papel a seção pode quebrar entre cartões; só o cartão fica inteiro.
     E a grade de resumo cabe em três colunas na largura do A4. */
  .rf-sec{margin-top:1.1rem;break-inside:auto}
  .rf-sec .rf-head{break-after:avoid}
  .rep-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
  a[href]::after{content:""}
}

/* CTA do relatório (14/09/2026): bloco escuro no padrão da LN dentro do
   documento claro, para ser o único ponto de cor forte da página. O botão
   é o azul LN, não o verde do WhatsApp, embora o destino seja o WhatsApp. */
.rf-cta{position:relative;overflow:hidden;margin-top:1rem;border-radius:1.25rem;padding:2rem 2.2rem;
  background:#0e0e14;color:#ededf1;display:flex;align-items:center;justify-content:space-between;gap:1.6rem;flex-wrap:wrap;
  box-shadow:0 12px 34px rgba(17,17,20,.18)}
.rf-cta::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 120% at 0% 50%,rgba(62,107,201,.34),transparent 60%),
             radial-gradient(50% 120% at 100% 50%,rgba(197,89,160,.26),transparent 60%)}
.rf-cta>*{position:relative}
.rf-cta .kicker{color:#9fb7ec;margin-bottom:.35rem}
.rf-cta h3{color:#fff;font-size:1.45rem;letter-spacing:-.02em;margin:0 0 .45rem}
.rf-cta p{color:#c3c3cf;font-size:1rem;max-width:36rem;line-height:1.5}
.rf-cta-btn{flex:none;padding:1rem 1.8rem;font-size:1.02rem;box-shadow:0 8px 22px rgba(37,71,142,.45)}
@media(max-width:640px){.rf-cta{padding:1.6rem 1.4rem}.rf-cta-btn{width:100%;text-align:center}}
@media print{.rf-cta{background:#0e0e14 !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* WhatsApp flutuante do relatório: bolinha verde só com o ícone, canto
   inferior DIREITO, sempre à vista (Marcos, 14/09/2026). Verde porque é a
   marca do WhatsApp; os botões "Falar com a LN" são azuis. Some na impressão. */
.wa-flutuante{position:fixed;right:1.2rem;bottom:1.2rem;z-index:30;display:grid;place-items:center;
  width:3.6rem;height:3.6rem;border-radius:50%;background:#25d366;color:#fff;
  box-shadow:0 10px 26px rgba(0,0,0,.28),0 0 0 1px rgba(0,0,0,.05);transition:transform .15s}
.wa-flutuante:hover{transform:translateY(-2px)}
.wa-flutuante svg{width:2rem;height:2rem}
.wa-flutuante span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} /* só para leitor de tela */
@media print{.wa-flutuante{display:none !important}}

/* Marca do relatório: logo colorido oficial (fundo claro) e link para o hub. */
.lnmark.cor{background-image:url("ln-logo-color.svg")}
.rep-marca{text-decoration:none;gap:.6rem}
.rep-marca span{line-height:1.15}
.rep-marca small{display:block;font-size:.72rem;font-weight:500;color:#71717b;letter-spacing:0}
.rep-marca:hover span{color:var(--ln-blue-deep)}

/* ══════════════════════════════════════════════════════════════════════
   IMPRESSÃO DO RELATÓRIO (14/09/2026, a partir do PDF que o Marcos gerou
   pelo navegador). Quatro coisas que o PDF mostrou:
   1. data, URL e "1/4" nas bordas: são o cabeçalho e o rodapé do navegador,
      desenhados na MARGEM da página; com @page{margin:0} eles somem e a
      margem passa a ser nossa (padding do .report);
   2. selos sem cor, régua de risco sumida, bolinhas do painel apagadas: o
      navegador não imprime fundo por padrão; print-color-adjust:exact força;
   3. um terço da página 1 em branco e a última quase vazia: espaços e
      fontes um pouco menores para o relatório caber em três páginas;
   4. o botão flutuante, os botões do topo e o seletor de cenário não têm
      lugar no papel.
   ══════════════════════════════════════════════════════════════════════ */
@page{size:A4;margin:0}
@media print{
  html,body{background:#fff !important}
  body{font-size:11.5px}
  .report{padding:11mm 12mm 12mm;background:#fff;min-height:0}
  .report,.report *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .report .wrap{max-width:none;padding:0}
  .proto,.wa-flutuante,.rf-barra,.rep-actions,.switch,#sticky,.modal{display:none !important}
  .rep-top{position:static;padding:0 0 .7rem;margin-bottom:.2rem;border-bottom:1px solid #e7e7ea}
  .rep-top .in{grid-template-columns:auto 1fr;gap:.5rem 1.4rem;align-items:center}
  .rep-top .brand{grid-column:1;grid-row:1}
  .rep-meta{grid-column:2;grid-row:1;justify-content:flex-end;text-align:left;gap:.4rem 1.6rem}
  .rf{padding-bottom:0}
  .rf-sec{margin-top:.8rem;padding:0;break-inside:auto}
  .rf-head{margin:0 .1rem .45rem}
  .rf-head h2{font-size:1.02rem}
  .rf-head span{font-size:.76rem}
  .rf-capa{margin-top:.5rem}
  .rf-capa p{font-size:.92rem;margin-top:.55rem}
  .rep-card{padding:.9rem 1rem;margin-bottom:.55rem;border-radius:.7rem;box-shadow:none;break-inside:avoid}
  .rep-card .lbl{font-size:.62rem}
  .big{font-size:1.45rem !important;margin-top:.2rem}
  .rep-grid{gap:.55rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
  .painel{gap:.45rem;grid-template-columns:repeat(3,1fr)}
  .ocor{padding:.55rem .7rem;border-radius:.6rem}
  .risco{grid-template-columns:140px minmax(0,1fr);gap:1rem}
  .risco svg{width:140px;height:140px}
  .rf-p{font-size:.86rem}
  .kv{gap:.55rem 1rem}
  table{font-size:.84rem}
  td{padding:.5rem .5rem}
  th{padding:.4rem .5rem}
  .caminho{padding:.6rem 0}
  .caminho p{font-size:.86rem}
  .rf-cta{padding:1.1rem 1.3rem;margin-top:.6rem;border-radius:.8rem;box-shadow:none;break-inside:avoid}
  .rf-cta h3{font-size:1.15rem}
  .rf-cta p{font-size:.9rem}
  .rf-cta-btn{padding:.7rem 1.2rem;font-size:.9rem;box-shadow:none}
  a[href]::after{content:""}
}

/* A "folha" na tela: nada de tabela, tudo bloco, timbre e rodapé escondidos.
   A regra genérica de table/td do relatório (fonte .92rem, padding, borda)
   é anulada aqui para não encolher o relatório inteiro. */
.folha{font-size:inherit;border-collapse:separate}
.folha,.folha>thead,.folha>tbody,.folha>tfoot,.folha>*>tr,.folha>*>tr>td{display:block;width:100%;padding:0;border:0;margin:0}
.folha-topo,.folha-pe{display:none}
@media print{
  .rep-top{display:none !important}
  .folha{display:table;width:100%;border-collapse:collapse}
  .folha>thead{display:table-header-group}
  .folha>tfoot{display:table-footer-group}
  .folha>tbody{display:table-row-group}
  .folha>*>tr{display:table-row}
  .folha>*>tr>td{display:table-cell;vertical-align:top;padding:0;border:0}
  .folha-topo{display:flex;justify-content:space-between;align-items:center;gap:1rem;
    padding:9mm 0 3mm;margin-bottom:2mm;border-bottom:1px solid #e7e7ea}
  .folha-topo .rep-marca{font-size:.95rem}
  .folha-meta{display:flex;gap:1.3rem;font-size:.66rem;color:#71717b;white-space:nowrap}
  .folha-meta b{display:block;color:#1c1c20;font-size:.76rem;font-weight:600}
  .folha-pe{display:flex;justify-content:space-between;gap:1rem;padding:3mm 0 9mm;margin-top:3mm;
    border-top:1px solid #e7e7ea;font-size:.66rem;color:#71717b}
  .folha-pe span:first-child{white-space:nowrap}
  .report{padding:0 12mm}
}

/* Contatos em destaque antes do Pix (14/09/2026) e link "já comprei". */
.confira{margin:.9rem 0 .2rem;border:1px solid var(--line-forte);border-radius:var(--radius);padding:.8rem 1rem;
  font-size:.9rem;color:var(--muted);background:#0e0e14;line-height:1.5}
.confira b{color:var(--ink);font-weight:600}
.confira a{color:var(--ln-blue);font-weight:600}
.nav-links .resgate-link{margin-left:.4rem;padding:.35rem .8rem;border:1px solid var(--line-forte);border-radius:999px;color:var(--ink)}
.rf-copia{margin-bottom:.8rem;padding-bottom:.8rem;border-bottom:1px solid #f1f1f4}
.rf-copia a{color:#25478e;font-weight:600}
/* Página de resgate: um cartão só, no escuro do site. */
.resgate{max-width:30rem;margin:0 auto;background:var(--bg-2);border:1px solid var(--line);border-radius:1.25rem;padding:1.8rem}
.resgate h1{font-size:1.5rem;margin-bottom:.4rem}
.resgate .hint{color:var(--muted);font-size:.92rem;margin-bottom:1.2rem}
.resgate .aviso{margin-top:1rem;font-size:.84rem;color:var(--muted);line-height:1.5}

/* Relatórios do Pro e do Rating (16/09/2026): scores por fonte, análise
   da equipe, barras do SCR, cartórios, comentários, etiqueta de fonte. */
.rf-scores{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.rf-score{display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;margin:0}
.rf-score b{display:block;font-size:.95rem}
.rf-score small{color:#71717b;font-size:.8rem;line-height:1.35;display:block}
.rf-letra{width:88px;height:88px;border-radius:50%;background:rgba(37,71,142,.08);display:grid;place-items:center;font-size:1.7rem;font-weight:800;color:#25478e;flex:none}
.rf-analise p{color:#1c1c20;font-size:1rem;line-height:1.65;margin-bottom:.9rem}
.rf-analise p:last-of-type{color:#71717b;font-size:.9rem}
.rf-assina{display:flex;align-items:center;gap:.8rem;margin-top:1.1rem;padding-top:1rem;border-top:1px solid #f1f1f4}
.rf-assina .lnmark{width:34px;height:34px}
.rf-assina b{display:block;font-size:.95rem}
.rf-assina small{color:#71717b;font-size:.8rem}
.rf-barra-mod{margin:.55rem 0}
.rf-barra-rot{display:flex;justify-content:space-between;gap:1rem;font-size:.88rem;margin-bottom:.3rem}
.rf-barra-rot span{color:#5f5f68}
.rf-barra-trilho{height:10px;border-radius:999px;background:#f1f1f4;overflow:hidden}
.rf-barra-trilho i{display:block;height:100%;border-radius:999px}
.rf-barra-mod small{display:block;color:#a85049;font-size:.78rem;margin-top:.25rem}
.rf-cartorio{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap}
.rf-cartorio b{display:block;font-size:1rem}
.rf-cartorio small{color:#71717b;font-size:.84rem}
.rf-coment{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.rf-coment .rep-card{margin:0}
.rf-tag{display:inline-block;font-size:.7rem;padding:.15rem .5rem;border-radius:999px;background:rgba(37,71,142,.1);color:#25478e;font-weight:600;white-space:nowrap}
@media print{.rf-scores{grid-template-columns:repeat(3,1fr)}.rf-coment{grid-template-columns:1fr 1fr}.rf-analise p{font-size:.92rem}}

/* páginas de texto (termos.html, privacidade.html): coluna de leitura */
.juridico{max-width:46rem}
.juridico h1{margin:.4rem 0 .6rem}
.juridico .hint{color:var(--muted);font-size:.92rem;margin-bottom:2rem}
.juridico h2{font-size:1.2rem;margin:2rem 0 .6rem}
.juridico p{color:var(--muted);line-height:1.65;margin-bottom:.9rem}
.juridico a{color:var(--ink);text-decoration:underline}

/* carta da Nathalia (texto validado em 22/09/2026): seção própria depois
   dos serviços, coluna de leitura; o hero segue compacto como aprovado */
.carta{padding-top:0}
.carta .wrap{max-width:46rem;border-top:1px solid var(--line);padding-top:3rem}
.carta h2{margin:.5rem 0 1.4rem;font-size:clamp(1.5rem,3vw,2.1rem)}
.carta p{color:var(--muted);font-size:.97rem;line-height:1.65;margin-top:.9rem}
@media(min-width:860px){.carta p{font-size:1.02rem}}