/* Site institucional WWH — gerado a partir do protótipo aprovado. Fontes hospedadas no próprio projeto. */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/plus-jakarta-sans-400.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/plus-jakarta-sans-500.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/plus-jakarta-sans-600.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/plus-jakarta-sans-700.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/plus-jakarta-sans-800.woff2') format('woff2')}
/* ==========================================================================
   Tokens. O site é escuro por design (identidade WWH); por isso os mesmos
   valores valem para qualquer tema do visualizador.
   ========================================================================== */
:root{
  --bg:#030d24; --bg-2:#051638; --bg-3:#020a1c;
  --azul:#1a6dff; --azul-2:#5b9bff; --azul-3:#9cc0ff;
  --txt:#f3f7ff; --txt-2:#dbe6fb; --muted:#9fb4d8;
  --line:rgba(120,165,255,.18); --line-2:rgba(120,165,255,.11);
  --ok:#3ddc97;
  --font:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --max:1180px;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ color-scheme:dark; } }
:root[data-theme="dark"]{ color-scheme:dark; }

*{box-sizing:border-box}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 80px);color-scheme:dark}
html,body{margin:0;background:var(--bg);color:var(--txt);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
img,svg{display:block;max-width:100%}
h1,h2,h3,p,ul{margin:0}
:focus-visible{outline:2px solid var(--azul-2);outline-offset:3px;border-radius:6px}
.ico{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.dest{color:var(--azul)}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;font:700 15px/1 var(--font);padding:15px 24px;border-radius:12px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}
.btn:active{transform:translateY(1px)}
.btn-pri{background:var(--azul);color:#fff;box-shadow:0 10px 30px -10px rgba(26,109,255,.85)}
.btn-pri:hover{background:#3a82ff}
.btn-sec{background:rgba(255,255,255,.04);border-color:var(--line);color:var(--txt)}
.btn-sec:hover{border-color:rgba(156,192,255,.5);background:rgba(255,255,255,.08)}
.btn-sm{padding:11px 18px;font-size:14px;border-radius:10px}

/* ---------- cabeçalho ---------- */
.topo{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(3,13,36,.84);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.topo-in{max-width:var(--max);margin:0 auto;padding:0 24px;height:68px;display:flex;align-items:center;gap:14px;position:relative}
.marca{display:flex;align-items:center;gap:14px;text-decoration:none}
.marca img{height:40px;width:auto}
.marca-nome{font-size:12px;line-height:1.25;color:var(--muted);font-weight:500;padding-left:14px;border-left:1px solid var(--line)}
.nav{display:flex;gap:4px;margin-left:auto;margin-right:8px}
.nav a{color:var(--muted);text-decoration:none;font-size:14.5px;font-weight:600;padding:10px 15px;border-radius:999px}
.nav a:hover{color:var(--txt)}
.nav a[aria-current="page"]{color:#fff;background:rgba(26,109,255,.2)}
.burger{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:var(--txt);border-radius:10px;width:42px;height:42px;align-items:center;justify-content:center;cursor:pointer}
.burger .ico{width:22px;height:22px}

/* ==========================================================================
   HERO
   ========================================================================== */
.hero{position:relative;overflow:hidden;background:#0a3a9e;container-type:inline-size}
.hero-fundo{position:absolute;inset:0}
.hero-fundo>svg{width:100%;height:100%}
.pontos{position:absolute;width:270px;height:190px;background-image:radial-gradient(circle,rgba(80,140,255,.6) 1.3px,transparent 1.8px);background-size:22px 22px;-webkit-mask-image:linear-gradient(135deg,#000 0,transparent 78%);mask-image:linear-gradient(135deg,#000 0,transparent 78%)}
.pontos.p1{left:22px;top:22px}
.pontos.p2{right:18px;top:70px;-webkit-mask-image:linear-gradient(225deg,#000 0,transparent 78%);mask-image:linear-gradient(225deg,#000 0,transparent 78%)}
.hero-in{position:relative;padding:72px 24px 60px max(24px,calc((100cqw - var(--max)) / 2 + 24px));display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:24px;align-items:center;min-height:640px}
.h-hero{font-size:clamp(30px,3.3vw,50px);line-height:1.1;font-weight:700;letter-spacing:-.03em}
.hero .dest{color:#2b7bff}
.filete{width:150px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--azul),transparent);margin:28px 0}
.sub{font-size:clamp(16px,1.5vw,20px);line-height:1.6;color:var(--txt-2);max-width:31em}
.sub b{color:var(--azul-2);font-weight:600}
.cta-linha{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.pilares{list-style:none;padding:0;margin:46px 0 0;display:flex}
.pilares li{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 22px;font-size:14px;font-weight:500;color:var(--txt-2);text-align:center;white-space:nowrap}
.pilares li:first-child{padding-left:0}
.pilares li+li{border-left:1px solid var(--line)}
.pilares .ico{width:34px;height:34px;color:var(--azul);stroke-width:1.5}

/* animação de entrada: um único momento, só no hero */
@media (prefers-reduced-motion:no-preference){
  .hero-txt>*{animation:sobe .8s cubic-bezier(.2,.7,.2,1) both}
  .hero-txt>*:nth-child(2){animation-delay:.08s}
  .hero-txt>*:nth-child(3){animation-delay:.16s}
  .hero-txt>*:nth-child(4){animation-delay:.24s}
  .hero-txt>*:nth-child(5){animation-delay:.32s}
  .dev .laptop,.dev .tablet,.dev .phone{animation:sobe 1s cubic-bezier(.2,.7,.2,1) both}
  .dev .tablet{animation-delay:.25s}
  .dev .laptop{animation-delay:.4s}
  .dev .phone{animation-delay:.55s}
  .flux line{stroke-dasharray:2 22;animation:fluxo 2.2s linear infinite}
}
@keyframes sobe{from{opacity:0;transform:translateY(18px)}}
@keyframes fluxo{to{stroke-dashoffset:-24}}
@media (prefers-reduced-motion:reduce){.flux{display:none}}

/* ---------- dispositivos (tudo em em: escala com a tela) ---------- */
.hero-vis{position:relative;display:flex;justify-content:center;container-type:inline-size;--k:40}
.dev{position:relative;font-size:min(calc(100cqw / var(--k)),17px);width:41em;height:36em;margin-right:-1.5em;flex:none}
.nuvem{position:absolute;left:50%;top:-1.6em;width:19.5em;height:auto;transform:translateX(-14%);filter:drop-shadow(0 0 .8em rgba(110,180,255,.95))}
.nuvem svg{width:100%;height:auto}
.tablet{position:absolute;right:5.2em;bottom:9.6em;width:19em;height:13.8em;z-index:1;border:.45em solid #0a1a3d;border-radius:1.2em;background:#020a1e;overflow:hidden;box-shadow:0 2em 4em rgba(0,0,0,.5),0 0 0 1px rgba(120,165,255,.28)}
.laptop{position:absolute;left:0;bottom:3.2em;width:26em;z-index:2}
.laptop .tela{height:16.8em;border:.55em solid #0a1a3d;border-bottom-width:.6em;border-radius:1em 1em .25em .25em;background:#020a1e;overflow:hidden;font-size:.86em;box-shadow:0 2em 5em rgba(0,0,0,.55),0 0 0 1px rgba(120,165,255,.3)}
.laptop .base{height:1.1em;margin:0 -2.4em;background:linear-gradient(180deg,#d3ddf1 0,#8d9bb9 100%);border-radius:0 0 1.6em 1.6em/0 0 .8em .8em;box-shadow:0 1.6em 2.6em rgba(0,0,0,.55)}
.phone{position:absolute;right:.4em;bottom:2em;width:8.6em;height:17.4em;z-index:3;border:.4em solid #0a1a3d;border-radius:1.7em;background:#020a1e;overflow:hidden;box-shadow:0 2em 4em rgba(0,0,0,.6),0 0 0 1px rgba(120,165,255,.3)}

/* ---------- interface ilustrativa (funil) ---------- */
.ln{display:block;height:.42em;border-radius:1em;background:rgba(210,225,255,.35);margin:.18em 0}
.w40{width:40%}.w50{width:50%}.w60{width:60%}.w80{width:80%}
.app{display:grid;grid-template-columns:3.2em minmax(0,1fr);height:100%;background:#061532}
.app-side{background:#04102a;border-right:1px solid var(--line-2);padding:.9em 0;display:flex;flex-direction:column;gap:.7em;align-items:center}
.app-side .lg{width:1.5em;height:1.5em;border-radius:.45em;background:linear-gradient(135deg,#1a6dff,#5b9bff);margin-bottom:.4em}
.app-side i{width:1.3em;height:1.3em;border-radius:.4em;background:rgba(120,165,255,.14)}
.app-side i.on{background:rgba(26,109,255,.6)}
.app-main{padding:.9em 1em;display:flex;flex-direction:column;gap:.8em;min-width:0}
.app-top{display:flex;justify-content:space-between;align-items:center}
.tt{width:7em;height:.8em;border-radius:1em;background:rgba(230,240,255,.5)}
.pill{width:4em;height:1.3em;border-radius:1em;background:rgba(26,109,255,.55)}
.app-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.7em}
.kp{background:rgba(255,255,255,.04);border:1px solid var(--line-2);border-radius:.7em;padding:.6em .7em;color:#5b9bff}
.kp .big{height:.9em;background:rgba(240,246,255,.78);margin:.35em 0}
.kp svg{width:100%;height:1.5em}
.app-funil{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6em;flex:1;min-height:0}
.col{background:rgba(255,255,255,.03);border-radius:.7em;padding:.5em;display:flex;flex-direction:column;gap:.45em;overflow:hidden}
.ch{display:flex;justify-content:space-between;align-items:center;font-size:.74em;font-weight:700;color:#cfe0ff;white-space:nowrap}
.ch em{font-style:normal;background:rgba(26,109,255,.32);color:#9cc0ff;border-radius:1em;padding:0 .55em;margin-left:.3em}
.cd{background:rgba(255,255,255,.06);border:1px solid rgba(120,165,255,.13);border-radius:.55em;padding:.55em;display:flex;flex-direction:column;gap:.1em}
.tg{display:block;align-self:flex-start;width:2.4em;height:.7em;border-radius:1em;background:rgba(26,109,255,.55);margin-top:.3em}
.tg.t2{background:rgba(61,220,151,.5)}
.cd.hi{border-color:#3b8bff;box-shadow:0 0 1.2em rgba(26,109,255,.5);background:rgba(26,109,255,.18)}

.tab-in{padding:.9em 1em;height:100%}
.tab-in .graf{width:100%;height:5.2em;margin:.8em 0}
.tab-row{display:flex;gap:1em;align-items:center}
.donut{width:4.2em;height:4.2em;flex:none}
.bars{display:flex;gap:.4em;align-items:flex-end;height:3.6em;flex:1}
.bars i{flex:1;background:linear-gradient(#3b8bff,#1a55d4);border-radius:.2em .2em 0 0}
.ph-in{position:relative;padding:1.4em .7em .8em;display:flex;flex-direction:column;gap:.6em;height:100%}
.ph-notch{position:absolute;top:.35em;left:50%;transform:translateX(-50%);width:2.6em;height:.7em;border-radius:1em;background:#0a1a3d}
.ph-t{width:60%;height:.8em;border-radius:1em;background:rgba(230,240,255,.5);margin:.2em 0 .3em}
.ph-row{display:flex;gap:.55em;align-items:center;background:rgba(255,255,255,.05);border-radius:.6em;padding:.5em}
.ph-row>div{flex:1}
.av{width:1.6em;height:1.6em;border-radius:50%;background:linear-gradient(135deg,#2b7bff,#7fb0ff);flex:none}
.ph-donut{margin-top:auto;display:flex;justify-content:center}
.ph-donut .donut{width:5em;height:5em}

/* ==========================================================================
   SEÇÕES
   ========================================================================== */
.sec{padding:96px 0}
.sec-tit{font-size:clamp(28px,3.2vw,42px);line-height:1.13;font-weight:700;letter-spacing:-.022em;max-width:21em}
.sec-sub{margin-top:18px;color:var(--muted);font-size:18px;line-height:1.65;max-width:38em}
.servicos{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:56px}
.servico{border-top:1px solid var(--line);padding-top:26px}
.servico .ico{width:30px;height:30px;color:var(--azul);stroke-width:1.5;margin-bottom:20px}
.servico h3{font-size:20px;font-weight:700;letter-spacing:-.01em;margin-bottom:10px}
.servico p{color:var(--muted);font-size:15.5px;line-height:1.65}

.vitrine{position:relative;overflow:clip;background:linear-gradient(180deg,var(--bg) 0,var(--bg-2) 100%);border-top:1px solid var(--line-2)}
.vitrine-in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;align-items:center}
.marca-lv{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:-.01em;margin-bottom:22px}
.marca-lv svg{width:28px;height:28px;color:var(--azul-2)}
.checks{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px}
.checks li{display:flex;gap:12px;align-items:center;font-size:16.5px;font-weight:500;color:var(--txt-2)}
.checks .ico{color:var(--ok);width:20px;height:20px;stroke-width:2.2}
.vitrine .btn{margin-top:34px}
.win{position:relative;font-size:clamp(9px,1.02vw,14.5px)}
.win-moldura{border:1px solid var(--line);border-radius:1.2em;background:#04102a;overflow:hidden;box-shadow:0 3em 6em -1.5em rgba(0,0,0,.75),0 0 0 1px rgba(26,109,255,.12)}
.win-barra{display:flex;gap:.5em;align-items:center;padding:.9em 1.1em;border-bottom:1px solid var(--line-2)}
.win-barra i{width:.7em;height:.7em;border-radius:50%;background:rgba(160,190,255,.3)}
.win-corpo{height:27em}
.flut{position:absolute;display:flex;align-items:center;gap:.9em;background:rgba(6,22,56,.94);border:1px solid var(--line);border-radius:1em;padding:1em 1.2em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1.4em 3em rgba(0,0,0,.55);font-size:1em}
.flut.a{top:3em;right:-1.6em}
.flut.b{left:-1.6em;bottom:2.4em}
.flut .ck{width:2.2em;height:2.2em;border-radius:50%;background:rgba(61,220,151,.16);color:var(--ok);display:grid;place-items:center}
.flut .ck .ico{width:1.2em;height:1.2em;stroke-width:2.4}
.flut strong{display:block;font-size:1.05em;font-weight:700}
.flut small{display:block;font-size:.9em;color:var(--muted);margin-top:.15em}
.flut .donut{width:3.4em;height:3.4em}

.faixa{max-width:calc(var(--max) - 48px);margin:0 auto;border-radius:28px;padding:56px 52px;background:radial-gradient(120% 150% at 100% 0%,#1a6dff 0,#0b3bb0 42%,#061a45 100%);border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.faixa h2{font-size:clamp(26px,2.8vw,36px);line-height:1.15;font-weight:700;letter-spacing:-.02em;max-width:16em}
.faixa p{margin-top:12px;color:var(--txt-2);font-size:17px}
.faixa .cta-linha{margin:0}
.faixa-wrap{padding:0 24px 96px}

/* ---------- páginas internas ---------- */
.pg-hero{position:relative;overflow:hidden;padding:88px 0 72px;border-bottom:1px solid var(--line-2);background:radial-gradient(80% 120% at 100% 0%,rgba(26,109,255,.22) 0,transparent 60%),var(--bg)}
.pg-hero .pontos.p1{left:auto;right:22px;top:24px;-webkit-mask-image:linear-gradient(225deg,#000 0,transparent 78%);mask-image:linear-gradient(225deg,#000 0,transparent 78%)}
.pg-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.pg-tit{font-size:clamp(30px,3.7vw,48px);line-height:1.1;font-weight:700;letter-spacing:-.026em;max-width:17em}
.pg-lead{margin-top:26px;font-size:clamp(17px,1.5vw,20px);line-height:1.7;color:var(--txt-2);max-width:34em}
.pg-lead+.pg-lead{margin-top:16px}
.pg-hero .cta-linha{margin-top:34px}
.arte{position:relative;display:flex;justify-content:center;align-items:center;min-height:320px}
.aneis{position:absolute;inset:0;display:grid;place-items:center}
.aneis i{position:absolute;border-radius:50%;border:1px solid var(--line)}
.aneis i:nth-child(1){width:250px;height:250px}
.aneis i:nth-child(2){width:370px;height:370px;border-color:var(--line-2)}
.aneis i:nth-child(3){width:490px;height:490px;border-color:rgba(120,165,255,.07)}
.nuvem-solo{position:relative;width:260px;filter:drop-shadow(0 0 .9em rgba(47,128,255,.75))}

.desejam{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px}
.desejam div{border-left:3px solid var(--azul);padding-left:22px;font-size:clamp(20px,2vw,26px);line-height:1.25;font-weight:700;letter-spacing:-.015em}
.produto{display:flex;gap:40px;justify-content:space-between;align-items:center;flex-wrap:wrap;border:1px solid var(--line);border-radius:24px;padding:40px 44px;background:linear-gradient(120deg,rgba(26,109,255,.14),rgba(26,109,255,.03))}
.produto p{color:var(--txt-2);font-size:17px;line-height:1.6;max-width:32em}
.produto .marca-lv{margin-bottom:12px}

.ficha{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden;margin-top:48px;background:rgba(255,255,255,.015)}
.ficha>div{padding:34px 32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.ficha>div:nth-child(3n){border-right:0}
.ficha>div:nth-last-child(-n+3){border-bottom:0}
.ficha .ico{width:26px;height:26px;color:var(--azul-2);stroke-width:1.6;margin-bottom:18px}
.ficha h3{font-size:18.5px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}
.ficha p{color:var(--muted);font-size:15.5px;line-height:1.65}
.fecho{margin-top:56px;font-size:clamp(20px,2.2vw,28px);font-weight:700;letter-spacing:-.018em;max-width:26em;line-height:1.3}

.contato-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.info{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:22px}
.info li{display:flex;gap:16px;align-items:center}
.info .bola{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(26,109,255,.1);color:var(--azul-2);display:grid;place-items:center;flex:none}
.info small{display:block;color:var(--muted);font-size:13.5px;margin-bottom:3px}
.info strong{font-size:17px;font-weight:600}
.info .em-breve{color:var(--muted);font-weight:500}
.info a{text-decoration:none}
.info a:hover{text-decoration:underline}
.contato-wa{margin-top:36px}
.form{border:1px solid var(--line);border-radius:24px;padding:36px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}
.form h2{font-size:24px;font-weight:700;letter-spacing:-.015em;margin-bottom:24px}
.campo{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.campo label{font-size:14px;font-weight:600;color:#cfe0ff}
.campo label span{color:var(--muted);font-weight:500}
.campo input,.campo textarea{font:500 16px/1.4 var(--font);color:var(--txt);background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:14px 16px;width:100%}
.campo textarea{min-height:130px;resize:vertical}
.campo input::placeholder,.campo textarea::placeholder{color:rgba(159,180,216,.55)}
.campo input:focus,.campo textarea:focus{outline:none;border-color:var(--azul-2);box-shadow:0 0 0 3px rgba(91,155,255,.22)}
.form .btn{width:100%;margin-top:6px}
.aviso{margin-top:16px;padding:12px 14px;border-radius:12px;background:rgba(61,220,151,.1);border:1px solid rgba(61,220,151,.35);color:#b7f3d6;font-size:14.5px;line-height:1.5}
.aviso[hidden]{display:none}

/* ---------- rodapé ---------- */
.rodape{border-top:1px solid var(--line);background:var(--bg-3);padding:60px 0 32px}
.rodape-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}
.rodape img{height:44px;width:auto;margin-bottom:16px}
.rodape p{color:var(--muted);font-size:15px;line-height:1.65;max-width:24em}
.rodape h4{margin:0 0 16px;font-size:15px;font-weight:700}
.rodape ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.rodape li a{color:var(--muted);text-decoration:none;font-size:15px}
.rodape li a:hover{color:var(--txt)}
.rodape-fim{margin-top:44px;padding-top:24px;border-top:1px solid var(--line-2);color:var(--muted);font-size:13.5px;line-height:1.6}

/* ==========================================================================
   RESPONSIVO
   ========================================================================== */
@media (max-width:980px){
  .hero-in{grid-template-columns:1fr;padding:56px 24px 40px;min-height:0;gap:40px}
  .hero-fundo>svg{display:none}
  .hero{background:linear-gradient(180deg,#030d24 0,#04154a 55%,#0a3a9e 100%)}
  .pilares{flex-wrap:wrap;row-gap:22px}
  .hero-vis{--k:43}
  .dev{margin:0 auto}
  .vitrine-in{grid-template-columns:1fr;gap:56px}
  .win{font-size:clamp(9px,2vw,15px)}
  .flut.a{right:.5em}.flut.b{left:.5em}
  .pg-hero-in,.contato-grid{grid-template-columns:1fr}
  .servicos{grid-template-columns:repeat(2,1fr)}
  .desejam{grid-template-columns:1fr;gap:26px}
  .ficha{grid-template-columns:repeat(2,1fr)}
  .ficha>div{border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
  .ficha>div:nth-child(2n){border-right:0!important}
  .ficha>div:last-child{border-bottom:0!important}
  .rodape-grid{grid-template-columns:1fr 1fr}
  .rodape-grid>div:first-child{grid-column:1/-1}
}
@media (max-width:860px){
  .burger{display:inline-flex}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;flex-direction:column;background:rgba(3,13,36,.98);padding:12px 24px 22px;border-bottom:1px solid var(--line)}
  .nav.aberto{display:flex}
  .nav a{padding:14px 12px}
  .topo-cta{display:none}
  .marca-nome{display:none}
}
@media (max-width:560px){
  .sec{padding:72px 0}
  .servicos{grid-template-columns:1fr;gap:30px}
  .ficha{grid-template-columns:1fr}
  .ficha>div{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .ficha>div:last-child{border-bottom:0!important}
  .pilares li{padding:0 14px;white-space:normal}
  .pilares li:first-child{padding-left:14px}
  .pilares{display:grid;grid-template-columns:1fr 1fr}
  .pilares li+li{border-left:0}
  .pilares li:nth-child(even){border-left:1px solid var(--line)}
  .faixa{padding:40px 28px}
  .produto{padding:30px 26px}
  .form{padding:26px 22px}
  .rodape-grid{grid-template-columns:1fr}
  .btn{width:100%}
  .cta-linha .btn{width:100%}
  .topo .btn,.burger{width:auto}
  .aneis i:nth-child(3){display:none}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}

/* ==========================================================================
   Ajustes da versão de produção (antes eram estilos inline do protótipo)
   ========================================================================== */
.pule{position:absolute;left:-9999px;top:8px;background:#fff;color:#0a1a3d;padding:10px 16px;border-radius:8px;font-weight:700;z-index:100;text-decoration:none}
.pule:focus{left:12px}
.sec.sem-topo{padding-top:0}
.faixa-wrap.topo-largo{padding-top:96px}
.faixa .btn-claro{background:#fff;color:#0a3aa8;box-shadow:none}
.faixa .btn-claro:hover{background:#eaf1ff}
.marca-lv.grande{font-size:22px}
.marca-lv.grande svg{width:34px;height:34px}
.produto .marca-lv svg{color:var(--azul-2)}
.win.win-lg{font-size:clamp(9px,1.05vw,15px)}
.pg-hero.baixo{padding-bottom:88px}
.pg-tit.espaco{margin-bottom:56px}
.pg-lead.sem-topo{margin-top:0}
.contato-grid.sem-form{grid-template-columns:minmax(0,640px)}
.aviso.erro{background:rgba(255,99,99,.1);border-color:rgba(255,120,120,.4);color:#ffd0d0}
.aviso.demo{background:rgba(91,155,255,.1);border-color:rgba(91,155,255,.4);color:#cfe0ff}
.campo-erro{margin:0;color:#ffb4b4;font-size:13.5px;line-height:1.4}
.campo input[aria-invalid="true"],.campo textarea[aria-invalid="true"]{border-color:rgba(255,120,120,.7)}
.campo .contador{color:var(--muted);font-size:13px}
.pote{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form .btn[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none}
.form .nota{margin-top:14px;color:var(--muted);font-size:13px;line-height:1.55}
.nota-privacidade{margin-top:12px;color:var(--muted);font-size:13px;line-height:1.55}
.nf{min-height:calc(100vh - 68px - 260px);display:grid;align-items:center;padding:96px 0}
.nf-cod{font-size:clamp(64px,12vw,120px);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--azul)}
.nf h1{font-size:clamp(26px,3.2vw,38px);margin:18px 0 14px;font-weight:700;letter-spacing:-.02em}
.nf p{color:var(--muted);font-size:18px;line-height:1.6;max-width:30em;margin-bottom:28px}
.previa-faixa{position:sticky;top:68px;z-index:40;background:#5b3ad6;color:#fff;text-align:center;font-size:13.5px;font-weight:600;padding:8px 16px}
.marca img{aspect-ratio:64/40}

.form>.aviso{margin:0 0 18px}
.form>.aviso.demo{margin:16px 0 0}