/* ============================================================
   ROMAP SYNC | Design System (tema claro)
   Manual da Marca ROMAP 2016 · Pantone 281 #05286A + Pantone 376 #7BBB06
   Branco + azul predominantes · verde nos detalhes · vermelho pontual
   ============================================================ */
:root{
  --navy:#05286A;         /* Pantone 281: cor dominante */
  --navy-2:#0B3C97;       /* azul de apoio / gradientes */
  --navy-deep:#031B4A;    /* faixas profundas / footer */
  --green:#7BBB06;        /* Pantone 376: detalhes */
  --blue-soft:#7FA4EF;    /* dataviz secundária */
  --red:#E5484D;          /* vermelho moderno */
  --tx:#F4F8FF;           /* texto sobre navy */
  --mut:#B9C7E6;          /* muted sobre navy */
  --ink:#0A1F4D;          /* texto principal sobre claro */
  --ink-mut:#4E5F84;      /* muted sobre claro */
  --paper:#F2F6FC;        /* azul clarinho */
  --paper-2:#FFFFFF;
  --line:rgba(5,40,106,.12);        /* linhas sobre claro */
  --line-l:#E1E9F6;
  --line-d:rgba(255,255,255,.16);   /* linhas sobre navy */
  --r:22px; --r-lg:30px;
  --font-d:ui-sans-serif,"Segoe UI",Arial,sans-serif;
  --font-b:ui-sans-serif,"Segoe UI",Arial,sans-serif;
  --font-m:ui-sans-serif,"Segoe UI",Arial,sans-serif;
  --sh:0 30px 70px -28px rgba(5,40,106,.28);
  --ease:cubic-bezier(.22,.8,.3,1);
}
*{margin:0;padding:0;box-sizing:border-box}
/* Guarda de layout: itens de grid/flex assumem min-width:auto por padrão e
   passam a impor a largura do próprio conteúdo, estourando a grade em telas
   estreitas. Zerar isso nos contêineres de dados evita scroll horizontal. */
.kpis>*,.mini-grid>*,.num-grid>*,.eco-cats>*,.pillars>*,.problem-grid>*,
.grid2>*,.f-grid>*,.well-grid>*,.perks>*,.steps>*,.evid>*,.inc-grid>*{min-width:0}
.chart-card,.form-card,.mac-screen,.wrap{min-width:0}
/* O tampo do notebook é 112% da tela por realismo: precisa ser recortado. */
.hero,.bi{overflow-x:clip}
html{scroll-behavior:smooth}
html,body{overflow-x:clip}
body{font-family:var(--font-b);background:#FFFFFF;color:var(--ink);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:var(--green);color:#0A1F0A}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}
:focus-visible{outline:2px solid var(--navy-2);outline-offset:3px;border-radius:6px}

/* ===== UX: navegação e feedback ===== */
/* Nav fixo cobre ~90px: sem isso, âncoras escondem o título da seção */
[id]{scroll-margin-top:104px}
/* Scrollspy: link da seção visível fica marcado */
.nav-links a.on{color:var(--navy)}
.nav-links a{position:relative}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;border-radius:2px;background:var(--green);transition:right .35s var(--ease)}
.nav-links a.on::after,.nav-links a:hover::after{right:0}
/* Validação nativa: só marca erro depois de o campo ser tocado */
.field input:user-invalid,.field select:user-invalid{border-color:var(--red);box-shadow:0 0 0 3px rgba(222,59,59,.12)}
.field .ferr{display:none;font-size:11.5px;color:var(--red);margin-top:6px;font-weight:600}
.field input:user-invalid~.ferr{display:block}
/* Carrossel: setas desabilitadas nas pontas + rail focável por teclado */
.t-btn:disabled{opacity:.35;cursor:default;pointer-events:none}
.t-rail:focus-visible{outline:2px solid var(--navy-2);outline-offset:6px;border-radius:14px}
/* Recuperação do envio: caminho alternativo se o app não abrir */
.ok-alt{margin-top:18px;font-size:13px;color:var(--ink-mut)}
.ok-alt a{color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.ok-copy{margin-top:12px;font:inherit;font-size:13px;font-weight:700;color:var(--navy);background:var(--paper);border:1px solid var(--line-l);border-radius:99px;padding:9px 18px;cursor:pointer;transition:.25s}
.ok-copy:hover{border-color:var(--navy)}
.wa-direct{display:none;text-align:center;margin-top:12px;font-size:13px;color:var(--ink-mut)}
.wa-direct.show{display:block}
.wa-direct a{color:var(--green);font-weight:700;text-decoration:underline;text-underline-offset:3px}
/* ===== CTAs de WhatsApp: modernos, com sensação de resposta imediata ===== */
.btn .wa-ic,.nav-cta .wa-ic,.btn-wa .wa-ic{width:19px;height:19px;fill:currentColor;stroke:none;flex-shrink:0}
.nav-cta .wa-ic{width:16px;height:16px;vertical-align:-3px;margin-right:2px;display:inline-block}
.btn-wa{gap:10px}
.btn-wa-big{width:100%;justify-content:center;padding:18px;font-size:16.5px;background:#25D366;color:#053B2B;box-shadow:0 18px 40px -14px rgba(37,211,102,.55)}
.btn-wa-big:hover{background:#1EBE5B;color:#03281D;transform:translateY(-2px);box-shadow:0 24px 50px -14px rgba(37,211,102,.65)}
.wa-card{text-align:center}
.wa-card h3{font-size:24px}
.wa-micro{margin-top:14px;font-size:13px;color:var(--ink-mut);display:flex;align-items:center;justify-content:center;gap:7px}
.wa-dot{width:8px;height:8px;border-radius:50%;background:#25D366;display:inline-block;position:relative;flex-shrink:0}
.wa-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(37,211,102,.55);animation:waPing 1.6s ease-out infinite}
@keyframes waPing{0%{transform:scale(.6);opacity:1}80%,100%{transform:scale(1.5);opacity:0}}
@media(prefers-reduced-motion:reduce){.wa-dot::after{animation:none;display:none}}


.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
section{position:relative}
.sec-pad{padding:clamp(76px,10vw,132px) 0}
/* Renderização preguiçosa: seções fora da viewport não pagam layout/paint
   até se aproximarem. Alturas intrínsecas ~reais (medidas em 1440px) evitam
   pulos na barra de rolagem. Hero e faixa de clientes ficam de fora por
   serem o primeiro paint. */
#problema,#solucao,#bi,#metodo,#beneficios,#depoimentos,#faq,#contato{
  content-visibility:auto;
  contain-intrinsic-size:auto 1100px;
}
#bi,#beneficios{contain-intrinsic-size:auto 1400px}
#depoimentos{contain-intrinsic-size:auto 760px}

/* Eyebrow */
.eyebrow{font-family:var(--font-m);font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--navy);display:inline-flex;align-items:center;gap:10px}
.smile-word{color:var(--green)}

h1,h2,h3{font-family:var(--font-d);line-height:1.08;letter-spacing:-.025em;color:var(--navy)}
h2{font-size:clamp(30px,4.4vw,52px);font-weight:800;margin:18px 0 18px}
.sub{color:var(--ink-mut);font-size:clamp(16px,1.6vw,18.5px);max-width:640px}
.center{text-align:center}
.center .sub{margin:0 auto}

/* Palavra com sorriso desenhado embaixo */
.smile-word{position:relative;display:inline-block;color:var(--navy)}
.smile-word svg{position:absolute;left:-2%;bottom:-.28em;width:104%;height:.42em;overflow:visible}
.smile-word path{fill:none;stroke:var(--green);stroke-width:7;stroke-linecap:round;stroke-dasharray:230;stroke-dashoffset:230;transition:stroke-dashoffset 1.1s var(--ease) .35s}
.in .smile-word path,.smile-word.go path{stroke-dashoffset:0}

/* Botões */
.btn{position:relative;display:inline-flex;align-items:center;gap:10px;background:var(--green);color:var(--navy);font-weight:800;font-size:15.5px;padding:16px 30px;border-radius:999px;transition:transform .3s var(--ease),box-shadow .3s var(--ease);box-shadow:0 12px 30px -10px rgba(86,131,11,.55);white-space:nowrap;overflow:hidden}
.btn::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s var(--ease)}
.btn:hover::after{left:125%}
.btn:hover{filter:brightness(.94);transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(123,187,6,.5)}
.btn svg{width:18px;height:18px}

/* Reveal on scroll */
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0s)}
.js .rv.in{opacity:1;transform:none}
@media print{.js .rv{opacity:1!important;transform:none!important}}

/* Barra de progresso de leitura */
#progress{position:fixed;top:0;left:0;height:3px;background:var(--green);width:0;z-index:1000}

/* ================= NAV ================= */
nav{position:fixed;top:0;left:0;right:0;z-index:900;transition:.4s var(--ease)}
nav .bar{max-width:1180px;margin:14px auto 0;padding:13px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:18px;border:1px solid transparent}
nav.scrolled .bar{background:rgba(255,255,255,.85);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:var(--line-l);box-shadow:0 14px 40px -18px rgba(5,40,106,.25)}
.logo{display:flex;align-items:center;gap:2px;flex-shrink:0;color:var(--navy);padding:6px 0}
.logo svg{height:34px;width:auto}
.nav-links{display:flex;gap:30px;align-items:center}
.nav-links a{font-size:14.5px;font-weight:600;color:var(--ink-mut);transition:.25s}
.nav-links a:hover{color:var(--navy)}
.nav-cta{background:var(--navy);color:#fff;font-weight:700;font-size:14px;padding:11px 22px;border-radius:999px;transition:.3s var(--ease);white-space:nowrap}
.nav-cta:hover{background:var(--navy-2);transform:translateY(-2px);box-shadow:0 12px 28px -10px rgba(5,40,106,.5)}
.burger{display:none;flex-direction:column;gap:5px;padding:8px;min-width:44px;min-height:44px;justify-content:center;align-items:center}
.burger span{width:22px;height:2px;background:var(--navy);border-radius:2px;transition:.3s}
.m-menu{display:none}
@media(max-width:920px){
  .nav-links,.nav-cta{display:none}
  .burger{display:flex}
  .m-menu{display:block;position:fixed;inset:0;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);z-index:899;padding:110px 32px;opacity:0;pointer-events:none;transition:.35s}
  .m-menu.open{opacity:1;pointer-events:auto}
  .m-menu a{display:block;font-family:var(--font-d);font-size:26px;font-weight:700;color:var(--navy);padding:16px 0;border-bottom:1px solid var(--line-l)}
  .m-menu .btn{margin-top:28px;display:flex;justify-content:center;font-size:17px;color:#fff;border-bottom:0;padding:17px 30px}
  body.locked{overflow:hidden}
  .burger.x span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .burger.x span:nth-child(2){opacity:0}
  .burger.x span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

/* ================= HERO (claro) ================= */
.hero{min-height:100svh;display:flex;align-items:center;padding:140px 0 90px;background:#FFFFFF}

.hero .wrap{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center;position:relative}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(123,187,6,.5)}55%{box-shadow:0 0 0 9px rgba(123,187,6,0)}}
.hero h1{font-size:clamp(44px,5.9vw,76px);font-weight:900;letter-spacing:-.025em}
.hero .sub{margin:26px 0 38px;max-width:560px}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
/* grade em vez de flex-wrap: evita o 4º item órfão numa linha só */
.hero-proof{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;
  column-gap:clamp(18px,2.2vw,30px);row-gap:22px;margin-top:52px}
@media(max-width:1120px){.hero-proof{grid-template-columns:repeat(2,auto);column-gap:36px}}
.hero-proof div{display:flex;flex-direction:column;gap:2px}
.hero-proof b{font-family:var(--font-m);font-size:clamp(17px,1.6vw,21px);font-weight:700;color:var(--navy);white-space:nowrap}
.hero-proof span{font-size:12px;color:var(--ink-mut);white-space:nowrap}
.hero-proof b span{font:inherit;color:inherit}
@media(max-width:1020px){
  .hero .wrap{grid-template-columns:1fr;gap:60px}
  .hero{padding-top:120px}
}

/* ================= MACBOOK (layout Apple) ================= */
.mac{position:relative;z-index:1}
.mac-lid{background:linear-gradient(180deg,#F7F9FC 0%,#E3E8F1 55%,#CBD3E2 100%);border:1px solid #C0C9DB;border-radius:20px;padding:9px;box-shadow:var(--sh),inset 0 1px 0 #fff}
.mac-bezel{background:#0B0D12;border-radius:13px;padding:9px 9px 11px;position:relative}
.mac-cam{position:absolute;top:4.5px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:#1B2130;box-shadow:inset 0 0 3px #000,0 0 0 1.5px #14181f}
.mac-screen{border-radius:7px;overflow:hidden;background:#F6F9FF}
.mac-base{position:relative;height:15px;width:112%;margin:0 -6%;background:linear-gradient(180deg,#F2F5FA 0%,#C6CEDF 70%,#9FA9BF 100%);border:1px solid #B3BCCF;border-top:0;border-radius:2px 2px 16px 16px;box-shadow:0 18px 34px -16px rgba(5,40,106,.38)}
.mac-base::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:130px;height:7px;background:linear-gradient(180deg,#AEB8CC,#CBD3E2);border-radius:0 0 12px 12px}
@media(max-width:640px){.mac-base{width:106%;margin:0 -3%}}

/* Hero: Mac flutuante com tilt 3D */
.hero-dash{position:relative}
.hero-dash .halo{display:none}
.hero-dash .mac{transform:none;animation:none}

@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}

/* "App" dentro da tela do Mac */
.dash{position:relative;z-index:1;background:#F6F9FF;overflow:hidden}
.dash-top{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-l);background:#FFFFFF}
.dots{display:flex;gap:6px}
.dots i{width:10px;height:10px;border-radius:50%}
.dots i:first-child{background:#FF5F57}.dots i:nth-child(2){background:#FEBC2E}.dots i:nth-child(3){background:#28C840}
.dash-title{font-family:var(--font-m);font-size:11.5px;letter-spacing:.08em;color:var(--ink-mut)}
.dash-title b{color:var(--navy)}
.live{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-family:var(--font-m);font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--green);border:1px solid rgba(123,187,6,.5);background:rgba(123,187,6,.08);padding:5px 11px;border-radius:999px}
.live i{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 1.8s infinite}
.dash-body{padding:18px}
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px}
.kpi{background:#fff;border:1px solid var(--line-l);border-radius:14px;padding:13px 15px;box-shadow:0 6px 18px -12px rgba(5,40,106,.16)}
.kpi .lbl{font-size:10.5px;color:var(--ink-mut);letter-spacing:.05em;text-transform:uppercase;font-weight:700}
.kpi .val{font-family:var(--font-m);font-size:clamp(19px,2vw,23px);font-weight:700;margin-top:4px;color:var(--navy)}
.kpi .trend{font-family:var(--font-m);font-size:10.5px;font-weight:700;margin-top:4px;display:inline-flex;align-items:center;gap:4px}
.up{color:var(--green)}.down{color:var(--green)}.warn{color:var(--red)}
.chart-card{background:#fff;border:1px solid var(--line-l);border-radius:14px;padding:16px;box-shadow:0 6px 18px -12px rgba(5,40,106,.14)}
.draw{stroke-dasharray:760;stroke-dashoffset:760;transition:stroke-dashoffset 1.9s var(--ease) .25s}
.in .draw{stroke-dashoffset:0}
.chart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.chart-head span{font-size:12px;font-weight:700;color:var(--ink-mut)}
.legend{display:flex;gap:14px;font-family:var(--font-m);font-size:10px;color:var(--ink-mut)}
.legend i{display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:5px;vertical-align:middle}
.lg-g{background:var(--green)}.lg-b{background:#A9B9D8}
@media(max-width:520px){.kpis{grid-template-columns:1fr 1fr}}

/* Tela real dentro do Mac */

/* ================= MARQUEE CLIENTES ================= */
.clients{padding:36px 0 64px;background:#fff;border-top:1px solid var(--line-l)}
.clients .cap{text-align:center;font-family:var(--font-m);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-mut);margin-bottom:30px}
.mq{overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.mq-track{display:flex;gap:56px;width:max-content;align-items:center}
/* a animação depende do clone via JS; sem JS a faixa fica estática (sem buraco) */
.js .mq-track{animation:mq 62s linear infinite}
.mq:hover .mq-track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.cl{font-family:var(--font-d);font-size:21px;font-weight:700;letter-spacing:.02em;color:#9AA9C9;white-space:nowrap;transition:.3s;display:flex;align-items:center;gap:10px}
.cl:hover{color:var(--navy)}

/* ================= SEÇÕES CLARAS ================= */
.light{background:var(--paper);color:var(--ink)}
.light h2{color:var(--navy)}

/* Problema */
.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:56px}
.stat{background:#fff;border:1px solid var(--line-l);border-radius:var(--r);padding:30px 26px;position:relative;overflow:hidden;transition:.4s var(--ease)}
.stat:hover{transform:translateY(-6px);box-shadow:0 24px 50px -22px rgba(5,40,106,.22)}
.stat::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--red)}
.stat b{font-family:var(--font-m);font-size:clamp(32px,3.4vw,44px);font-weight:700;color:var(--navy);display:block;letter-spacing:-.03em}
.stat p{font-size:14px;color:var(--ink-mut);margin-top:8px;line-height:1.5}
.problem-note{font-size:12px;color:var(--ink-mut);margin-top:22px;font-family:var(--font-m)}
.pull{margin-top:70px;text-align:center}
.pull p{font-family:var(--font-d);font-size:clamp(23px,3.2vw,36px);font-weight:700;line-height:1.35;letter-spacing:-.02em;max-width:820px;margin:0 auto;color:var(--navy)}
.pull p b{color:var(--green)}
.pull p s{text-decoration-color:var(--red);text-decoration-thickness:3px;color:var(--ink-mut);display:inline-block}
@media(max-width:960px){.problem-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.problem-grid{grid-template-columns:1fr}}

/* Pilares */

/* ================= BI ROMAP (claro, Mac em destaque) ================= */
.bi{background:var(--paper)}
.bi-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:44px 0 38px}
.bi-tab{font-family:var(--font-m);font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--ink-mut);border:1px solid var(--line-l);padding:11px 20px;border-radius:999px;transition:.3s var(--ease);background:#fff}
.bi-tab:hover{color:var(--navy);border-color:var(--navy)}
.bi-tab.on{color:#fff;background:var(--navy);border-color:var(--navy);box-shadow:0 10px 26px -10px rgba(5,40,106,.5)}
.bi-tab.on::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:8px;vertical-align:1px}
.bi-stage{max-width:1010px;margin:0 auto}
.bi-view{display:none;animation:fadeUp .55s var(--ease)}
.bi-view.on{display:block}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.bi .dash-body{padding:20px}
.grid2{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}
@media(max-width:760px){.grid2{grid-template-columns:1fr}}
.kpis4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
@media(max-width:760px){.kpis4{grid-template-columns:1fr 1fr}}

/* Donut */
.donut-wrap{display:flex;align-items:center;gap:20px}
.donut{width:132px;height:132px;border-radius:50%;background:conic-gradient(var(--green) 0 38%,var(--navy-2) 38% 62%,var(--blue-soft) 62% 80%,#BFD0F0 80% 92%,#E4EBF8 92% 100%);position:relative;flex-shrink:0}
.donut::after{content:"";position:absolute;inset:17%;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line-l)}
.donut b{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-m);font-size:15px;z-index:1;color:var(--navy)}
.dlist{display:flex;flex-direction:column;gap:8px;font-size:12.5px;color:var(--ink-mut)}
.dlist i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:8px}
.dlist b{color:var(--navy);font-family:var(--font-m);font-weight:700;margin-left:5px}

/* Barras de reajuste */
.rbar{margin:18px 0}
.rbar .rlab{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-mut);margin-bottom:8px}
.rbar .rlab b{font-family:var(--font-m);color:var(--navy)}
.track{height:14px;background:var(--paper);border:1px solid var(--line-l);border-radius:99px;overflow:hidden}
.fill{height:100%;border-radius:99px;width:0;transition:width 1.4s var(--ease) .2s}
.f-red{background:var(--red)}
.f-grn{background:var(--green)}
.in .fill{width:var(--w)}
.evid li{list-style:none;display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--ink)}
.evid svg{width:17px;height:17px;flex-shrink:0;margin-top:2px}
@media(max-width:640px){.evid{grid-template-columns:1fr}}
.bi-foot{text-align:center;margin-top:26px;font-size:13px;color:var(--ink-mut)}
.bi-foot b{color:var(--green)}

/* Módulos do sistema */
.mods{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:34px}

/* ================= MÉTODO (faixa azul) ================= */
.method{background:var(--navy);color:var(--tx)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:60px;position:relative}
.step{padding:0 22px;position:relative;display:flex;flex-direction:column;align-items:flex-start}
/* margin-top:auto empurra o selo para a base: os 4 passos terminam
   alinhados mesmo com textos de tamanhos diferentes */
.step .tag{margin-top:auto}
.step p{margin-bottom:16px}
.step .n{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(169,226,58,.55);display:grid;place-items:center;font-family:var(--font-m);font-weight:700;font-size:15px;color:var(--green);margin-bottom:22px;position:relative;z-index:1;box-shadow:0 0 0 8px rgba(3,27,74,.9)}
.step h3{font-size:18.5px;margin-bottom:10px;color:#fff}
.step p{font-size:14px;color:var(--mut)}
.step .tag{display:inline-block;margin-top:14px;font-family:var(--font-m);font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--green);background:rgba(123,187,6,.12);border:1px solid rgba(169,226,58,.4);padding:6px 12px;border-radius:99px}
.cycle{text-align:center;margin-top:54px;font-size:14.5px;color:var(--mut)}
.cycle b{color:#fff}
.cycle svg{display:inline-block;vertical-align:-6px;margin-right:8px;width:20px;height:20px;stroke:var(--green);animation:spin 7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:960px){
  .steps{grid-template-columns:1fr 1fr;gap:44px 0}
  }
@media(max-width:560px){.steps{grid-template-columns:1fr}}
@media(max-width:760px){.inc-grid{grid-template-columns:1fr}}

/* ================= ECOSSISTEMA (claro) ================= */


.ring.rev{animation-direction:reverse}
@media(max-width:640px){.orbit-wrap{display:none}}
.eco-cat:hover{transform:translateY(-4px);box-shadow:0 20px 44px -20px rgba(5,40,106,.2);border-color:rgba(123,187,6,.55);background:#fff}
.eco-cat .cat{font-family:var(--font-m);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--green);margin-bottom:8px}
.eco-cat .names{font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--navy);line-height:1.5}
.eco-cat.ghosted{border-style:dashed;border-color:rgba(123,187,6,.6);background:rgba(123,187,6,.05)}
.eco-cat.ghosted .names{color:var(--green)}
.eco-cat.ghosted p{font-size:12.5px;color:var(--ink-mut);margin-top:6px}

.eco-note{margin-top:34px;font-size:14px;color:var(--ink-mut)}
.eco-note b{color:var(--navy)}

/* ================= BEM-ESTAR (claro) ================= */
.wcard:hover{transform:translateY(-5px);box-shadow:0 22px 46px -22px rgba(5,40,106,.2);border-color:rgba(123,187,6,.55)}
.wcard .ic{width:44px;height:44px;border-radius:12px;background:var(--navy);display:grid;place-items:center;margin-bottom:16px}
.wcard .ic svg{width:22px;height:22px;stroke:var(--green)}
.wcard b{display:block;font-family:var(--font-d);font-size:15.5px;font-weight:700;color:var(--navy);margin-bottom:6px}
.wcard span{font-size:13px;color:var(--ink-mut);line-height:1.5}
@media(max-width:980px){.well-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.well-grid{grid-template-columns:1fr}}
.perks h3{font-size:clamp(19px,2.2vw,24px);color:#fff}
.perks h3 b{color:var(--green)}
.perk b{color:var(--green)}
@media(max-width:760px){.perks{grid-template-columns:1fr}}

/* ================= DEPOIMENTOS (claro) ================= */
.testi{background:#fff}
.t-head{display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap}
.t-sub{margin:12px 0 0;font-size:15px;line-height:1.5;color:var(--ink-mut);max-width:560px}
.t-sub b{color:var(--navy)}
.t-nav{display:flex;gap:10px}
.t-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--line-l);display:grid;place-items:center;transition:.3s var(--ease);background:#fff}
.t-btn:hover{border-color:var(--navy);background:var(--navy)}
.t-btn svg{width:18px;height:18px;stroke:var(--navy)}
.t-btn:hover svg{stroke:#fff}
.t-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:44px 4px 20px;scrollbar-width:none;-ms-overflow-style:none}
.t-rail::-webkit-scrollbar{display:none}
.t-card{scroll-snap-align:start;flex:0 0 min(400px,86vw);background:#fff;border:1px solid var(--line-l);border-radius:var(--r-lg);padding:32px;display:flex;flex-direction:column;gap:20px;transition:.35s var(--ease);position:relative;box-shadow:0 14px 34px -22px rgba(5,40,106,.18)}
.t-card:hover{border-color:rgba(123,187,6,.55);transform:translateY(-5px);box-shadow:0 26px 54px -26px rgba(5,40,106,.28)}
.t-card .q{margin-bottom:22px;font-size:15.5px;line-height:1.7;color:#2C3E66;flex:1}
.t-quote{width:34px;height:26px}
.t-logo{position:absolute;top:30px;right:28px;height:18px;width:auto;max-width:92px;opacity:.5;pointer-events:none}
@media(max-width:640px){.t-logo{height:16px;max-width:78px;top:26px;right:24px}}
.t-who{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line-l);padding-top:20px;flex-wrap:wrap;margin-top:auto}
.t-who>div:not(.t-av){min-width:0;flex:1 1 auto}
.t-av{flex:0 0 88px}
.t-av{width:88px;height:88px;border-radius:50%;background:var(--navy);display:grid;place-items:center;font-family:var(--font-d);font-weight:700;font-size:27px;color:#fff;flex-shrink:0}
.t-who b{display:block;font-size:14.5px;color:var(--navy)}
.t-who span{font-size:12.5px;color:var(--ink-mut)}
.t-who span a{color:inherit;text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--line-l);transition:color .2s}
.t-who span a:hover{color:var(--navy);text-decoration-color:currentColor}

/* ================= NÚMEROS (faixa azul) ================= */
@media(max-width:860px){.num-grid{grid-template-columns:1fr 1fr}}
.trust-line{text-align:center;margin-top:44px;font-size:14px;color:var(--mut)}
.trust-line b{color:#fff}

/* ================= CTA FINAL / FORM (faixa azul) ================= */
.cta{position:relative;background:var(--navy-deep);overflow:hidden;color:var(--tx)}
.cta .big-smile{position:absolute;left:50%;bottom:-4vw;transform:translateX(-50%);width:120vw;max-width:1700px;opacity:.16;pointer-events:none}
.cta .big-smile path{fill:none;stroke:var(--green);stroke-width:3}
.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,72px);align-items:center;position:relative;z-index:1}
@media(max-width:920px){.cta-grid{grid-template-columns:1fr}}
.cta h2{font-size:clamp(34px,4.8vw,58px);color:#fff}
.cta-points{margin-top:34px;display:flex;flex-direction:column;gap:16px}
.cta-points li{list-style:none;display:flex;gap:13px;align-items:flex-start;font-size:15.5px;color:#DCE6F9}
.cta-points svg{width:21px;height:21px;flex-shrink:0;margin-top:2px}
.form-card{background:#FFFFFF;border:1px solid var(--line-l);border-radius:var(--r-lg);padding:clamp(26px,3.4vw,42px);box-shadow:0 44px 90px -34px rgba(2,12,38,.55);color:var(--ink)}
.form-card h3{font-size:22px;margin-bottom:6px;color:var(--navy)}
.form-card .fsub{font-size:13.5px;color:var(--ink-mut);margin-bottom:26px}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.f-row{grid-template-columns:1fr}}
.field{margin-bottom:14px}
.field label{display:block;font-size:12px;font-weight:700;color:var(--ink-mut);margin-bottom:7px;letter-spacing:.03em}
.field input,.field select,.field textarea{width:100%;background:var(--paper);border:1px solid var(--line-l);border-radius:12px;padding:13px 15px;color:var(--ink);font:inherit;font-size:16px;transition:.25s;appearance:none}
.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234E5F84' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--navy-2);background:#fff;box-shadow:0 0 0 3px rgba(11,60,151,.14)}
.field input::placeholder{color:#93A2C2}
#outroWrap{display:none}
#outroWrap.show{display:block;animation:fadeUp .4s var(--ease)}
.form-card .btn{width:100%;justify-content:center;margin-top:10px;padding:17px;white-space:normal;text-align:center;line-height:1.3}
.form-hint{text-align:center;font-size:12px;color:var(--ink-mut);margin-top:14px}
.form-ok{display:none;text-align:center;padding:44px 10px}
.form-ok.show{display:block;animation:fadeUp .5s var(--ease)}
.form-ok .okic{width:70px;height:70px;margin:0 auto 22px;border-radius:50%;background:rgba(123,187,6,.12);border:1px solid rgba(123,187,6,.5);display:grid;place-items:center}
.form-ok .okic svg{width:32px;height:32px}
.form-ok h4{font-family:var(--font-d);font-size:22px;margin-bottom:10px;color:var(--navy)}
.form-ok p{font-size:14px;color:var(--ink-mut)}

/* ================= FOOTER (azul profundo) ================= */
footer{background:var(--navy-deep);padding:52px 0 32px;color:var(--tx)}
.f-grid{display:grid;grid-template-columns:1.6fr 1fr 1.1fr 1fr;gap:36px;margin-bottom:32px;align-items:start}
@media(max-width:820px){.f-grid{grid-template-columns:1fr;gap:36px}}
.f-brand{color:#fff}
.f-brand svg{height:38px;width:auto;margin-bottom:18px}
.f-brand p{font-size:13.5px;color:var(--mut);max-width:320px}
.f-col h2{font-family:var(--font-m);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--green);margin-bottom:14px;font-weight:700}
.f-col a{display:block;font-size:14px;color:var(--mut);padding:6px 0;transition:.25s}
.f-col a:hover{color:#fff;transform:translateX(3px)}
.f-bottom{border-top:1px solid var(--line-d);padding-top:28px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:#8CA0CB}
.socials{display:flex;gap:12px}
.socials a{width:44px;height:44px;border-radius:12px;border:1px solid var(--line-d);display:grid;place-items:center;transition:.3s}
.socials a:hover{border-color:var(--green);background:rgba(123,187,6,.1);transform:translateY(-3px)}
.socials svg{width:17px;height:17px;fill:var(--mut)}
.f-trust{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:26px 0;margin:8px 0 30px;border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d)}
.f-trust .ti{display:flex;align-items:center;gap:11px;flex:1 1 210px;min-width:200px}
.f-trust .ti-ic{flex:0 0 40px;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(123,187,6,.1);border:1px solid rgba(123,187,6,.25)}
.f-trust .ti-ic svg{width:20px;height:20px;fill:none;stroke:var(--green);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.f-trust .ti-tx b{display:block;color:#fff;font-size:13.5px;font-weight:700;line-height:1.25}
.f-trust .ti-tx span{display:block;color:var(--mut);font-size:11.5px;margin-top:2px}
.f-legal{display:flex;gap:18px;flex-wrap:wrap}
.f-legal a{color:#8CA0CB}
.f-legal a:hover{color:#fff}
.f-reg{max-width:920px;margin:0 0 24px;font-size:11.5px;line-height:1.65;color:rgba(140,160,203,.75)}
@media(max-width:640px){.f-trust .ti{flex:1 1 100%}}
.socials a:hover svg{fill:var(--green)}

/* ================= ALÉM DA CORRETAGEM (faixa azul) ================= */
.beyond .wrap{position:relative;z-index:1}
@media(max-width:940px){.beyond-grid{grid-template-columns:1fr;gap:44px}}
.beyond .eyebrow{color:var(--green)}
.smile-word{color:var(--green)}
.beyond h2{color:#fff}
.beyond .smile-word{color:var(--green)}
@media(max-width:640px){.beyond-list{grid-template-columns:1fr}}
.beyond-list li{display:flex;gap:15px;align-items:flex-start;padding:19px 0;border-bottom:1px solid var(--line-d)}
.beyond-list li:nth-last-child(-n+2){border-bottom:0}
@media(max-width:640px){.beyond-list li:nth-last-child(2){border-bottom:1px solid var(--line-d)}}
.b-ck{flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:var(--green);display:grid;place-items:center;box-shadow:0 12px 26px -12px rgba(123,187,6,.6);transform:rotate(-4deg);transition:transform .35s var(--ease)}
.beyond-list li:hover .b-ck{transform:rotate(0) scale(1.06)}
.b-ck svg{width:16px;height:16px;stroke:#0B2005;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.beyond-list b{display:block;font-family:var(--font-d);font-size:16.5px;font-weight:700;color:#fff;letter-spacing:-.01em;line-height:1.3}
.beyond-list p{font-size:13.5px;color:#B9C9EA;margin-top:4px;line-height:1.55}


/* Ajustes de seções azuis + tela real */
.method .eyebrow,.numbers .eyebrow,.cta .eyebrow{color:var(--green)}
.smile-word{color:var(--green)}
.method .sub,.numbers .sub,.cta .sub{color:var(--mut)}
.method h2,.numbers h2{color:#fff}
.method .smile-word,.numbers .smile-word,.cta .smile-word{color:var(--green)}
#v2 .shot{margin:0 0 4px;border:1px solid var(--line-l);border-radius:10px}
#v2 .bi-foot{margin-top:16px}

/* ===== Efeitos extras / UX polish ===== */
.nav-links a{position:relative}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;border-radius:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav-links a:hover::after{transform:scaleX(1)}
.skip-link{position:fixed;top:-60px;left:16px;z-index:2000;background:var(--navy);color:#fff;padding:12px 18px;border-radius:12px;font-weight:700;transition:top .3s}
.skip-link:focus{top:14px}
.mq-track{gap:88px;animation-duration:48s}
.mq .cl{width:120px;height:32px;object-fit:contain;filter:grayscale(1);opacity:.5;transition:opacity .3s,filter .3s,transform .3s}
.mq .cl:hover{filter:none;opacity:1;transform:translateY(-3px)}
.js .stagger>*{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0)*90ms + var(--d,0s))}
.js .stagger.in>*{opacity:1;transform:none}
.hero-dash .halo{animation:haloPulse 6s ease-in-out infinite}
@keyframes haloPulse{0%,100%{opacity:.85;scale:1}50%{opacity:1;scale:1.06}}
.hero-dash .mac{will-change:transform}
.orbit-center::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(123,187,6,.5);animation:oPulse 2.6s var(--ease) infinite}

.kpi{transition:.3s var(--ease)}
.kpi:hover{transform:translateY(-2px);border-color:rgba(123,187,6,.5);box-shadow:0 12px 26px -14px rgba(5,40,106,.28)}
.step .n{transition:.35s var(--ease)}
.step:hover .n{transform:translateY(-3px);text-shadow:0 8px 26px rgba(123,187,6,.35)}

/* App dentro do Mac: sidebar + linha de insights */
.dash-flex{display:flex;align-items:stretch}
.dside{flex:0 0 46px;background:var(--navy);display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px 0}
.dside svg{width:18px;height:18px;stroke:#8FA5D6;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:.25s}
.dside svg:first-child{stroke:var(--green)}
.dside svg:hover{stroke:#fff}
.dash-flex .dash-body{flex:1;min-width:0}
@media(max-width:640px){.dside{display:none}}
.fbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.fpill{font-family:var(--font-m);font-size:10.5px;font-weight:700;color:var(--ink-mut);background:#fff;border:1px solid var(--line-l);border-radius:8px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px}
.fpill b{color:var(--navy)}
.fpill svg{width:10px;height:10px;stroke:var(--ink-mut);fill:none;stroke-width:2.5}
.irow{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ichip{font-family:var(--font-m);font-size:10.5px;font-weight:700;border-radius:99px;padding:6px 11px;display:inline-flex;align-items:center;gap:6px}
.ichip.g{color:var(--green);background:rgba(123,187,6,.1);border:1px solid rgba(123,187,6,.4)}
.ichip.r{color:var(--red);background:rgba(222,59,59,.07);border:1px solid rgba(222,59,59,.35)}
.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
@media(max-width:640px){.mini-grid{grid-template-columns:1fr}}
.mini{background:#fff;border:1px solid var(--line-l);border-radius:12px;padding:12px 14px}
.mini .lbl{font-size:10px;color:var(--ink-mut);letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.mini b{font-family:var(--font-m);font-size:15px;color:var(--navy);display:block;margin-top:3px}
.mini .sb{display:flex;gap:3px;margin-top:8px;align-items:flex-end;height:18px}
.mini .sb i{flex:1;background:linear-gradient(180deg,var(--blue-soft),var(--navy-2));border-radius:2px;opacity:.85}
.tline{display:flex;justify-content:space-between;margin:20px 4px 4px;position:relative}
.tline::before{content:"";position:absolute;top:7px;left:4%;right:4%;height:2px;background:linear-gradient(90deg,var(--green),var(--line-l))}
.tl{position:relative;text-align:center;flex:1}
.tl i{display:block;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--green);margin:0 auto 8px;position:relative;z-index:1}
.tl:last-child i{border-color:var(--line-l);background:var(--paper)}
.tl span{font-family:var(--font-m);font-size:10px;font-weight:700;color:var(--ink-mut);letter-spacing:.04em}
.seal{margin-top:18px;display:flex;gap:12px;align-items:center;background:rgba(123,187,6,.07);border:1px dashed rgba(123,187,6,.5);border-radius:14px;padding:13px 16px}
.seal svg{width:26px;height:26px;flex-shrink:0;stroke:var(--green);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.seal p{font-size:12.5px;color:var(--ink);line-height:1.5}
.seal b{color:var(--green)}

/* ===== dados de mercado ===== */
@media(max-width:880px){.roi-grid{grid-template-columns:1fr}}
.roi-card::before{content:"";position:absolute;top:0;left:0;width:44px;height:4px;background:var(--green);border-radius:0 0 4px 0}
.roi-card:hover{transform:translateY(-6px);background:#fff;box-shadow:0 28px 56px -26px rgba(5,40,106,.25);border-color:rgba(123,187,6,.5)}
.roi-card b{font-family:var(--font-m);font-size:clamp(38px,4vw,54px);font-weight:700;color:var(--navy);letter-spacing:-.03em;display:block;line-height:1}
.roi-card b small{font-size:.42em;font-weight:700;color:var(--green);letter-spacing:0}
.roi-card p{font-size:14.5px;color:var(--ink-mut);margin-top:14px;line-height:1.6}
.roi-card p b{display:inline;font-size:inherit;font-family:inherit;color:var(--ink);letter-spacing:0}
.roi-close p{font-family:var(--font-d);font-size:clamp(19px,2.4vw,26px);font-weight:700;color:var(--navy);max-width:760px;margin:0 auto;line-height:1.4}
.roi-close p b{color:var(--green)}

/* ===== Ecossistema: cards com ícone + chips =====
   auto-fit + minmax resolve a coluna sozinho, sem media query que possa
   ser sobrescrita depois no arquivo. min-width:0 impede que os chips
   (min-content) estourem a grade e criem scroll horizontal. */
.eco-cat>div{min-width:0}
.eco-cat .cat{margin-bottom:9px}
.eco-cat:hover .pchip{border-color:rgba(5,40,106,.28)}
.eco-cat.ghosted{align-items:center}
.eco-cat.ghosted .ec-ic{background:rgba(123,187,6,.12);box-shadow:none;border:1px dashed rgba(123,187,6,.6)}
.eco-cat.ghosted .ec-ic svg{stroke:var(--green)}

/* ===== FAQ ===== */
.faq-list{max-width:820px;margin:52px auto 0}
.fq{background:#fff;border:1px solid var(--line-l);border-radius:16px;margin-bottom:12px;overflow:hidden;transition:.3s var(--ease)}
.fq[open]{border-color:rgba(123,187,6,.55);box-shadow:0 18px 40px -22px rgba(5,40,106,.2)}
.fq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:20px 24px;font-family:var(--font-d);font-size:16.5px;font-weight:700;color:var(--navy)}
.fq summary::-webkit-details-marker{display:none}
.fq summary svg{margin-left:auto;width:20px;height:20px;stroke:var(--green);fill:none;stroke-width:2.5;stroke-linecap:round;flex-shrink:0;transition:transform .35s var(--ease)}
.fq[open] summary svg{transform:rotate(45deg)}
.fq .fa{padding:0 24px 22px;font-size:14.5px;color:var(--ink-mut);line-height:1.7;max-width:64ch}
.fq .fa b{color:var(--ink)}

/* ===== Startup look & feel ===== */
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:var(--paper)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--navy-2),var(--navy));border-radius:99px;border:2px solid var(--paper)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}
h1,h2{letter-spacing:-.035em}
.hero-pill svg{width:14px;height:14px;fill:var(--green);stroke:none}
.proof-pill{display:inline-flex;align-items:center;gap:12px;margin-top:26px;font-size:13.5px;color:var(--ink-mut);background:#fff;border:1px solid var(--line-l);border-radius:999px;padding:8px 18px 8px 9px;box-shadow:0 10px 26px -18px rgba(5,40,106,.35)}
.proof-pill b{color:var(--navy)}
.avs{display:flex;align-items:center}
.avs img{width:25px;height:25px;border-radius:50%;border:2px solid #fff;object-fit:cover;margin-left:-10px;display:block;background:#fff}
.avs img:first-child{margin-left:0}

.avs i{width:25px;height:25px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;font-family:var(--font-m);font-style:normal;font-size:9.5px;font-weight:700;color:#fff;margin-left:-8px}
.avs i:first-child{margin-left:0;background:linear-gradient(135deg,var(--navy),var(--navy-2))}
.avs i:nth-child(2){background:linear-gradient(135deg,var(--navy-2),var(--blue-soft))}
.avs i:nth-child(3){background:linear-gradient(135deg,var(--green),var(--green))}
.avs i:nth-child(4){background:linear-gradient(135deg,#1D4FB8,var(--navy))}
.avs i:last-child{background:var(--green);color:#0B2005}

/* Spotlight que segue o cursor */
.spot{position:relative}
.spot::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(123,187,6,.13),transparent 65%)}
.spot:hover::after{opacity:1}

/* Pilares em bento grid */
.pillars .pillar:nth-child(1){grid-column:span 2;background:linear-gradient(135deg,var(--navy),var(--navy-2));border-color:transparent}
.pillars .pillar:nth-child(1) h3{color:#fff;font-size:24px}
.pillars .pillar:nth-child(1) p{color:#C9D8F5}
.pillars .pillar:nth-child(1) .ic{background:rgba(255,255,255,.1);border:1px solid rgba(169,226,58,.4)}
.pillars .pillar:nth-child(4){grid-column:span 2;background:linear-gradient(135deg,rgba(123,187,6,.14),rgba(123,187,6,.05)),#fff;border-color:rgba(123,187,6,.45)}
.pillars .pillar:nth-child(4) h3{font-size:23px}
@media(max-width:820px){.pillars{grid-template-columns:1fr}.pillars .pillar:nth-child(1),.pillars .pillar:nth-child(4){grid-column:auto}}

/* Método: números gigantes outline */
.step .n{width:auto;height:auto;background:none;border:none;box-shadow:none;font-family:var(--font-d);font-size:clamp(52px,6vw,72px);font-weight:800;line-height:1;color:var(--green);margin-bottom:14px;transition:.4s var(--ease)}
.step:hover .n{transform:translateY(-3px);text-shadow:0 8px 26px rgba(123,187,6,.35)}

/* Linha de energia no topo das faixas navy */
.beyond::after,.method::after,.numbers::before,.cta::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 8%,rgba(123,187,6,.75),transparent 92%);z-index:2}

/* Marquee mais vivo */
.mq-track{animation-duration:40s}

/* ===== O que é o Sync ===== */
.what{background:radial-gradient(720px 400px at 90% -6%,rgba(11,60,151,.06),transparent 60%),#fff}
.what-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px}
@media(max-width:1000px){.what-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.what-grid{grid-template-columns:1fr}}
.wt{background:var(--paper);border:1px solid var(--line-l);border-radius:var(--r);padding:26px 24px;transition:.4s var(--ease);position:relative}
.wt:hover{background:#fff;transform:translateY(-6px);box-shadow:0 26px 52px -26px rgba(5,40,106,.26);border-color:rgba(123,187,6,.5)}
.wt-ic{width:46px;height:46px;border-radius:13px;background:var(--navy);display:grid;place-items:center;margin-bottom:18px;box-shadow:0 10px 22px -10px rgba(5,40,106,.5)}
.wt-ic svg{width:22px;height:22px;stroke:var(--green);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wt h3{font-size:18px;color:var(--navy);margin-bottom:7px}
.wt>p{font-size:13.5px;color:var(--ink-mut);line-height:1.55;margin-bottom:15px;min-height:2.8em}
.wt ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.wt li{display:flex;gap:9px;font-size:13px;color:var(--ink);line-height:1.45}
/* ===== Hover "carteira digital": card em foco salta, irmãos recuam ===== */
@media(hover:hover) and (min-width:561px){
  .what-grid{perspective:1200px}
  .what-grid .wt{transition:transform .45s cubic-bezier(.22,.8,.24,1),opacity .35s var(--ease),box-shadow .45s var(--ease),border-color .3s,background .3s;will-change:transform}
  .what-grid:hover .wt:not(:hover){opacity:.45;transform:scale(.955) translateY(4px);filter:saturate(.65)}
  .what-grid .wt:hover{opacity:1;filter:none;z-index:3;transform:translateY(-12px) scale(1.055);box-shadow:0 40px 80px -28px rgba(5,40,106,.45),0 0 0 1px rgba(123,187,6,.35);border-color:rgba(123,187,6,.65)}
  .sec-light .what-grid .wt:hover{background:#fff}
}


.logo{position:relative}
@keyframes logoBreath{0%,52%,100%{opacity:0}76%{opacity:1}}
.logo svg{transition:transform .45s var(--ease)}
.logo:hover svg{transform:scale(1.05) rotate(-1.5deg)}

.f-brand>svg{transition:.4s var(--ease)}
.f-brand:hover>svg{transform:scale(1.04);filter:drop-shadow(0 6px 20px rgba(123,187,6,.55))}
nav .bar{animation:navIn .8s var(--ease) both}
@keyframes navIn{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}

/* ===== H1 revelado palavra a palavra ===== */
.js .hero h1 .w{display:inline-block;opacity:0;transform:translateY(.55em) rotate(2deg);animation:wIn .7s var(--ease) forwards;animation-delay:calc(.15s + var(--wi,0)*.09s)}
@keyframes wIn{to{opacity:1;transform:none}}

/* ===== Wordmarks dos parceiros ===== */
/* Marcas parceiras: TODAS padronizadas em --navy (#05286A).
   Só a logo ROMAP (#logoSync) mantém as cores originais.
   Cada marca guarda apenas suas características tipográficas. */
.mk-swile i{width:6px;height:6px;border-radius:50%;background:currentColor;margin-left:-3px;margin-top:6px}
.mk-tele svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* width:auto impede que o atributo width="" da imagem estique a logo
   quando a altura é definida no CSS (era o que deformava a ValeCard). */
.sat-chip .pmark{font-size:12.5px}
.sat-chip .pimg{height:17px!important;width:auto}
.eco-cat:hover .pchip{border-color:rgba(5,40,106,.3);transform:translateY(-1px)}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}
  .js .hero h1 .w{opacity:1;transform:none;animation:none}
  .js .stagger>*{opacity:1;transform:none}
  .fill{width:var(--w)}
}

/* ===== Revisão v3: sólidos, evidências, benefícios, CTAs, fotos ===== */

.sec-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:52px;justify-content:center;text-align:center}
.sec-cta span{font-size:13.5px;color:var(--ink-mut)}
.method .sec-cta span,.bi-dark .sec-cta span{color:var(--mut)}

.bprice{color:var(--navy)}
.bgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:56px}
.bgrid>*{min-width:0}
.bcard{background:#fff;border:1px solid var(--line-l);border-radius:var(--r);padding:26px;transition:.35s var(--ease)}
.bcard:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(5,40,106,.22);border-color:rgba(123,187,6,.5)}
.bcard h3{font-size:18px;color:var(--navy);margin:14px 0 10px}
.bcard ul{list-style:none;display:flex;flex-direction:column;gap:8px;margin:0;padding:0}
.bcard li{font-size:14px;color:var(--ink-mut);padding-left:22px;position:relative;line-height:1.5}
.bcard li::before{content:"";position:absolute;left:0;top:6px;width:11px;height:7px;border-left:2.5px solid var(--green);border-bottom:2.5px solid var(--green);transform:rotate(-45deg)}
.bic{width:44px;height:44px;border-radius:12px;background:var(--navy);display:grid;place-items:center}
.bic svg{width:22px;height:22px;stroke:var(--green);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bcta{background:var(--navy);border-color:var(--navy);color:#fff;display:flex;flex-direction:column;gap:10px;justify-content:center}
.bcta:hover{border-color:var(--green)}
.bcta b{font-family:var(--font-m);font-size:42px;line-height:1}
.bcta b small{font-size:16px;font-weight:700;color:var(--green)}
.bcta p{font-size:14px;color:var(--mut)}
.bcta .btn{align-self:flex-start;margin-top:8px}

.t-av{overflow:hidden}
.t-av img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}

/* =====================================================================
   TEMA ESCURO: navy Romap (Pantone 281) prevalecendo, verde 376 nos
   detalhes. Mockups de produto e o formulário permanecem claros de
   propósito: telas e a "ilha" de conversão iluminadas sobre o navy.
   ===================================================================== */
:root{
  --ink:#F4F8FF; --ink-mut:#B9C7E6;
  --paper:rgba(0,0,0,.16); --paper-2:rgba(0,0,0,.28);
  --line-l:rgba(255,255,255,.14); --line:rgba(255,255,255,.12);
  --sh:0 30px 70px -28px rgba(0,0,0,.55);
}
body{background:var(--navy);color:var(--ink)}
.hero{background:var(--navy)}
nav.scrolled .bar{background:rgba(5,40,106,.86);border-color:rgba(255,255,255,.12);box-shadow:0 14px 40px -18px rgba(0,0,0,.55)}
.logo{color:#fff}
.burger span{background:#fff}
.nav-links a{color:var(--ink-mut)}
.nav-links a:hover,.nav-links a.on{color:#fff}
.nav-cta{background:#fff;color:var(--navy)}
.nav-cta:hover{background:#E8EEFA;transform:translateY(-2px);box-shadow:0 12px 28px -10px rgba(0,0,0,.5)}
.m-menu{background:rgba(4,30,80,.97)!important}
.m-menu a{color:#fff;border-bottom-color:rgba(255,255,255,.12)}

/* botões: verde da marca vira o primário sobre navy */
.btn{background:var(--green);color:var(--navy)}
.btn:hover{filter:brightness(.94);color:var(--navy)}
.btn-ghost{border-color:rgba(255,255,255,.4);color:#fff;background:transparent}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.06)}

.eyebrow{color:var(--green)}
.smile-word{color:var(--green)}
.smile-word{color:var(--green)}
h1,h2{color:#fff}
.hero .sub b{color:#fff!important}
.hero-proof b{color:#fff}
.proof-pill{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:var(--ink-mut)}
.proof-pill b{color:#fff}

/* marquee: logos claras acinzentadas sobre navy */
.mq .cl{filter:grayscale(1) brightness(0) invert(1);opacity:.45}
.mq .cl:hover{filter:grayscale(1) brightness(0) invert(1);opacity:.85}
.cap{color:var(--ink-mut)}

/* cards e superfícies */
.stat,.wt,.bcard,.estrip .ev,.t-card,.fq,.t-btn{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.13)}
.stat b,.wt h3,.bcard h3,.estrip b,.t-who b,.fq summary,.pull p{color:#fff}
.t-card{box-shadow:0 14px 34px -22px rgba(0,0,0,.5)}
.bcard:hover{box-shadow:0 24px 50px -24px rgba(0,0,0,.55);border-color:rgba(123,187,6,.55)}
.wt-ic,.bic{background:rgba(255,255,255,.1)}
.bcta{background:rgba(0,0,0,.3);border-color:rgba(255,255,255,.14)}
.t-btn{color:#fff}
.t-btn svg{stroke:#fff}
.fq summary svg{stroke:var(--green)}
.fq[open]{border-color:rgba(123,187,6,.45)}

/* seções */
.method{background:rgba(0,0,0,.28)}
.step:hover .n{transform:translateY(-3px);text-shadow:0 8px 26px rgba(123,187,6,.35)}
.cta{background:rgba(0,0,0,.32)}
.testi{background:transparent}
footer{background:rgba(0,0,0,.45);border-top:1px solid rgba(255,255,255,.08)}

/* notebook e telas de produto continuam claros (janela iluminada) */
.mac-lid{box-shadow:var(--sh),inset 0 1px 0 #fff}

/* o formulário é a ilha clara de conversão: preserva o original */
.form-card{background:#fff}
.form-card .btn{background:var(--green);color:var(--navy)}
.form-card .btn:hover{background:#4E7C06;color:#fff}

/* fixes dark: especificidade */
.bi{background:rgba(0,0,0,.16)}
.light h2{color:#fff}
.clients{background:transparent;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.what h2,.testi h2,.faq h2{color:#fff}

/* fixes dark 2 */
.q,.t-card .q{color:var(--ink)}
p [style*="color:var(--navy)"],h2 [style*="color:var(--navy)"],.sub [style*="color:var(--navy)"]{color:#fff!important}
/* formulário: ilha clara consistente (inputs claros de volta) */
.form-card .field input,.form-card .field select,.form-card .field textarea{background:#F2F6FC;color:#0A1F4D;border-color:#D8E1F0}
.form-card .field input::placeholder{color:#93A2C2}
.form-card .field label{color:#0A1F4D}
.form-card .fine{color:#4E5F84}
.form-card h3{color:var(--navy)}
.form-card p{color:#4E5F84}

.pull p b{color:var(--green)}
.pull p{color:#fff}
.pull p s{color:var(--ink-mut)}

/* ===== Ilhas claras do tema escuro: a solução e a entrega na luz ===== */
.sec-light{background:#F5F8FD!important;border-top:1px solid rgba(255,255,255,.08)}
.sec-light h2,.sec-light .stat b,.sec-light .wt h3,.sec-light .bcard h3{color:var(--navy)}
.sec-light .smile-word{color:var(--green)}
.sec-light .eyebrow{color:var(--navy-2)}
.sec-light .sub,.sec-light .sec-cta span{color:#4E5F84}
.sec-light .wt,.sec-light .bcard{background:#fff;border-color:#DFE7F4}
.sec-light .wt p,.sec-light .wt li span,.sec-light .bcard li{color:#4E5F84}
.sec-light .bcard:hover{box-shadow:0 24px 50px -24px rgba(5,40,106,.22)}
.sec-light .wt-ic,.sec-light .bic{background:var(--navy)}
.sec-light .btn{background:var(--green);color:var(--navy)}
.sec-light .btn:hover{background:#4E7C06;color:#fff;box-shadow:0 16px 34px -12px rgba(86,131,11,.5)}
.sec-light .bcta{background:var(--navy);border-color:var(--navy)}
.sec-light .bcta p{color:var(--mut)}
.sec-light .bcta h3{color:#fff}
.sec-light p [style*="color:var(--navy)"]{color:var(--navy)!important}
.sec-light [style*="color:var(--ink)"]{color:#0A1F4D!important}

/* logos de miolo preenchido: clarear preserva a leitura (inverter viraria silhueta) */
.mq .cl[alt="Junco"]{
  filter:grayscale(1) brightness(1.9);opacity:.6}
.mq .cl[alt="Junco"]:hover{
  filter:grayscale(1) brightness(2.1);opacity:.9}

/* ===== Demo viva do BI (hero): cursor navega, dados respondem ===== */
.dash{position:relative}
.demo-cursor{position:absolute;left:0;top:0;z-index:6;width:20px;height:20px;pointer-events:none;opacity:0;
  transition:transform 1.05s cubic-bezier(.22,.8,.24,1),opacity .4s;filter:drop-shadow(0 2px 5px rgba(5,40,106,.4))}
.demo-cursor.on{opacity:1}
.demo-cursor svg{width:100%;height:100%;fill:#0A1F4D;stroke:#fff;stroke-width:1.4;transition:transform .16s}
.demo-cursor.click svg{transform:scale(.78)}
.demo-ripple{position:absolute;z-index:5;width:10px;height:10px;border-radius:50%;background:rgba(123,187,6,.55);
  pointer-events:none;animation:demoRip .55s ease-out forwards}
@keyframes demoRip{to{transform:scale(5);opacity:0}}
.line-chart path,.line-chart circle{transition:opacity .45s}
.dside svg{transition:stroke .3s,opacity .3s}
.dside svg.demo-on{stroke:var(--green);opacity:1}

/* ===== Método: o ciclo anda sozinho ===== */
.steps{padding-top:30px}
.strack{position:absolute;top:0;left:22px;right:calc(25% - 22px);height:3px;border-radius:3px;background:rgba(255,255,255,.14)}
.sfill{position:absolute;top:0;bottom:0;left:0;width:0;border-radius:3px;background:var(--green);transition:width .7s var(--ease);box-shadow:0 0 12px rgba(123,187,6,.5)}
.snode{position:absolute;top:50%;width:11px;height:11px;border-radius:50%;background:#0E3A85;border:2px solid rgba(255,255,255,.35);transform:translate(-50%,-50%);transition:.4s var(--ease)}
.snode.hit{background:var(--green);border-color:var(--green);box-shadow:0 0 0 5px rgba(123,187,6,.2)}
.js .steps.demo .step{opacity:.62;transition:opacity .45s}
.js .steps.demo .step.on{opacity:1}
.steps.demo .step .n{transition:color .45s,text-shadow .45s}
.steps.demo .step:not(.on) .n{color:rgba(123,187,6,.4)}
.steps.demo .step.on .n{text-shadow:0 8px 30px rgba(123,187,6,.45)}
.steps.demo .step:not(.on) .tag{opacity:.45;transition:opacity .45s}
@media(max-width:960px){.strack{display:none}}

/* intrinsic sizes reais do mobile: âncoras e scrollbar estáveis */
@media(max-width:700px){
  #problema{contain-intrinsic-size:auto 1750px}
  #solucao{contain-intrinsic-size:auto 1840px}
  #bi{contain-intrinsic-size:auto 2620px}
  #metodo{contain-intrinsic-size:auto 1700px}
  #beneficios{contain-intrinsic-size:auto 2620px}
  #depoimentos{contain-intrinsic-size:auto 760px}
  #faq{contain-intrinsic-size:auto 1430px}
  #contato{contain-intrinsic-size:auto 1630px}
}

/* ===== v2 · Time Saúde: painel de alertas ===== */
.alertbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.af-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-m);font-size:11.5px;font-weight:600;letter-spacing:.04em;color:var(--ink);background:#fff;border:1px solid var(--line-l);border-radius:99px;padding:9px 16px;cursor:default;transition:.25s}
.af-chip:hover{border-color:var(--navy)}
.af-chip b{color:var(--navy)}
.af-chip svg{width:14px;height:14px;color:var(--ink-mut)}
.af-note{font-size:11.5px;color:var(--ink-mut)}
.lg-y,.lg-o,.lg-r{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.lg-y{background:#F5C044}.lg-o{background:#F08A24}.lg-r{background:var(--red)}
.acols{display:flex;align-items:flex-end;gap:8px;height:150px;padding:6px 2px 0}
.acol{flex:1;display:flex;flex-direction:column-reverse;gap:2px;height:100%;cursor:default}
.acol::before,.acol::after,.acol i{content:"";display:block;border-radius:4px}
.acol::before{height:var(--y);background:#F5C044;transition:.3s}
.acol::after{height:var(--r);background:var(--red)}
.acol{position:relative}
.acol .rr{height:var(--o);background:#F08A24;border-radius:4px}
.acol:hover::before{filter:brightness(1.08)}
.amonths{display:flex;gap:8px;margin-top:8px}
.amonths span{flex:1;text-align:center;font-size:9.5px;letter-spacing:.03em;color:var(--ink-mut)}
.arows{display:flex;flex-direction:column;gap:13px;padding-top:6px}
.arow{display:flex;align-items:center;gap:12px}
.arow>span{width:46px;font-size:11.5px;color:var(--ink-mut);font-family:var(--font-m)}
.arow b{width:44px;text-align:right;font-size:12.5px;color:var(--navy)}
.atrk{flex:1;height:12px;border-radius:99px;background:var(--paper);overflow:hidden}
.atrk i{display:block;height:100%;width:var(--w);border-radius:99px;background:linear-gradient(90deg,var(--navy),var(--navy-2));transform-origin:left;transform:scaleX(0);transition:transform .9s var(--ease)}
.bi-view.on .atrk i{transform:scaleX(1)}
.acol::before,.acol::after,.acol .rr{transform-origin:bottom;transform:scaleY(0);transition:transform .7s var(--ease)}
.bi-view.on .acol::before{transform:scaleY(1)}
.bi-view.on .acol::after{transform:scaleY(1);transition-delay:.12s}
.bi-view.on .acol .rr{transform:scaleY(1);transition-delay:.22s}
.anote{margin-top:16px;font-size:12.5px;color:var(--ink-mut);line-height:1.5}
.anote b{color:var(--navy)}

/* ===== Tilt 3D nos notebooks (Apple feel) ===== */
.hero-dash,.bi-stage{perspective:1300px}
.mac{transform-style:preserve-3d;transition:transform .22s ease-out;will-change:transform}
@media(pointer:coarse){.mac{transition:none}}

/* ===== Galeria: Romap Sync em atuação ===== */
.acao{padding-bottom:clamp(60px,8vw,100px)}
.gal{margin-top:44px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.gal-track{gap:18px;align-items:stretch}
.js .gal-track{animation-duration:70s}
.gph{height:240px;width:auto;border-radius:16px;object-fit:cover;box-shadow:0 18px 40px -22px rgba(3,20,60,.35);transition:transform .35s var(--ease)}
.gph:hover{transform:translateY(-5px) scale(1.015)}
@media(max-width:640px){.gph{height:180px;border-radius:12px}.gal{margin-top:30px}}
#atuacao{content-visibility:auto;contain-intrinsic-size:auto 520px}
.f-list{list-style:none;margin:0;padding:0}
.f-list li{font-size:13px;color:var(--mut);padding:5px 0;line-height:1.45}

/* ===== Startup polish: tátil, arredondado, com detalhes de produto ===== */
::selection{background:rgba(123,187,6,.35);color:var(--navy)}
::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(5,40,106,.28);border-radius:99px;border:3px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:rgba(5,40,106,.45);border:3px solid transparent;background-clip:padding-box}

/* nav: hover em pill, jeitão de app */
.nav-links a{padding:9px 14px;border-radius:99px;transition:.25s var(--ease)}
.nav-links a::after{display:none}
.nav-links a:hover{background:rgba(5,40,106,.07)}
.nav-links a.on{background:rgba(5,40,106,.08)}

/* botões táteis: mola no hover, squish no clique, seta desliza */
.btn{transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s var(--ease),filter .2s}
.btn:hover{transform:translateY(-3px)}
.btn:active{transform:translateY(0) scale(.97)}
.btn svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.btn:hover svg{transform:translateX(4px)}
.btn-ghost:active,.nav-cta:active{transform:scale(.97)}

/* marca-texto no preço */
.bprice{background:rgba(123,187,6,.22);padding:2px 12px;border-radius:12px;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* cards com mais respiro no hover */
.bcard:hover,.wt:hover,.t-card:hover{transform:translateY(-6px)}
.fq{border-radius:18px}
.fq summary{transition:background .25s}
.fq summary:hover{background:rgba(5,40,106,.04)}

.gph{border-radius:20px}

/* startup polish no escuro */
.nav-links a:hover{background:rgba(255,255,255,.09)}
.nav-links a.on{background:rgba(255,255,255,.1)}
::selection{background:rgba(123,187,6,.45);color:#04122E}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border:3px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.4);border:3px solid transparent;background-clip:padding-box}
.fq summary:hover{background:rgba(255,255,255,.05)}
.bprice{background:rgba(123,187,6,.22)}
.cafe-emo{display:inline-block;width:.9em;height:.9em;vertical-align:-.1em;margin-left:.14em}
.cafe-emo .steam{stroke:var(--green);stroke-width:2.2;stroke-linecap:round;fill:none}
.cafe-emo .s1{animation:cafeSteam 2.6s ease-in-out infinite}
.cafe-emo .s2{animation:cafeSteam 2.6s ease-in-out .5s infinite}
.cafe-emo .s3{animation:cafeSteam 2.6s ease-in-out 1s infinite}
@keyframes cafeSteam{0%{opacity:0;transform:translateY(2px)}30%{opacity:.75}70%{opacity:.5}100%{opacity:0;transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.cafe-emo .steam{animation:none;opacity:.55}}
.sec-light .fq summary:hover{background:rgba(5,40,106,.04)}

/* teclado: anel de foco da marca */
:focus-visible{outline:3px solid rgba(123,187,6,.7);outline-offset:3px;border-radius:6px}
.btn:focus-visible,.nav-cta:focus-visible{outline-offset:4px}

#simulador{content-visibility:auto;contain-intrinsic-size:auto 640px}
@media(max-width:700px){#simulador{contain-intrinsic-size:auto 980px}}

.sim-card{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1)}

/* ===== Fechamento da oferta: tudo dentro do Sync ===== */
.syncall{background:var(--navy);border-radius:var(--r-lg);padding:clamp(26px,4vw,44px);margin-top:26px;color:#fff}
.syncall h3{font-family:var(--font-d);font-size:clamp(20px,2.6vw,26px);font-weight:800;letter-spacing:-.02em;margin-bottom:22px;color:#fff}
.syncall .ok{color:var(--green)}
.syncall-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}
.sinc{display:flex;gap:12px;align-items:flex-start}
.sinc svg{width:18px;height:18px;flex-shrink:0;margin-top:4px}
.sinc b{display:block;font-size:15.5px;margin-bottom:3px;color:#fff}
.sinc span{font-size:13.5px;color:var(--mut);line-height:1.55}
.syncall .sec-cta{margin-top:28px;justify-content:flex-start;text-align:left}
.syncall .sec-cta span{color:var(--mut)}
@media(max-width:760px){.syncall-grid{grid-template-columns:1fr}}
.sec-light .syncall .btn{background:var(--green);color:var(--navy)}
.sec-light .syncall h3,.sec-light .syncall b{color:#fff}
.sec-light .syncall .sinc span,.sec-light .syncall .sec-cta span{color:var(--mut)}

/* ===== Legibilidade: telas de produto usam as cores do tema claro ===== */
.dash,.bi-view,.form-card{--ink:#0A1F4D;--ink-mut:#4E5F84;--mut:#93A2C2;--paper:#F2F6FC;--line-l:#DFE7F4;color:var(--ink)}
.dash,.bi-view{--green:#4E8A00}
.bi-tab{color:#4E5F84}
.bi-tab:hover{color:var(--navy);border-color:var(--navy)}
.sec-light .smile-word{color:var(--navy)}
.sec-light p[style*="color:var(--ink-mut)"]{color:#4E5F84!important}
.form-card .eyebrow{color:var(--navy)}

/* ===== Logo viva: lâmina de luz + olhinho piscando ===== */
@property --blink{syntax:"<number>";inherits:true;initial-value:1}
@property --pop{syntax:"<number>";inherits:true;initial-value:1}
.logo{position:relative;animation:eyePop .7s cubic-bezier(.34,1.56,.64,1) .4s both, eyeBlink 4.6s linear 1.4s infinite}
@keyframes eyePop{from{--pop:0}to{--pop:1}}
@keyframes eyeBlink{0%,29%{--blink:1}31%{--blink:.08}33.4%,100%{--blink:1}}
.logo .lsheen{position:absolute;left:0;top:50%;transform:translateY(-50%);height:34px;aspect-ratio:135/45;pointer-events:none;overflow:hidden;
  -webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 135 45%22%3E%3Cg clip-path=%22url(%23clip0_5_235)%22%3E%3Cpath d=%22M80.9184 32.3042C80.9184 32.1998 80.9826 32.1302 81.1018 32.1302C81.1018 32.1302 81.9178 32.0693 82.9906 32.1476C83.5958 32.1911 84.1184 32.5565 84.3751 33.0786C84.7144 33.7748 85.4846 34.0793 86.6949 34.0793C88.0152 34.0793 88.7304 33.592 88.7304 32.7393C88.7304 30.6596 81.1843 32.6784 81.1843 28.0839C81.1843 25.8128 83.1098 24.6032 86.2181 24.6032C88.9504 24.6032 90.8759 25.5343 91.3802 27.4052C91.4719 27.7358 91.2152 28.0491 90.8576 28.0665C89.7848 28.11 88.5379 28.2318 88.5379 28.2318C88.4278 28.2318 88.3728 28.1796 88.3453 28.0752C88.1619 27.1267 87.5476 26.535 86.1723 26.535C85.072 26.535 84.3843 26.9179 84.3843 27.8489C84.3843 29.9286 91.9304 27.8054 91.9304 32.4608C91.9304 34.7581 89.6473 36.0546 86.4657 36.0546C83.0548 36.0546 81.0009 34.7581 80.9184 32.2955V32.3042Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M94.4427 39.2218L94.9561 37.8034C95.4054 36.5852 95.3687 35.2452 94.8553 34.0443L91.0226 25.0555C90.9768 24.9424 91.0318 24.8554 91.1693 24.8554H94.571C94.6719 24.8554 94.7544 24.9076 94.7819 24.9946L96.3865 29.3628L97.3034 31.8689L98.0644 29.3628L99.3847 24.9946C99.4214 24.8989 99.4856 24.8554 99.5864 24.8554H102.621C102.741 24.8554 102.814 24.9163 102.768 25.0468L97.6243 39.2653C97.5876 39.3523 97.5234 39.4045 97.4226 39.4045H94.5894C94.4702 39.4045 94.3968 39.3436 94.4427 39.2131V39.2218Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M102.878 35.6367L102.924 30.5636V25.0381C102.924 24.9424 103.007 24.8641 103.107 24.8641H105.996C106.106 24.8641 106.161 24.9163 106.161 25.0381C106.142 25.4471 106.628 25.6907 106.977 25.4558C107.729 24.9424 108.71 24.6117 109.819 24.6117C112.258 24.6117 113.844 26.1867 113.844 28.8581V31.1553L113.89 35.6367C113.89 35.7498 113.826 35.8107 113.707 35.8107H110.663C110.553 35.8107 110.479 35.7585 110.479 35.6367L110.525 31.1553V28.9016C110.525 27.7095 109.782 26.9437 108.783 26.9437C107.573 26.9437 106.28 28.0053 106.28 30.3461V31.1553L106.326 35.6367C106.326 35.7498 106.262 35.8107 106.142 35.8107H103.052C102.942 35.8107 102.869 35.7585 102.869 35.6367H102.878Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M114.312 30.3635C114.312 26.8828 116.503 24.5856 120.263 24.5856C122.912 24.5856 124.737 25.8647 125.287 27.84C125.406 28.2838 125.085 28.7276 124.599 28.7624C123.719 28.8233 122.5 28.7537 122.5 28.7537C122.399 28.7537 122.316 28.7015 122.307 28.597C122.06 27.344 121.234 26.7349 120.272 26.7349C118.566 26.7523 117.769 27.927 117.769 30.3461C117.769 32.7651 118.594 33.9399 120.272 33.9573C121.418 33.9747 122.261 33.2176 122.408 31.7731C122.417 31.66 122.472 31.5991 122.591 31.5991H125.416C125.526 31.5991 125.608 31.6513 125.599 31.7557C125.361 34.2618 123.233 36.0805 120.217 36.0805C116.522 36.0805 114.33 33.8528 114.33 30.3635H114.312Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M131.064 31.1989C133.163 31.3294 134.905 29.6761 134.768 27.6834C134.658 26.0388 133.255 24.7074 131.513 24.5943C129.413 24.4638 127.671 26.1171 127.809 28.1098C127.919 29.7544 129.321 31.0858 131.064 31.1989Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M106.747 37.6642C106.592 37.76 106.555 37.9688 106.665 38.108C108.004 39.8048 110.763 42.0847 112.891 42.9984C115.064 43.9381 117.558 44.4341 120.107 44.4341C124.499 44.4341 127.864 43.2072 129.752 41.9455C132.531 40.0746 133.658 37.7948 134.548 35.6803C134.667 35.3844 134.355 35.1321 134.062 35.1756C134.053 35.1756 130.614 35.8021 130.614 35.8021C130.44 35.8021 130.293 35.9326 130.275 36.1066C129.991 38.9347 126.011 42.7547 119.006 42.7547C114.101 42.7547 109.617 40.8403 107.215 37.7339C107.114 37.5946 106.912 37.5598 106.766 37.6555L106.747 37.6642Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M133.548 2.2398C133.548 2.01356 133.466 1.84823 133.292 1.73511C133.117 1.62198 132.852 1.56977 132.494 1.56977H131.559V3.98883H131.944V2.92723H132.54L133.081 3.98883H133.521L132.952 2.87502C133.136 2.84892 133.282 2.7793 133.392 2.66618C133.503 2.55306 133.558 2.41384 133.558 2.2398H133.548ZM132.989 2.59657C132.879 2.65748 132.696 2.69229 132.421 2.69229H131.944V1.82212H132.421C132.677 1.82212 132.861 1.85693 132.98 1.92654C133.09 1.99616 133.154 2.10928 133.154 2.26591C133.154 2.42254 133.099 2.52696 132.989 2.59657Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M134.484 2.00489C134.374 1.75255 134.218 1.5263 134.007 1.32616C133.796 1.12603 133.558 0.969397 133.292 0.864977C133.026 0.760557 132.732 0.708347 132.43 0.708347C132.127 0.708347 131.843 0.760557 131.586 0.864977C131.32 0.969397 131.091 1.11733 130.889 1.31746C130.678 1.5263 130.513 1.75255 130.394 2.0136C130.284 2.27464 130.22 2.53569 130.22 2.81415C130.22 3.0926 130.275 3.36235 130.385 3.6147C130.495 3.86705 130.66 4.09329 130.871 4.29343C131.082 4.49357 131.32 4.6502 131.586 4.75462C131.852 4.85904 132.136 4.91125 132.43 4.91125C132.723 4.91125 133.007 4.85904 133.273 4.74591C133.548 4.64149 133.787 4.48486 134.007 4.27603C134.218 4.08459 134.374 3.85835 134.484 3.606C134.594 3.35365 134.649 3.0839 134.649 2.80545C134.649 2.52699 134.594 2.24854 134.484 1.99619V2.00489ZM134.264 3.54509C134.163 3.76263 134.025 3.96277 133.842 4.1281C133.649 4.31083 133.429 4.44136 133.191 4.53707C132.943 4.63279 132.696 4.6763 132.439 4.6763C132.182 4.6763 131.925 4.63279 131.687 4.53707C131.449 4.44136 131.238 4.31083 131.045 4.1281C130.862 3.94536 130.715 3.74522 130.614 3.51898C130.513 3.29274 130.468 3.05779 130.468 2.81415C130.468 2.5705 130.523 2.32685 130.623 2.10061C130.724 1.87437 130.871 1.66553 131.064 1.48279C131.247 1.30876 131.458 1.16953 131.696 1.08252C131.935 0.9868 132.182 0.943292 132.439 0.943292C132.696 0.943292 132.962 0.9868 133.2 1.08252C133.438 1.17824 133.658 1.30876 133.842 1.4915C134.025 1.66553 134.163 1.86567 134.254 2.09191C134.355 2.31815 134.401 2.5618 134.401 2.81415C134.401 3.0665 134.355 3.31014 134.254 3.53638L134.264 3.54509Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M123.05 0.656086H112.579C112.001 0.656086 111.855 1.29131 111.855 1.29131L107.857 22.0883H113.798L115.11 14.9529L115.742 11.4896L117.081 4.21506C118.951 4.23247 120.904 4.07584 122.225 4.4065C124.242 4.90249 125.223 6.19034 125.113 8.30484C124.994 10.4193 122.903 10.8892 122.316 10.9937C120.712 11.2199 118.96 11.2025 117.228 11.159L116.421 15.0747C123.508 15.2662 128.89 14.718 129.917 8.79213C130.853 3.43191 128.826 0.830119 123.05 0.664788V0.656086Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M96.634 1.32616C96.634 1.32616 96.3223 0.664839 95.332 0.664839H93.1131C90.4358 0.473402 90.5458 1.30876 90.5458 1.30876L81.5786 22.097H87.2633L88.8771 18.0507L90.1882 14.7702L93.6724 6.67768L96.5882 14.7702H91.7378L90.4633 18.7382H97.8718L99.4305 22.0796H105.033L96.634 1.32616Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M60.1782 10.1322L65.6429 21.8446L73.8125 10.8196L72.0428 22.0796H78.0852L81.386 1.1086C81.386 1.1086 81.5144 0.464676 81.0284 0.464676H76.2789C75.4079 0.464676 74.9677 1.1086 74.9677 1.1086L67.0182 11.829L62.012 1.1086C62.012 1.1086 61.9295 0.464676 61.0401 0.464676C59.7564 0.464676 56.9874 0.464676 56.3731 0.464676C55.557 0.464676 55.557 1.0912 55.557 1.0912L52.2562 22.0709H58.2986L60.1782 10.1235V10.1322Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M38.3653 0.490807C32.1579 0.490807 27.1058 5.32022 27.1058 11.2461C27.1058 17.1719 32.167 22.0013 38.3653 22.0013C44.5635 22.0013 49.6339 17.1719 49.6339 11.2461C49.6339 5.32022 44.5727 0.490807 38.3653 0.490807ZM38.3744 16.6846C35.5962 16.6846 33.3223 14.2394 33.3223 11.2373C33.3223 8.23528 35.5962 5.79011 38.3744 5.79011C41.1526 5.79011 43.4265 8.23528 43.4265 11.2373C43.4265 14.2394 41.1526 16.6846 38.3744 16.6846Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M15.9012 0.656086H5.4302C4.85255 0.656086 4.70585 1.29131 4.70585 1.29131L0.699005 22.0883H6.6405L7.95167 14.9529L8.58432 11.4896L9.923 4.21506C11.7935 4.23247 13.7465 4.07584 15.0668 4.4065C17.084 4.90249 18.065 6.19034 17.955 8.30484C17.8358 10.4193 15.7453 10.8892 15.1585 10.9937C13.5539 11.2199 12.8387 11.2025 11.1058 11.159L10.2989 15.2488L15.3694 22.2101C15.3694 22.2101 22.9888 22.2101 22.6495 22.2101C22.5945 22.2101 15.8278 14.9268 15.8278 14.9268C19.6604 14.5091 22.0169 13.0733 22.7596 8.78343C23.704 3.41451 21.6685 0.812716 15.9012 0.656086Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M0.598221 22.2015L3.49562 7.58268L13.9483 22.1928H0.598221V22.2015Z%22 fill=%22%23000%22%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%22clip0_5_235%22%3E%3Crect width=%22134.179%22 height=%2243.9869%22 fill=%22%23000%22 transform=%22translate(0.598221 0.464722)%22%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
  mask:url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 135 45%22%3E%3Cg clip-path=%22url(%23clip0_5_235)%22%3E%3Cpath d=%22M80.9184 32.3042C80.9184 32.1998 80.9826 32.1302 81.1018 32.1302C81.1018 32.1302 81.9178 32.0693 82.9906 32.1476C83.5958 32.1911 84.1184 32.5565 84.3751 33.0786C84.7144 33.7748 85.4846 34.0793 86.6949 34.0793C88.0152 34.0793 88.7304 33.592 88.7304 32.7393C88.7304 30.6596 81.1843 32.6784 81.1843 28.0839C81.1843 25.8128 83.1098 24.6032 86.2181 24.6032C88.9504 24.6032 90.8759 25.5343 91.3802 27.4052C91.4719 27.7358 91.2152 28.0491 90.8576 28.0665C89.7848 28.11 88.5379 28.2318 88.5379 28.2318C88.4278 28.2318 88.3728 28.1796 88.3453 28.0752C88.1619 27.1267 87.5476 26.535 86.1723 26.535C85.072 26.535 84.3843 26.9179 84.3843 27.8489C84.3843 29.9286 91.9304 27.8054 91.9304 32.4608C91.9304 34.7581 89.6473 36.0546 86.4657 36.0546C83.0548 36.0546 81.0009 34.7581 80.9184 32.2955V32.3042Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M94.4427 39.2218L94.9561 37.8034C95.4054 36.5852 95.3687 35.2452 94.8553 34.0443L91.0226 25.0555C90.9768 24.9424 91.0318 24.8554 91.1693 24.8554H94.571C94.6719 24.8554 94.7544 24.9076 94.7819 24.9946L96.3865 29.3628L97.3034 31.8689L98.0644 29.3628L99.3847 24.9946C99.4214 24.8989 99.4856 24.8554 99.5864 24.8554H102.621C102.741 24.8554 102.814 24.9163 102.768 25.0468L97.6243 39.2653C97.5876 39.3523 97.5234 39.4045 97.4226 39.4045H94.5894C94.4702 39.4045 94.3968 39.3436 94.4427 39.2131V39.2218Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M102.878 35.6367L102.924 30.5636V25.0381C102.924 24.9424 103.007 24.8641 103.107 24.8641H105.996C106.106 24.8641 106.161 24.9163 106.161 25.0381C106.142 25.4471 106.628 25.6907 106.977 25.4558C107.729 24.9424 108.71 24.6117 109.819 24.6117C112.258 24.6117 113.844 26.1867 113.844 28.8581V31.1553L113.89 35.6367C113.89 35.7498 113.826 35.8107 113.707 35.8107H110.663C110.553 35.8107 110.479 35.7585 110.479 35.6367L110.525 31.1553V28.9016C110.525 27.7095 109.782 26.9437 108.783 26.9437C107.573 26.9437 106.28 28.0053 106.28 30.3461V31.1553L106.326 35.6367C106.326 35.7498 106.262 35.8107 106.142 35.8107H103.052C102.942 35.8107 102.869 35.7585 102.869 35.6367H102.878Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M114.312 30.3635C114.312 26.8828 116.503 24.5856 120.263 24.5856C122.912 24.5856 124.737 25.8647 125.287 27.84C125.406 28.2838 125.085 28.7276 124.599 28.7624C123.719 28.8233 122.5 28.7537 122.5 28.7537C122.399 28.7537 122.316 28.7015 122.307 28.597C122.06 27.344 121.234 26.7349 120.272 26.7349C118.566 26.7523 117.769 27.927 117.769 30.3461C117.769 32.7651 118.594 33.9399 120.272 33.9573C121.418 33.9747 122.261 33.2176 122.408 31.7731C122.417 31.66 122.472 31.5991 122.591 31.5991H125.416C125.526 31.5991 125.608 31.6513 125.599 31.7557C125.361 34.2618 123.233 36.0805 120.217 36.0805C116.522 36.0805 114.33 33.8528 114.33 30.3635H114.312Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M131.064 31.1989C133.163 31.3294 134.905 29.6761 134.768 27.6834C134.658 26.0388 133.255 24.7074 131.513 24.5943C129.413 24.4638 127.671 26.1171 127.809 28.1098C127.919 29.7544 129.321 31.0858 131.064 31.1989Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M106.747 37.6642C106.592 37.76 106.555 37.9688 106.665 38.108C108.004 39.8048 110.763 42.0847 112.891 42.9984C115.064 43.9381 117.558 44.4341 120.107 44.4341C124.499 44.4341 127.864 43.2072 129.752 41.9455C132.531 40.0746 133.658 37.7948 134.548 35.6803C134.667 35.3844 134.355 35.1321 134.062 35.1756C134.053 35.1756 130.614 35.8021 130.614 35.8021C130.44 35.8021 130.293 35.9326 130.275 36.1066C129.991 38.9347 126.011 42.7547 119.006 42.7547C114.101 42.7547 109.617 40.8403 107.215 37.7339C107.114 37.5946 106.912 37.5598 106.766 37.6555L106.747 37.6642Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M133.548 2.2398C133.548 2.01356 133.466 1.84823 133.292 1.73511C133.117 1.62198 132.852 1.56977 132.494 1.56977H131.559V3.98883H131.944V2.92723H132.54L133.081 3.98883H133.521L132.952 2.87502C133.136 2.84892 133.282 2.7793 133.392 2.66618C133.503 2.55306 133.558 2.41384 133.558 2.2398H133.548ZM132.989 2.59657C132.879 2.65748 132.696 2.69229 132.421 2.69229H131.944V1.82212H132.421C132.677 1.82212 132.861 1.85693 132.98 1.92654C133.09 1.99616 133.154 2.10928 133.154 2.26591C133.154 2.42254 133.099 2.52696 132.989 2.59657Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M134.484 2.00489C134.374 1.75255 134.218 1.5263 134.007 1.32616C133.796 1.12603 133.558 0.969397 133.292 0.864977C133.026 0.760557 132.732 0.708347 132.43 0.708347C132.127 0.708347 131.843 0.760557 131.586 0.864977C131.32 0.969397 131.091 1.11733 130.889 1.31746C130.678 1.5263 130.513 1.75255 130.394 2.0136C130.284 2.27464 130.22 2.53569 130.22 2.81415C130.22 3.0926 130.275 3.36235 130.385 3.6147C130.495 3.86705 130.66 4.09329 130.871 4.29343C131.082 4.49357 131.32 4.6502 131.586 4.75462C131.852 4.85904 132.136 4.91125 132.43 4.91125C132.723 4.91125 133.007 4.85904 133.273 4.74591C133.548 4.64149 133.787 4.48486 134.007 4.27603C134.218 4.08459 134.374 3.85835 134.484 3.606C134.594 3.35365 134.649 3.0839 134.649 2.80545C134.649 2.52699 134.594 2.24854 134.484 1.99619V2.00489ZM134.264 3.54509C134.163 3.76263 134.025 3.96277 133.842 4.1281C133.649 4.31083 133.429 4.44136 133.191 4.53707C132.943 4.63279 132.696 4.6763 132.439 4.6763C132.182 4.6763 131.925 4.63279 131.687 4.53707C131.449 4.44136 131.238 4.31083 131.045 4.1281C130.862 3.94536 130.715 3.74522 130.614 3.51898C130.513 3.29274 130.468 3.05779 130.468 2.81415C130.468 2.5705 130.523 2.32685 130.623 2.10061C130.724 1.87437 130.871 1.66553 131.064 1.48279C131.247 1.30876 131.458 1.16953 131.696 1.08252C131.935 0.9868 132.182 0.943292 132.439 0.943292C132.696 0.943292 132.962 0.9868 133.2 1.08252C133.438 1.17824 133.658 1.30876 133.842 1.4915C134.025 1.66553 134.163 1.86567 134.254 2.09191C134.355 2.31815 134.401 2.5618 134.401 2.81415C134.401 3.0665 134.355 3.31014 134.254 3.53638L134.264 3.54509Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M123.05 0.656086H112.579C112.001 0.656086 111.855 1.29131 111.855 1.29131L107.857 22.0883H113.798L115.11 14.9529L115.742 11.4896L117.081 4.21506C118.951 4.23247 120.904 4.07584 122.225 4.4065C124.242 4.90249 125.223 6.19034 125.113 8.30484C124.994 10.4193 122.903 10.8892 122.316 10.9937C120.712 11.2199 118.96 11.2025 117.228 11.159L116.421 15.0747C123.508 15.2662 128.89 14.718 129.917 8.79213C130.853 3.43191 128.826 0.830119 123.05 0.664788V0.656086Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M96.634 1.32616C96.634 1.32616 96.3223 0.664839 95.332 0.664839H93.1131C90.4358 0.473402 90.5458 1.30876 90.5458 1.30876L81.5786 22.097H87.2633L88.8771 18.0507L90.1882 14.7702L93.6724 6.67768L96.5882 14.7702H91.7378L90.4633 18.7382H97.8718L99.4305 22.0796H105.033L96.634 1.32616Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M60.1782 10.1322L65.6429 21.8446L73.8125 10.8196L72.0428 22.0796H78.0852L81.386 1.1086C81.386 1.1086 81.5144 0.464676 81.0284 0.464676H76.2789C75.4079 0.464676 74.9677 1.1086 74.9677 1.1086L67.0182 11.829L62.012 1.1086C62.012 1.1086 61.9295 0.464676 61.0401 0.464676C59.7564 0.464676 56.9874 0.464676 56.3731 0.464676C55.557 0.464676 55.557 1.0912 55.557 1.0912L52.2562 22.0709H58.2986L60.1782 10.1235V10.1322Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M38.3653 0.490807C32.1579 0.490807 27.1058 5.32022 27.1058 11.2461C27.1058 17.1719 32.167 22.0013 38.3653 22.0013C44.5635 22.0013 49.6339 17.1719 49.6339 11.2461C49.6339 5.32022 44.5727 0.490807 38.3653 0.490807ZM38.3744 16.6846C35.5962 16.6846 33.3223 14.2394 33.3223 11.2373C33.3223 8.23528 35.5962 5.79011 38.3744 5.79011C41.1526 5.79011 43.4265 8.23528 43.4265 11.2373C43.4265 14.2394 41.1526 16.6846 38.3744 16.6846Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M15.9012 0.656086H5.4302C4.85255 0.656086 4.70585 1.29131 4.70585 1.29131L0.699005 22.0883H6.6405L7.95167 14.9529L8.58432 11.4896L9.923 4.21506C11.7935 4.23247 13.7465 4.07584 15.0668 4.4065C17.084 4.90249 18.065 6.19034 17.955 8.30484C17.8358 10.4193 15.7453 10.8892 15.1585 10.9937C13.5539 11.2199 12.8387 11.2025 11.1058 11.159L10.2989 15.2488L15.3694 22.2101C15.3694 22.2101 22.9888 22.2101 22.6495 22.2101C22.5945 22.2101 15.8278 14.9268 15.8278 14.9268C19.6604 14.5091 22.0169 13.0733 22.7596 8.78343C23.704 3.41451 21.6685 0.812716 15.9012 0.656086Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M0.598221 22.2015L3.49562 7.58268L13.9483 22.1928H0.598221V22.2015Z%22 fill=%22%23000%22%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%22clip0_5_235%22%3E%3Crect width=%22134.179%22 height=%2243.9869%22 fill=%22%23000%22 transform=%22translate(0.598221 0.464722)%22%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.logo .lsheen::before{content:"";position:absolute;top:-30%;bottom:-30%;width:30px;left:-46px;
  background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.95) 42%,rgba(169,226,58,.95) 58%,transparent 100%);
  filter:blur(.6px);transform:skewX(-16deg) translateX(0);will-change:transform;
  animation:blade 4.6s cubic-bezier(.55,.04,.22,1) 1.4s infinite}
@keyframes blade{0%{transform:skewX(-16deg) translateX(0)}24%,100%{transform:skewX(-16deg) translateX(188px)}}

/* ===== Ícones tombados: personalidade + mola no hover ===== */
.wt-ic,.bic{border-radius:16px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .35s var(--ease)}
.wt:nth-child(3n+1) .wt-ic,.bcard:nth-child(3n+1) .bic{transform:rotate(-7deg)}
.wt:nth-child(3n+2) .wt-ic,.bcard:nth-child(3n+2) .bic{transform:rotate(5deg)}
.wt:nth-child(3n) .wt-ic,.bcard:nth-child(3n) .bic{transform:rotate(-4deg)}
.wt:hover .wt-ic,.bcard:hover .bic{transform:rotate(0) scale(1.12);box-shadow:0 14px 30px -10px rgba(123,187,6,.55)}
.wt-ic svg,.bic svg{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.wt:hover .wt-ic svg,.bcard:hover .bic svg{transform:rotate(6deg)}

/* marcadores das listas: chevron que avança junto */
.wt li,.bcard li{position:relative;transition:transform .3s var(--ease)}
.wt li::before,.bcard li::before{color:var(--green);font-weight:800;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.wt li:hover,.bcard li:hover{transform:translateX(3px)}
.sec-light .bcard:hover .bic,.wt:hover .wt-ic{box-shadow:0 14px 30px -10px rgba(123,187,6,.45)}

/* ===== Simulador: janela de app ===== */
.sim{padding-top:0}
.sim-app{background:#fff;border:1px solid var(--line-l);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 50px 110px -44px rgba(3,20,60,.55)}
.sim-top{display:flex;align-items:center;gap:14px;padding:14px 22px;background:#F7FAFF;border-bottom:1px solid var(--line-l)}
.sim-top .dots{display:flex;gap:7px}
.sim-top .dots i{width:11px;height:11px;border-radius:50%}
.sim-top .dots i:nth-child(1){background:#FF5F57}.sim-top .dots i:nth-child(2){background:#FEBC2E}.sim-top .dots i:nth-child(3){background:#28C840}
.sim-title{font-size:12.5px;color:#4E5F84}
.sim-title b{color:#0A1F4D}
.sim-src{margin-left:auto;font-family:var(--font-m);font-size:10px;font-weight:700;letter-spacing:.1em;color:#4E5F84;background:#fff;border:1px solid var(--line-l);border-radius:99px;padding:5px 12px}
.sim-body{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(26px,4vw,56px);padding:clamp(26px,4vw,50px)}
.sim .eyebrow{color:var(--navy)}
.sim-h{color:#0A1F4D;font-size:clamp(24px,3vw,36px);margin:12px 0 10px;letter-spacing:-.025em}
.sim-hl{background:rgba(123,187,6,.22);padding:1px 10px;border-radius:10px}
.sim-sub{color:#4E5F84;font-size:15px;margin-bottom:28px}
.sim-field label{display:block;font-family:var(--font-m);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#93A2C2;margin-bottom:10px}
.sim-val{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}
.sim-val b{font-family:var(--font-d);font-size:clamp(38px,4.4vw,54px);font-weight:800;color:#0A1F4D;font-variant-numeric:tabular-nums;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.sim-val b.tick{transform:scale(1.045)}
.sim-val span{color:#4E8A00;font-weight:700;font-size:14px}
#simColab{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--green) var(--p,5%),#E4EBF7 var(--p,5%));outline:none;cursor:pointer}
#simColab::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:4px solid var(--green);box-shadow:0 6px 18px rgba(5,40,106,.3),0 0 0 0 rgba(123,187,6,.35);cursor:grab;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}
#simColab::-webkit-slider-thumb:hover{transform:scale(1.12);box-shadow:0 6px 18px rgba(5,40,106,.3),0 0 0 9px rgba(123,187,6,.18)}
#simColab:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.06);box-shadow:0 6px 18px rgba(5,40,106,.3),0 0 0 12px rgba(123,187,6,.22)}
#simColab::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;border:4px solid var(--green);box-shadow:0 6px 18px rgba(5,40,106,.3);cursor:grab}
.sim-scale{display:flex;justify-content:space-between;font-size:11.5px;color:#93A2C2;margin-top:8px}
.sim-presets{display:flex;gap:8px;margin:18px 0 26px;flex-wrap:wrap}
.sim-presets button{font:inherit;font-size:13px;font-weight:700;color:#4E5F84;background:#F2F6FC;border:1px solid var(--line-l);border-radius:99px;padding:8px 16px;cursor:pointer;transition:.25s var(--ease)}
.sim-presets button:hover{border-color:var(--navy);color:var(--navy);transform:translateY(-1px)}
.sim-presets button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.sim-presets button:active{transform:scale(.95)}
.sim-right{display:flex;flex-direction:column;gap:14px}
.sim-out{background:#F7FAFF;border:1px solid var(--line-l);border-radius:18px;padding:18px 20px}
.so-head{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap}
.so-lbl{font-family:var(--font-m);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#4E5F84}
.so-val{font-family:var(--font-d);font-size:clamp(19px,2vw,24px);font-weight:800;color:#0A1F4D;font-variant-numeric:tabular-nums;white-space:nowrap}
.so-val small{font-size:.55em;font-weight:700;color:#93A2C2}
.so-green .so-val{color:#4E8A00}
.so-bar{height:8px;border-radius:99px;background:#E4EBF7;margin:10px 0 8px;overflow:hidden}
.so-bar i{display:block;height:100%;width:var(--w,50%);border-radius:99px;background:linear-gradient(90deg,var(--navy),var(--navy-2));transition:width .55s var(--ease)}
.so-green .so-bar i{background:linear-gradient(90deg,#4E8A00,var(--green))}
.so-note{display:block;font-size:11.5px;color:#93A2C2;line-height:1.5}
.sim-note{margin-top:6px;font-size:12px;color:#93A2C2;line-height:1.55}
@media(max-width:900px){.sim-body{grid-template-columns:1fr}}
.mq .cl[alt="Kehdi Atacado e Varejo"]{height:50px;width:150px}

/* ===== Card do cafezinho: impacto visual, sem fumaça ===== */
.bcta{position:relative;overflow:hidden;padding:36px 30px;
  background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%)!important;
  border-color:rgba(123,187,6,.4)!important}
.bcta::after{content:"";position:absolute;right:-70px;bottom:-70px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(123,187,6,.28),transparent 70%);pointer-events:none}
.cafe-mark{position:absolute;right:-30px;top:-22px;width:195px;height:195px;stroke:rgba(123,187,6,.22);fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-8deg);transition:transform .5s var(--ease);pointer-events:none}
.bcta:hover .cafe-mark{transform:rotate(-3deg) scale(1.06)}
.bcta .cafe-line{display:block;font-family:var(--font-m);font-size:clamp(21px,2.3vw,26px);font-weight:800;line-height:1.12;letter-spacing:-.01em;color:#fff;margin-bottom:10px;position:relative;z-index:1}
.bcta .cafe-line .hl{color:var(--green);display:block}
.bcta .cafe-sub{display:block;font-family:var(--font-b);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin-bottom:14px;position:relative;z-index:1}
.bcta p{position:relative;z-index:1;color:#D6E0F5}
.bcta .btn{position:relative;z-index:1;justify-content:center;box-shadow:0 14px 34px -12px rgba(123,187,6,.55)}
.sec-light .bcta .cafe-line{color:#fff}
.gvid{height:240px;width:auto;border-radius:20px;object-fit:cover;box-shadow:0 18px 40px -22px rgba(3,20,60,.35);background:#0A1F4D}
@media(max-width:640px){.gvid{height:180px;border-radius:12px}}

/* ===== iPad no hero ===== */
.ipad .mac-lid{width:100%;margin:0;background:none;border:none;padding:0;box-shadow:none;border-radius:34px}
.ipad .mac-lid::before,.ipad .mac-lid::after,.ipad::after,.ipad .mac-base{display:none!important}
.ipad .mac-bezel{border-radius:34px;padding:20px;box-shadow:0 60px 120px -50px rgba(3,20,60,.65), inset 0 0 0 2px #1a1d24}
.ipad .mac-cam{top:9px}
.ipad .mac-screen{border-radius:16px}
/* ===== Filme institucional ===== */
.filme-sec{padding:26px 0 70px}
.filme-head{text-align:center;margin-bottom:22px}
.filme-head h2{font-size:clamp(24px,3vw,34px);color:var(--ink)}
.filme-head p{color:var(--ink-mut);font-size:15px;margin-top:8px}
.filme{max-width:860px;margin:0 auto;border-radius:24px;overflow:hidden;background:#0A1F4D;
  box-shadow:0 50px 110px -44px rgba(3,20,60,.6);border:1px solid rgba(5,40,106,.18)}
.filme video{display:block;width:100%;height:auto}
.video-wrap{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 30px 70px -30px rgba(5,40,106,.5)}
.video-wrap video{display:block;width:100%;height:auto;border-radius:20px}
.play-ov{position:absolute;inset:0;display:grid;place-items:center;cursor:pointer;border:0;padding:0;background:transparent;transition:opacity .4s var(--ease)}
.play-ov::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,40,106,.04),rgba(5,40,106,.16))}
.play-ov.hidden{opacity:0;pointer-events:none}
.play-btn{position:relative;width:clamp(64px,9vw,96px);height:clamp(64px,9vw,96px);border-radius:50%;background:var(--green);display:grid;place-items:center;box-shadow:0 18px 46px -12px rgba(123,187,6,.8);transition:transform .3s var(--ease)}
.play-ov:hover .play-btn{transform:scale(1.08)}
.play-btn svg{width:38%;height:38%;margin-left:8%;fill:#fff}
.play-btn::after{content:"";position:absolute;inset:-14px;border-radius:50%;border:3px solid rgba(123,187,6,.55);animation:playPulse 2s ease-out infinite}
@keyframes playPulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.5);opacity:0}}
.play-cap{position:absolute;bottom:clamp(14px,3vw,24px);left:0;right:0;text-align:center;color:#fff;font-weight:700;font-size:clamp(13px,1.6vw,16px);text-shadow:0 2px 12px rgba(0,0,0,.5);letter-spacing:.02em;padding:0 16px}
@media(prefers-reduced-motion:reduce){.play-btn::after{animation:none;opacity:.4}}

.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.btn-ghost{background:transparent;color:var(--navy);border:1.5px solid rgba(5,40,106,.28);box-shadow:none}
.btn-ghost:hover{border-color:var(--navy);background:rgba(5,40,106,.05)}
.hero-micro{font-size:12.5px;color:var(--ink-mut);margin-top:12px;font-family:var(--font-m);letter-spacing:.02em}
.demo-tag{position:absolute;right:10px;bottom:8px;z-index:7;font-family:var(--font-m);font-size:8.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#93A2C2;background:rgba(255,255,255,.86);border-radius:99px;padding:3px 9px;pointer-events:none}
.sim-note-legal{font-size:11.5px;color:var(--ink-mut);margin-top:12px;line-height:1.5;border-top:1px dashed var(--line);padding-top:10px}
.consent{font-size:11.5px;color:var(--ink-mut);margin:10px 0 0;line-height:1.5}

/* evidências sob o pull-quote (antes órfãs e sem estilo) */
.ev-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:780px;margin:36px auto 0}
@media(max-width:680px){.ev-grid{grid-template-columns:1fr}}
.ev{background:var(--paper,#fff);border:1px solid var(--line-l);border-radius:18px;padding:22px 24px;text-align:left;box-shadow:0 18px 44px -30px rgba(3,20,60,.25)}
.ev b{display:block;font-family:var(--font-d);font-size:clamp(28px,3vw,38px);font-weight:800;color:#4E8A00;line-height:1;margin-bottom:8px}
.ev span{display:block;font-size:14px;color:var(--ink-mut);line-height:1.55;margin-bottom:12px}
.ev i{font-style:normal;font-family:var(--font-m);font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#93A2C2}

/* ===== Drill-down das demos do BI ===== */
.drill{position:absolute;inset:0;margin:auto;width:min(88%,560px);height:fit-content;max-height:86%;background:#fff;border-radius:16px;z-index:8;display:flex;flex-direction:column;
  box-shadow:0 40px 90px -28px rgba(3,20,60,.55),0 0 0 1px rgba(5,40,106,.08);
  opacity:0;transform:translateY(16px) scale(.984);transition:.38s var(--ease);pointer-events:none;overflow:hidden}
.drill.on{opacity:1;transform:none}
.drill-h{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;border-bottom:1px solid #E7EDF7;flex:none}
.drill-h b{font-size:12px;color:#0A1F4D;font-family:var(--font-m);letter-spacing:.02em}
.drill-x{width:22px;height:22px;border-radius:7px;background:#F0F4FB;color:#4E5F84;display:grid;place-items:center;font-size:13px;font-weight:700;line-height:1}
.drill-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:9px}
.dbar{display:grid;grid-template-columns:104px 1fr 52px;gap:10px;align-items:center;font-size:10.5px;color:#4E5F84}
.dbar i{height:9px;border-radius:99px;background:#E9EEF8;overflow:hidden;display:block}
.dbar i b{display:block;height:100%;width:0;background:linear-gradient(90deg,#05286A,#2456B0);border-radius:99px;transition:width .85s var(--ease)}
.dbar.gr i b{background:linear-gradient(90deg,#4E8A00,#7BBB06)}
.dbar .dv{text-align:right;font-weight:700;color:#0A1F4D;font-variant-numeric:tabular-nums}
.sk{height:9px;border-radius:99px;background:linear-gradient(90deg,#EDF1F8 25%,#F9FBFF 50%,#EDF1F8 75%);background-size:200% 100%;animation:skm 1s linear infinite}
@keyframes skm{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.sk{animation:none}}
.dstep{display:flex;gap:10px;align-items:center;font-size:11px;color:#4E5F84;opacity:.32;transition:.4s}
.dstep.on{opacity:1}
.dstep .dn{width:20px;height:20px;border-radius:50%;background:#E9EEF8;color:#05286A;display:grid;place-items:center;font-size:10px;font-weight:800;flex:none}
.dstep.on .dn{background:#7BBB06;color:#fff}
.dspark{width:100%;height:52px}
.dspark polyline{fill:none;stroke:#4E8A00;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:360;stroke-dashoffset:360;transition:stroke-dashoffset 1.1s var(--ease) .15s}
.drill.on .dspark polyline{stroke-dashoffset:0}
.dnote{font-size:10.5px;color:#93A2C2}
.dkpis{display:flex;gap:12px}
.dk{flex:1;background:#F7FAFF;border:1px solid #E7EDF7;border-radius:10px;padding:8px 11px}
.dk b{display:block;font-family:var(--font-m);font-size:16px;color:#0A1F4D;font-variant-numeric:tabular-nums}
.dk span{font-size:9px;color:#93A2C2;text-transform:uppercase;letter-spacing:.07em}
.val.carregando{color:transparent!important;border-radius:8px;background:linear-gradient(90deg,#EDF1F8 25%,#F9FBFF 50%,#EDF1F8 75%);background-size:200% 100%;animation:skm 1s linear infinite}

/* ===== Tour do hero: 4 cenas ===== */
.dash-body{position:relative}
.hsc{display:flex;flex-direction:column;gap:12px;transition:opacity .45s var(--ease)}
.hsc[data-hs="1"]{position:relative}
.hsc[data-hs="1"]:not(.on){opacity:0;pointer-events:none}
.dash-body{overflow:hidden}
.hsc:not([data-hs="1"]){position:absolute;inset:18px;justify-content:center;gap:16px}
.hsc:not([data-hs="1"])>*{flex:0 0 auto}
.hsc:not([data-hs="1"]) .hflex{flex:0 0 auto;min-height:0}
.hsc:not(.on):not([data-hs="1"]){opacity:0;pointer-events:none}
.hsc.on{opacity:1}
.dside svg.on{stroke:var(--green);opacity:1}
.hfil{display:flex;gap:8px;position:relative;z-index:3}
.hf{font-family:var(--font-m);font-size:9.5px;font-weight:600;color:#4E5F84;background:#F4F7FD;border:1px solid #E4EBF7;border-radius:9px;padding:6px 10px;display:flex;gap:5px;align-items:center}
.hf b{color:#0A1F4D;font-weight:800}
.hf .car{font-size:8px;color:#93A2C2}
.hdrop{position:absolute;top:110%;left:0;background:#fff;border:1px solid #E4EBF7;border-radius:10px;box-shadow:0 18px 44px -18px rgba(3,20,60,.35);padding:5px;z-index:9;opacity:0;transform:translateY(-5px);transition:.22s;pointer-events:none;min-width:110px}
.hdrop.on{opacity:1;transform:none}
.hdrop span{display:block;font-size:10px;font-weight:600;color:#33415E;padding:6px 10px;border-radius:7px}
.hdrop span.sel{background:#EFF6E2;color:#3E6E00;font-weight:800}
.hs-title{font-family:var(--font-m);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#93A2C2}
.hflex{display:flex;gap:14px;align-items:center;flex:1;min-height:0}
.hdonut{flex:none;width:118px;height:118px;transform:rotate(-90deg)}
.hdonut circle{fill:none;stroke-width:14;stroke-dasharray:0 999;transition:stroke-dasharray .9s var(--ease)}
.hlegs{display:flex;flex-direction:column;gap:5px;font-size:9.5px;color:#4E5F84;flex:none}
.hlegs i{display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.hranks{flex:1;display:flex;flex-direction:column;gap:7px;min-width:0}
.hrk{display:grid;grid-template-columns:74px 1fr 30px;gap:8px;align-items:center;font-size:9.5px;color:#4E5F84}
.hrk i{height:8px;border-radius:99px;background:#E9EEF8;overflow:hidden;display:block}
.hrk i b{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#05286A,#2456B0);transition:width .8s var(--ease)}
.hrk .rv2{text-align:right;font-weight:700;color:#0A1F4D}
.halerts{display:flex;flex-direction:column;gap:8px;flex:1}
.hal{display:flex;gap:9px;align-items:center;background:#F7FAFF;border:1px solid #E7EDF7;border-radius:11px;padding:9px 12px;font-size:10.5px;color:#33415E;opacity:0;transform:translateY(8px);transition:.4s var(--ease)}
.hal.go{opacity:1;transform:none}
.hal .dt{width:8px;height:8px;border-radius:50%;flex:none}
.hal .bd{margin-left:auto;font-size:8.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:99px;padding:3px 8px;flex:none}
.harc-wrap{flex:none;width:112px;text-align:center}
.harc{width:96px;height:96px;transform:rotate(-90deg)}
.harc .bgc{fill:none;stroke:#E9EEF8;stroke-width:11}
.harc .fgc{fill:none;stroke:#7BBB06;stroke-width:11;stroke-linecap:round;stroke-dasharray:0 999;transition:stroke-dasharray 1s var(--ease)}
.harc-v{font-family:var(--font-m);font-size:15px;font-weight:800;color:#0A1F4D;margin-top:-64px}
.harc-l{font-size:8.5px;color:#93A2C2;text-transform:uppercase;letter-spacing:.07em;margin-top:34px}
.hcols{display:flex;gap:22px;align-items:flex-end;justify-content:center;flex:1;padding:6px 0 0}
.hcol{width:74px;text-align:center}
.hcol i{display:block;height:118px;border-radius:12px 12px 5px 5px;background:#E9EEF8;position:relative;overflow:hidden}
.hcol i b{position:absolute;left:0;right:0;bottom:0;height:0;transition:height .9s var(--ease);border-radius:12px 12px 0 0}
.hcol.mk i b{background:linear-gradient(180deg,#8FA3C8,#5E739E)}
.hcol.ng i b{background:linear-gradient(180deg,#7BBB06,#4E8A00)}
/* telas extras do hero (visões do RH) */
.hs-foot{font-size:9px;color:#93A2C2;text-align:center;line-height:1.35;margin-top:2px;max-width:230px;align-self:center}
.hstat{display:flex;gap:8px;justify-content:center}
.hst{flex:1;text-align:center;background:#F7FAFF;border:1px solid #E7EDF7;border-radius:10px;padding:8px 4px}
.hst b{display:block;font-family:var(--font-m);font-size:15px;font-weight:800;color:#0A1F4D}
.hst span{display:block;font-size:8px;color:#93A2C2;text-transform:uppercase;letter-spacing:.04em;margin-top:2px}
.hcol.red i b{background:linear-gradient(180deg,#F0787C,#E5484D)}
.hrax{display:flex;flex-direction:column;gap:10px;justify-content:center}
.hraxr{background:#F7FAFF;border:1px solid #E7EDF7;border-radius:11px;padding:9px 14px;min-width:118px}
.hraxr b{display:block;font-family:var(--font-m);font-size:18px;font-weight:800;line-height:1}
.hraxr span{display:block;font-size:8.5px;color:#93A2C2;text-transform:uppercase;letter-spacing:.05em;margin-top:3px}
.hcol .cv{font-family:var(--font-m);font-size:15px;font-weight:800;color:#0A1F4D;margin:7px 0 1px}
.hcol .cl{font-size:8.5px;color:#93A2C2;text-transform:uppercase;letter-spacing:.06em}
.hseal{align-self:center;background:#EFF6E2;border:1px solid rgba(123,187,6,.4);color:#3E6E00;font-size:10.5px;font-weight:700;border-radius:99px;padding:7px 14px}
.hseal b{font-family:var(--font-m)}
.hbtn{align-self:center;background:var(--navy);color:#fff;font-size:10px;font-weight:700;border-radius:9px;padding:7px 14px}

/* ===== Ecossistema de parceiros (dark) ===== */
.eco-sec{padding:84px 0 90px;position:relative}
.eco-sec .eyebrow{color:var(--green)}
.eco-head{max-width:680px;margin-bottom:36px}
.eco-head p{color:var(--ink-mut);font-size:16px;margin-top:12px}
.eco-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.ecat{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:20px 22px;transition:border-color .3s var(--ease),transform .3s var(--ease)}
.ecat:hover{border-color:rgba(123,187,6,.35);transform:translateY(-2px)}
.ecat h3{font-family:var(--font-m);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:rgba(123,187,6,.85);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.ecat h3 svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;flex:none}
.ebrands{display:flex;flex-wrap:wrap;gap:9px}
.bm{font-family:var(--font-m);font-size:14.5px;font-weight:800;letter-spacing:-.01em;color:#E9F0FF;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:11px;padding:9px 15px;white-space:nowrap;transition:.25s var(--ease);cursor:default}
.bm .lt{font-weight:400}
.bm .sm{font-weight:400;font-size:11px;opacity:.75;margin-left:4px}
.bm .gd{color:var(--green)}
.bm:hover{color:var(--green);border-color:rgba(123,187,6,.55);background:rgba(123,187,6,.07);transform:translateY(-1px)}
.eco-note{margin-top:22px;font-size:11.5px;color:rgba(233,240,255,.45);line-height:1.6;text-align:center;max-width:760px;margin-left:auto;margin-right:auto}
@media(max-width:640px){.eco-sec{padding:64px 0 70px}.bm{font-size:13.5px;padding:8px 13px}}
.orbit-zone{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:40px}

.orbit-wrap{position:relative;width:min(560px,100%);aspect-ratio:1;margin:0 auto}

.oring{position:absolute;inset:0;border:1px dashed rgba(5,40,106,.22);border-radius:50%}
.oring.r2{inset:14.5%}
.oring.r3{inset:30%}
.orbit-center{position:absolute;inset:41%;background:var(--navy);border-radius:50%;display:grid;place-items:center;box-shadow:0 22px 50px -16px rgba(5,40,106,.5),0 0 0 10px rgba(123,187,6,.14);z-index:2;color:#fff}
.orbit-center svg{width:56%;height:auto}
.orbit-center::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(123,187,6,.5);animation:oPulse 2.6s var(--ease) infinite}
.ring{position:absolute;inset:0;animation:spin var(--t,60s) linear infinite}
.ring.rev{animation-direction:reverse}
.sat{position:absolute;top:50%;left:50%;transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(var(--a) * -1))}
.sat-chip{transform:translate(-50%,-50%);display:inline-block;font-family:var(--font-d);font-size:12.5px;font-weight:700;color:var(--navy);background:#fff;border:1px solid var(--line-l);padding:9px 15px;border-radius:99px;box-shadow:0 10px 26px -12px rgba(5,40,106,.25);white-space:nowrap;animation:chipA var(--t,60s) linear infinite}

.sat-chip{padding:8px 14px}
.sat-chip .pmark{font-size:12.5px}
.sat-chip .pimg{height:17px!important;width:auto}
.pmark{font-family:var(--font-b);font-size:14px;font-weight:800;letter-spacing:-.01em;line-height:1;display:inline-flex;align-items:center;gap:6px;color:var(--navy)}
.pmark{font-size:12.5px}
.pimg{display:inline-block;vertical-align:middle;width:auto;max-width:100%}
.pimg{height:17px!important;width:auto}
.mk-unimed{text-transform:lowercase}
.mk-materdei{font-family:var(--font-d);font-weight:700}
.mk-wellhub{text-transform:lowercase;letter-spacing:-.02em}
.mk-totalpass{font-style:italic;font-weight:800}
.mk-zenklub{text-transform:lowercase}
.mk-wellz{text-transform:lowercase}
.mk-swile{text-transform:lowercase}
.mk-swile i{width:6px;height:6px;border-radius:50%;background:currentColor;margin-left:-3px;margin-top:6px}
.mk-prev{letter-spacing:.06em;font-family:var(--font-m)}
.mk-rd{letter-spacing:-.02em}
.mk-tele{font-weight:700;font-size:13px}
.mk-tele svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}


@media(max-width:980px){.orbit-zone{grid-template-columns:1fr}}
@media(max-width:640px){.orbit-wrap{display:none}}
.eco-cats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.eco-cat{background:var(--paper);border:1px solid var(--line-l);border-radius:16px;padding:20px 22px;transition:.35s var(--ease)}
.eco-cat:hover{transform:translateY(-4px);box-shadow:0 20px 44px -20px rgba(5,40,106,.2);border-color:rgba(123,187,6,.55);background:#fff}
.eco-cat .cat{font-family:var(--font-m);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--green-dk);margin-bottom:8px}
.eco-cat .names{font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--navy);line-height:1.5}
.eco-cat.ghosted{border-style:dashed;border-color:rgba(123,187,6,.6);background:rgba(123,187,6,.05)}
.eco-cat.ghosted .names{color:var(--green-dk)}
.eco-cat.ghosted p{font-size:12.5px;color:var(--ink-mut);margin-top:6px}
.eco-cats{grid-template-columns:1fr}
.eco-cats{grid-template-columns:1fr 1fr;gap:16px}
.eco-cat{display:flex;gap:16px;align-items:flex-start;padding:22px}
.eco-cat .cat{margin-bottom:9px}
.eco-cat:hover .pchip{border-color:rgba(5,40,106,.28)}
.eco-cat.ghosted{align-items:center}
.eco-cat.ghosted .ec-ic{background:rgba(123,187,6,.12);box-shadow:none;border:1px dashed rgba(123,187,6,.6)}
.eco-cat.ghosted .ec-ic svg{stroke:var(--green-dk)}
.eco-cat:hover .pchip{border-color:rgba(5,40,106,.3);transform:translateY(-1px)}
.pchips{display:flex;flex-wrap:wrap;gap:7px}
.pchip{font-family:var(--font-d);font-size:13px;font-weight:700;color:var(--navy);background:#fff;border:1px solid var(--line-l);border-radius:99px;padding:6px 13px;transition:.25s;display:inline-flex;align-items:center;gap:7px}
.pchip::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--green)}
.pchip{border-color:rgba(5,40,106,.28)}
.pchip{padding:8px 15px}
.pchip::before{display:none}
.pchip{border-color:rgba(5,40,106,.3);transform:translateY(-1px)}
.pchip{transition:.25s var(--ease)}
.eco-link{font-weight:800;color:var(--green-dk);font-size:13.5px;display:inline-flex;align-items:center;gap:6px;margin-top:8px}
.eco-link:hover{gap:10px}
.head-split{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end;margin-bottom:24px}
.head-split{grid-template-columns:1fr}
/* skin dark do orbital + wordmarks novos */
.eco-sec .orbit-zone{margin-top:8px}
.oring{border-color:rgba(255,255,255,.14)}
.orbit-center{box-shadow:0 26px 60px -18px rgba(0,0,0,.6),0 0 0 10px rgba(123,187,6,.16),0 0 0 1px rgba(255,255,255,.18)}
.sat-chip{box-shadow:0 14px 34px -14px rgba(0,0,0,.55)}
.mk-pluxee{font-weight:700;letter-spacing:-.01em}
.mk-mind{font-weight:800;letter-spacing:.04em}
.mk-ifood .lt,.mk-prevsmart .lt{font-weight:400}
.mk-ifood .ben{font-weight:400;font-size:9px;opacity:.7;margin-left:4px}
@media(prefers-reduced-motion:reduce){.ring,.sat-chip{animation:none!important}}

.ring .sat-chip{animation:chipA var(--t,60s) linear infinite}
.ring.rev .sat-chip{animation:chipB var(--t,60s) linear infinite}

@keyframes chipA{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes chipB{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}

@keyframes oPulse{0%{transform:scale(.9);opacity:.9}70%,100%{transform:scale(1.35);opacity:0}}
/* ===== Ecossistema 2.0: orbital protagonista + categorias embaixo ===== */
.eco-head{max-width:760px;margin:0 auto 10px;text-align:center}
.eco-head p{margin-inline:auto}
.orbit-zone.orbit-big{display:block;position:relative;margin:26px auto 30px}
.orbit-zone.orbit-big::before{content:"";position:absolute;inset:-60px -20%;background:
  radial-gradient(42% 42% at 50% 50%, rgba(123,187,6,.13), transparent 70%),
  radial-gradient(60% 60% at 50% 50%, rgba(58,110,220,.10), transparent 72%);
  filter:blur(6px);pointer-events:none}
.orbit-big .orbit-wrap{width:min(780px,100%);--sc:1.39}
.sat{transform:rotate(var(--a)) translateX(calc(var(--r) * var(--sc,1))) rotate(calc(var(--a) * -1))}
.orbit-big .orbit-center svg{width:52%}
.orbit-big .orbit-center::after{content:"";position:absolute;inset:-16px;border-radius:50%;
  background:conic-gradient(from 0deg, rgba(123,187,6,0) 0 72%, rgba(123,187,6,.95) 86%, rgba(123,187,6,0) 100%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
  animation:spin 5.5s linear infinite}
.eco-belt{margin-top:8px}
.eco-belt .eco-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:1100px){.orbit-big .orbit-wrap{width:min(600px,100%);--sc:1.07}.eco-belt .eco-cats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.orbit-big .orbit-wrap{width:min(470px,100%);--sc:.84}.eco-belt .eco-cats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.eco-belt .eco-cats{grid-template-columns:1fr}}

/* blindagem: cores fixas nos chips do orbital (imune a vars/temas) */
.sat-chip{color:#0A2A6B;background:#FFFFFF!important}
.sat-chip .pmark{display:inline-block}
/* cores oficiais das marcas (fixas) */
.mk-unimed{color:#00995D!important;font-weight:800}
.mk-materdei{color:#C8102E!important;font-weight:800}
.mk-sabin{color:#005CA9!important;font-weight:800;letter-spacing:.05em}
.mk-wellhub{color:#151A3D!important;font-weight:800}
.mk-totalpass{color:#FF6B00!important;font-weight:800;font-style:italic}
.mk-zenklub{color:#00B8A9!important;font-weight:700}
.mk-wellz{color:#7C4DFF!important;font-weight:700}
.mk-mind{color:#6C5CE7!important;font-weight:800;letter-spacing:.04em}
.mk-swile{color:#1A1A2E!important;font-weight:800}
.mk-swile i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#FFD500;margin-left:3px;vertical-align:1px}
.mk-pluxee{color:#221C46!important;font-weight:800}
.mk-ifood{color:#EA1D2C!important}
.mk-ifood .lt,.mk-ifood .ben{color:#EA1D2C!important}
.mk-prevsmart{color:#0A2A6B!important}
.mk-prevsmart .lt{font-weight:400}
.mk-topway{color:#0A4B9F!important;font-weight:800}
.mk-tele{color:#2563EB!important;font-weight:700}
.mk-rd{color:#0068B4!important;font-weight:400}
.mk-rd b{font-weight:800}
.sat-chip .pmark .lt{font-weight:400}
.sat-chip .pimg{display:inline-block}
.pchip{color:#0A2A6B!important;background:#FFFFFF!important}

/* ===== filtros do ecossistema + estados ===== */
.eco-filtros{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px auto 4px;max-width:860px}
.ef{font-family:var(--font-m);font-size:12px;font-weight:700;letter-spacing:.02em;color:rgba(233,240,255,.72);
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.13);border-radius:99px;padding:8px 15px;
  transition:.3s var(--ease);cursor:pointer}
.ef:hover{color:#fff;border-color:rgba(255,255,255,.3)}
.ef.atv{color:#0A1F0A;background:var(--green);border-color:var(--green);box-shadow:0 8px 22px -8px rgba(123,187,6,.55)}
.orbit-wrap .sat-chip{transition:opacity .5s var(--ease),box-shadow .5s var(--ease),border-color .5s var(--ease)}
.orbit-wrap .sat-chip .pmark,.orbit-wrap .sat-chip .pimg{transition:transform .45s var(--ease)}
.orbit-wrap.filtrado .sat-chip{opacity:.22;filter:saturate(.35)}
.orbit-wrap.filtrado .sat-chip.on{opacity:1;filter:none;border-color:rgba(123,187,6,.75)!important;
  box-shadow:0 0 0 2px rgba(123,187,6,.35),0 18px 44px -14px rgba(123,187,6,.5)!important}
.orbit-wrap.filtrado .sat-chip.on .pmark,.orbit-wrap.filtrado .sat-chip.on .pimg{transform:scale(1.09)}
.eco-cta-wrap{text-align:center;margin:28px 0 0}
.eco-cta{display:inline-block;text-align:center;font-size:13.5px;color:rgba(233,240,255,.7);margin:0;padding:13px 24px;background:rgba(123,187,6,.08);border:1px solid rgba(123,187,6,.28);border-radius:99px;max-width:720px;line-height:1.55}
.eco-cta a{color:var(--green);font-weight:700;white-space:nowrap}
.eco-cta a:hover{text-decoration:underline}
/* belt vira fallback mobile-only */
@media(min-width:641px){.eco-belt{display:none}}
/* O mesmo ecossistema orbital continua visível no mobile; ajustes no arquivo responsivo. */

/* rótulos fixos por órbita */
.obadge{position:absolute;left:50%;top:calc(50% - (var(--br) * var(--sc,1)) - 40px);transform:translate(-50%,-50%);
  font-family:var(--font-m);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(123,187,6,.9);background:#071F4E;border:1px solid rgba(123,187,6,.35);border-radius:99px;
  padding:5px 12px;white-space:nowrap;z-index:3;pointer-events:none}
.orbit-zone.orbit-big::before{inset:-90px -24%;filter:blur(10px)}
.orbit-big .orbit-center{box-shadow:0 30px 70px -20px rgba(0,0,0,.65),0 0 0 14px rgba(123,187,6,.12),0 0 90px 10px rgba(123,187,6,.14),0 0 0 1px rgba(255,255,255,.18)}
@media(max-width:860px){.obadge{font-size:8.5px;padding:4px 9px}}

/* ===== ecossistema topzeira: rótulos ghost + planeta + céu + fagulhas ===== */
.obadge{background:transparent!important;border:none!important;color:rgba(214,228,255,.4)!important;
  font-size:10.5px;letter-spacing:.26em;padding:0;text-shadow:0 2px 14px rgba(0,0,0,.7)}
.orbit-big .orbit-center{box-shadow:0 0 0 1px rgba(210,225,255,.28),0 0 70px 8px rgba(120,165,255,.22),0 34px 90px -22px rgba(0,0,0,.75)!important}
.orbit-big .orbit-center::after{content:none!important}
.orbit-big .orbit-center::before{content:"";position:absolute;inset:-8px;border-radius:50%;
  border:1px solid rgba(170,200,255,.45);animation:ondaC 3.6s ease-out infinite;pointer-events:none}
@keyframes ondaC{0%{transform:scale(.96);opacity:.85}75%,100%{transform:scale(1.45);opacity:0}}
.orbit-zone.orbit-big::after{content:"";position:absolute;inset:-60px -14%;pointer-events:none;
  background-image:
   radial-gradient(1.6px 1.6px at 12% 24%, rgba(255,255,255,.55), transparent),
   radial-gradient(1.2px 1.2px at 78% 12%, rgba(200,220,255,.5), transparent),
   radial-gradient(1.8px 1.8px at 88% 58%, rgba(255,255,255,.4), transparent),
   radial-gradient(1.1px 1.1px at 32% 76%, rgba(210,225,255,.55), transparent),
   radial-gradient(1.4px 1.4px at 62% 88%, rgba(255,255,255,.38), transparent),
   radial-gradient(1.2px 1.2px at 45% 8%, rgba(220,235,255,.45), transparent),
   radial-gradient(1.7px 1.7px at 8% 62%, rgba(255,255,255,.35), transparent),
   radial-gradient(1.2px 1.2px at 94% 34%, rgba(210,230,255,.5), transparent),
   radial-gradient(1.3px 1.3px at 22% 46%, rgba(255,255,255,.3), transparent),
   radial-gradient(1.5px 1.5px at 70% 40%, rgba(230,240,255,.35), transparent);
  animation:twinkle 4.8s ease-in-out infinite alternate}
@keyframes twinkle{from{opacity:.55}to{opacity:1}}
.spark{position:absolute;top:50%;left:50%;width:7px;height:7px;border-radius:50%;
  background:#D8E8FF;
  box-shadow:0 0 10px 3px rgba(170,205,255,.9),0 0 26px 9px rgba(120,170,255,.45);
  transform:rotate(var(--a)) translateX(calc(var(--r) * var(--sc,1)));pointer-events:none}
.oring{border-color:rgba(170,195,255,.17)}
@media(prefers-reduced-motion:reduce){.orbit-zone.orbit-big::after,.orbit-big .orbit-center::before{animation:none!important}}

.plogo{height:15px;width:auto;display:block}
.sat-chip .plogo{height:16px}

.sat-chip,.pchip{display:inline-flex;align-items:center;gap:6px}
.sat-chip{display:inline-flex!important}

/* categorias mais discretas */
.obadge{font-size:8.5px!important;font-weight:700!important;letter-spacing:.3em!important;
  color:rgba(214,228,255,.22)!important;text-shadow:none!important}
.eco-filtros{gap:6px;margin:14px auto 2px}
.ef{font-size:11px;padding:6px 12px;color:rgba(233,240,255,.6);border-color:rgba(255,255,255,.1)}
.ef.atv{color:#0A1F0A}
@media(max-width:860px){.obadge{font-size:7.5px!important}}

/* padronização navy dos wordmarks restantes */
.sat-chip .pmark,.pchip .pmark,.sat-chip .pmark *,.pchip .pmark *{color:#0A2A6B!important}

/* ===== Valor para a empresa (prova de benefício) ===== */
.valor-sec{background:#F2F6FC}
.valor-h{font-size:clamp(28px,4vw,44px);color:#0A1F4D;line-height:1.12;letter-spacing:-.02em}
.valor-sub{margin-top:14px;font-size:clamp(15px,1.6vw,18px);color:#4E5F84;line-height:1.6}
.valor-sub b{color:#05286A}
.valor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
@media(max-width:860px){.valor-grid{grid-template-columns:1fr}}
.vcard{background:#fff;border:1px solid #E1E9F6;border-radius:var(--r);padding:34px 26px;text-align:center;transition:.35s var(--ease)}
.vcard:hover{transform:translateY(-5px);box-shadow:0 26px 54px -26px rgba(5,40,106,.24);border-color:rgba(123,187,6,.5)}
.vic{width:64px;height:64px;border-radius:18px;background:rgba(123,187,6,.14);display:grid;place-items:center;margin:0 auto 18px;box-shadow:0 0 0 1px rgba(123,187,6,.3)}
.vic svg{width:32px;height:32px;stroke:var(--green);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.vcard b{display:block;font-family:var(--font-d);font-size:19px;color:#05286A;margin-bottom:10px;line-height:1.25}
.vcard p{font-size:14.5px;color:#4E5F84;line-height:1.6}

/* ===== Botão flutuante do WhatsApp ===== */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:999;width:60px;height:60px;border-radius:50%;
  background:var(--green);display:grid;place-items:center;
  box-shadow:0 12px 32px -8px rgba(123,187,6,.65),0 4px 14px rgba(3,27,74,.25);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.wa-float:hover{transform:translateY(-3px) scale(1.06);box-shadow:0 18px 40px -8px rgba(123,187,6,.75),0 6px 18px rgba(3,27,74,.3)}
.wa-float svg{width:32px;height:32px;fill:#fff}
.wa-float::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(123,187,6,.6);animation:waFloatPing 2.2s ease-out infinite;pointer-events:none}
@keyframes waFloatPing{0%{transform:scale(1);opacity:.9}75%,100%{transform:scale(1.55);opacity:0}}
@media(prefers-reduced-motion:reduce){.wa-float::before{animation:none;display:none}}
@media(max-width:640px){.wa-float{right:16px;bottom:16px;width:54px;height:54px}.wa-float svg{width:29px;height:29px}}


/* ===== Ecossistema: polimento visual v2 ===== */
/* céu com mais profundidade */
.orbit-zone.orbit-big::before{
  background:
    radial-gradient(40% 40% at 50% 46%, rgba(123,187,6,.20), transparent 68%),
    radial-gradient(70% 62% at 50% 50%, rgba(58,110,220,.16), transparent 74%),
    radial-gradient(100% 90% at 50% 115%, rgba(3,27,74,.55), transparent 60%)!important;
  filter:blur(10px)}

/* anéis: finos, com respiro e leve luz interna */
.oring{border:1px solid rgba(158,188,255,.13)!important;
  box-shadow:inset 0 0 60px rgba(58,110,220,.05)}
.oring.r2{border-color:rgba(158,188,255,.10)!important}
.oring.r3{border-color:rgba(123,187,6,.14)!important}

/* planeta central: gradiente + aro verde + brilho */
.orbit-big .orbit-center{
  inset:39.5%;
  background:radial-gradient(130% 130% at 30% 22%, #0E47B0 0%, #05286A 52%, #031B4A 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -14px 30px rgba(2,15,45,.55),
    0 0 0 1px rgba(210,225,255,.25),
    0 0 0 7px rgba(123,187,6,.10),
    0 0 90px 14px rgba(123,187,6,.16),
    0 40px 90px -20px rgba(0,0,0,.75)!important}
.orbit-big .orbit-center::before{border-color:rgba(123,187,6,.45)!important}

/* chips: acabamento premium, altura consistente */
.sat-chip{
  padding:9px 16px!important;min-height:36px;display:inline-flex!important;align-items:center;
  border:1px solid rgba(5,40,106,.10)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 2px 6px rgba(3,15,45,.35),
    0 16px 36px -14px rgba(0,0,0,.6)!important;
  transition:box-shadow .45s var(--ease),border-color .45s var(--ease),filter .45s var(--ease)}
.orbit-wrap:not(.filtrado) .sat-chip:hover{
  border-color:rgba(123,187,6,.65)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 0 0 3px rgba(123,187,6,.22),0 20px 44px -14px rgba(123,187,6,.45)!important}

/* rótulos de órbita: pílulas discretas e legíveis */
.obadge{
  background:rgba(6,22,60,.72)!important;border:1px solid rgba(123,187,6,.28)!important;
  color:#AFC3E8!important;font-size:9px!important;font-weight:700!important;
  letter-spacing:.22em!important;padding:5px 13px!important;border-radius:99px!important;
  text-shadow:none!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  box-shadow:0 8px 22px -10px rgba(0,0,0,.6)}

/* fagulhas: uma pitada de verde */
.spark{background:#D8E8FF;box-shadow:0 0 10px 3px rgba(170,205,255,.9),0 0 26px 9px rgba(120,170,255,.45)}
.ring.rev .spark{background:#D9F3B0;box-shadow:0 0 10px 3px rgba(174,222,90,.85),0 0 26px 9px rgba(123,187,6,.4)}

/* filtros: vidro + hover mais vivo */
.ef{background:rgba(255,255,255,.055);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border-color:rgba(255,255,255,.14)}
.ef:hover{transform:translateY(-1px);border-color:rgba(123,187,6,.5);color:#fff}
.ef{transition:.3s var(--ease)}


/* filtros do ecossistema em UMA linha */
.eco-filtros{flex-wrap:nowrap!important;max-width:none!important;width:max-content;margin:16px auto 4px}
.eco-filtros .ef{white-space:nowrap;font-size:11.5px;padding:7px 13px;flex:none}
@media(max-width:1080px){.eco-filtros{flex-wrap:wrap!important;width:auto;max-width:860px!important}}


/* ===== BI: visões para o RH ===== */
.bi-more-head{text-align:center;max-width:760px;margin:0 auto 34px}
.bi-more-head .eyebrow{font-family:var(--font-m);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--green);font-weight:700}
.bi-more-head h3{font-size:clamp(22px,3vw,30px);margin:10px 0 8px;color:var(--navy)}
.bi-more-head p{color:var(--ink-mut);font-size:15px;line-height:1.5}
.bi-panels{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.bpanel{background:#fff;border:1px solid var(--line-l);border-radius:20px;padding:22px;box-shadow:0 20px 50px -30px rgba(5,40,106,.35);position:relative;overflow:hidden}
.bpanel-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.bpanel-ic{flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--navy),var(--navy-2));display:grid;place-items:center}
.bpanel-ic svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bpanel-tt{flex:1}
.bpanel-tt b{display:block;font-size:15.5px;color:var(--navy);font-family:var(--font-m)}
.bpanel-tt span{display:block;font-size:12px;color:var(--ink-mut);margin-top:2px;line-height:1.35}
.bpanel-tag{font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--green);background:rgba(123,187,6,.1);border:1px solid rgba(123,187,6,.25);padding:4px 9px;border-radius:99px;white-space:nowrap}
.bt th{text-align:left;font-family:var(--font-m);font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-mut);font-weight:700;padding:0 8px 8px;border-bottom:1px solid var(--line-l)}
.bt td{padding:9px 8px;border-bottom:1px solid var(--paper);color:var(--navy)}
.bt tr:last-child td{border-bottom:0}
.bt td.num{font-family:var(--font-m);font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.bt .chip{display:inline-block;font-size:9.5px;font-weight:700;padding:2px 8px;border-radius:99px}
.chip-hi{background:rgba(229,72,77,.1);color:var(--red)}
.chip-md{background:rgba(255,159,10,.12);color:#C77700}
.chip-lo{background:rgba(123,187,6,.12);color:#5a8a04}
.bkpi{background:var(--paper);border-radius:12px;padding:11px 12px}
.bkpi .l{font-size:9.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-mut);font-weight:700}
.bkpi .v{font-family:var(--font-m);font-size:19px;font-weight:700;color:var(--navy);margin-top:3px}
.bkpi .v.red{color:var(--red)}
.bkpi .v.green{color:#5a8a04}
.bkpi .d{font-size:10px;color:var(--ink-mut);margin-top:2px}
.sbar i{display:block;height:100%;border-radius:99px}
.prow .pn{flex:0 0 108px;font-size:11.5px;color:var(--navy);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prow .ptrk{flex:1;height:10px;border-radius:99px;background:var(--paper);overflow:hidden}
.prow .ptrk i{display:block;height:100%;background:linear-gradient(90deg,var(--navy-2),var(--blue-soft));border-radius:99px}
.prow .pv{flex:0 0 58px;text-align:right;font-family:var(--font-m);font-size:11px;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums}
.raxc{text-align:center;background:var(--paper);border-radius:12px;padding:12px 8px}
.raxc .l{font-size:9px;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-mut);font-weight:700;line-height:1.3}
.raxc .v{font-family:var(--font-m);font-size:20px;font-weight:700;margin-top:5px}
.v.pos{color:var(--red)}
.v.neg{color:#5a8a04}
.v.neu{color:var(--navy)}
.ra-note{display:flex;gap:8px;align-items:flex-start;font-size:11.5px;color:var(--ink-mut);line-height:1.45;background:rgba(123,187,6,.07);border:1px solid rgba(123,187,6,.2);border-radius:12px;padding:11px 13px}
.ra-note svg{flex:0 0 16px;width:16px;height:16px;stroke:var(--green);fill:none;stroke-width:2;margin-top:1px}
.ra-note b{color:var(--navy)}
.bpanel-foot{margin-top:14px;font-size:11px;color:var(--ink-mut);display:flex;align-items:center;gap:7px}
.bpanel-foot svg{width:14px;height:14px;stroke:var(--green);fill:none;stroke-width:2}
.bpanel-foot b{color:var(--navy)}
@media(max-width:820px){.bi-panels{grid-template-columns:1fr}}

.bkpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.bkpi{background:var(--paper);border-radius:12px;padding:11px 12px}
.bkpi .l{font-size:9.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-mut);font-weight:700}
.bkpi .v{font-family:var(--font-m);font-size:19px;font-weight:700;color:var(--navy);margin-top:3px}
.bkpi .v.red{color:var(--red)} .bkpi .v.green{color:#5a8a04}
.bkpi .d{font-size:10px;color:var(--ink-mut);margin-top:2px}
.sbar{height:9px;border-radius:99px;background:var(--paper);overflow:hidden;margin-top:6px}
.sbar i{display:block;height:100%;border-radius:99px}
.prow{display:flex;align-items:center;gap:10px;padding:7px 0}
.prow .pn{flex:0 0 108px;font-size:11.5px;color:var(--navy);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prow .ptrk{flex:1;height:10px;border-radius:99px;background:var(--paper);overflow:hidden}
.prow .ptrk i{display:block;height:100%;background:linear-gradient(90deg,var(--navy-2),var(--blue-soft));border-radius:99px}
.prow .pv{flex:0 0 58px;text-align:right;font-family:var(--font-m);font-size:11px;font-weight:700;color:var(--navy)}
.rax{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.raxc{text-align:center;background:var(--paper);border-radius:12px;padding:12px 8px}
.raxc .l{font-size:9px;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-mut);font-weight:700;line-height:1.3}
.raxc .v{font-family:var(--font-m);font-size:20px;font-weight:700;margin-top:5px}
.raxc .v.pos{color:var(--red)} .raxc .v.neg{color:#5a8a04} .raxc .v.neu{color:var(--navy)}
.ra-note{display:flex;gap:8px;align-items:flex-start;font-size:11.5px;color:var(--ink-mut);line-height:1.45;background:rgba(123,187,6,.07);border:1px solid rgba(123,187,6,.2);border-radius:12px;padding:11px 13px}
.ra-note svg{flex:0 0 16px;width:16px;height:16px;stroke:var(--green);fill:none;stroke-width:2;margin-top:1px}
.ra-note b{color:var(--navy)}
.bt .chip{display:inline-block;font-size:9.5px;font-weight:700;padding:2px 8px;border-radius:99px}
.chip-hi{background:rgba(229,72,77,.1);color:var(--red)}
.chip-md{background:rgba(255,159,10,.12);color:#C77700}
.chip-lo{background:rgba(123,187,6,.12);color:#5a8a04}

.acao-wins{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:16px}
.acao-wins .win{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#EAF6D6;background:rgba(123,187,6,.14);border:1px solid rgba(123,187,6,.5);border-radius:99px;padding:8px 15px}
.acao-wins .win svg{width:15px;height:15px;fill:none;stroke:var(--green);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:0 0 15px}
.acao-wins .plus{color:var(--green);font-weight:800;font-size:15px}
@media(max-width:560px){.acao-wins .win{font-size:12.5px;padding:7px 13px}}
/* ===== Hero dash v2 · telas premium ===== */
.hsc{gap:13px}
.hs-title{font-size:10.5px;color:#7C8DB0}
.u-hero{position:relative;display:grid;place-items:center;margin-top:2px}
.u-hero .hdonut{width:174px;height:174px}
.u-center{position:absolute;text-align:center}
.u-center b{display:block;font-family:var(--font-m);font-size:33px;font-weight:800;color:#0A1F4D;line-height:1}
.u-center>span{font-size:9px;color:#7C8DB0;text-transform:uppercase;letter-spacing:.09em;font-weight:800}
.u-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}
.u-item{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line-l);border-radius:12px;padding:8px 11px;box-shadow:0 5px 14px -10px rgba(5,40,106,.16)}
.u-item i{width:10px;height:10px;border-radius:4px;flex:none}
.u-item b{font-family:var(--font-m);font-size:15px;font-weight:800;color:#0A1F4D;margin-right:5px}
.u-item span{font-size:9.5px;color:#4E5F84;font-weight:600}
.u-note{display:flex;gap:8px;align-items:flex-start;font-size:10px;line-height:1.5;color:#3E5170;background:rgba(123,187,6,.08);border:1px solid rgba(123,187,6,.25);border-radius:12px;padding:9px 12px}
.u-note svg{flex:0 0 14px;width:14px;height:14px;stroke:var(--green);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
.u-note b{color:#0A1F4D}
.h-hero{display:flex;align-items:baseline;gap:11px;padding:0 2px}
.h-hero>b{font-family:var(--font-m);font-size:44px;font-weight:800;color:#0A1F4D;line-height:.95;letter-spacing:-.02em}
.h-hero>span{font-size:10.5px;color:#4E5F84;line-height:1.4}
.h-hero>span b{color:#0A1F4D}
.htab{background:#fff;border:1px solid var(--line-l);border-radius:14px;padding:5px 12px;box-shadow:0 8px 22px -14px rgba(5,40,106,.2)}
.htr{display:grid;grid-template-columns:1fr 30px 28px 56px 50px;gap:8px;align-items:center;padding:7.5px 2px;border-bottom:1px solid #EEF3FB;font-size:10.5px;color:#33415E;opacity:0;transform:translateY(6px);transition:.45s var(--ease)}
.htr.go,.htr.hd{opacity:1;transform:none}
.htr:last-child{border-bottom:0}
.htr.hd{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#93A2C2;font-weight:800;border-bottom:1px solid var(--line-l)}
.htr.hd b{font-size:8px;color:#93A2C2;font-weight:800;text-align:right;font-family:var(--font-b)}
.htr b{font-family:var(--font-m);font-weight:700;color:#0A1F4D;text-align:right;font-size:10.5px}
.htr .tn{font-weight:700;color:#0A1F4D}
.htr .nn{font-family:var(--font-m);text-align:center}
.hpill{font-size:7.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;border-radius:99px;padding:3px 0;text-align:center;font-style:normal}
.hpill.hi{background:rgba(229,72,77,.1);color:#C93A3F}
.hpill.md{background:rgba(255,159,10,.14);color:#B36D00}
.hpill.lo{background:rgba(123,187,6,.14);color:#4c7a03}
.f-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.f-kpi{background:#fff;border:1px solid var(--line-l);border-radius:14px;padding:12px 14px 10px;box-shadow:0 8px 22px -14px rgba(5,40,106,.2)}
.f-kpi>span{font-size:8.5px;text-transform:uppercase;letter-spacing:.06em;color:#7C8DB0;font-weight:800}
.f-kpi>b{display:block;font-family:var(--font-m);font-size:29px;font-weight:800;line-height:1.05;margin:4px 0 2px;color:#0A1F4D}
.f-kpi.bad>b{color:var(--red)}
.f-kpi.good>b{color:#5a8a04}
.f-kpi i{font-size:9px;color:#7C8DB0;font-style:normal}
.f-chart{background:#fff;border:1px solid var(--line-l);border-radius:14px;padding:12px 14px 9px;box-shadow:0 8px 22px -14px rgba(5,40,106,.2)}
.f-cap{display:flex;justify-content:space-between;font-size:8.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#7C8DB0;margin-bottom:8px}
.f-cap .lim{color:#C93A3F;letter-spacing:.02em}
.mbars{position:relative;display:flex;align-items:flex-end;gap:5px;height:120px}
.mbars::before{content:"";position:absolute;left:-4px;right:-4px;top:41.7%;border-top:1.5px dashed rgba(201,58,63,.55);z-index:1}
.mbar{flex:1;height:100%;display:flex;align-items:flex-end}
.mbar b{display:block;width:100%;height:0;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#2E5CB8,#05286A);transition:height .7s var(--ease)}
.mbar.over b{background:linear-gradient(180deg,#F0666B,#D23A40)}
.mbar.ok b{background:linear-gradient(180deg,#8CCB1E,#57860a)}
.f-mos{display:flex;justify-content:space-between;font-size:8px;color:#93A2C2;margin-top:6px;padding:0 2px}
.f-foot{font-size:10px;color:#4E5F84;text-align:center}
.f-foot b{color:#0A1F4D;font-family:var(--font-m)}
.f-foot b.gd{color:#5a8a04}
.hranks.big{gap:11px;flex:none}
.hranks.big .hrk{grid-template-columns:96px 1fr 42px;font-size:10.5px;gap:10px}
.hranks.big .hrk>span:first-child{font-weight:700;color:#33415E}
.hranks.big .hrk i{height:14px;border-radius:99px}
.hranks.big .hrk i b{border-radius:99px}
.hranks.big .rv2{font-family:var(--font-m);font-weight:800;color:#0A1F4D;text-align:right;font-size:11px}
.hranks.big .hrk.dim>span:first-child{color:#93A2C2;font-weight:600}
.hranks.big .hrk.dim .rv2{color:#93A2C2}
.hrk i b[data-gr]{background:#C6D2E8}
.rx-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.rx{background:#fff;border:1px solid var(--line-l);border-radius:13px;padding:10px 8px 9px;text-align:center;box-shadow:0 8px 22px -14px rgba(5,40,106,.2)}
.rx>span{font-size:7.5px;text-transform:uppercase;letter-spacing:.04em;color:#7C8DB0;font-weight:800;display:block;line-height:1.35;min-height:20px}
.rx>b{display:block;font-family:var(--font-m);font-size:19px;font-weight:800;color:#0A1F4D;margin-top:3px}
.rx.bad>b{color:var(--red)}
.rx.good>b{color:#5a8a04}
.rx-duel{position:relative;background:#fff;border:1px solid var(--line-l);border-radius:14px;height:168px;box-shadow:0 8px 22px -14px rgba(5,40,106,.2)}
.rx-duel::before{content:"";position:absolute;left:14px;right:14px;top:50%;border-top:1.5px dashed #C6D2E8}
.rx-duel .zero{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:8px;color:#93A2C2;background:#fff;padding:0 4px;font-weight:700}
.rxc{position:absolute;width:96px;text-align:center}
.rxc.pos{left:17%;bottom:50%;padding-bottom:1px}
.rxc.neg{right:17%;top:50%;padding-top:1px}
.rxc .stk{height:46px;display:flex;justify-content:center}
.rxc.pos .stk{align-items:flex-end}
.rxc.neg .stk{align-items:flex-start;height:56px}
.rxc .stk b{display:block;width:54px;height:0;transition:height .8s var(--ease)}
.rxc.pos .stk b{background:linear-gradient(180deg,#F0666B,#E5484D);border-radius:8px 8px 2px 2px}
.rxc.neg .stk b{background:linear-gradient(180deg,#8CCB1E,#7BBB06);border-radius:2px 2px 8px 8px}
.rxc .v{font-family:var(--font-m);font-weight:800;font-size:16.5px;color:var(--red);margin:2px 0}
.rxc .v.gd{color:#5a8a04}
.rxc .l{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#93A2C2;font-weight:800}
.ts-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tsk{background:#fff;border:1px solid var(--line-l);border-radius:13px;padding:10px 14px;box-shadow:0 8px 22px -14px rgba(5,40,106,.2)}
.tsk>span{font-size:8.5px;text-transform:uppercase;letter-spacing:.06em;color:#7C8DB0;font-weight:800}
.tsk>b{display:block;font-family:var(--font-m);font-size:24px;font-weight:800;color:#0A1F4D;line-height:1.1;margin-top:2px}
.tsk.red>b{color:var(--red)}
.hsc[data-hs="7"] .hflex{align-items:center;flex:none}
.hsc[data-hs="7"] .hal{padding:10px 12px}
.harc-wrap2{position:relative;flex:none;width:136px;height:136px;margin-left:2px}
.harc-wrap2 .harc{width:136px;height:136px;transform:rotate(-90deg)}
.harc-wrap2 .bgc{fill:none;stroke:#E9EEF8;stroke-width:11}
.harc-wrap2 .fgc{fill:none;stroke:var(--green);stroke-width:11;stroke-linecap:round;stroke-dasharray:0 999;transition:stroke-dasharray 1s var(--ease)}
.harc-c{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.harc-c>div,.harc-c b{margin:0}
.harc-wrap2 .harc-v{font-family:var(--font-m);font-size:22px;font-weight:800;color:#0A1F4D;margin:0;line-height:1}
.harc-wrap2 .harc-l{font-size:7.5px;color:#93A2C2;text-transform:uppercase;letter-spacing:.06em;margin:3px 0 0;max-width:86px;line-height:1.35}
.harc-c{display:flex;flex-direction:column;align-items:center;justify-content:center}
.hcols.v2{gap:18px;padding-top:4px}
.hcols.v2 .hcol{width:96px}
.hcols.v2 .hcol i{height:212px;border-radius:14px 14px 6px 6px}
.hcols.v2 .hcol i b{border-radius:14px 14px 0 0}
.hcols.v2 .hcol.mkt i b{background:linear-gradient(180deg,#B9C7E2,#8FA3C8)}
.hcols.v2 .hcol.mid i b{background:linear-gradient(180deg,#2E5CB8,#05286A)}
.hcols.v2 .hcol.ng i b{background:linear-gradient(180deg,#8CCB1E,#4E8A00)}
.hcols.v2 .cv{font-size:19px}
.hcols.v2 .cv.gd{color:#4E8A00}
.hcols.v2 .cl{font-size:8px;line-height:1.4;max-width:100px;margin:0 auto}


.hsc:not([data-hs="1"]){justify-content:space-evenly;gap:10px}
.rx-duel{height:198px}
.rxc .stk{height:52px}
.rxc.neg .stk{height:53px}
.rxc .stk b{width:60px}
.hcols.v2{gap:26px}
.hcols.v2 .cl{font-size:7.5px;max-width:96px}

/* ===== Hero dash v2 · telas premium (preenche 100%) ===== */
.hsc:not([data-hs="1"]){justify-content:space-between!important;gap:14px!important;inset:20px!important}
.hsc{gap:14px}
.hs-title{font-size:11px;color:#7C8DB0;flex:none}
/* TELA 2 · Utilização */
.hsc[data-hs="2"] .u-hero{flex:1;min-height:0}
.u-hero{position:relative;display:grid;place-items:center}
.u-hero .hdonut{width:200px;height:200px}
.u-center{position:absolute;text-align:center}
.u-center b{display:block;font-family:var(--font-m);font-size:38px;font-weight:800;color:#0A1F4D;line-height:1}
.u-center>span{font-size:9.5px;color:#7C8DB0;text-transform:uppercase;letter-spacing:.09em;font-weight:800}
.u-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 11px;flex:none}
.u-item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line-l);border-radius:13px;padding:11px 13px;box-shadow:0 6px 16px -10px rgba(5,40,106,.18)}
.u-item i{width:11px;height:11px;border-radius:4px;flex:none}
.u-item b{font-family:var(--font-m);font-size:17px;font-weight:800;color:#0A1F4D;margin-right:6px}
.u-item span{font-size:10.5px;color:#4E5F84;font-weight:600}
.u-note{display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.5;color:#3E5170;background:rgba(123,187,6,.08);border:1px solid rgba(123,187,6,.25);border-radius:13px;padding:11px 14px;flex:none}
.u-note svg{flex:0 0 16px;width:16px;height:16px;stroke:var(--green);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
.u-note b{color:#0A1F4D}
/* TELA 3/5 · hero número gigante */
.h-hero{display:flex;align-items:baseline;gap:13px;padding:0 2px;flex:none}
.h-hero>b{font-family:var(--font-m);font-size:52px;font-weight:800;color:#0A1F4D;line-height:.9;letter-spacing:-.02em}
.h-hero>span{font-size:12px;color:#4E5F84;line-height:1.45}
.h-hero>span b{color:#0A1F4D}
/* TELA 3 · tabela */
.hsc[data-hs="3"] .htab{flex:1;display:flex;flex-direction:column;justify-content:space-evenly}
.htab{background:#fff;border:1px solid var(--line-l);border-radius:16px;padding:6px 14px;box-shadow:0 10px 26px -16px rgba(5,40,106,.22)}
.htr{display:grid;grid-template-columns:1fr 34px 30px 62px 58px;gap:9px;align-items:center;padding:9px 2px;border-bottom:1px solid #EEF3FB;font-size:12px;color:#33415E;opacity:0;transform:translateY(6px);transition:.45s var(--ease)}
.htr.go,.htr.hd{opacity:1;transform:none}
.htr:last-child{border-bottom:0}
.htr.hd{font-size:8.5px;text-transform:uppercase;letter-spacing:.06em;color:#93A2C2;font-weight:800;border-bottom:1px solid var(--line-l);padding:7px 2px}
.htr.hd b{font-size:8.5px;color:#93A2C2;font-weight:800;text-align:right;font-family:var(--font-b)}
.htr b{font-family:var(--font-m);font-weight:700;color:#0A1F4D;text-align:right;font-size:12px}
.htr .tn{font-weight:700;color:#0A1F4D}
.htr .nn{font-family:var(--font-m);text-align:center}
.hpill{font-size:8px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;border-radius:99px;padding:3.5px 0;text-align:center;font-style:normal}
.hpill.hi{background:rgba(229,72,77,.1);color:#C93A3F}
.hpill.md{background:rgba(255,159,10,.14);color:#B36D00}
.hpill.lo{background:rgba(123,187,6,.14);color:#4c7a03}
/* TELA 4 · financeiro */
.f-kpis{display:grid;grid-template-columns:1fr 1fr;gap:11px;flex:none}
.f-kpi{background:#fff;border:1px solid var(--line-l);border-radius:16px;padding:14px 16px 12px;box-shadow:0 10px 26px -16px rgba(5,40,106,.22)}
.f-kpi>span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#7C8DB0;font-weight:800}
.f-kpi>b{display:block;font-family:var(--font-m);font-size:33px;font-weight:800;line-height:1.05;margin:5px 0 3px;color:#0A1F4D}
.f-kpi.bad>b{color:var(--red)}
.f-kpi.good>b{color:#5a8a04}
.f-kpi i{font-size:9.5px;color:#7C8DB0;font-style:normal}
.hsc[data-hs="4"] .f-chart{flex:1;display:flex;flex-direction:column}
.f-chart{background:#fff;border:1px solid var(--line-l);border-radius:16px;padding:14px 16px 11px;box-shadow:0 10px 26px -16px rgba(5,40,106,.22)}
.f-cap{display:flex;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#7C8DB0;margin-bottom:10px;flex:none}
.f-cap .lim{color:#C93A3F;letter-spacing:.02em}
.mbars{position:relative;display:flex;align-items:flex-end;gap:6px;flex:1;min-height:120px}
.mbars::before{content:"";position:absolute;left:-4px;right:-4px;top:41.7%;border-top:1.5px dashed rgba(201,58,63,.55);z-index:1}
.mbar{flex:1;height:100%;display:flex;align-items:flex-end}
.mbar b{display:block;width:100%;height:0;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#2E5CB8,#05286A);transition:height .7s var(--ease)}
.mbar.over b{background:linear-gradient(180deg,#F0666B,#D23A40)}
.mbar.ok b{background:linear-gradient(180deg,#8CCB1E,#57860a)}
.f-mos{display:flex;justify-content:space-between;font-size:8.5px;color:#93A2C2;margin-top:7px;padding:0 2px;flex:none}
.f-foot{font-size:11px;color:#4E5F84;text-align:center;flex:none}
.f-foot b{color:#0A1F4D;font-family:var(--font-m)}
.f-foot b.gd{color:#5a8a04}
/* TELA 5 · prestadores */
.hsc[data-hs="5"] .hranks.big{flex:1;justify-content:space-evenly}
.hranks.big{gap:13px;display:flex;flex-direction:column}
.hranks.big .hrk{grid-template-columns:104px 1fr 46px;font-size:12px;gap:11px;display:grid;align-items:center}
.hranks.big .hrk>span:first-child{font-weight:700;color:#33415E}
.hranks.big .hrk i{height:16px;border-radius:99px;background:#E9EEF8;overflow:hidden;display:block}
.hranks.big .hrk i b{border-radius:99px;display:block;height:100%;width:0;background:linear-gradient(90deg,#05286A,#2456B0);transition:width .8s var(--ease)}
.hranks.big .rv2{font-family:var(--font-m);font-weight:800;color:#0A1F4D;text-align:right;font-size:12.5px}
.hranks.big .hrk.dim>span:first-child{color:#93A2C2;font-weight:600}
.hranks.big .hrk.dim .rv2{color:#93A2C2}
.hranks.big .hrk i b[data-gr]{background:#C6D2E8}
/* TELA 6 · reajuste */
.rx-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex:none}
.rx{background:#fff;border:1px solid var(--line-l);border-radius:14px;padding:12px 9px 11px;text-align:center;box-shadow:0 10px 26px -16px rgba(5,40,106,.22)}
.rx>span{font-size:8px;text-transform:uppercase;letter-spacing:.04em;color:#7C8DB0;font-weight:800;display:block;line-height:1.35;min-height:22px}
.rx>b{display:block;font-family:var(--font-m);font-size:21px;font-weight:800;color:#0A1F4D;margin-top:4px}
.rx.bad>b{color:var(--red)}
.rx.good>b{color:#5a8a04}
.hsc[data-hs="6"] .rx-duel{flex:1;min-height:150px}
.rx-duel{position:relative;background:#fff;border:1px solid var(--line-l);border-radius:16px;box-shadow:0 10px 26px -16px rgba(5,40,106,.22)}
.rx-duel::before{content:"";position:absolute;left:16px;right:16px;top:50%;border-top:1.5px dashed #C6D2E8}
.rx-duel .zero{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:8.5px;color:#93A2C2;background:#fff;padding:0 4px;font-weight:700}
.rxc{position:absolute;width:104px;text-align:center}
.rxc.pos{left:16%;bottom:50%;padding-bottom:2px}
.rxc.neg{right:16%;top:50%;padding-top:2px}
.rxc .stk{height:58px;display:flex;justify-content:center}
.rxc.pos .stk{align-items:flex-end}
.rxc.neg .stk{align-items:flex-start;height:68px}
.rxc .stk b{display:block;width:60px;height:0;transition:height .8s var(--ease)}
.rxc.pos .stk b{background:linear-gradient(180deg,#F0666B,#E5484D);border-radius:9px 9px 2px 2px}
.rxc.neg .stk b{background:linear-gradient(180deg,#8CCB1E,#7BBB06);border-radius:2px 2px 9px 9px}
.rxc .v{font-family:var(--font-m);font-weight:800;font-size:18px;color:var(--red);margin:3px 0}
.rxc .v.gd{color:#5a8a04}
.rxc .l{font-size:8.5px;text-transform:uppercase;letter-spacing:.06em;color:#93A2C2;font-weight:800}
/* TELA 7 · time saúde */
.ts-mini{display:grid;grid-template-columns:1fr 1fr;gap:11px;flex:none}
.tsk{background:#fff;border:1px solid var(--line-l);border-radius:14px;padding:12px 16px;box-shadow:0 10px 26px -16px rgba(5,40,106,.22)}
.tsk>span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#7C8DB0;font-weight:800}
.tsk>b{display:block;font-family:var(--font-m);font-size:27px;font-weight:800;color:#0A1F4D;line-height:1.1;margin-top:3px}
.tsk.red>b{color:var(--red)}
.hsc[data-hs="7"] .hflex{align-items:center;flex:1;min-height:0}
.hsc[data-hs="7"] .halerts{flex:1;justify-content:space-evenly}
.hsc[data-hs="7"] .hal{padding:12px 13px;font-size:11px}
.harc-wrap2{position:relative;flex:none;width:150px;height:150px;margin-left:4px}
.harc-wrap2 .harc{width:150px;height:150px;transform:rotate(-90deg)}
.harc-wrap2 .bgc{fill:none;stroke:#E9EEF8;stroke-width:11}
.harc-wrap2 .fgc{fill:none;stroke:var(--green);stroke-width:11;stroke-linecap:round;stroke-dasharray:0 999;transition:stroke-dasharray 1s var(--ease)}
.harc-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.harc-wrap2 .harc-v{font-family:var(--font-m);font-size:25px;font-weight:800;color:#0A1F4D;margin:0;line-height:1}
.harc-wrap2 .harc-l{font-size:8px;color:#93A2C2;text-transform:uppercase;letter-spacing:.06em;margin:4px 0 0;max-width:96px;line-height:1.35}
/* TELA 8 · renovação */
.hsc[data-hs="8"] .hcols.v2{flex:1;align-items:flex-end}
.hcols.v2{gap:20px;padding-top:4px;display:flex;justify-content:center}
.hcols.v2 .hcol{width:104px;text-align:center}
.hcols.v2 .hcol i{height:250px;border-radius:16px 16px 6px 6px;background:#E9EEF8;position:relative;overflow:hidden;display:block}
.hcols.v2 .hcol i b{position:absolute;left:0;right:0;bottom:0;height:0;border-radius:16px 16px 0 0;transition:height .9s var(--ease)}
.hcols.v2 .hcol.mkt i b{background:linear-gradient(180deg,#B9C7E2,#8FA3C8)}
.hcols.v2 .hcol.mid i b{background:linear-gradient(180deg,#2E5CB8,#05286A)}
.hcols.v2 .hcol.ng i b{background:linear-gradient(180deg,#8CCB1E,#4E8A00)}
.hcols.v2 .cv{font-family:var(--font-m);font-size:21px;font-weight:800;color:#0A1F4D;margin:9px 0 2px}
.hcols.v2 .cv.gd{color:#4E8A00}
.hcols.v2 .cl{font-size:8px;line-height:1.35;max-width:100px;margin:0 auto;color:#93A2C2;text-transform:uppercase;letter-spacing:.04em}
.hsc[data-hs="8"] .hseal,.hsc[data-hs="8"] .hbtn{flex:none}

/* ===== Depoimentos: padronização + refino ===== */
.t-rail{align-items:stretch}
.t-card{min-height:460px;padding:30px 30px 26px;gap:0}
.t-card .q{flex:1;margin:0 0 22px;font-size:15px;line-height:1.66;color:#E4ECFB;font-weight:400}
.t-quote{width:38px;height:auto;margin-bottom:16px;flex:none}
.t-who{align-items:center;gap:14px;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;margin-top:auto;flex-wrap:nowrap}
.t-av{flex:0 0 66px;width:66px;height:66px;font-size:22px;box-shadow:0 6px 18px -6px rgba(0,0,0,.5);border:2px solid rgba(255,255,255,.15)}
.t-who b{font-size:15px;color:#fff;line-height:1.2}
.t-who span{font-size:12px;color:#9FB2D8;margin-top:3px;line-height:1.35}
.t-logo{opacity:.6;filter:brightness(0) invert(1)}
@media(max-width:560px){.t-card{min-height:420px;flex:0 0 86vw;padding:26px 24px 22px}.t-card .q{font-size:14.5px}}

/* ===== FIX depoimentos: cards claros, citações bonitas ===== */
.testi{background:#fff}
.t-card{background:#fff!important;border:1px solid var(--line-l)!important;box-shadow:0 20px 50px -30px rgba(5,40,106,.28)!important;min-height:470px}
.t-card .q{color:#33456B!important;font-size:16px;line-height:1.72;font-weight:400}
.t-card .t-who{border-top:1px solid var(--line-l)!important}
.t-who b{color:var(--navy)!important}
.t-who span{color:var(--ink-mut)!important}
.t-quote{opacity:1}
.t-card .t-logo{opacity:.55}
/* citação com destaque sutil */
.t-card .q::first-letter{font-weight:500}
.t-card:hover{border-color:rgba(123,187,6,.45)!important;transform:translateY(-4px)}

/* FIX logos dos depoimentos: cards são brancos, logo na cor original */
.t-card .t-logo{filter:none!important;opacity:.65!important;mix-blend-mode:multiply}
.t-card:hover .t-logo{opacity:.9!important}

/* Logos claras recebem uma base navy; as demais mantêm a arte original. */
.t-card .t-logo.t-logo-badge{
  height:18px;
  width:auto;
  max-width:104px;
  padding:7px 9px;
  border-radius:8px;
  background:#05286A;
  box-shadow:0 5px 14px -8px rgba(5,40,106,.65);
  box-sizing:content-box;
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:.94!important;
}
.t-card .t-logo.t-logo-healthbit{
  width:122px;
  max-width:122px;
  height:auto;
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:.88!important;
}

/* Carrossel: um depoimento protagonista por vez. */
.t-auto .t-play{display:none}
.t-auto.is-paused .t-pause{display:none}
.t-auto.is-paused .t-play{display:block}
.t-card{opacity:.8;transform:scale(.985)}
.t-card.is-active,
.t-card.is-active:hover{
  opacity:1;
  transform:translateY(-6px);
  border-color:rgba(123,187,6,.72)!important;
  box-shadow:0 28px 62px -28px rgba(5,40,106,.4),0 0 0 3px rgba(123,187,6,.09)!important;
}
.t-card.is-active .t-av{box-shadow:0 0 0 4px rgba(123,187,6,.16),0 8px 22px -8px rgba(5,40,106,.45)}
.t-card.is-active .t-logo{opacity:1!important}
@media(max-width:560px){
  .t-card .t-logo.t-logo-badge{height:14px;max-width:84px;padding:6px 8px}
  .t-card .t-logo.t-logo-healthbit{width:98px;max-width:98px}
  .t-card.is-active,.t-card.is-active:hover{transform:translateY(-4px)}
}

/* ===== Simulador embutido (app novo) ===== */
.sim-embed{border-radius:32px;overflow:hidden;box-shadow:0 40px 90px -40px rgba(3,20,60,.55);line-height:0;background:#041B4A}
.sim-embed iframe{display:block;width:100%;border:0;height:1180px;transition:height .3s var(--ease)}
.sim-gain{margin-top:26px;text-align:center}
.sim-gain-lead{display:block;font-family:var(--font-m);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9FB2D8;margin-bottom:14px}
.sim-wins{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 12px}
.sim-wins .win{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#EAF6D6;background:rgba(123,187,6,.14);border:1px solid rgba(123,187,6,.5);border-radius:99px;padding:9px 16px}
.sim-wins .win svg{width:15px;height:15px;fill:none;stroke:var(--green);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:0 0 15px}
.sim-wins .plus{color:var(--green);font-weight:800;font-size:16px}
@media(max-width:560px){.sim-wins .win{font-size:12.5px;padding:8px 13px}}

/* ============================================================
   PATCH FINAL · contraste (valores fixos, imune a vars do tema)
   + devices Apple última geração
   ============================================================ */
/* --- hero: botão fantasma sobre navy --- */
.hero .btn-ghost{color:#fff!important;border-color:rgba(255,255,255,.55)!important}
.hero .btn-ghost:hover{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:#fff!important}
/* --- depoimentos (seção clara) --- */
.testi h2{color:#05286A!important}
.testi .smile-word{color:#619606!important}
.testi .eyebrow{color:#4c7a03!important}
.t-sub{color:#4E5F84!important}
.t-sub b{color:#05286A!important}
.t-card .t-who span,.t-card .t-who a{color:#4E5F84!important}
.t-card .t-who a:hover{color:#05286A!important}
/* --- card combo: restaura navy sólido --- */
.light .bcta{background:linear-gradient(165deg,#0B3C97 0%,#05286A 68%)!important;border-color:#05286A!important}
.light .bcta p{color:#D6E0F5!important}
.light .bcta .cafe-sub{color:#B9C7E6!important}
.light .bcta .cafe-line{color:#fff!important}
/* --- problema: palavra vermelha mais viva sobre navy --- */
#problema .smile-word{color:#FF7B80!important}
#problema .smile-word svg path{stroke:#FF7B80}
/* --- hero-dash: micro-textos maiores e mais escuros --- */
.hero-dash .hs-title{color:#5D6F97;font-size:11.5px}
.hero-dash .demo-tag{font-size:9px;color:#66779D}
.hero-dash .htr.hd,.hero-dash .htr.hd b{font-size:9px;color:#66779D}
.hero-dash .htr .nn{color:#3A4B70}
.hero-dash .hpill{font-size:8.5px}
.hero-dash .u-center>span{font-size:10px;color:#5D6F97}
.hero-dash .u-item span{color:#3E5170}
.hero-dash .f-kpi>span,.hero-dash .tsk>span,.hero-dash .rx>span{font-size:9px;color:#66779D}
.hero-dash .f-kpi i{font-size:10px;color:#66779D}
.hero-dash .f-cap{font-size:9px;color:#66779D}
.hero-dash .f-mos{font-size:9px;color:#66779D}
.hero-dash .harc-wrap2 .harc-l{font-size:8.5px;color:#66779D}
.hero-dash .hcols.v2 .cl{font-size:8.5px;color:#66779D}
.hero-dash .rxc .l{font-size:9px;color:#66779D}
.hero-dash .hranks.big .hrk>span:first-child{color:#2C3E66}
.hero-dash .hrk.dim>span:first-child,.hero-dash .hrk.dim .rv2{color:#66779D!important}
.hero-dash .h-hero>span{color:#3E5170}
/* ============================================================
   iPad Pro (hero) — bezel fino uniforme, titânio, câmera lateral
   ============================================================ */
.ipad .mac-bezel{border-radius:40px;padding:13px;position:relative;
  background:linear-gradient(150deg,#30343d 0%,#101318 38%,#1c2029 78%,#0b0d12 100%);
  box-shadow:0 80px 150px -55px rgba(3,20,60,.75), inset 0 0 0 1px rgba(255,255,255,.10), inset 0 0 0 3.5px #04060a}
.ipad .mac-bezel::before{content:"";position:absolute;inset:-3px;border-radius:43px;z-index:-1;
  background:linear-gradient(150deg,#9aa2b1 0%,#4a505c 28%,#7c8494 55%,#343a45 82%,#8f97a6 100%)}
.ipad .mac-screen{border-radius:27px}
.ipad .mac-cam{top:50%;left:auto;right:4px;transform:translateY(-50%);width:5px;height:5px;box-shadow:inset 0 0 2px #000,0 0 0 1px rgba(255,255,255,.05)}
/* ============================================================
   MacBook Pro (BI) — space black, notch, base fina
   ============================================================ */
.bi-stage .mac-lid{background:linear-gradient(180deg,#3b3f48 0%,#22252c 40%,#131519 100%);border:1px solid #0a0c10;border-radius:20px 20px 12px 12px;padding:8px 8px 11px;box-shadow:0 50px 110px -45px rgba(3,20,60,.7), inset 0 1px 0 rgba(255,255,255,.16)}
.bi-stage .mac-bezel{background:#000;border-radius:13px;padding:7px}
.bi-stage .mac-cam{display:none}
.bi-stage .mac-bezel::after{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:104px;height:13px;z-index:8;border-radius:0 0 10px 10px;background:radial-gradient(circle at 50% 46%, #1d2735 0 2.2px, transparent 2.6px) #000}
.bi-stage .mac-screen{border-radius:8px}
.bi-stage .mac-base{height:13px;width:112%;margin:0 -6%;background:linear-gradient(180deg,#454a54 0%,#20242b 55%,#101218 100%);border:1px solid #0a0c10;border-top:1px solid rgba(255,255,255,.14);border-radius:2px 2px 12px 12px}
.bi-stage .mac-base::after{width:128px;height:6px;background:linear-gradient(180deg,#14171d,#2b3039);border-radius:0 0 9px 9px;top:0;box-shadow:none;border:0}

.light .bcta{opacity:1!important}
.demo-tag{font-size:9px!important;color:#5D6F97!important}

/* ============================================================
   iPad Pro v2 — inconfundível: titânio, botões físicos, bezel
   ============================================================ */
.ipad .mac-bezel{border-radius:44px;padding:18px;position:relative;
  background:linear-gradient(155deg,#23262e 0%,#0b0d12 42%,#171a21 80%,#0a0c10 100%);
  box-shadow:
    0 0 0 2.5px #858da0,
    0 0 0 4.5px #1e232c,
    0 90px 160px -60px rgba(3,20,60,.8),
    inset 0 0 0 1px rgba(255,255,255,.08);}
.ipad .mac-bezel::before{content:none!important}
/* botão power — borda superior (direita) */
.ipad .mac-bezel::after{content:""!important;display:block!important;position:absolute;top:-8px;right:70px;width:50px;height:5px;border-radius:4px;
  background:linear-gradient(180deg,#a7aebc,#5a6170 60%,#3c414c);box-shadow:inset 0 -1px 1px rgba(0,0,0,.45);inset:auto;z-index:0}
/* botões de volume — borda direita (alto) */
.ipad .mac-lid::before{content:""!important;display:block!important;position:absolute;right:-8px;top:120px;width:5px;height:36px;border-radius:4px;
  background:linear-gradient(90deg,#a7aebc,#5a6170 60%,#3c414c);
  box-shadow:0 48px 0 0 #79808f, inset -1px 0 1px rgba(0,0,0,.45);z-index:0}
.ipad .mac-lid{position:relative}
.ipad .mac-screen{border-radius:26px}
.ipad .mac-cam{top:50%;left:auto;right:6px;transform:translateY(-50%);width:6px;height:6px;background:#0d1420;
  box-shadow:inset 0 0 2px #000, 0 0 0 1.5px rgba(255,255,255,.07), inset 0 0 0 1.5px #1f2a3d}
/* bolinhas do topo mais presentes */
.hero-dash .dots i{width:11px;height:11px;box-shadow:inset 0 -1px 1px rgba(0,0,0,.18)}

/* ===== Performance e acessibilidade ===== */
/* Mantém o conteúdo no DOM e na árvore semântica, mas adia layout/paint das
   seções distantes até que se aproximem da viewport. */
@supports (content-visibility:auto){
  main>section:nth-of-type(n+3),footer{
    content-visibility:auto;
    contain-intrinsic-size:auto 900px;
  }
}

main:focus{outline:none}

/* Contrastes AA nos microtextos dos dashboards e no rodapé. */
.live,.kpi .trend.up,.kpi .trend.down,.ichip.g{color:#3F7000}
.kpi .trend.warn,.ichip.r{color:#C33339}
.f-reg{color:#6F85B0}

/* O ciclo continua destacando o passo ativo sem apagar os demais textos. */
.js .steps.demo .step{opacity:1}
.steps.demo .step:not(.on) .n{color:#527F24}
.steps.demo .step:not(.on) .tag{opacity:.75}

/* Elementos puramente decorativos ficam estáveis na janela de carregamento. */
html:not(.effects-ready) .wa-dot::after,
html:not(.effects-ready) .live i,
html:not(.effects-ready) .cycle svg,
html:not(.effects-ready) .wa-float::before{
  animation-play-state:paused!important;
}

/* Carrosséis e órbitas são ativados pelo observer do próprio bloco. */
.js .mq:not(.animations-active) .mq-track,
.js .eco-sec:not(.animations-active) .orbit-center::after,
.js .eco-sec:not(.animations-active) .ring,
.js .eco-sec:not(.animations-active) .ring .sat,
.js .eco-sec:not(.animations-active) .ring .spark{
  animation-play-state:paused!important;
}

/* ===== Blindagem orbital =====
   A órbita e a contra-rotação agora acontecem no MESMO transform do satélite.
   Assim o card permanece horizontal mesmo após pause/resume, troca de aba,
   economia de bateria ou throttling do navegador mobile. */
.ring{animation:none!important}
.ring .sat{animation:orbitSatForward var(--t,60s) linear infinite}
.ring.rev .sat{animation-name:orbitSatReverse}
.ring .spark{animation:orbitSparkForward var(--t,60s) linear infinite}
.ring.rev .spark{animation-name:orbitSparkReverse}
.ring .sat-chip,.ring.rev .sat-chip{
  animation:none!important;
  transform:translate(-50%,-50%) scale(var(--chip-scale,1))!important;
  transform-origin:center!important;
}

@keyframes orbitSatForward{
  from{transform:rotate(var(--a)) translateX(calc(var(--r) * var(--sc,1))) rotate(calc(0deg - var(--a)))}
  to{transform:rotate(calc(var(--a) + 360deg)) translateX(calc(var(--r) * var(--sc,1))) rotate(calc(0deg - var(--a) - 360deg))}
}
@keyframes orbitSatReverse{
  from{transform:rotate(var(--a)) translateX(calc(var(--r) * var(--sc,1))) rotate(calc(0deg - var(--a)))}
  to{transform:rotate(calc(var(--a) - 360deg)) translateX(calc(var(--r) * var(--sc,1))) rotate(calc(360deg - var(--a)))}
}
@keyframes orbitSparkForward{
  from{transform:rotate(var(--a)) translateX(calc(var(--r) * var(--sc,1)))}
  to{transform:rotate(calc(var(--a) + 360deg)) translateX(calc(var(--r) * var(--sc,1)))}
}
@keyframes orbitSparkReverse{
  from{transform:rotate(var(--a)) translateX(calc(var(--r) * var(--sc,1)))}
  to{transform:rotate(calc(var(--a) - 360deg)) translateX(calc(var(--r) * var(--sc,1)))}
}

@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* ===== Blindagem da faixa de clientes =====
   Todas as artes ocupam a mesma caixa sem deformação e recebem contraste
   suficiente sobre o navy, inclusive logos originalmente muito claras. */
.clients .mq-track{gap:clamp(44px,6vw,80px)}
.clients .mq .cl,
.clients .mq .cl[alt="Junco"]{
  width:clamp(118px,10vw,150px)!important;
  height:44px!important;
  max-width:none!important;
  object-fit:contain!important;
  flex:0 0 auto;
  filter:grayscale(1) brightness(0) invert(1) drop-shadow(0 2px 5px rgba(0,0,0,.22))!important;
  opacity:.86!important;
}
.clients .mq .cl:hover,
.clients .mq .cl[alt="Junco"]:hover{
  filter:brightness(0) invert(1) drop-shadow(0 3px 7px rgba(0,0,0,.28))!important;
  opacity:1!important;
}
@media(max-width:640px){
  .clients .mq-track{gap:36px}
  .clients .mq .cl,.clients .mq .cl[alt="Junco"]{width:112px!important;height:38px!important}
}