:root{
  --g-navy:#08003D;--g-tinta:#0A0F2C;--g-tinta-2:#4E5675;--g-tinta-3:#5F6785;
  --g-azul:#2F5BFF;--g-azul-texto:#2449E8;--g-ciano:#7FE7FF;
  --g-gelo:#F4F6FB;--g-claro:#EEF1F8;--g-branco:#FFFFFF;--g-lav:#EAF0FF;--g-linha:#E3E7F2;
  --g-perda:#E11D48;--g-ganho:#0B7A52;
  --g-compra:#2F5BFF;--g-compra-t:#1E3FD6;--g-compra-f:#E3EAFF;
  --g-duvida:#F59E0B;--g-duvida-t:#9A4D00;--g-duvida-f:#FFF1DC;
  --g-elogio:#10B981;--g-elogio-t:#0B7A52;--g-elogio-f:#E3F8EE;
  --g-detrator:#F43F5E;--g-detrator-t:#B5103A;--g-detrator-f:#FFE4E8;
  --g-r-pill:999px;--g-r-ctrl:14px;--g-r-card:20px;--g-r-bloco:30px;
  --g-sombra-1:0 1px 2px rgba(10,15,44,.04),0 20px 44px -30px rgba(10,15,44,.35);
  --g-sombra-2:0 2px 6px rgba(10,15,44,.06),0 44px 90px -40px rgba(10,15,44,.5);
  --g-sombra-cta:0 14px 28px -14px rgba(47,91,255,.6);
  --g-largura:1160px;--g-sec-y:clamp(56px,8vw,112px);
  --g-h1:clamp(34px,4.6vw,60px);--g-h2:clamp(30px,4vw,52px);--g-h2-tela:clamp(24px,2.6vw,32px);--g-h3:clamp(19px,1.8vw,22px);
  --g-lead:clamp(17px,1.6vw,20px);--g-corpo:clamp(16px,1.3vw,17px);--g-pequeno:clamp(13px,1.1vw,14px);
  --g-titulo:'Parkinsans',ui-sans-serif,system-ui,sans-serif;--g-texto:'Inter',ui-sans-serif,system-ui,sans-serif;
  --g-saida:cubic-bezier(.16,1,.3,1);

  --navy:var(--g-navy);--tinta:var(--g-tinta);--tinta-2:var(--g-tinta-2);--tinta-3:var(--g-tinta-3);
  --azul:var(--g-azul);--azul-2:var(--g-azul-texto);--ciano:var(--g-ciano);--linha:var(--g-linha);--lav:var(--g-lav);
  --bg:var(--g-gelo);--blue:var(--g-azul);--cyan:var(--g-ciano);--ink:var(--g-tinta);--muted:var(--g-tinta-2);
  --line:var(--g-linha);--blue-ink:var(--g-azul-texto);--r:var(--g-r-ctrl);--out:var(--g-saida);
}

.btn{min-height:56px;padding:14px 28px;border-radius:var(--g-r-ctrl);font:600 17px/1.2 var(--g-texto);gap:10px;letter-spacing:0;box-shadow:var(--g-sombra-cta);background:var(--g-azul);color:#fff}
.btn svg{width:18px;height:18px;flex:none}
.btn--branco,.btn.claro{background:#fff;color:var(--g-navy);box-shadow:0 14px 28px -16px rgba(8,0,61,.55)}
.btn--ciano,.btn.ciano{background:var(--g-ciano);color:var(--g-navy);box-shadow:none}
.btn--ciano:hover,.btn.ciano:hover{background:#5FDCFA}
.btn--linha,.btn.linha{background:transparent;color:var(--g-azul-texto);box-shadow:inset 0 0 0 1.5px currentColor}
.btn--medio{min-height:44px;padding:10px 18px;font-size:15px}
.btn--texto{min-height:44px;padding:10px 4px;background:none;color:var(--g-azul-texto);box-shadow:none;font-size:15px}

.u,.acento{color:var(--g-azul-texto);position:relative;display:inline-block;padding-bottom:.06em}
.u::after,.acento::after{content:"";position:absolute;left:0;right:0;bottom:-.04em;height:max(3px,.085em);border-radius:99px;background:linear-gradient(90deg,#2F5BFF,#7FE7FF)}
.sec--navy .u,.sec--noite .u,.caso-g4 .u,.faixa-navy .u,.faixa-navy .acento,.escuro .acento,.hero .acento,.f-navy .acento{color:var(--g-ciano)}

.jornada{display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none;font:600 13px/1 var(--g-texto);color:var(--g-tinta-3)}
.jornada li{display:flex;align-items:center;gap:7px;white-space:nowrap}
.jornada li+li::before{content:"";width:18px;height:1.5px;background:currentColor;opacity:.35;margin-right:1px;border-radius:2px}
.jornada i{position:relative;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:700 11.5px/1 var(--g-texto);font-style:normal;border:1.5px solid currentColor;flex:none}
.jornada .feito{color:var(--g-ganho)}
.jornada .feito i{background:var(--g-ganho);border-color:var(--g-ganho);color:transparent}
.jornada .feito i::after{content:"";position:absolute;left:6px;top:6.5px;width:8px;height:4.5px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg)}
.jornada .atual{color:var(--g-tinta)}
.jornada .atual i{background:var(--g-azul);border-color:var(--g-azul);color:#fff}
.jornada--escura{color:rgba(255,255,255,.62)}
.jornada--escura .feito{color:#7DE3B5}
.jornada--escura .feito i{background:#10B981;border-color:#10B981}
.jornada--escura .atual{color:#fff}
.jornada--escura .atual i{background:var(--g-ciano);border-color:var(--g-ciano);color:var(--g-navy)}
@media (max-width:600px){
  .jornada{gap:4px;font-size:13px}
  .jornada li{gap:6px}
  .jornada li:not(.atual) span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .jornada li+li::before{width:10px}
  .jornada i{width:20px;height:20px;font-size:12px}
  .jornada .feito i::after{left:5.5px;top:6px}
}

.doca,.flut{background:var(--g-navy);border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:var(--g-sombra-2);color:#fff}
.doca .btn,.flut .btn{min-height:44px;padding:10px 18px;font-size:15px;background:var(--g-ciano);color:var(--g-navy);box-shadow:none;border-radius:var(--g-r-ctrl)}
.doca .btn:hover,.flut .btn:hover{background:#5FDCFA;transform:none}

.rodape{display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--g-navy);color:rgba(255,255,255,.72);text-align:center;padding:44px 20px calc(44px + env(safe-area-inset-bottom,0px));font:400 14px/1.5 var(--g-texto)}
.rodape img{height:22px;width:auto;filter:brightness(0) invert(1)}

.g-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--g-r-pill);font:600 12px/1.4 var(--g-texto)}
.g-pill--compra{background:var(--g-compra-f);color:var(--g-compra-t)}
.g-pill--duvida{background:var(--g-duvida-f);color:var(--g-duvida-t)}
.g-pill--elogio{background:var(--g-elogio-f);color:var(--g-elogio-t)}
.g-pill--detrator{background:var(--g-detrator-f);color:var(--g-detrator-t)}
.g-rotulo{font:600 14px/1.3 var(--g-texto);color:var(--g-azul-texto);letter-spacing:0;text-transform:none}

.g-apoio{font:400 var(--g-lead)/1.5 var(--g-texto);color:var(--g-tinta-2);margin:14px 0 0;max-width:62ch;text-wrap:pretty}
.g-apoio b{font-weight:600;color:var(--g-tinta)}
.sec--navy .g-apoio,.sec--noite .g-apoio,.caso-g4 .g-apoio,.faixa-navy .g-apoio,.escuro .g-apoio,.f-navy .g-apoio{color:rgba(255,255,255,.82)}
.sec--navy .g-apoio b,.sec--noite .g-apoio b,.caso-g4 .g-apoio b,.faixa-navy .g-apoio b,.escuro .g-apoio b,.f-navy .g-apoio b{color:#fff}
.g-tela{display:inline-flex;align-items:center;font:600 12px/1.2 var(--g-texto);color:var(--g-tinta-2);background:#fff;border:1px solid #DCE3F5;border-radius:var(--g-r-pill);padding:3px 9px}
.g-rotulo svg{width:16px;height:16px;flex:none}
.g-rotulo:has(svg){display:inline-flex;align-items:center;gap:7px}
.btn--branco:hover,.btn.claro:hover{background:#EAF0FF}
.btn--texto:hover{background:none;transform:none}
.escuro .btn--linha,.escuro .btn.linha,.sec--navy .btn--linha,.f-navy .btn--linha{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45)}
.escuro .btn--linha:hover,.escuro .btn.linha:hover,.sec--navy .btn--linha:hover,.f-navy .btn--linha:hover{background:rgba(255,255,255,.08);color:#fff}
.doca{-webkit-backdrop-filter:none;backdrop-filter:none}
@media (min-width:900px){.doca{width:640px}}
.rodape{text-wrap:balance}
.rodape img{margin:0}

.bloco-azul h2,.cta-fim h2{font:700 var(--g-h2)/1.06 var(--g-titulo);letter-spacing:-.03em;text-wrap:balance}

::selection{background:#CFE0FF;color:var(--g-tinta)}