@font-face{font-family:Manrope;src:url(/fonts/manrope.woff2) format("woff2");font-weight:400 800;font-display:swap}

:root{
  --noite:#071225; --marinho:#0c1e3d; --azul:#17345f; --azul-2:#24518f;
  --ouro:#d6a646; --ouro-2:#b3822b; --ouro-3:#8a6420; --ouro-claro:#f9f1dc;
  --eb:#55703c; --mb:#1d4687; --fab:#2f86c7;
  --tinta:#0e1b30; --texto:#4a566a; --linha:#e3e6ec; --fundo:#f5f6f8; --branco:#fff;
  --raio:18px; --sombra:0 14px 34px -14px rgba(7,18,37,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px;-webkit-text-size-adjust:100%}
body{margin:0;font:400 17px/1.6 Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--texto);background:var(--branco);overflow-x:hidden}
img,svg{max-width:100%}
a{color:inherit}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
h1,h2,h3{color:var(--tinta);font-weight:800;letter-spacing:-.022em;text-wrap:balance}
h1{font-size:clamp(2.100rem,5vw,3.500rem);line-height:1.060}
h2{font-size:clamp(1.700rem,3.500vw,2.500rem);line-height:1.120}
h3{font-size:1.150rem;line-height:1.300;letter-spacing:-.01em}
button{font-family:inherit}
:focus-visible{outline:3px solid var(--ouro);outline-offset:3px;border-radius:6px}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}
.estreito{width:min(840px,100% - 40px)}
.skip{position:absolute;left:-999px;top:8px;background:var(--ouro);color:var(--noite);padding:10px 16px;border-radius:8px;z-index:99;font-weight:800}
.skip:focus{left:8px}
.oculto{display:none!important}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 26px;border-radius:12px;font-weight:800;text-decoration:none;border:2px solid transparent;transition:transform .15s,background .15s,box-shadow .15s,border-color .15s;cursor:pointer;font-size:1rem;line-height:1.200;text-align:center}
.btn:hover{transform:translateY(-2px)}
.btn-ouro{background:linear-gradient(180deg,#e4b95e,var(--ouro) 55%,#c4943a);color:var(--noite);box-shadow:0 10px 24px -10px rgba(214,166,70,.8)}
.btn-ouro:hover{background:linear-gradient(180deg,#edc670,#dcae50)}
.btn-linha{border-color:rgba(255,255,255,.4);color:#fff}
.btn-linha:hover{background:rgba(255,255,255,.1);border-color:#fff}
.btn-escuro{background:var(--marinho);color:#fff}
.btn-escuro:hover{background:var(--azul)}
.btn-p{padding:11px 18px;font-size:.93rem}
.btn-g{padding:18px 30px;font-size:1.080rem}
.btn-cheio{width:100%}

/* barra de aviso */
.aviso{background:var(--noite);color:#b9c6da;font-size:.82rem;font-weight:600}
.aviso-in{display:flex;justify-content:space-between;gap:16px;padding-block:8px;flex-wrap:wrap}
.aviso a{color:var(--ouro);text-decoration:none;font-weight:800}
.aviso b{color:#fff}

/* topo */
.topo{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--linha)}
.topo-in{display:flex;align-items:center;justify-content:space-between;height:76px;gap:20px}
.marca{display:flex;align-items:center;gap:13px;text-decoration:none}
.marca-ico{width:46px;height:42px;flex:none}
.marca-txt{display:flex;flex-direction:column;line-height:1.050;padding-left:13px;border-left:2px solid var(--ouro)}
.marca-txt strong{font-size:1.180rem;color:var(--marinho);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.marca-txt small{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro-3);font-weight:800;margin-top:4px}
.menu{display:flex;align-items:center;gap:24px}
.menu a:not(.btn){text-decoration:none;font-weight:700;font-size:.94rem;color:var(--tinta);position:relative}
.menu a:not(.btn)::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--ouro);transition:right .2s}
.menu a:not(.btn):hover::after{right:0}
.menu-btn{display:none;width:46px;height:46px;border:1px solid var(--linha);border-radius:12px;background:#fff;cursor:pointer;padding:12px 11px;flex-direction:column;justify-content:space-between}
.menu-btn span{display:block;height:2px;background:var(--marinho);border-radius:2px}

/* hero */
.hero{background:radial-gradient(900px 500px at 85% 0%,rgba(36,81,143,.55),transparent 60%),radial-gradient(700px 420px at 0% 100%,rgba(214,166,70,.13),transparent 60%),linear-gradient(160deg,var(--noite),var(--marinho) 60%,#102a52);color:#c5d1e3;position:relative;overflow:hidden}
.hero-arte{position:absolute;right:-90px;top:-40px;width:620px;height:auto;opacity:.07;pointer-events:none}
.hero-in{position:relative;display:grid;grid-template-columns:1.100fr .9fr;gap:56px;align-items:center;padding-block:70px 78px}
.hero h1{color:#fff}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#f0cf85,var(--ouro));-webkit-background-clip:text;background-clip:text;color:transparent}
.selo{display:inline-flex;align-items:center;gap:10px;font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#f0d79f;background:rgba(214,166,70,.1);border:1px solid rgba(214,166,70,.35);padding:8px 14px;border-radius:999px;margin-bottom:22px}
.ponto{width:8px;height:8px;border-radius:50%;background:var(--ouro);flex:none;box-shadow:0 0 0 4px rgba(214,166,70,.22)}
.lead{font-size:1.120rem;margin-top:20px;max-width:54ch}
.acoes{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.hero-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin-top:32px;font-size:.93rem;font-weight:700;color:#fff;max-width:560px}
.hero-lista li{display:flex;gap:9px;align-items:flex-start}
.hero-lista li::before{content:"";flex:none;margin-top:.42em;width:11px;height:6px;border-left:2.500px solid var(--ouro);border-bottom:2.500px solid var(--ouro);transform:rotate(-45deg)}

/* simulador */
.sim{background:#fff;border-radius:22px;padding:28px;color:var(--texto);box-shadow:0 40px 70px -30px rgba(0,0,0,.7);position:relative}
.sim::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;border-radius:22px 22px 0 0;background:linear-gradient(90deg,var(--eb),var(--mb),var(--fab),var(--ouro))}
.sim-tit{font-size:1.200rem;font-weight:800;color:var(--tinta)}
.sim-sub{font-size:.86rem;margin-top:2px}
.abas{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--fundo);padding:5px;border-radius:13px;margin-block:18px 20px}
.aba{border:0;background:none;padding:10px 4px;border-radius:9px;font-weight:800;font-size:.88rem;color:var(--texto);cursor:pointer;transition:background .15s,color .15s}
.aba.on{background:var(--marinho);color:#fff}
.sim label,.sim .rot{font-size:.84rem;font-weight:800;color:var(--tinta);display:block}
.valor{display:block;font-size:2.300rem;font-weight:800;color:var(--marinho);line-height:1.150;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
input[type=range]{width:100%;margin:8px 0 4px;accent-color:var(--ouro-2);height:28px;cursor:pointer}
.faixa-val{display:flex;justify-content:space-between;font-size:.74rem;font-weight:700;color:#8792a3}
.prazos{display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:6px;margin-top:8px}
.prazo{border:1.500px solid var(--linha);background:#fff;border-radius:10px;padding:9px 0;font-weight:800;font-size:.92rem;color:var(--tinta);cursor:pointer;transition:all .15s}
.prazo small{display:block;font-size:.62rem;font-weight:700;color:#8792a3}
.prazo.on{border-color:var(--ouro-2);background:var(--ouro-claro);color:var(--ouro-3)}
.prazo.on small{color:var(--ouro-3)}
.res{margin-top:18px;background:linear-gradient(150deg,var(--marinho),var(--azul));color:#c5d1e3;border-radius:14px;padding:16px 18px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.res span{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;display:block}
.res output{font-size:1.750rem;font-weight:800;color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.200;display:block}
.res .dir{text-align:right}
.res .dir output{font-size:1.050rem;color:var(--ouro)}
.sim .btn{margin-top:14px}
.sim-nota{font-size:.72rem;line-height:1.450;margin-top:10px;color:#7a8597}

/* faixa forças */
.faixa{position:relative;border-top:1px solid rgba(255,255,255,.1);background:rgba(7,18,37,.5)}
.faixa-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 26px;padding-block:16px;font-weight:800;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:#fff}
.faixa-in span{display:flex;align-items:center;gap:10px}
.faixa-in span::before{content:"";width:9px;height:9px;border-right:2.500px solid var(--ouro);border-bottom:2.500px solid var(--ouro);transform:rotate(45deg) translateY(-3px)}

/* seções */
.sec{padding-block:90px}
.sec-suave{background:var(--fundo)}
.sec-escura{background:linear-gradient(165deg,var(--noite),var(--marinho));color:#bdc9db}
.sec-escura h2,.sec-escura h3{color:#fff}
.olho{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--ouro-2);margin-bottom:12px}
.olho::before{content:"";width:26px;height:2px;background:var(--ouro)}
.sec-escura .olho{color:var(--ouro)}
.sub{margin-top:14px;max-width:64ch;font-size:1.050rem}
.cab-centro{text-align:center}
.cab-centro .sub{margin-inline:auto}

/* forças */
.forcas{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}
.forca{--cor:var(--marinho);background:#fff;border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.forca:hover{transform:translateY(-5px);box-shadow:var(--sombra)}
.forca-eb{--cor:var(--eb)}.forca-mb{--cor:var(--mb)}.forca-fab{--cor:var(--fab)}
.forca-topo{background:linear-gradient(140deg,var(--cor),color-mix(in srgb,var(--cor) 62%,#000));color:#fff;padding:26px 26px 22px;position:relative;overflow:hidden}
.forca-topo svg{width:44px;height:44px;fill:none;stroke:#fff;stroke-width:1.700;stroke-linecap:round;stroke-linejoin:round}
.forca-topo::after{content:"";position:absolute;right:-30px;bottom:-46px;width:130px;height:130px;border:16px solid rgba(255,255,255,.1);transform:rotate(45deg)}
.forca-topo h3{color:#fff;font-size:1.450rem;margin-top:12px}
.forca-topo p{font-size:.86rem;opacity:.86;font-weight:600}
.forca-corpo{padding:22px 26px 26px;display:flex;flex-direction:column;gap:12px;flex:1}
.forca-corpo ul{display:grid;gap:9px;font-size:.94rem}
.check li{padding-left:24px;position:relative}
.check li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:7px;border-left:2.500px solid var(--ouro-2);border-bottom:2.500px solid var(--ouro-2);transform:rotate(-45deg)}
.link{margin-top:auto;padding-top:8px;font-weight:800;color:var(--azul-2);text-decoration:none}
.link:hover{color:var(--ouro-2)}

/* quem pode */
.quem{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:40px}
.quem li{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:20px 18px}
.quem b{display:block;color:var(--tinta);font-size:1rem;margin-bottom:4px}
.quem span{font-size:.86rem;line-height:1.450;display:block}
.quem li::before{content:"";display:block;width:28px;height:4px;border-radius:4px;background:var(--ouro);margin-bottom:14px}

/* serviços */
.grade{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.card{position:relative;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:28px 26px;display:flex;flex-direction:column;gap:11px;transition:transform .2s,box-shadow .2s,border-color .2s}
.card:hover{transform:translateY(-4px);box-shadow:var(--sombra);border-color:var(--ouro)}
.card p{font-size:.96rem}
.card ul{font-size:.92rem;display:grid;gap:7px;margin-block:2px 6px}
.card-destaque{border:2px solid var(--ouro);background:linear-gradient(180deg,var(--ouro-claro),#fff 44%)}
.tag{position:absolute;top:-13px;left:22px;background:var(--ouro);color:var(--noite);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.card-escuro{background:linear-gradient(150deg,var(--marinho),var(--azul));border-color:var(--marinho);color:#c5d1e3;justify-content:center;align-items:flex-start}
.card-escuro h3{color:#fff;font-size:1.400rem}
.ico{width:48px;height:48px;padding:11px;border-radius:13px;background:var(--marinho);fill:none;stroke:var(--ouro);stroke-width:1.800;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* condições */
.cond-in{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.cond-nums{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.num{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:22px}
.num b{display:block;font-size:1.700rem;font-weight:800;color:var(--ouro);letter-spacing:-.02em;line-height:1.150}
.num span{font-size:.86rem;display:block;margin-top:6px}
.exemplo{margin-top:26px;border-left:3px solid var(--ouro);padding:4px 0 4px 18px;font-size:.92rem}
.exemplo b{color:#fff}

/* passos */
.passos{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:46px;position:relative}
.passos::before{content:"";position:absolute;left:6%;right:6%;top:26px;height:2px;background:repeating-linear-gradient(90deg,var(--ouro) 0 8px,transparent 8px 16px)}
.passos li{position:relative;text-align:center;padding-inline:8px}
.passos span{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:var(--marinho);color:var(--ouro);font-weight:800;font-size:1.300rem;margin:0 auto 18px;box-shadow:0 0 0 8px var(--branco)}
.passos p{font-size:.94rem;margin-top:8px}

/* diferenciais */
.grade-3{gap:18px}
.dif{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:26px}
.dif h3{margin-top:14px}
.dif p{font-size:.95rem;margin-top:6px}
.alerta{margin-top:28px;display:flex;gap:18px;align-items:flex-start;background:var(--ouro-claro);border:1px solid #ecd9a4;border-radius:var(--raio);padding:22px 24px;color:#5b4718}
.alerta svg{width:34px;height:34px;flex:none;fill:none;stroke:var(--ouro-3);stroke-width:1.800;stroke-linecap:round;stroke-linejoin:round}
.alerta b{color:#3d2f0c}

/* faq */
.faq{margin-top:36px;display:grid;gap:12px}
.faq details{border:1px solid var(--linha);border-radius:14px;background:#fff;overflow:hidden}
.faq details[open]{border-color:var(--ouro);box-shadow:var(--sombra)}
.faq summary{cursor:pointer;list-style:none;padding:20px 58px 20px 22px;font-weight:800;color:var(--tinta);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:8px;background:var(--fundo);color:var(--marinho);display:grid;place-items:center;font-weight:800;font-size:1.200rem;line-height:1}
.faq details[open] summary::after{content:"–";background:var(--ouro);color:var(--noite)}
.faq details p{padding:0 22px 22px}

/* contato */
.sec-cta{background:radial-gradient(700px 380px at 100% 0%,rgba(214,166,70,.2),transparent 60%),linear-gradient(140deg,var(--noite),var(--marinho) 55%,var(--azul));color:#c9d5e6}
.sec-cta h2{color:#fff}
.cta-in{display:grid;grid-template-columns:1.050fr .95fr;gap:48px;align-items:center}
.cta-in p.gr{margin-top:12px;font-size:1.100rem}
.cta-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.contatos{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:10px 24px}
.contatos li{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.contatos li:last-child{border:0}
.contatos svg{width:24px;height:24px;flex:none;margin-top:2px;fill:none;stroke:var(--ouro);stroke-width:1.800;stroke-linecap:round;stroke-linejoin:round}
.contatos small{display:block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8fa1bb}
.contatos a,.contatos span{color:#fff;font-weight:700;text-decoration:none;overflow-wrap:anywhere}
.contatos a:hover{color:var(--ouro)}

/* rodapé */
.rodape{background:#050d1b;color:#93a3ba;font-size:.92rem;padding-block:56px 26px}
.rodape-in{display:grid;grid-template-columns:1.400fr .8fr .8fr 1.200fr;gap:36px}
.rodape h4{margin:0 0 12px;color:#fff;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}
.rodape-marca{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.rodape-marca svg{width:40px;height:36px}
.rodape-marca b{color:#fff;font-size:1.100rem;letter-spacing:.06em;text-transform:uppercase}
.rodape nav,.rodape address{display:grid;gap:8px;align-content:start;font-style:normal}
.rodape a{text-decoration:none;overflow-wrap:anywhere}
.rodape a:hover{color:var(--ouro)}
.legal{margin-top:38px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:.78rem;line-height:1.650;display:grid;gap:11px;color:#7f8fa6}
.legal b{color:#b7c3d6}
.fim{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-top:8px;color:#93a3ba}
.fim a{text-decoration:underline}

.wa-flut{position:fixed;right:18px;bottom:18px;z-index:60;width:60px;height:60px;border-radius:50%;background:#1faa59;color:#fff;display:grid;place-items:center;box-shadow:0 12px 26px -8px rgba(0,0,0,.5);transition:transform .15s}
.wa-flut:hover{transform:scale(1.070)}

/* páginas de texto */
.doc{padding-block:56px 80px}
.doc h1{font-size:clamp(1.900rem,4vw,2.600rem);margin-bottom:6px}
.doc .data{font-size:.88rem;color:#7a8597}
.doc h2{font-size:1.300rem;margin-top:36px;margin-bottom:8px;padding-top:6px}
.doc p,.doc li{margin-top:10px}
.doc ul{list-style:disc;padding-left:22px}
.doc a{color:var(--azul-2);font-weight:700}
.doc .caixa{background:var(--fundo);border:1px solid var(--linha);border-radius:14px;padding:18px 22px;margin-top:18px}
.doc .caixa p:first-child{margin-top:0}

/* entrada suave */
.js .rev{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.js .rev.vis{opacity:1;transform:none}

@media (max-width:1020px){
  .hero-in,.cond-in,.cta-in{grid-template-columns:1fr;gap:40px}
  .hero-in{padding-block:50px 58px}
  .sim{max-width:520px;width:100%;margin-inline:auto}
  .forcas,.grade{grid-template-columns:repeat(2,1fr)}
  .quem{grid-template-columns:repeat(3,1fr)}
  .passos{grid-template-columns:repeat(2,1fr);row-gap:34px}
  .passos::before{display:none}
  .rodape-in{grid-template-columns:1fr 1fr}
  .sec{padding-block:66px}
  .menu-btn{display:flex}
  .menu{position:absolute;top:76px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 20px;border-bottom:1px solid var(--linha);box-shadow:var(--sombra);display:none}
  .menu.aberto{display:flex}
  .menu a:not(.btn){padding:14px 4px;border-bottom:1px solid var(--linha)}
  .menu a:not(.btn)::after{display:none}
  .menu .btn{margin-top:16px}
}
@media (max-width:640px){
  body{font-size:16px}
  .aviso-in{justify-content:center;text-align:center}
  .aviso .so-desk{display:none}
  .forcas,.grade,.passos,.rodape-in,.cond-nums{grid-template-columns:1fr}
  .quem{grid-template-columns:1fr 1fr}
  .hero-lista{grid-template-columns:1fr}
  .acoes .btn,.cta-btns .btn{width:100%}
  .faixa-in{justify-content:flex-start}
  .sim{padding:22px 18px}
  .valor{font-size:2rem}
  .res output{font-size:1.450rem}
  .marca-txt strong{font-size:1.020rem}
  .alerta{flex-direction:column;gap:10px}
  .cond-nums{grid-template-columns:1fr 1fr}
  .num{padding:16px}.num b{font-size:1.350rem}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.js .rev{opacity:1;transform:none}}
