*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#0b1927;font-family:Inter,Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit}img{display:block;max-width:100%}:root{--u:clamp(1px,0.09765625vw,1.40625px);--blue:#348eff;--dark:#0a1822}
.topbar{background:#0b1821;height:calc(72*var(--u));color:white;position:relative;z-index:10}.top-inner{position:relative;width:calc(1024*var(--u));max-width:100%;height:100%;margin:auto;display:flex;align-items:center}.logo{position:absolute;left:calc(58*var(--u));top:calc(19*var(--u));display:flex;align-items:center;gap:calc(7*var(--u));font-size:calc(20*var(--u));font-weight:750;white-space:nowrap;letter-spacing:-.5px}.logo img{width:calc(31*var(--u));height:calc(34*var(--u));transform:scale(1.15);transform-origin:center center}.logo span,.footer span{color:#4ba9ff}.nav{position:absolute;top:0;left:calc(314*var(--u));height:100%;display:flex;gap:calc(30*var(--u));align-items:center}.nav a{font-size:calc(12*var(--u));white-space:nowrap}.nav a:hover{text-decoration:underline}.top-cta{position:absolute;right:calc(50*var(--u));top:calc(18*var(--u));background:linear-gradient(105deg,#2a7fff,#59c0ff);color:white;border-radius:999px;display:grid;place-items:center;width:calc(135*var(--u));height:calc(38*var(--u));font-weight:600;font-size:calc(12*var(--u))}.menu-toggle{display:none}
.hero{height:calc(496*var(--u));background:radial-gradient(ellipse at 60% 42%,#1c333d,#0d1b24 54%,#0a151c 95%);color:#fff;position:relative;overflow:hidden}.hero-inner{height:100%;max-width:calc(1024*var(--u));position:relative;margin:auto}.personagem{position:absolute;width:calc(570*var(--u));height:calc(518*var(--u));max-width:none;object-fit:contain;top:calc(-22*var(--u));left:calc(380*var(--u));z-index:1}.hero-copy{position:absolute;z-index:3;top:calc(37*var(--u));left:calc(60*var(--u));width:calc(435*var(--u))}.eyebrow{font-size:calc(10*var(--u));letter-spacing:calc(2.35*var(--u));color:#afbac4;margin-bottom:calc(14*var(--u))}.hero-copy h1{font-size:calc(42*var(--u));line-height:1.035;letter-spacing:calc(-1.3*var(--u));margin:0;font-weight:800;white-space:nowrap}.hero-copy h1 em{font-style:normal;color:#3994fa}.hero-copy p{margin:calc(19*var(--u)) 0 0;font-size:calc(14*var(--u));line-height:1.5;width:calc(420*var(--u))}.hero-actions{display:flex;gap:calc(13*var(--u));margin-top:calc(20*var(--u))}.hero-actions a{height:calc(42*var(--u));display:flex;align-items:center;justify-content:center;border-radius:999px;font-size:calc(12*var(--u));font-weight:600;gap:calc(14*var(--u))}.hero-actions .primary{width:calc(167*var(--u));background:linear-gradient(105deg,#207dfc,#5dbfff)}.hero-actions .secondary{width:calc(146*var(--u));border:1px solid #c9d0d7;background:#0c1720b5}.hero-actions a span{font-size:calc(17*var(--u));font-weight:300}.note{z-index:4;position:absolute;right:calc(120*var(--u));top:calc(37*var(--u));font:italic calc(17*var(--u))/1.35 'Brush Script MT', 'Segoe Script', Georgia,serif;letter-spacing:calc(.6*var(--u));color:#d0d2d3;transform:rotate(-4deg)}.note-arrow{position:absolute;top:calc(75*var(--u));left:calc(3*var(--u));width:calc(39*var(--u));height:calc(55*var(--u))}.hero-views{position:absolute;right:calc(44*var(--u));top:calc(139*var(--u));display:flex;flex-direction:column;gap:calc(10*var(--u));z-index:5}.hero-views img{width:calc(82*var(--u));height:calc(85*var(--u));border-radius:calc(12*var(--u));object-fit:cover}.hero-benefits{display:flex;gap:calc(31*var(--u));align-items:center;position:absolute;left:calc(62*var(--u));top:calc(428*var(--u));z-index:3}.hero-benefits div{display:flex;gap:calc(9*var(--u));align-items:center}.hero-benefits span{font-size:calc(11*var(--u));line-height:1.4;white-space:nowrap}.hero-benefits svg{width:calc(26*var(--u));height:calc(30*var(--u));fill:none;stroke:white;stroke-width:2;stroke-linejoin:round}
.comparison,.steps-section,.gallery{max-width:calc(1024*var(--u));margin:auto}.comparison{padding-top:calc(26*var(--u))}.comparison h2,.steps-section h2{font-size:calc(25*var(--u));font-weight:800;letter-spacing:calc(-.75*var(--u));text-align:center;margin:0;line-height:1.18}.section-sub{font-size:calc(14*var(--u));color:#3c4b5b;margin:calc(7*var(--u)) auto 0;text-align:center}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(14*var(--u));margin:calc(24*var(--u)) calc(22*var(--u)) 0}.compare-card{overflow:hidden;border-radius:calc(9*var(--u));background:#eef2f5}.compare-art{position:relative;display:grid;grid-template-columns:1fr 1fr;height:calc(182*var(--u))}.compare-art img{width:100%;height:100%;object-fit:cover}.compare-art .arrow{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);color:#368dff;font-size:calc(25*var(--u));background:#fff;border-radius:100%;height:calc(40*var(--u));width:calc(40*var(--u));display:grid;place-items:center;box-shadow:0 1px 6px #2353a314}.comparison-labels{display:grid;grid-template-columns:1fr 1fr;height:calc(31*var(--u));align-items:center;text-align:center;font-size:calc(12*var(--u));color:#4d6070}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(20*var(--u));margin:calc(31*var(--u)) calc(38*var(--u)) calc(34*var(--u))}.feature{display:flex;align-items:flex-start;gap:calc(13*var(--u))}.feature .ficon{color:#3e91ff;font-size:calc(31*var(--u));line-height:1;width:calc(35*var(--u));flex-shrink:0}.feature b{font-size:calc(11*var(--u));display:block;margin:calc(3*var(--u)) 0 calc(8*var(--u))}.feature p{margin:0;color:#697887;line-height:1.35;font-size:calc(11*var(--u))}
.steps-section{margin-top:calc(10*var(--u));width:calc(980*var(--u));border-radius:calc(12*var(--u));background:linear-gradient(125deg,#f4f7fb,#eef4f9);height:calc(224*var(--u));padding-top:calc(22*var(--u));box-shadow:0 10px 25px #09172c09}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(21*var(--u));margin:calc(26*var(--u)) calc(37*var(--u)) 0}.step{position:relative}.step:not(:last-child):after{content:'→';position:absolute;right:0;top:calc(21*var(--u));color:#a7bad0;font-size:calc(23*var(--u))}.num{display:grid;place-items:center;background:linear-gradient(115deg,#247bfb,#5bb9ff);color:white;width:calc(33*var(--u));height:calc(33*var(--u));border-radius:100%;font-size:calc(13*var(--u));margin-bottom:calc(11*var(--u))}.step b{display:block;font-size:calc(12*var(--u))}.step p{margin:calc(6*var(--u)) 0 0;color:#6c7988;font-size:calc(11*var(--u));line-height:1.4}
.gallery{margin-top:calc(27*var(--u));padding:0 calc(35*var(--u)) calc(30*var(--u))}.gallery-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:calc(19*var(--u))}.gallery h2{font-size:calc(24*var(--u));letter-spacing:calc(-.6*var(--u));margin:0 0 calc(3*var(--u))}.gallery p{margin:0;color:#687888;font-size:calc(14*var(--u))}.gallery-heading a{font-size:calc(12*var(--u));border:1px solid #4595ff;color:#2d85fc;padding:calc(11*var(--u)) calc(18*var(--u));border-radius:99px}.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(10*var(--u))}.gallery-grid a{overflow:hidden;border-radius:calc(8*var(--u));display:block;background:#28333a}.gallery-grid img{width:100%;aspect-ratio:1.07;object-fit:cover}.gallery .illustrative{margin-top:calc(15*var(--u));font-size:calc(10*var(--u));color:#8090a0}.footer{background:#0a1923;padding:25px 6%;color:#dde9f6}.footer strong{font-size:19px}.footer p{font-size:12px;color:#9bb1c0}
@media(max-width:900px){:root{--u:1px}.topbar{height:69px}.top-inner{width:100%}.logo{left:22px;top:15px;font-size:18px}.logo img{width:29px;height:33px}.nav{display:none;left:0;top:69px;width:100%;height:auto;background:#081e2c;flex-direction:column;gap:0;align-items:stretch;padding:10px 18px;box-shadow:0 8px 20px #0002}.nav.open{display:flex}.nav a{padding:11px;font-size:15px}.menu-toggle{display:block;position:absolute;right:18px;top:15px;border:1px solid #4d778b;color:white;background:transparent;border-radius:7px;font-size:24px;width:40px;height:40px}.top-cta{right:73px;top:17px;width:122px;height:36px;font-size:11px}.hero{height:620px}.hero-inner{max-width:100%}.hero-copy{left:25px;top:36px;width:calc(100% - 40px)}.hero-copy h1{font-size:clamp(27px,6vw,42px);white-space:normal}.hero-copy h1 br{display:none}.hero-copy p{font-size:14px;width:min(100%,440px)}.personagem{left:auto;right:-25px;top:240px;height:410px;width:451px;opacity:.9}.note{right:32px;top:340px;font-size:14px}.note-arrow{display:none}.hero-views{right:20px;top:475px;flex-direction:row;gap:7px}.hero-views img{width:55px;height:61px}.hero-benefits{top:550px;left:25px;gap:14px;max-width:85%}.hero-benefits span{font-size:10px}.hero-benefits svg{width:23px;height:25px}.comparison,.gallery{max-width:100%}.comparison{padding:30px 20px 15px}.comparison h2,.steps-section h2{font-size:24px}.section-sub{font-size:13px}.compare-grid{margin:25px 0 0;gap:10px}.compare-art{height:auto;aspect-ratio:1.75}.compare-art .arrow{width:30px;height:30px;font-size:20px}.comparison-labels{height:25px;font-size:11px}.feature-grid{margin:30px 10px;grid-template-columns:repeat(2,1fr);gap:20px}.feature .ficon{font-size:25px;width:30px}.feature b{font-size:12px}.feature p{font-size:11px}.steps-section{max-width:calc(100% - 40px);width:auto;height:auto;padding:23px 20px 33px}.steps-grid{margin:25px 0 0;grid-template-columns:repeat(2,1fr);gap:20px}.step b{font-size:12px}.step p{font-size:11px}.gallery{padding:25px 20px}.gallery h2{font-size:23px}.gallery p{font-size:13px}.gallery-heading a{font-size:11px;padding:9px}.gallery-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid img{aspect-ratio:1.05}}
@media(max-width:550px){.hero{height:660px}.hero-copy h1{max-width:440px;font-size:34px;line-height:1.14}.hero-copy p{max-width:360px}.hero-actions{gap:8px}.hero-actions a{height:41px;font-size:11px}.hero-actions .primary{width:151px}.hero-actions .secondary{width:133px}.personagem{top:295px;height:390px;right:-115px;opacity:.76}.note{display:none}.hero-views{right:15px;top:490px;flex-direction:column}.hero-views img{width:53px;height:55px}.hero-benefits{top:578px;left:16px;gap:9px;max-width:75%;flex-wrap:wrap}.hero-benefits span{font-size:9px}.hero-benefits svg{width:20px;height:22px}.top-cta{display:none}.comparison{padding:24px 14px 8px}.compare-grid{grid-template-columns:1fr;gap:14px}.compare-art{height:180px;aspect-ratio:auto}.feature-grid{margin:27px 3px;grid-template-columns:1fr 1fr}.steps-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}}

/* Refinamento contra a referência: terceira credencial está presente na imagem original da personagem; não duplicar. */
@media (min-width:901px){.hero-benefits div:nth-child(3){display:none}.hero-benefits{gap:47px}.note{right:33px}}

/* Alinhamento com a referência: a escultura ultrapassa a linha do menu no PDF.
   O header é uma camada HTML independente sobre a secção hero. */
.topbar{position:absolute;top:0;left:0;width:100%;background:transparent;z-index:10}
.hero{height:calc(568*var(--u))}
.personagem{top:calc(50*var(--u))}
.hero-copy{top:calc(109*var(--u))}
.note{top:calc(109*var(--u))}
.hero-views{top:calc(211*var(--u))}
.hero-benefits{top:calc(500*var(--u))}
@media(max-width:900px){.hero{height:689px}.hero-copy{top:105px}.personagem{top:309px}.hero-views{top:544px}.hero-benefits{top:619px}.note{top:409px}}
@media(max-width:550px){.hero{height:728px}.hero-copy{top:105px}.personagem{top:364px}.hero-views{top:559px}.hero-benefits{top:645px}}

/* 31-10-2026 — CORREÇÃO CIRÚRGICA DO CABEÇALHO
   Uma única imagem contínua ocupa o fundo inteiro.
   Toda a composição da esquerda (menu, título, descrição, CTA) continua em HTML real.
   Não há imagem com borda recortada, nem um painel fotográfico sobreposto. */
.hero {
  background-color:#0b1922;
  background-image:url('hero-fundo-completo.webp');
  background-repeat:no-repeat;
  background-position:center top;
  background-size:calc(1024 * var(--u)) calc(568 * var(--u));
}
.personagem{display:none !important}
/* A anotação e as 3 miniaturas são preservadas na imagem da referência, sem duplicar. */
.note,.hero-views{display:none !important}
@media (max-width:900px) {
 .hero{background-image:linear-gradient(180deg,#0b1922 0%,rgba(11,25,34,.95) 28%,rgba(11,25,34,.55) 55%,transparent 82%),url('hero-fundo-completo.webp');
 background-size:100% 100%, auto 560px; background-position: center, 58% bottom;}
}
@media(max-width:550px){.hero{background-size:100% 100%,auto 485px;background-position:center,58% bottom}}
@media(min-width:901px){.hero-benefits div:nth-child(3){display:flex!important}.hero-benefits{gap:calc(31 * var(--u))}}

/* 31-10 — fundo inferior do PDF original sem degradé acrescentado.
   A arte inferior (incluindo credenciais) é mantida sem retoque de cor. */
@media (min-width:901px){
  .hero{background-image:url('hero-fundo-fiel.png');}
  .hero-benefits{display:none!important;}
}


/* 31-10-2026 — AJUSTES APROVADOS: dimensão do site e texto do hero.
   Não alterar a arte de fundo, miniaturas, cor ou posição dos restantes elementos. */
@media (min-width:901px) {
  :root { --u: clamp(0.88px, 0.09765625vw, 1.171875px); }
  body { background: #0b1b27; }
  main, .footer { max-width: 1200px; margin-left: auto; margin-right: auto; }
  main { background: #ffffff; }
  .hero-copy h1 { font-size: calc(35.7 * var(--u)); }
  .hero-copy p { font-size: calc(11.9 * var(--u)); }
}
@media (max-width:900px) {
  body { background: #ffffff; }
  main { width: 100%; }
  .hero-copy h1 { font-size: clamp(23px, 5.1vw, 35.7px); }
  .hero-copy p { font-size: 11.9px; }
}
@media (max-width:550px) {
  .hero-copy h1 { font-size: 28.9px; }
}

/* 31-10-2026 — alteração cirúrgica pedida: as 3 fotografias comparativas
   e as 5 fotografias da galeria passam a 85% do tamanho anterior.
   Todos os outros componentes permanecem inalterados. */
@media (min-width:901px) {
  /* Mantém as separações de 14u. Cada cartão fica exatamente a 85%
     da largura anterior: (980u - 28u)/3 -> 0.85 desse valor. */
  .compare-grid {
    width: calc(85% - 33.2 * var(--u));
    margin-left: auto;
    margin-right: auto;
  }
  .compare-art {height: calc(154.7 * var(--u));}
  /* Mantém os intervalos originais de 10u e reduz cada miniatura 15%. */
  .gallery-grid {
    width: calc(85% + 6 * var(--u));
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width:551px) and (max-width:900px) {
  .compare-grid,.gallery-grid { width:calc(85% + 3px); margin-left:auto; margin-right:auto; }
}
@media (max-width:550px) {
  .compare-grid { width:85%; margin-left:auto; margin-right:auto; }
  .gallery-grid { width:calc(85% + 1.5px); margin-left:auto; margin-right:auto; }
  .compare-art { height:153px; }
}

/* 31-10-2026 — credenciais como HTML real.
   O fundo aprovado é preservado; a imagem limpa cobre apenas os rótulos
   incorporados na arte. Os ícones SVG e os textos continuam em HTML. */
@media (min-width:901px) {
  .hero { background-image:url('hero-fundo-fiel.png'); }
  .hero::before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:2;
    background-image:url('hero-fundo-completo.webp');
    background-size:calc(1024 * var(--u)) calc(568 * var(--u));
    background-repeat:no-repeat;
    background-position:center top;
    -webkit-mask-image:radial-gradient(ellipse calc(322 * var(--u)) calc(52 * var(--u)) at calc(300 * var(--u)) calc(521 * var(--u)), #000 78%, transparent 100%);
    mask-image:radial-gradient(ellipse calc(322 * var(--u)) calc(52 * var(--u)) at calc(300 * var(--u)) calc(521 * var(--u)), #000 78%, transparent 100%);
  }
  .hero-benefits { display:flex!important; }
}

/* 31-10-2026 — tamanho final do parágrafo principal: 15% acima do original e depois menos 5%.
   Alterar apenas a tipografia deste parágrafo, sem tocar noutros elementos. */
@media (min-width:901px) {
  .hero-copy p { font-size:calc(13.00075 * var(--u)); }
}
@media (max-width:900px) {
  .hero-copy p { font-size:13.00075px; }
}