*{margin:0;padding:0;box-sizing:border-box}
.skip-link{position:absolute;left:-999px;top:0;z-index:400;background:var(--w,#fff);color:#000;padding:10px 16px;border-radius:0 0 8px 0;font-size:13px;font-weight:600;text-decoration:none}
.skip-link:focus{left:0}
:root{
  --white:#fff;
  --black:#000;
  --gold-ink:#1a1408;
  --bg:#070707;
  --bg2:#0b0b0b;
  --s1:#0f0f0f;
  --s2:#131313;
  --s3:#181818;
  --bd:#1c1c1c;
  --bd2:#242424;
  --bd3:#2e2e2e;
  --w:#fff;
  --w90:rgba(255,255,255,.9);
  --w60:rgba(255,255,255,.6);
  --w30:rgba(255,255,255,.3);
  --w12:rgba(255,255,255,.12);
  --w06:rgba(255,255,255,.06);
  --w03:rgba(255,255,255,.03);
  --green:#2ea05a;
  --red:#c94444;
  --gold:#cdb07a;
  --gold2:#e6d2a8;
  --gold-dim:rgba(205,176,122,.42);
  --gold-glow:rgba(205,176,122,.1);
  --nav-glass:rgba(7,7,7,.92);
  --drawer-glass:rgba(7,7,7,.98);
  --hero-home-bg:transparent;
  --layout-shell:1180px;
  --layout-page-hero:1100px;
  --layout-table:980px;
  --layout-narrow:840px;
  --layout-compact:760px;
}

/* ── Overrides do modo claro: trata cores fixas e ajustes finos ── */
/* botões "invertidos": fundo escuro + texto claro no tema light */
body.light .btn-cta,
body.light .btn-primary,
body.light .btn-submit,
body.light .btn-plan-p,
body.light .plan-badge{background:var(--w);color:var(--white)}
body.light .faq-item.open .faq-ic{background:var(--w);border-color:var(--w)}
body.light .faq-item.open .faq-ic svg{color:var(--white)}
/* gradientes dourados do plano destacado: texto claro garante contraste */
body.light .plan.feat .plan-badge,
body.light .btn-plan-p{background:linear-gradient(180deg,var(--gold),var(--gold2));color:var(--white)}
body.light .plan.feat .plan-price{
  background:linear-gradient(180deg,var(--w),var(--gold2));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent
}
/* sombras: suavizadas para fundo claro */
body.light .dash{box-shadow:0 0 0 1px var(--w03),0 24px 60px rgba(22,20,15,.10)}
body.light .plan.feat{box-shadow:0 0 0 1px var(--gold-soft-bd),0 18px 50px rgba(22,20,15,.08)}
body.light .modal{box-shadow:0 0 0 1px var(--w03),0 30px 70px rgba(22,20,15,.22)}
body.light .modal-overlay{background:rgba(22,20,15,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
/* logo agora é SVG via currentColor, adapta-se ao tema automaticamente */
/* logo de fundo do hero: um pouco mais presente em fundo claro */
body.light .hero-bg-mark{opacity:.035;color:var(--gold)}
/* dot-grid e brilho quente ajustados */
body.light .brand-item{opacity:.6}
/* ════════════════════════════════════════
   SEÇÕES NCORA ESCURAS NO MODO CLARO
   (header, hero, carrossel, planos, footer)
   Reaplicam os tokens escuros localmente; os
   componentes internos se adaptam via cascata.
════════════════════════════════════════ */
body.light .dark-section{
  --bg:#070707;
  --bg2:#0b0b0b;
  --s1:#0f0f0f;
  --s2:#131313;
  --s3:#181818;
  --bd:#1c1c1c;
  --bd2:#242424;
  --bd3:#2e2e2e;
  --w:#fff;
  --w90:rgba(255,255,255,.9);
  --w60:rgba(255,255,255,.6);
  --w30:rgba(255,255,255,.3);
  --w12:rgba(255,255,255,.12);
  --w06:rgba(255,255,255,.06);
  --w03:rgba(255,255,255,.03);
  --green:#2ea05a;
  --red:#c94444;
  --gold:#cdb07a;
  --gold2:#e6d2a8;
  --gold-dim:rgba(205,176,122,.42);
  --gold-glow:rgba(205,176,122,.1);
  background:var(--bg);
  color:var(--w);
}
/* botões/badges escuros dessas seções voltam a usar texto preto */
body.light .dark-section .btn-cta,
body.light .dark-section .btn-primary,
body.light .dark-section .btn-submit,
body.light .dark-section .plan-badge{background:var(--w);color:var(--black)}
body.light .dark-section .plan.feat .plan-badge,
body.light .dark-section .btn-plan-p{background:linear-gradient(180deg,var(--gold2),var(--gold));color:var(--gold-ink)}
body.light .dark-section .plan.feat .plan-price{
  background:linear-gradient(180deg,var(--white),var(--gold2));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent
}
body.light .dark-section .dash{box-shadow:0 0 0 1px var(--w03),0 32px 80px rgba(0,0,0,.7),0 0 120px rgba(255,255,255,.018)}
body.light .dark-section .plan.feat{box-shadow:0 0 0 1px rgba(205,176,122,.12),0 20px 60px rgba(0,0,0,.6)}
body.light .dark-section .brand-item{opacity:.45}
body.light .dark-section .hero-bg-mark{opacity:.04}
/* nav e drawer escuros mantêm o fundo translúcido escuro */
body.light nav.dark-section{background:rgba(7,7,7,.92)}
body.light .mobile-drawer.dark-section{background:rgba(7,7,7,.98)}
/* transição suave da borda entre seção clara e escura */
body.light .dark-section{border-color:var(--bd)}

/* Toggle de tema (botão) */
.theme-toggle{
  display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:9px;
  background:none;border:1px solid var(--bd2);color:var(--w60);
  cursor:pointer;transition:color .15s,border-color .15s,background .15s;padding:0;margin-right:4px
}
.theme-toggle:hover{color:var(--w);border-color:var(--bd3)}
.theme-toggle .ic-sun{display:none}
.theme-toggle .ic-moon{display:block}
body.light .theme-toggle .ic-sun{display:block}
body.light .theme-toggle .ic-moon{display:none}
body{transition:background .3s ease,color .3s ease}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--w);font-family:'Inter',sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font-family:'Inter',sans-serif;cursor:pointer}



/* ── NAV ── */
nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:0 56px;height:64px;
  border-bottom:1px solid var(--bd);
  position:sticky;top:0;z-index:300;
  background:var(--nav-glass);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
}
.logo{
  display:flex;align-items:center;gap:12px;cursor:pointer;color:var(--w);
}
.logo-mark{display:block;flex-shrink:0;width:28px;height:28px}
.logo-word{font-size:18px;font-weight:800;letter-spacing:.01em}
.logo-icon-wrap{display:flex;align-items:center}
.logo-text{display:none}

.nav-links{display:flex;gap:32px;list-style:none}
.nav-links a{font-size:12.5px;color:var(--w60);transition:color .12s;letter-spacing:.01em;position:relative}
.nav-links a:hover{color:var(--w)}
.nav-links a.on{color:var(--w)}
.nav-links a.on::after{content:'';position:absolute;left:0;right:0;bottom:-22px;height:1.5px;background:var(--gold)}
.nav-r{display:flex;align-items:center;gap:8px}
.btn-ghost{background:none;border:none;color:var(--w60);font-size:12.5px;padding:6px 12px;transition:color .12s;letter-spacing:.01em}
.btn-ghost:hover{color:var(--w)}
.btn-cta{
  background:var(--w);color:var(--black);border:none;border-radius:7px;
  font-size:12.5px;font-weight:700;padding:8px 18px;
  transition:opacity .15s,transform .1s;letter-spacing:-.1px
}
.btn-cta:hover{opacity:.87;transform:translateY(-1px)}
.btn-cta:active{transform:translateY(0)}

/* ── HAMBURGER + MOBILE DRAWER ── */
.nav-burger{
  display:none;width:40px;height:40px;
  align-items:center;justify-content:center;
  background:none;border:1px solid var(--bd2);border-radius:9px;
  cursor:pointer;flex-direction:column;gap:4px;padding:0;
  transition:border-color .15s
}
.nav-burger:hover{border-color:var(--bd3)}
.nav-burger span{
  display:block;width:17px;height:1.5px;background:var(--w60);border-radius:2px;
  transition:transform .26s ease,opacity .2s ease
}
body.menu-open .nav-burger span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
body.menu-open .nav-burger span:nth-child(2){opacity:0}
body.menu-open .nav-burger span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}

.mobile-drawer{
  position:fixed;inset:64px 0 0 0;z-index:290;
  background:var(--drawer-glass);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  display:flex;flex-direction:column;
  padding:24px;
  transform:translateY(-8px);opacity:0;pointer-events:none;
  transition:opacity .22s ease,transform .22s ease;
  overflow-y:auto
}
body.menu-open .mobile-drawer{transform:translateY(0);opacity:1;pointer-events:auto}
.mobile-drawer a{
  font-size:17px;font-weight:600;color:var(--w90);
  padding:16px 4px;border-bottom:1px solid var(--bd);
  letter-spacing:-.2px
}
.mobile-drawer a:active{color:var(--w)}
.mobile-drawer-cta{margin-top:24px;display:flex;flex-direction:column;gap:10px}
.mobile-drawer-cta button{width:100%;font-size:14px;padding:14px}

/* ── HERO ── */
.hero-wrap{position:relative;overflow:hidden;border-bottom:1px solid var(--bd)}

.hero-bg{
  position:absolute;
  inset:0;
  display:flex;align-items:center;justify-content:center;
  pointer-events:none;
  z-index:0;
  overflow:hidden;
}
@keyframes spinLogoFull{
  0%{transform:rotate(0deg)}
  100%{transform:rotate(360deg)}
}
.hero-bg-mark{
  width:1181px;height:1181px;
  color:var(--gold);
  opacity:.04;
  position:absolute;
  top:50%;left:52%;
  transform-origin:center center;
  margin-left:-590px;margin-top:-590px;
  animation:spinLogoFull 140s linear infinite;
  will-change:transform;
}

/* ── ACCENTS DOURADOS (inspirado na ref. Profound) ── */
/* eyebrow do hero com ponto dourado */
.eyebrow{color:var(--gold)}
.eyebrow-line{background:linear-gradient(90deg,var(--gold),transparent)}
/* eyebrow das seções: marcador dourado à esquerda */
.sec-ey{position:relative;color:var(--gold)}
/* tag de kicker no case com tom quente */
.case-kicker{color:var(--gold)}
.case-kicker::before{background:var(--gold-dim)}

/* dot-grid técnico (painel do "Zero Click") aplicado em seções alternadas */
.dotgrid{position:relative}
.dotgrid::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(var(--gold-dim) 1px,transparent 1px);
  background-size:24px 24px;
  -webkit-mask-image:radial-gradient(ellipse 72% 85% at 50% 0%,#000 0%,transparent 72%);
  mask-image:radial-gradient(ellipse 72% 85% at 50% 0%,#000 0%,transparent 72%);
  opacity:.28
}
.dotgrid>*{position:relative;z-index:1}

/* luz direcional quente para faixas/CTA (iluminação da referência) */
.glow-warm{position:relative;overflow:hidden}
.glow-warm::after{
  content:'';position:absolute;top:-30%;left:-10%;
  width:60%;height:160%;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse at center,var(--gold-glow) 0%,transparent 60%);
  transform:rotate(-12deg)
}
.glow-warm>*{position:relative;z-index:1}

/* plano em destaque: borda + badge em dourado quente */
.plan.feat{border-color:var(--gold-dim);box-shadow:0 0 0 1px rgba(205,176,122,.12),0 20px 60px rgba(0,0,0,.6)}
.plan.feat .plan-badge{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#1a1408}
.plan.feat .plan-price{background:linear-gradient(180deg,#fff,var(--gold2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.btn-plan-p{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#1a1408}
.btn-plan-p:hover{opacity:.9}

/* marca dourada no badge do step "Você aparece" */
.step-accent .how-step-n{color:var(--gold)}
.step-accent .how-step-n::after{background:var(--gold-dim)}

/* ── EFEITOS DOURADOS ESTENDIDOS (mais seções e elementos) ── */
/* linha dourada sutil no topo das faixas alternadas */
.sec-band{position:relative}
.sec-band::before{
  content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:min(680px,70%);height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--gold-dim),transparent)
}
/* glow dourado quente no hero, atrás do conteúdo */
.hero-wrap::before{
  content:'';position:absolute;top:-10%;right:8%;
  width:760px;height:620px;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse at center,var(--gold-glow) 0%,transparent 62%)
}
/* números dos passos e dos problemas em dourado */
.how-step-n{color:var(--gold)}
.how-step-n::after{background:var(--gold-dim)}
.prob-num{color:var(--gold)}
/* tag dos serviços/módulos com toque dourado */
.svc-tag{color:var(--gold)}
.svc-tag-line{background:var(--gold-dim)}
.mod-num{color:var(--gold)}
/* check dos módulos em dourado */
.mod-check{border-color:var(--gold-dim)}
.mod-check svg{color:var(--gold)}
/* linha decorativa do topo dos cards de serviço, em dourado */
.svc-card::before{background:linear-gradient(to right,transparent,var(--gold-dim),transparent)}
/* hover dos cards de problema/serviço com leve brilho dourado */
.prob-card:hover,.svc-card:hover{box-shadow:inset 0 1px 0 var(--gold-glow)}
/* avatares de social proof com borda dourada sutil */
.sp-av{border-color:var(--bg)}
/* número do caso/métrica em destaque dourado */
.cm-foot-val{color:var(--gold2)}
/* faixa "usado por" com label dourado */
.brands-label{color:var(--gold)}

/* tema claro: ajustes dos novos efeitos */
body.light .sec-band::before{background:linear-gradient(90deg,transparent,var(--gold-line),transparent)}
body.light .hero-wrap::before{background:radial-gradient(ellipse at center,var(--gold-glow) 0%,transparent 62%)}
body.light .cm-foot-val{color:var(--gold)}

/* ── SEÇàO DE URGÊNCIA COMPETITIVA ── */
.urgency{position:relative;overflow:hidden;text-align:center;padding:96px 56px}
.urgency::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 60% 50% at 50% 0%,var(--gold-glow) 0%,transparent 70%),
    radial-gradient(ellipse 50% 60% at 50% 100%,rgba(201,68,68,.05) 0%,transparent 70%)
}
.urgency-inner{position:relative;z-index:1;max-width:880px;margin:0 auto}
.urgency-ey{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
.urgency-h{font-size:38px;font-weight:900;letter-spacing:-1.5px;line-height:1.1;margin-bottom:24px}
.urgency-h em{font-style:normal;background:linear-gradient(120deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.urgency-p{font-size:16px;line-height:1.7;color:var(--w60);max-width:680px;margin:0 auto 18px}
.urgency-p strong{color:var(--w);font-weight:700}
.urgency-versus{
  display:flex;align-items:stretch;gap:0;max-width:640px;margin:40px auto 36px;
  border:1px solid var(--bd2);border-radius:14px;overflow:hidden
}
.uv-side{flex:1;padding:26px 22px;text-align:center}
.uv-side.win{background:linear-gradient(180deg,var(--gold-glow),transparent);border-right:1px solid var(--bd2)}
.uv-label{font-size:10.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}
.uv-side.win .uv-label{color:var(--gold)}
.uv-side.lose .uv-label{color:var(--w30)}
.uv-txt{font-size:13px;line-height:1.5;color:var(--w60)}
.uv-mid{display:flex;align-items:center;justify-content:center;width:54px;background:var(--s1);font-size:11px;font-weight:800;letter-spacing:1px;color:var(--w30)}
.urgency-cta{margin-top:8px}
@media(max-width:600px){
  .urgency{padding:64px 20px}
  .urgency-h{font-size:28px}
  .urgency-p{font-size:14px}
  .urgency-versus{flex-direction:column}
  .uv-side.win{border-right:none;border-bottom:1px solid var(--bd2)}
  .uv-mid{width:auto;padding:8px}
}

/* ── CONTEÚDO RICO DE MODAIS (conscientização, produtos, autoridade) ── */
.mc-lead{font-size:14.5px;line-height:1.7;color:var(--w90);margin-bottom:18px}
.mc-lead strong{color:var(--w)}
.mc-p{font-size:13.5px;line-height:1.72;color:var(--w60);margin-bottom:14px}
.mc-p strong{color:var(--w);font-weight:600}
.mc-callout{
  background:linear-gradient(180deg,var(--gold-glow),transparent);
  border:1px solid var(--gold-dim);border-radius:12px;padding:16px 18px;margin:18px 0;
  font-size:13.5px;line-height:1.6;color:var(--w90)
}
.mc-callout strong{color:var(--gold2)}
.mc-prod{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--bd)}
.mc-prod:last-child{border-bottom:none}
.mc-prod-ic{
  flex-shrink:0;width:38px;height:38px;border-radius:9px;
  background:var(--s2);border:1px solid var(--bd2);color:var(--gold);
  display:flex;align-items:center;justify-content:center
}
.mc-prod-tt{font-size:14px;font-weight:700;margin-bottom:3px}
.mc-prod-bd{font-size:12.5px;color:var(--w60);line-height:1.55}
/* autoridade */
.auth-hero{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--bd)}
.auth-badge{
  flex-shrink:0;width:56px;height:56px;border-radius:14px;
  background:linear-gradient(180deg,var(--gold2),var(--gold));color:#1a1408;
  display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900
}
.auth-name{font-size:17px;font-weight:800;letter-spacing:-.3px}
.auth-role{font-size:12px;color:var(--gold);font-weight:600;margin-top:2px}
.auth-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}
.auth-stat{background:var(--bg);border:1px solid var(--bd);border-radius:10px;padding:14px 12px;text-align:center}
.auth-stat-n{font-size:22px;font-weight:900;letter-spacing:-1px;background:linear-gradient(120deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.auth-stat-l{font-size:10px;color:var(--w30);margin-top:3px;line-height:1.3}
.auth-list{list-style:none;margin:16px 0}
.auth-list li{position:relative;padding:7px 0 7px 24px;font-size:13px;color:var(--w60);line-height:1.5}
.auth-list li::before{content:'';position:absolute;left:0;top:13px;width:12px;height:12px;border-radius:50%;border:1.5px solid var(--gold);background:var(--gold-glow)}
.auth-list li strong{color:var(--w);font-weight:600}
@media(max-width:600px){
  .auth-stats{grid-template-columns:1fr}
  .auth-stat{display:flex;align-items:center;gap:10px;text-align:left}
}

.hero-vignette{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 48% 85% at 0% 50%, var(--bg) 0%, transparent 72%),
    radial-gradient(ellipse 100% 55% at 50% 100%, var(--bg) 0%, transparent 60%),
    radial-gradient(ellipse 100% 38% at 50% 0%, var(--bg) 0%, transparent 55%);
  pointer-events:none;z-index:1
}

.hero{
  display:grid;grid-template-columns:1fr 1.1fr;gap:84px;align-items:center;
  padding:104px 56px 96px;max-width:1320px;margin:0 auto;
  position:relative;z-index:2
}

.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:10.5px;font-weight:600;letter-spacing:.9px;text-transform:uppercase;
  color:var(--w30);margin-bottom:24px
}
.eyebrow-line{width:20px;height:1px;background:var(--w30)}

.hero-title{
  font-size:56px;font-weight:900;line-height:1.02;letter-spacing:-2.8px;
  margin-bottom:22px
}
.hero-title em{
  font-style:normal;
  background:linear-gradient(120deg,var(--gold2),var(--gold));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent
}

.hero-sub{
  color:var(--w60);font-size:15px;line-height:1.72;
  margin-bottom:40px;max-width:440px;font-weight:400
}
.hero-sub strong{color:var(--w);font-weight:700}
/* nome da marca em destaque dourado quando aparece no corpo de texto */
.brand{color:var(--gold);font-weight:600}
.cta-p .brand,.hero-sub .brand{font-weight:inherit}
body.light .brand{color:var(--gold)}
body.light .dark-section .brand{color:var(--gold)}

.hero-btns{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:52px}
.btn-primary{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--w);color:var(--black);border:none;border-radius:8px;
  font-size:13px;font-weight:700;padding:13px 24px;
  transition:opacity .15s,transform .1s;letter-spacing:-.15px;cursor:pointer
}
.btn-primary:hover{opacity:.88;transform:translateY(-1px)}
.btn-primary:active{transform:translateY(0)}
.btn-secondary{
  display:inline-flex;align-items:center;gap:8px;
  background:none;color:var(--w60);
  border:1px solid var(--bd3);border-radius:8px;
  font-size:12.5px;font-weight:500;padding:12px 20px;
  transition:color .15s,border-color .15s;cursor:pointer
}
.btn-secondary:hover{color:var(--w);border-color:var(--w30)}

.sp{display:flex;align-items:center;gap:14px}
.sp-avatars{display:flex}
.sp-text{font-size:11.5px;color:var(--w30)}
.sp-text strong{color:var(--w60)}
/* trust strip premium do hero */
.hero-trust{margin-top:30px;display:flex;flex-direction:column;gap:10px}
.ht-cover{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--w60)}
.ht-cover strong{color:var(--w90);font-weight:600}
.ht-pulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(92,196,120,.5);animation:htpulse 2.4s infinite;flex-shrink:0}
@keyframes htpulse{0%{box-shadow:0 0 0 0 rgba(92,196,120,.45)}70%{box-shadow:0 0 0 7px rgba(92,196,120,0)}100%{box-shadow:0 0 0 0 rgba(92,196,120,0)}}
.ht-auth{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--w30);line-height:1.4}
.ht-auth svg{color:var(--gold);flex-shrink:0}
.ht-auth strong{color:var(--w60);font-weight:600}

.page-home .hero > div:first-child{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.page-home .eyebrow{
  margin-bottom:28px;
}

.page-home .hero-title{
  margin-bottom:26px;
}

.page-home .hero-sub{
  max-width:620px;
  margin-bottom:34px;
  line-height:1.74;
}

.page-home .hero-btns{
  margin-bottom:34px;
}

.page-home .hero-trust{
  margin-top:0;
  gap:14px;
}

.page-home .ht-cover{
  min-height:24px;
  line-height:1.55;
}

.page-home .hero-caps{
  margin-top:2px;
  gap:12px 14px;
}

/* ── DASHBOARD MOCK ── */
.dash{
  background:var(--s1);
  border:1px solid var(--bd2);border-radius:16px;
  overflow:hidden;
  box-shadow:0 0 0 1px var(--w03),0 32px 80px rgba(0,0,0,.7),0 0 120px rgba(255,255,255,.018)
}
.dash-bar{display:flex;align-items:center;gap:7px;padding:14px 18px;border-bottom:1px solid var(--bd)}
.dash-dots{display:flex;gap:5px;margin-right:auto}
.dash-dot{width:9px;height:9px;border-radius:50%;background:var(--bd2)}
.dash-bar-logo{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:rgba(255,255,255,.72);letter-spacing:.01em}
.dash-tabs{display:flex;gap:4px;padding:8px 14px 0;border-bottom:1px solid var(--bd);overflow:hidden}
.dash-tab{font-size:10px;color:var(--w30);padding:8px 10px 10px;border-bottom:1.5px solid transparent;white-space:nowrap;font-weight:500;transition:color .1s,background .1s;cursor:pointer;border-radius:8px 8px 0 0}
.dash-tab.on{color:var(--w);border-bottom-color:rgba(255,255,255,.22);background:rgba(255,255,255,.02)}
.dash-tab:hover:not(.on){color:rgba(255,255,255,.82);background:rgba(255,255,255,.03)}
.dash-body{display:grid;grid-template-columns:100px 1fr;gap:0}
.dash-side{border-right:1px solid var(--bd);padding:16px 8px 16px 0;display:flex;flex-direction:column;gap:4px}
.ds{font-size:9.5px;color:var(--w30);padding:6px 12px;border-radius:0 10px 10px 0;cursor:pointer;font-weight:500;transition:color .1s,background .1s}
.ds.on{background:rgba(255,255,255,.04);color:var(--w)}
.ds:hover:not(.on){color:rgba(255,255,255,.78);background:rgba(255,255,255,.025)}
.dash-main{padding:18px}
.dash-head-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}
.dash-title{font-size:12px;font-weight:700}
.dash-period{font-size:9px;color:var(--w30);font-weight:500}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.kpi{background:rgba(255,255,255,.025);border:1px solid var(--bd);border-radius:10px;padding:10px 11px}
.kpi-l{font-size:8px;color:var(--w30);font-weight:500;letter-spacing:.3px;text-transform:uppercase;margin-bottom:4px}
.kpi-v{font-size:17px;font-weight:900;letter-spacing:-.8px;display:flex;align-items:baseline;gap:3px;line-height:1}
.kpi-d{font-size:8px;font-weight:700;color:var(--green)}
.dash-chart-wrap{background:rgba(255,255,255,.018);border:1px solid var(--bd);border-radius:10px;padding:10px 11px;margin-bottom:12px}
.chart-meta{font-size:8px;color:var(--w30);margin-bottom:7px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}
.dist{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:10px}
.dist-r{display:flex;justify-content:space-between;align-items:center;font-size:9px;padding:3.5px 0;border-bottom:1px solid var(--bd)}
.dist-n{color:var(--w30)}
.dist-v{font-weight:700;font-size:9.5px}
.dist-b{height:2px;background:var(--bd2);border-radius:1px;margin-top:2px;overflow:hidden}
.dist-f{height:100%;border-radius:1px;background:var(--w30);transition:width .8s ease}
.dist-f-gold{background:linear-gradient(90deg,var(--gold),var(--gold2))}

/* KPI principal destacado em dourado */
.kpi-gold{border-color:var(--gold-dim);background:linear-gradient(180deg,var(--gold-glow),transparent)}
.kpi-gold .kpi-v{background:linear-gradient(120deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.kpi-gold .kpi-l{color:var(--gold)}

/* ── ANIMAÇÕES DE ENTRADA DO DASHBOARD ── */
@keyframes dashIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes kpiIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes drawLine{from{stroke-dashoffset:320}to{stroke-dashoffset:0}}
@keyframes dotPulse{0%,100%{opacity:1;r:2.4}50%{opacity:.55;r:3}}
@keyframes barGrow{from{width:0}}
@media(prefers-reduced-motion:no-preference){
  .dash{animation:dashIn .7s cubic-bezier(.2,.7,.2,1) both}
  .anim-kpi{animation:kpiIn .6s ease both}
  .anim-kpi:nth-child(1){animation-delay:.25s}
  .anim-kpi:nth-child(2){animation-delay:.38s}
  .anim-kpi:nth-child(3){animation-delay:.51s}
  .chart-line{stroke-dasharray:320;animation:drawLine 1.6s ease .5s forwards}
  .chart-area{opacity:0;animation:kpiIn .8s ease 1.1s forwards}
  .chart-dot{animation:dotPulse 2.4s ease 1.8s infinite}
  .dist-f{animation:barGrow 1.1s cubic-bezier(.2,.7,.2,1) .7s both}
}
.comp-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:12px;border-top:1px solid var(--bd)}
.comp-l{font-size:8px;color:var(--w30);margin-bottom:3px;font-weight:500}
.comp-v{font-size:14px;font-weight:900;letter-spacing:-.4px;display:flex;align-items:baseline;gap:2px;line-height:1}
.dn{font-size:8px;color:var(--red)}

/* ── BRANDS CAROUSEL ── */
.brands-wrap{
  border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);
  position:relative;overflow:hidden;
  background:linear-gradient(180deg, var(--bg) 0%, rgba(255,255,255,.008) 50%, var(--bg) 100%);
}
.brands-fade-l,.brands-fade-r{position:absolute;top:0;width:100px;height:100%;z-index:2;pointer-events:none}
.brands-fade-l{left:0;background:linear-gradient(to right,var(--bg),transparent)}
.brands-fade-r{right:0;background:linear-gradient(to left,var(--bg),transparent)}

@media(max-width:600px){
  .brands-fade-l,.brands-fade-r{width:40px}
}
.brands-label{font-size:10px;color:var(--w30);letter-spacing:.9px;text-transform:uppercase;text-align:center;font-weight:600;padding:26px 0 0}
.brands-track-outer{overflow:hidden;padding:24px 0 32px}
.brands-track{display:flex;gap:0;animation:scrollBr 60s linear infinite;width:max-content}
.brands-track:hover{animation-play-state:paused}
@keyframes scrollBr{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.brand-item{
  display:inline-flex;align-items:center;justify-content:center;
  padding:0 44px;border-right:1px solid var(--bd);
  min-height:48px;
  opacity:.45;
  color:var(--gold);
  transition:opacity .3s,color .3s;
}
.brand-item:hover{opacity:1;color:var(--gold2)}

/* ── SECTION COMMONS ── */
.sec{padding:104px 56px;max-width:1320px;margin:0 auto}
.sec-band{padding:104px 56px;background:var(--bg2);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
.sec-inner{max-width:1320px;margin:0 auto}
.sec-ey{font-size:10px;color:var(--w30);letter-spacing:.9px;text-transform:uppercase;font-weight:600;text-align:center;margin-bottom:12px}
.sec-h{font-size:42px;font-weight:900;letter-spacing:-1.8px;line-height:1.07;text-align:center;margin-bottom:14px}
.sec-h em,.case-h em,.cta-h em{
  font-style:normal;
  background:linear-gradient(120deg,var(--gold2),var(--gold));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent
}
.sec-p{color:var(--w60);font-size:14.5px;line-height:1.68;text-align:center;max-width:500px;margin:0 auto 60px}

/* ── PROBLEMS ── */
.prob-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:14px;overflow:hidden}
.prob-card{background:var(--bg);padding:36px 32px;transition:background .2s;position:relative}
.prob-card:hover{background:var(--s1)}
.prob-num{font-size:9px;color:var(--w30);font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-bottom:24px;font-variant-numeric:tabular-nums}
.prob-title{font-size:16px;font-weight:700;margin-bottom:10px;letter-spacing:-.3px;line-height:1.3}
.prob-body{color:var(--w60);font-size:13px;line-height:1.7}

/* ── SERVICES GRID ── */
.svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;background:transparent;border:0;border-radius:0;overflow:visible}
.svc-card{
  display:flex;flex-direction:column;align-items:flex-start;min-height:100%;
  background:var(--bg);padding:42px 44px 36px;transition:background .2s,box-shadow .2s;
  position:relative;overflow:hidden;border:1px solid var(--bd);border-radius:14px
}
.svc-card:hover{background:var(--s1)}
.svc-card::before{content:'';position:absolute;top:0;left:44px;right:44px;height:1px;background:linear-gradient(to right,transparent,var(--bd3),transparent);opacity:.6}
.svc-tag{font-size:9.5px;color:var(--w30);font-weight:700;letter-spacing:.7px;text-transform:uppercase;margin-bottom:18px;display:flex;align-items:center;gap:7px;width:100%}
.svc-tag-line{flex:1;height:1px;background:var(--bd2)}
.svc-title{font-size:20px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px;line-height:1.2;min-height:56px;display:flex;align-items:flex-end}
.svc-body{color:var(--w60);font-size:13px;line-height:1.72;max-width:380px}
.svc-body strong{color:var(--w);font-weight:700;display:block;margin-bottom:7px}

/* ── HOW IT WORKS ── */
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--bd);border-radius:14px;overflow:hidden;background:var(--bd)}
.how-step{background:var(--bg);padding:44px 36px;position:relative}
.how-step-n{font-size:10px;color:var(--w30);font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-bottom:36px;display:flex;align-items:center;gap:10px}
.how-step-n::after{content:'';flex:1;height:1px;background:var(--bd2)}
.how-step-title{font-size:17px;font-weight:800;letter-spacing:-.35px;margin-bottom:10px}
.how-step-body{color:var(--w60);font-size:12.5px;line-height:1.72;margin-bottom:20px}
.mini-mock{background:var(--bg2);border:1px solid var(--bd);border-radius:9px;padding:13px 14px}
.mm-src{font-size:8px;color:var(--w30);margin-bottom:5px;font-weight:600;letter-spacing:.3px}
.mm-q{font-size:8.5px;color:var(--w60);margin-bottom:9px;line-height:1.4;font-style:italic}
.mm-row{display:flex;justify-content:space-between;align-items:center;padding:4.5px 0;border-bottom:1px solid var(--bd);font-size:9px}
.mm-row:last-child{border:none}
.mm-rank{color:var(--w30);width:12px;font-weight:700;font-size:8px}
.mm-name{flex:1;padding:0 8px;font-weight:500;color:var(--w60)}
.mm-badge{background:rgba(46,160,90,.1);color:var(--green);border-radius:4px;padding:2px 7px;font-size:7.5px;font-weight:700;letter-spacing:.3px;border:1px solid rgba(46,160,90,.18)}
.mm-action{font-size:8px;color:var(--w30);font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px}
.mm-act-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid var(--bd);font-size:9px}
.mm-act-row:last-child{border:none}
.mm-act-name{color:var(--w60);font-weight:500}
.badge-hi{background:rgba(201,68,68,.08);color:var(--red);border-radius:4px;padding:2px 6px;font-size:7.5px;font-weight:700;border:1px solid rgba(201,68,68,.15)}
.badge-md{background:rgba(200,150,40,.08);color:#c4932a;border-radius:4px;padding:2px 6px;font-size:7.5px;font-weight:700;border:1px solid rgba(200,150,40,.15)}
.mm-chart{margin-top:12px}
.mm-chart-label{font-size:8px;color:var(--w30);margin-bottom:6px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}
.mm-pct{font-size:34px;font-weight:900;letter-spacing:-1.5px;line-height:1;margin:4px 0 8px}
.mm-ai-row{display:flex;gap:12px;font-size:8px;color:var(--w30);font-weight:500}

/* ── CASE ── */
.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.case-kicker{font-size:10px;color:var(--w30);letter-spacing:.8px;text-transform:uppercase;font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.case-kicker::before{content:'';display:inline-block;width:14px;height:1px;background:var(--w30)}
.case-h{font-size:32px;font-weight:900;letter-spacing:-.9px;line-height:1.12;margin-bottom:16px}
.case-p{color:var(--w60);font-size:13.5px;line-height:1.72;margin-bottom:26px}
.case-metric-card{
  display:flex;flex-direction:column;gap:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,.015) 100%);
  border:none;border-radius:18px;overflow:visible;padding:24px
}
.cm-row{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:16px;align-items:end}
.cm-cell,.cm-box{
  display:flex;flex-direction:column;justify-content:flex-end;gap:8px;
  min-height:132px;padding:22px 22px 18px;border-radius:18px;
  background:rgba(255,255,255,.028);text-align:left
}
.cm-sep,
.cm-arrow{display:flex;align-items:center;justify-content:center;color:var(--w30);font-size:16px}
.cm-sep{border:none}
.cm-sep svg,
.cm-arrow svg{width:18px;height:18px;stroke:currentColor}
.cm-label{font-size:9.5px;color:var(--w30);letter-spacing:.18em;font-weight:600;text-transform:uppercase;margin-bottom:0}
.cm-val{font-size:38px;font-weight:900;letter-spacing:-1.8px;line-height:1}
.cm-val.faded{color:var(--w30)}
.cm-foot{padding:2px 4px 0;text-align:center}
.cm-foot-val{font-size:40px;font-weight:900;letter-spacing:-1.8px;line-height:1;color:var(--green);margin-bottom:8px}
.cm-foot-label{font-size:11px;color:var(--w30);font-weight:500;line-height:1.6}

/* ── MODULES PAIR ── */
.mods-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:14px;overflow:hidden}
.mod-card{background:var(--bg);padding:44px 48px}
.mod-num{font-size:9.5px;color:var(--w30);font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-bottom:20px}
.mod-title{font-size:22px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px;line-height:1.15}
.mod-body{color:var(--w60);font-size:13.5px;line-height:1.72;margin-bottom:28px}
.mod-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.mod-li{display:flex;align-items:flex-start;gap:12px;font-size:12.5px;color:var(--w60);line-height:1.5}
.mod-check{width:16px;height:16px;flex-shrink:0;margin-top:1px;border:1px solid var(--bd3);border-radius:50%;display:flex;align-items:center;justify-content:center}
.mod-check svg{color:var(--w60)}

/* ── PRICING ── */
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.plan{background:var(--s1);border:1px solid var(--bd);border-radius:13px;padding:28px;position:relative;transition:border-color .2s,transform .2s}
.plan:hover{transform:translateY(-2px);border-color:var(--bd2)}
.plan.feat{background:var(--s2);border-color:var(--bd3);box-shadow:0 0 0 1px var(--w06),0 20px 60px rgba(0,0,0,.6)}
.plan-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--w);color:#000;font-size:9.5px;font-weight:800;letter-spacing:.3px;padding:3.5px 13px;border-radius:100px;white-space:nowrap}
.plan-name{font-size:11.5px;color:var(--w30);font-weight:600;letter-spacing:.3px;text-transform:uppercase;margin-bottom:8px}
.plan-price{font-size:30px;font-weight:900;letter-spacing:-1.2px;line-height:1;margin-bottom:5px;display:flex;align-items:baseline;gap:3px}
.plan-price span{font-size:12px;font-weight:400;color:var(--w30);letter-spacing:0}
.plan-desc{font-size:11.5px;color:var(--w30);line-height:1.55;margin-bottom:20px}
.plan-hr{height:1px;background:var(--bd);margin-bottom:20px}
.plan-feats{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:24px}
.plan-feat{font-size:12px;color:var(--w60);display:flex;align-items:flex-start;gap:9px;line-height:1.45}
.plan-feat-c{color:var(--green);flex-shrink:0;font-size:11px;margin-top:1.5px}
.btn-plan{width:100%;background:none;color:var(--w);border:1px solid var(--bd2);border-radius:8px;padding:11px;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s;cursor:pointer}
.btn-plan:hover{background:var(--s3);border-color:var(--bd3)}
.btn-plan-p{width:100%;background:var(--w);color:#000;border:none;border-radius:8px;padding:11px;font-size:12.5px;font-weight:700;transition:opacity .15s;cursor:pointer}
.btn-plan-p:hover{opacity:.87}

/* ── FAQ ── */
.faq-wrap{max-width:var(--layout-compact);margin:0 auto;border:1px solid var(--bd);border-radius:14px;overflow:hidden}
.faq-item{border-bottom:1px solid var(--bd)}
.faq-item:last-child{border-bottom:none}
.faq-hd{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;cursor:pointer;transition:background .15s;user-select:none;-webkit-user-select:none}
.faq-hd:hover{background:var(--s1)}
.faq-q{font-size:13.5px;font-weight:600;line-height:1.4;flex:1;padding-right:20px;letter-spacing:-.1px}
.faq-ic{width:22px;height:22px;border-radius:50%;border:1px solid var(--bd2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .28s,background .2s,border-color .2s}
.faq-item.open .faq-ic{transform:rotate(45deg);background:var(--w);border-color:var(--w)}
.faq-item.open .faq-ic svg{color:#000}
.faq-ic svg{color:var(--w30);transition:color .2s}
.faq-bd{max-height:0;overflow:hidden;transition:max-height .38s ease}
.faq-bd-inner{padding:0 26px 20px;color:var(--w60);font-size:13px;line-height:1.72}
.faq-item.open .faq-bd{max-height:280px}

/* ── CTA BAND ── */
.cta-band{border-top:1px solid var(--bd);padding:90px 56px;text-align:center;position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:760px;height:440px;background:radial-gradient(ellipse,var(--gold-glow) 0%,transparent 62%);pointer-events:none}
.cta-mark-wrap{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:16px;background:var(--s2);border:1px solid var(--bd2);margin-bottom:30px}
.cta-h{font-size:48px;font-weight:900;letter-spacing:-2px;line-height:1.04;margin-bottom:14px}
.cta-p{color:var(--w60);font-size:14.5px;line-height:1.6;margin-bottom:36px}
.cta-btns{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.cta-note{font-size:11px;color:var(--w30);margin-top:16px;letter-spacing:.1px}

/* ── FOOTER ── */
footer{border-top:1px solid var(--bd)}
.ft-top{
  display:grid;
  grid-template-columns:minmax(220px,1.1fr) repeat(4,minmax(0,1fr));
  gap:34px;
  padding:60px 56px 44px
}
.ft-brand-col{max-width:260px}
.ft-brand{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;margin-bottom:16px}
.ft-tag{font-size:12.5px;color:var(--w30);line-height:1.72;margin-bottom:24px;max-width:280px}
.ft-socials{display:flex;gap:9px}
.ft-soc{
  width:30px;height:30px;border:1px solid rgba(255,255,255,.08);border-radius:8px;
  display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:800;
  color:var(--w30);cursor:pointer;transition:border-color .15s,color .15s,background .15s
}
.ft-soc:hover{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:var(--w60)}
.ft-nav-col{min-width:0}
.ft-col-h{
  font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  margin-bottom:18px;color:var(--w)
}
.ft-col-links{list-style:none;display:flex;flex-direction:column;gap:11px}
.ft-col-links a{font-size:12.5px;color:var(--w30);line-height:1.45;transition:color .12s}
.ft-col-links a:hover{color:var(--w60)}
.ft-bot{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  gap:20px;padding:18px 56px 20px;border-top:1px solid rgba(255,255,255,.06)
}
.ft-copy{font-size:11px;color:var(--w30)}
.ft-legal{display:flex;align-items:center;justify-content:center;gap:18px}
.ft-legal a{font-size:11px;color:var(--w30);transition:color .12s;cursor:pointer}
.ft-legal a:hover{color:var(--w60)}
.ft-made{font-size:11px;color:var(--w30);justify-self:end}

/* ══════════════════════════════════════
   MODAL SYSTEM
══════════════════════════════════════ */
.modal-overlay{
  display:none;position:fixed;inset:0;z-index:900;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  align-items:center;justify-content:center;
  padding:24px;
}
.modal-overlay.active{display:flex}

.modal{
  background:var(--s1);
  border:1px solid var(--bd2);
  border-radius:18px;
  width:100%;max-width:480px;
  box-shadow:0 0 0 1px var(--w03),0 32px 80px rgba(0,0,0,.8);
  overflow:hidden;
  position:relative;
  animation:modalIn .22s cubic-bezier(.32,1,.4,1)
}
@keyframes modalIn{
  from{opacity:0;transform:translateY(16px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

.modal-wide{max-width:600px}

.modal-header{
  padding:28px 32px 0;
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:16px;
}
.modal-title{font-size:20px;font-weight:800;letter-spacing:-.5px;line-height:1.2}
.modal-sub{font-size:12.5px;color:var(--w30);margin-top:4px;line-height:1.5}
.modal-close{
  width:30px;height:30px;flex-shrink:0;
  background:var(--s2);border:1px solid var(--bd);border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;color:var(--w30);
  transition:background .15s,color .15s;
  font-size:14px;line-height:1
}
.modal-close:hover{background:var(--s3);color:var(--w)}

.modal-body{padding:24px 32px 32px}

/* Form */
.form-group{margin-bottom:14px}
.form-label{font-size:11px;color:var(--w30);font-weight:600;letter-spacing:.3px;text-transform:uppercase;margin-bottom:6px;display:block}
.form-input{
  width:100%;background:var(--bg);border:1px solid var(--bd2);
  border-radius:9px;padding:11px 14px;
  font-family:'Inter',sans-serif;font-size:13px;color:var(--w);
  outline:none;transition:border-color .15s;
}
.form-input::placeholder{color:var(--w30)}
.form-input:focus{border-color:var(--bd3)}
select.form-input{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23808080' stroke-width='2.5' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;
  padding-right:38px;cursor:pointer
}
select.form-input option{background:var(--s1);color:var(--w)}

/* Partner perks grid (inside modal) */
.partner-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}
.perk-card{
  background:var(--bg);border:1px solid var(--bd);border-radius:10px;
  padding:14px 12px;text-align:center
}
.perk-ic{
  width:30px;height:30px;border-radius:8px;margin:0 auto 9px;
  background:var(--s2);border:1px solid var(--bd2);
  display:flex;align-items:center;justify-content:center;color:var(--w60)
}
.perk-name{font-size:11.5px;font-weight:700;letter-spacing:-.1px;margin-bottom:3px}
.perk-desc{font-size:9.5px;color:var(--w30);line-height:1.45}
.partner-highlight{
  display:flex;align-items:center;gap:10px;
  background:rgba(46,160,90,.06);border:1px solid rgba(46,160,90,.18);
  border-radius:10px;padding:12px 14px;margin-bottom:20px
}
.partner-highlight svg{color:var(--green);flex-shrink:0}
.partner-highlight-txt{font-size:11.5px;color:var(--w60);line-height:1.5}
.partner-highlight-txt strong{color:var(--w);font-weight:700}
.form-check{display:flex;align-items:flex-start;gap:9px;margin:4px 0 14px}
.form-check input{margin-top:2px;accent-color:#fff;width:14px;height:14px;cursor:pointer}
.form-check label{font-size:11px;color:var(--w30);line-height:1.5;cursor:pointer}
.form-check label a{color:var(--w60);text-decoration:underline;text-underline-offset:2px}
@media(max-width:520px){
  .partner-perks{grid-template-columns:1fr;gap:8px}
  .perk-card{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px}
  .perk-ic{margin:0}
}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn-submit{
  width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--w);color:#000;border:none;border-radius:9px;
  padding:13px;font-size:13px;font-weight:700;letter-spacing:-.1px;
  cursor:pointer;transition:opacity .15s;margin-top:6px
}
.btn-submit:hover{opacity:.87}
.form-note{font-size:10.5px;color:var(--w30);text-align:center;margin-top:12px;line-height:1.55}

/* Success state */
.modal-success{
  display:none;
  padding:40px 32px;
  text-align:center
}
.modal-success.show{display:block}
.modal-form-wrap.hide{display:none}
.success-icon{
  width:56px;height:56px;border-radius:16px;
  background:rgba(46,160,90,.08);
  border:1px solid rgba(46,160,90,.2);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 20px;font-size:22px
}
.success-title{font-size:20px;font-weight:800;letter-spacing:-.5px;margin-bottom:10px}
.success-body{font-size:13px;color:var(--w60);line-height:1.68;max-width:320px;margin:0 auto 24px}
.btn-close-success{
  background:var(--s2);color:var(--w60);
  border:1px solid var(--bd2);border-radius:8px;
  padding:10px 24px;font-size:12.5px;font-weight:600;cursor:pointer;
  transition:border-color .15s,color .15s
}
.btn-close-success:hover{color:var(--w);border-color:var(--bd3)}

/* Modal text content */
.modal-text-content{color:var(--w60);font-size:13px;line-height:1.72}
.modal-text-content h3{font-size:14px;font-weight:700;color:var(--w);margin:20px 0 8px}
.modal-text-content h3:first-child{margin-top:0}
.modal-text-content p{margin-bottom:10px}
.modal-text-content ul{padding-left:18px;margin-bottom:10px}
.modal-text-content li{margin-bottom:6px}
.modal-text-content a{color:var(--w60);text-decoration:underline;text-underline-offset:3px}
.modal-text-content a:hover{color:var(--w)}
.modal-scroll{max-height:420px;overflow-y:auto;padding-right:4px}
.modal-scroll::-webkit-scrollbar{width:3px}
.modal-scroll::-webkit-scrollbar-track{background:transparent}
.modal-scroll::-webkit-scrollbar-thumb{background:var(--bd2);border-radius:2px}

/* ── RESPONSIVE ── */
@media(max-width:960px){
  nav{padding:0 20px;height:60px}
  .mobile-drawer{inset:60px 0 0 0}
  .nav-links{display:none}
  .nav-r .btn-ghost{display:none}
  .nav-r .btn-cta{display:none}
  .nav-burger{display:flex}
  .hero{grid-template-columns:1fr;padding:56px 20px 48px;gap:44px}
  .hero-title{font-size:38px;letter-spacing:-1.6px}
  .hero-sub{max-width:none}
  .hero-btns{margin-bottom:40px}
  .page-home .eyebrow{margin-bottom:22px}
  .page-home .hero-title{margin-bottom:20px}
  .page-home .hero-sub{margin-bottom:28px}
  .page-home .hero-btns{margin-bottom:28px}
  .page-home .hero-trust{gap:12px}
  .sec{padding:64px 20px}
  .sec-band{padding:64px 20px}
  .sec-h{font-size:30px;letter-spacing:-1.2px}
  .sec-p{font-size:13.5px;margin-bottom:40px}
  .prob-grid,.svc-grid,.how-grid,.plan-grid,.case-grid,.mods-grid{grid-template-columns:1fr}
  .svc-card{padding:32px 28px}
  .mod-card{padding:32px 28px}
  .how-step{padding:32px 28px}
  .case-grid{gap:36px}
  .cta-band{padding:64px 20px}
  .cta-h{font-size:34px}
  .hero-bg-mark{opacity:.025;width:806px;height:806px;margin-left:-403px;margin-top:-403px}
  .form-row{grid-template-columns:1fr}
  .modal-overlay{padding:0;align-items:flex-end}
  .modal{border-radius:18px 18px 0 0;max-width:100%;max-height:92vh;overflow-y:auto}
  .modal-header{padding:22px 22px 0}
  .modal-body{padding:18px 22px 26px}
  /* footer mobile */
  .ft-top{grid-template-columns:1fr 1fr;padding:44px 20px 32px;gap:30px 22px}
  .ft-brand-col{grid-column:1 / -1;margin-bottom:4px}
  .ft-brand-col{max-width:none}
  .ft-tag{max-width:none}
  .ft-bot{grid-template-columns:1fr;padding:18px 20px;gap:14px;text-align:center}
  .ft-legal{justify-content:center;flex-wrap:wrap;gap:16px}
  .ft-made{justify-self:center}
  .brand-item{padding:0 30px}
}

@media(max-width:520px){
  .hero-title{font-size:32px;letter-spacing:-1.4px}
  .sec-h{font-size:27px}
  .cta-h{font-size:29px}
  .ft-top{grid-template-columns:1fr;gap:26px}
  .hero-btns{flex-direction:column;align-items:stretch}
  .hero-btns .btn-primary,.hero-btns .btn-secondary{width:100%;justify-content:center}
  .cta-btns{flex-direction:column;align-items:stretch;width:100%}
  .cta-btns > *{width:100%;justify-content:center}
  .plan{padding:24px 22px}
  .kpis{grid-template-columns:1fr}
  .dash-body{grid-template-columns:1fr}
  .dash-side{display:none}
}

/* ── DEMO VIDEO MODAL ── */
.demo-mock{
  background:var(--bg);border:1px solid var(--bd);border-radius:12px;
  padding:32px;text-align:center;margin-top:16px
}
.demo-icon{
  width:56px;height:56px;border-radius:50%;
  background:var(--s2);border:1px solid var(--bd2);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 16px;font-size:20px
}
.demo-label{font-size:13px;font-weight:600;margin-bottom:8px}
.demo-desc{font-size:12px;color:var(--w30);line-height:1.6;margin-bottom:20px}
.btn-demo-notify{
  background:none;color:var(--w60);
  border:1px solid var(--bd2);border-radius:8px;
  padding:10px 22px;font-size:12px;font-weight:600;cursor:pointer;
  transition:border-color .15s,color .15s
}
.btn-demo-notify:hover{color:var(--w);border-color:var(--bd3)}
/* ═══════════════════════════════════════════
   COMPONENTES MULTI-PÁGINA (home premium + páginas)
═══════════════════════════════════════════ */
/* visão geral de produtos (home) */
.ov-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:0 auto}
.ov-card{display:flex;flex-direction:column;background:var(--s1);border:1px solid var(--bd2);border-radius:14px;padding:24px;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s,background .2s}
.ov-card:hover{border-color:var(--bd3);transform:translateY(-3px);background:var(--s2)}
.ov-ic{width:42px;height:42px;border-radius:11px;background:var(--s2);border:1px solid var(--bd2);color:var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.ov-tt{font-size:15px;font-weight:700;letter-spacing:-.3px;margin-bottom:8px}
.ov-bd{font-size:12.5px;color:var(--w60);line-height:1.6;flex:1;margin-bottom:14px}
.ov-link{font-size:12px;font-weight:600;color:var(--gold)}
.ov-card:hover .ov-link{color:var(--gold2)}

/* faixa de autoridade (home) */
.auth-band{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;max-width:var(--layout-page-hero);margin:0 auto}
.auth-band-h{font-size:30px;font-weight:900;letter-spacing:-1.2px;line-height:1.12;margin:6px 0 16px}
.auth-band-p{font-size:14px;color:var(--w60);line-height:1.7;margin-bottom:8px}
.auth-band-p strong{color:var(--w)}
.auth-band-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* hero-trust row já existente; reforço da página */
.page-hero{position:relative;padding:120px 56px 64px;max-width:var(--layout-page-hero);margin:0 auto;text-align:center}
.page-hero .sec-ey{justify-content:center}
.page-hero-h{font-size:48px;font-weight:900;letter-spacing:-2px;line-height:1.06;margin-bottom:18px}
.page-hero-h em{font-style:normal;background:linear-gradient(120deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.page-hero-p{font-size:16px;color:var(--w60);line-height:1.7;max-width:620px;margin:0 auto 32px}
.page-hero-p strong{color:var(--w);font-weight:600}

@media(max-width:960px){
  .ov-grid{grid-template-columns:1fr 1fr}
  .auth-band{grid-template-columns:1fr;gap:32px}
  .page-hero{padding:88px 20px 48px}
  .page-hero-h{font-size:34px;letter-spacing:-1.4px}
}
@media(max-width:560px){
  .ov-grid{grid-template-columns:1fr}
  .auth-band-stats{grid-template-columns:1fr}
  .page-hero-h{font-size:29px}
}

/* página cases — método */
.case-method{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1100px;margin:40px auto 0}
.cmeth{background:var(--s1);border:1px solid var(--bd2);border-radius:12px;padding:22px;text-align:left}
.cmeth-n{font-size:13px;font-weight:800;color:var(--gold);margin-bottom:10px}
.cmeth-t{font-size:14px;font-weight:700;margin-bottom:6px}
.cmeth-b{font-size:12px;color:var(--w60);line-height:1.55}
/* artigo (aeo, empresa) */
.article{font-size:15px;line-height:1.75}
.article-h{font-size:21px;font-weight:800;letter-spacing:-.5px;margin:28px 0 12px}
.brand-central-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:34px;
}
.brand-central-grid--wide{
  align-items:stretch;
}
.brand-central-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height:100%;
  padding:28px 26px 24px;
  background:var(--bg);
  border:1px solid var(--bd);
  border-radius:18px;
  box-shadow:var(--shadow-sm);
}
.brand-central-card h3{
  font-size:20px;
  line-height:1.18;
  letter-spacing:-.03em;
}
.brand-central-card p{
  color:var(--w60);
  font-size:14px;
  line-height:1.72;
}
.brand-central-k{
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid var(--bd2);
  background:rgba(255,255,255,.03);
  color:var(--gold);
  font-size:10px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.brand-proof-card{
  text-decoration:none;
  color:inherit;
}
.legal-shell{max-width:var(--layout-narrow);margin:0 auto}
.legal-meta{
  display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;
  margin:18px auto 0;font-size:11.5px;color:var(--w30);letter-spacing:.03em
}
.legal-card{
  width:100%;margin-top:24px;padding:26px 28px;
  background:var(--s1);border:1px solid var(--bd2);border-radius:18px;
  box-shadow:var(--shadow-sm)
}
.legal-card + .legal-card{margin-top:18px}
.legal-card h2:first-child{margin-top:0}
.legal-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin:16px 0 0}
.legal-list li{position:relative;padding-left:24px;font-size:13px;line-height:1.7;color:var(--w60)}
.legal-list li::before{
  content:'';position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:50%;
  background:var(--gold);box-shadow:0 0 0 5px var(--gold-glow)
}
.legal-list strong{color:var(--w);font-weight:600}
.legal-note{
  margin-top:18px;padding:16px 18px;border-radius:14px;
  background:linear-gradient(180deg,var(--gold-glow),transparent);
  border:1px solid var(--gold-dim);color:var(--w90);font-size:13px;line-height:1.65
}
.legal-note strong{color:var(--gold2)}
.legal-toc{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
  width:100%;margin:18px auto 0
}
.legal-toc a{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:48px;padding:0 16px;border-radius:14px;background:var(--s1);
  border:1px solid var(--bd2);color:var(--w90);font-size:12px;font-weight:700;
  letter-spacing:.04em;text-transform:uppercase
}
.legal-toc a:hover{border-color:var(--gold-dim);color:var(--gold)}
.inst-grid{
  width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;margin-top:24px
}
.inst-card{
  background:var(--s1);border:1px solid var(--bd2);border-radius:18px;
  padding:24px 24px 22px;box-shadow:var(--shadow-sm)
}
.inst-card h3{
  font-size:15px;font-weight:800;letter-spacing:-.03em;margin-bottom:14px;color:var(--w)
}
.inst-card p{font-size:13px;line-height:1.7;color:var(--w60)}
.inst-card p + p{margin-top:10px}
.inst-kv{display:grid;gap:12px}
.inst-kv-row{
  display:grid;grid-template-columns:minmax(140px,.9fr) 1.6fr;gap:14px;
  padding-top:12px;border-top:1px solid var(--bd)
}
.inst-kv-row:first-child{padding-top:0;border-top:none}
.inst-kv dt{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--w30)}
.inst-kv dd{font-size:13px;line-height:1.65;color:var(--w90)}
.inst-kv dd strong{color:var(--w);font-weight:700}
.inst-steps{
  list-style:none;display:flex;flex-direction:column;gap:12px;margin:18px 0 0
}
.inst-steps li{
  position:relative;padding:14px 16px 14px 54px;background:var(--s1);
  border:1px solid var(--bd2);border-radius:14px;font-size:13px;line-height:1.7;color:var(--w60)
}
.inst-step-n{
  position:absolute;left:16px;top:14px;width:24px;height:24px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;background:var(--s2);
  border:1px solid var(--gold-dim);color:var(--gold2);font-size:10px;font-weight:800
}
.inst-link-list{
  list-style:none;display:flex;flex-direction:column;gap:10px;margin:16px 0 0
}
.inst-link-list a{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:48px;padding:0 16px;border-radius:14px;background:var(--s1);
  border:1px solid var(--bd2);font-size:12px;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;color:var(--w90)
}
.inst-link-list a:hover{border-color:var(--gold-dim);color:var(--gold)}
@media(max-width:720px){
  .legal-card{padding:22px 20px}
  .legal-toc{grid-template-columns:1fr}
  .inst-grid{grid-template-columns:1fr}
  .inst-kv-row{grid-template-columns:1fr;gap:6px}
}
@media(max-width:880px){.case-method{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.case-method{grid-template-columns:1fr}}

/* ═══════════ PÁGINA EMPRESA (institucional) ═══════════ */
/* pilares missão/visão/princípio */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1080px;margin:44px auto 0}
.pillar{background:var(--s1);border:1px solid var(--bd2);border-radius:14px;padding:28px}
.pillar-ic{width:44px;height:44px;border-radius:11px;background:var(--s2);border:1px solid var(--bd2);color:var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.pillar-t{font-size:16px;font-weight:700;letter-spacing:-.3px;margin-bottom:9px}
.pillar-b{font-size:13px;color:var(--w60);line-height:1.65}

/* faixa de métricas grandes */
.metrics-band{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1080px;margin:44px auto 0}
.metric-big{text-align:center;padding:8px}
.metric-big-n{font-size:38px;font-weight:900;letter-spacing:-1.6px;background:linear-gradient(120deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.metric-big-l{font-size:11.5px;color:var(--w60);line-height:1.45;margin-top:10px;max-width:200px;margin-left:auto;margin-right:auto}

/* card do responsável técnico */
.leader-card{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:start;max-width:1000px;margin:44px auto 0;background:var(--s1);border:1px solid var(--bd2);border-radius:18px;padding:36px}
.leader-photo{width:96px;height:96px;border-radius:20px;background:linear-gradient(160deg,var(--gold2),var(--gold));color:#1a1408;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;letter-spacing:-1px}
.leader-name{font-size:22px;font-weight:800;letter-spacing:-.6px}
.leader-role{font-size:12.5px;color:var(--gold);font-weight:600;margin:4px 0 16px}
.leader-bio{font-size:13.5px;color:var(--w60);line-height:1.7;margin-bottom:16px}
.leader-bio strong{color:var(--w);font-weight:600}
.leader-list{list-style:none;margin:0 0 20px}
.leader-list li{position:relative;padding:6px 0 6px 22px;font-size:12.5px;color:var(--w60);line-height:1.5}
.leader-list li::before{content:'';position:absolute;left:0;top:11px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.leader-list li strong{color:var(--w);font-weight:600}
.leader-links{display:flex;gap:10px;flex-wrap:wrap}
.leader-link{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid var(--bd2);border-radius:9px;font-size:12.5px;font-weight:600;color:var(--w90);text-decoration:none;transition:border-color .15s,color .15s}
.leader-link:hover{border-color:var(--gold-dim);color:var(--gold)}
.leader-link svg{color:var(--gold)}

@media(max-width:960px){
  .pillars{grid-template-columns:1fr}
  .metrics-band{grid-template-columns:1fr 1fr;gap:28px 18px}
  .leader-card{grid-template-columns:1fr;gap:20px;padding:28px}
  .leader-photo{width:72px;height:72px;font-size:26px}
}
@media(max-width:520px){.metrics-band{grid-template-columns:1fr}}

/* ── Rotação de IAs no hero ── */
.ai-rotator{display:inline-block;vertical-align:baseline;white-space:nowrap}
.ai-rotator em{display:inline-block;font-style:normal;background:linear-gradient(120deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:opacity .4s ease,filter .4s ease;will-change:opacity,filter}

/* ═══════════ 3 MÉTRICAS CENTRAIS ═══════════ */
.metrics3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1080px;margin:44px auto 0}
.m3{background:var(--s1);border:1px solid var(--bd2);border-radius:16px;padding:28px;display:flex;flex-direction:column}
.m3-ic{width:46px;height:46px;border-radius:12px;background:var(--s2);border:1px solid var(--bd2);color:var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.m3-t{font-size:17px;font-weight:800;letter-spacing:-.4px;margin-bottom:9px}
.m3-b{font-size:13px;color:var(--w60);line-height:1.65;flex:1;margin-bottom:18px}
.m3-demo{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--bd)}
.m3-demo-bar{flex:1;height:8px;background:var(--s3);border-radius:4px;overflow:hidden}
.m3-demo-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:4px}
.m3-demo-val{font-size:14px;font-weight:800;letter-spacing:-.4px;color:var(--gold2)}
.m3-demo-rank{flex:1;font-size:24px;font-weight:900;letter-spacing:-1px;background:linear-gradient(120deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.m3-demo-sent{flex:1;height:8px;background:var(--s3);border-radius:4px;overflow:hidden;display:flex}
.m3-demo-sent .sent-pos{display:block;height:100%;background:linear-gradient(90deg,#2ea05a,#3cc06f)}

/* ═══════════ BENCHMARK COMPETITIVO ═══════════ */
.bench{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center;max-width:1080px;margin:44px auto 0}
.bench-chart{position:relative;padding:0 0 26px 26px}
.bench-grid{position:relative;aspect-ratio:16/11;border-left:1px solid var(--bd2);border-bottom:1px solid var(--bd2);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;background:linear-gradient(180deg,var(--gold-glow),transparent 60%)}
.bench-quad{position:relative;border-right:1px dashed var(--bd);border-bottom:1px dashed var(--bd)}
.bench-quad span{position:absolute;top:8px;font-size:9.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--w30)}
.bench-leaders span{right:10px;color:var(--gold)}
.bench-niche span{left:10px}
.bench-watch span{right:10px}
.bench-laggers span{left:10px}
.bench .dot{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--w30);transform:translate(-50%,-50%);transition:transform .2s}
.bench .dot-you{width:18px;height:18px;background:linear-gradient(160deg,var(--gold2),var(--gold));box-shadow:0 0 0 5px var(--gold-glow),0 4px 14px rgba(205,176,122,.34);z-index:2}
.bench .dot-you::after{content:attr(data-label);position:absolute;left:50%;top:-26px;transform:translateX(-50%);white-space:nowrap;font-size:11px;font-weight:700;color:var(--gold2)}
.bench-axis-y{position:absolute;left:-2px;top:50%;transform:rotate(-90deg) translateX(0);transform-origin:left;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--w30)}
.bench-axis-x{text-align:center;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--w30);margin-top:10px}
.bench-legend{display:flex;flex-direction:column;gap:18px}
.bl-item{display:flex;gap:12px;align-items:flex-start;font-size:13px;color:var(--w60);line-height:1.5}
.bl-item strong{color:var(--w);font-weight:700}
.bl-dot{flex-shrink:0;width:14px;height:14px;border-radius:50%;background:var(--w30);margin-top:2px}
.bl-dot.bl-you{background:linear-gradient(160deg,var(--gold2),var(--gold))}
.bl-note{font-size:11.5px;color:var(--w30);line-height:1.5;border-top:1px solid var(--bd);padding-top:14px}

/* ═══════════ TESTIMONIALS ═══════════ */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1080px;margin:40px auto 0}
.quote{background:var(--s1);border:1px solid var(--bd2);border-radius:16px;padding:28px;margin:0;display:flex;flex-direction:column;gap:20px}
.quote blockquote{margin:0;font-size:14.5px;line-height:1.6;color:var(--w90);font-weight:500}
.quote figcaption{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--w60);line-height:1.4}
.q-av{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--s3);border:1px solid var(--bd2);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.quote figcaption strong{color:var(--w);font-weight:700}

@media(max-width:960px){
  .metrics3,.quotes{grid-template-columns:1fr}
  .bench{grid-template-columns:1fr;gap:24px}
}

/* ═══════════ TABELA DE COMPARAÇàO ═══════════ */
.cmp-table{max-width:1040px;margin:0 auto;border:1px solid var(--bd2);border-radius:18px;overflow:hidden}
.cmp-row{display:grid;grid-template-columns:minmax(320px,2.25fr) repeat(3,minmax(148px,1fr));align-items:stretch;border-bottom:1px solid var(--bd)}
.cmp-row:last-child{border-bottom:none}
.cmp-head{background:var(--s2);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.cmp-head .cmp-col{color:var(--w60);padding:18px 14px;text-align:center}
.cmp-head .cmp-us{color:var(--gold)}
.cmp-feat{font-size:13px;color:var(--w90);padding:18px 22px;line-height:1.5;display:flex;align-items:center}
.cmp-head .cmp-feat{color:var(--w60)}
.cmp-col{padding:18px 14px;display:flex;align-items:center;justify-content:center;min-height:100%}
.cmp-us-cell{background:linear-gradient(180deg,var(--gold-glow),transparent)}
.cmp-yes{color:var(--gold)}
.cmp-us-cell.cmp-yes{color:var(--gold2)}
.cmp-no{color:var(--w12)}
.cmp-part{font-size:11px;color:var(--w30);font-style:italic}
.cmp-row:hover{background:var(--w03)}
.cmp-row.cmp-head:hover{background:var(--s2)}
@media(max-width:680px){
  .cmp-row{grid-template-columns:1.6fr .8fr .8fr .8fr}
  .cmp-feat{font-size:11.5px;padding:12px}
  .cmp-head{font-size:9px}
  .cmp-head .cmp-col{padding:12px 4px}
}

/* ════════════════════════════════════════
   LANDING PAGES (produtos + públicos)
   Componentes reutilizáveis — herdam os tokens
   da marca (--gold, --bd, --s1, --w60, etc.)
════════════════════════════════════════ */
.lp-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--gold-dim);border-radius:100px;background:var(--gold-glow);color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;margin-bottom:22px}
.lp-badge svg{width:13px;height:13px}

/* HERO split: texto + visual */
.lp-hero{position:relative;padding:104px 56px 56px;max-width:var(--layout-shell);margin:0 auto}
.lp-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.lp-hero h1{font-size:46px;font-weight:900;letter-spacing:-2px;line-height:1.04;margin-bottom:20px}
.lp-hero h1 em{font-style:normal;background:linear-gradient(115deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lp-hero-p{font-size:16px;color:var(--w60);line-height:1.66;max-width:560px;margin-bottom:28px}
.lp-hero-p strong{color:var(--w90);font-weight:600}
.lp-hero .hero-btns{justify-content:flex-start}
.lp-trust{display:flex;align-items:center;gap:16px;margin-top:26px;flex-wrap:wrap}
.lp-trust-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--w60)}
.lp-trust-item svg{width:15px;height:15px;color:var(--gold);flex-shrink:0}

/* Painel visual do hero (mock premium) */
.lp-visual{background:linear-gradient(165deg,var(--s2),var(--bg));border:1px solid var(--bd2);border-radius:18px;padding:22px;box-shadow:0 30px 70px rgba(0,0,0,.45),0 0 0 1px var(--w03)}
body.light .lp-visual{box-shadow:0 24px 60px rgba(22,20,15,.12)}
.lpv-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--bd);margin-bottom:16px}
.lpv-title{font-size:12px;font-weight:700;color:var(--w90);display:flex;align-items:center;gap:8px}
.lpv-title svg{width:15px;height:15px;color:var(--gold)}
.lpv-tag{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--w30)}
.lpv-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid var(--bd);border-radius:10px;margin-bottom:8px;background:var(--s1)}
.lpv-row.hi{border-color:var(--gold-dim);background:var(--gold-glow)}
.lpv-rank{width:22px;height:22px;border-radius:6px;background:var(--s3);border:1px solid var(--bd2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--w60);flex-shrink:0}
.lpv-row.hi .lpv-rank{background:linear-gradient(160deg,var(--gold2),var(--gold));color:#1a1408;border-color:transparent}
.lpv-name{flex:1;font-size:12.5px;font-weight:600;color:var(--w90)}
.lpv-name small{display:block;font-size:10px;color:var(--w30);font-weight:500;margin-top:1px}
.lpv-badge{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--gold)}
.lpv-pct{font-size:12px;font-weight:800;color:var(--w);font-variant-numeric:tabular-nums}
.lpv-bar{height:5px;border-radius:3px;background:var(--s3);overflow:hidden;flex:1;max-width:90px}
.lpv-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--gold),var(--gold2))}

/* FEATURE ROWS — alternadas */
.feat-rows{display:flex;flex-direction:column;gap:18px;margin-top:52px}
.feat-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;background:var(--s1);border:1px solid var(--bd2);border-radius:18px;padding:44px}
.feat-row.rev .feat-txt{order:2}
.feat-ic{width:46px;height:46px;border-radius:12px;background:var(--s2);border:1px solid var(--bd2);color:var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.feat-kicker{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.feat-h{font-size:24px;font-weight:800;letter-spacing:-.7px;line-height:1.15;margin-bottom:12px}
.feat-b{font-size:14px;color:var(--w60);line-height:1.7;margin-bottom:18px}
.feat-b strong{color:var(--w90);font-weight:600}
.feat-list{list-style:none;display:flex;flex-direction:column;gap:9px}
.feat-list li{position:relative;padding-left:26px;font-size:13px;color:var(--w90);line-height:1.5}
.feat-list li svg{position:absolute;left:0;top:2px;width:15px;height:15px;color:var(--gold)}
.feat-vis{background:var(--bg);border:1px solid var(--bd);border-radius:14px;padding:20px;min-height:200px;display:flex;flex-direction:column;justify-content:center}

/* BENEFÍCIOS / cards 3-up (ícone + título + corpo) */
.ben-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
.ben-card{background:var(--s1);border:1px solid var(--bd2);border-radius:14px;padding:30px 28px;transition:border-color .2s,transform .2s}
.ben-card:hover{border-color:var(--bd3);transform:translateY(-3px)}
.ben-ic{width:42px;height:42px;border-radius:11px;background:var(--s2);border:1px solid var(--bd2);color:var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.ben-t{font-size:16px;font-weight:700;letter-spacing:-.3px;margin-bottom:9px;line-height:1.25}
.ben-b{font-size:13px;color:var(--w60);line-height:1.68}
.ben-b strong{color:var(--w90);font-weight:600}

/* PASSOS numerados (linha) */
.lp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;border:0;border-radius:0;overflow:visible;background:transparent;margin-top:48px}
.lp-step{display:flex;flex-direction:column;gap:0;background:var(--bg);padding:34px 28px 32px;position:relative;min-height:100%;border:1px solid var(--bd);border-radius:16px}
.lp-step-n{font-size:30px;font-weight:900;letter-spacing:-1.5px;background:linear-gradient(120deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:16px}
.lp-step-t{font-size:14.5px;font-weight:700;letter-spacing:-.3px;margin-bottom:10px;line-height:1.35}
.lp-step-b{font-size:12.5px;color:var(--w60);line-height:1.68;max-width:32ch}

/* AUDIÊNCIA — cards de público (empresas/profissionais) */
.aud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.aud-card{background:var(--s1);border:1px solid var(--bd2);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:10px}
.aud-ic{width:40px;height:40px;border-radius:10px;background:var(--s2);border:1px solid var(--bd2);color:var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.aud-t{font-size:15px;font-weight:700;letter-spacing:-.3px}
.aud-b{font-size:12.5px;color:var(--w60);line-height:1.62}

/* CITAÇàO / depoimento */
.lp-quote{max-width:var(--layout-narrow);margin:48px auto 0;background:var(--s1);border:1px solid var(--bd2);border-left:3px solid var(--gold);border-radius:14px;padding:36px 40px}
.lp-quote-txt{font-size:18px;font-weight:500;line-height:1.55;letter-spacing:-.3px;color:var(--w90)}
.lp-quote-txt::before{content:'“';color:var(--gold);font-size:30px;line-height:0;margin-right:2px;vertical-align:-6px}
.lp-quote-by{display:flex;align-items:center;gap:12px;margin-top:22px}
.lp-quote-av{width:40px;height:40px;border-radius:11px;background:linear-gradient(160deg,var(--gold2),var(--gold));color:#1a1408;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;flex-shrink:0}
.lp-quote-meta b{font-size:13px;font-weight:700;display:block}
.lp-quote-meta span{font-size:12px;color:var(--w30)}

/* PREÇO em destaque (apontador para planos) */
.lp-price{max-width:520px;margin:44px auto 0;background:linear-gradient(165deg,var(--s2),var(--bg));border:1px solid var(--gold-dim);border-radius:18px;padding:36px;text-align:center}
.lp-price-from{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--w30);font-weight:700}
.lp-price-v{font-size:44px;font-weight:900;letter-spacing:-2px;margin:6px 0 2px}
.lp-price-v span{font-size:16px;font-weight:600;color:var(--w30);letter-spacing:0}
.lp-price-d{font-size:13px;color:var(--w60);line-height:1.6;margin-bottom:22px}
.lp-price .btn-primary{width:100%;justify-content:center}
.lp-price-link-wrap{margin-top:14px}
.lp-price-link{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-family:var(--font-mono)}

.page-product .lp-hero,
.page-shopping .lp-hero{
  padding-top:112px;
  padding-bottom:64px;
}

.page-product .lp-visual,
.page-shopping .lp-visual{
  min-height:100%;
}

.lp-badge--center{
  margin-left:auto;
  margin-right:auto;
}

.lp-hero-copy{
  max-width:580px;
}

.lp-mini-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.lp-mini-block{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.lp-mini-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0;
  padding:0;
  border:none;
  background:none;
}

.lpv-bar--wide{
  max-width:none;
  margin-top:5px;
}

.lpv-fill--88 i{width:88%}
.lpv-fill--71 i{width:71%}
.lpv-fill--64 i{width:64%}
.lpv-fill--58 i{width:58%}
.lpv-fill--55 i{width:55%}
.lpv-fill--52 i{width:52%}
.lpv-fill--41 i{width:41%}
.lpv-fill--38 i{width:38%}
.lpv-fill--33 i{width:33%}
.lpv-fill--46 i{width:46%}
.lpv-fill--32 i{width:32%}
.lpv-fill--24 i{width:24%}

.lp-narrow{
  max-width:760px;
  margin:0 auto;
}

.u-text-left{
  text-align:left;
}

.u-center-text{
  text-align:center;
}

.u-center-text .auth-band-p{
  max-width:560px;
  margin-left:auto;
  margin-right:auto;
}

.u-center-text .index-cta{
  justify-content:center;
}

.u-card-link{
  text-decoration:none;
  color:inherit;
}

.u-note-muted{
  margin-top:30px;
  font-size:13px;
  color:var(--w30);
}

.u-mt-32{margin-top:32px}
.u-mt-40{margin-top:40px}
.u-mt-44{margin-top:44px}
.u-mt-46{margin-top:46px}
.u-mt-48{margin-top:48px}
.u-mt-50{margin-top:50px}

.u-margin-top-8{
  margin-top:8px;
}

.u-two-col-list{
  columns:2;
  column-gap:40px;
}

.chart--520{max-width:520px;margin-left:auto;margin-right:auto}
.chart--540{max-width:540px;margin-left:auto;margin-right:auto}
.chart--560{max-width:560px;margin-left:auto;margin-right:auto}
.chart--620{max-width:620px;margin-left:auto;margin-right:auto}
.chart--640{max-width:640px;margin-left:auto;margin-right:auto}

.pillars--spacious{
  margin-top:44px;
}

.cmp-table--spacious{
  margin-top:44px;
}

.page-hero--compact{
  padding-bottom:40px;
}

.sec--tight-top{
  padding-top:20px;
}

/* tira de prova social compacta */
.lp-logos{display:flex;align-items:center;justify-content:center;gap:14px 30px;flex-wrap:wrap;margin-top:32px;opacity:.85}
.lp-logos span{font-size:13px;font-weight:700;letter-spacing:-.2px;color:var(--w30)}

@media(max-width:960px){
  .lp-hero{padding:80px 20px 40px}
  .lp-hero-grid{grid-template-columns:1fr;gap:36px}
  .lp-hero h1{font-size:36px;letter-spacing:-1.4px}
  .feat-row{grid-template-columns:1fr;gap:26px;padding:32px}
  .feat-row.rev .feat-txt{order:0}
  .ben-grid{grid-template-columns:1fr;}
  .lp-steps{grid-template-columns:1fr 1fr}
  .aud-grid{grid-template-columns:1fr}
  .u-two-col-list{columns:1}
}
@media(max-width:560px){
  .lp-hero h1{font-size:30px}
  .lp-steps{grid-template-columns:1fr}
  .lp-quote{padding:26px 24px}
  .feat-row{padding:24px}
  .page-product .lp-hero,
  .page-shopping .lp-hero{padding-top:88px;padding-bottom:44px}
}

/* ════════ CASES — grade de resultados por setor ════════ */
.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
.cs-card{background:var(--s1);border:1px solid var(--bd2);border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:16px;transition:border-color .2s,transform .2s}
.cs-card:hover{border-color:var(--bd3);transform:translateY(-3px)}
.cs-tag{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--gold)}
.cs-tag svg{width:13px;height:13px}
.cs-narr{font-size:13px;color:var(--w60);line-height:1.6}
.cs-narr strong{color:var(--w90);font-weight:600}
.cs-metric{margin-top:auto;display:flex;align-items:center;gap:14px;padding-top:16px;border-top:1px solid var(--bd)}
.cs-from{font-size:15px;font-weight:700;color:var(--w30);text-decoration:line-through;text-decoration-color:var(--bd3)}
.cs-arrow{color:var(--gold);display:flex}
.cs-to{font-size:24px;font-weight:900;letter-spacing:-.8px;background:linear-gradient(120deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.cs-to small{display:block;font-size:10px;font-weight:600;color:var(--w30);letter-spacing:0;-webkit-text-fill-color:var(--w30);margin-top:3px}
.cases-note{text-align:center;font-size:12px;color:var(--w30);margin-top:32px;max-width:680px;margin-left:auto;margin-right:auto;line-height:1.6}
/* faixa de evidências de mercado */
.evix{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:16px;overflow:hidden;margin-top:44px}
.evi{background:var(--bg);padding:30px 26px}
.evi-n{font-size:34px;font-weight:900;letter-spacing:-1.4px;background:linear-gradient(120deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.evi-l{font-size:12px;color:var(--w60);line-height:1.5;margin-top:10px}
.evi-s{font-size:10px;color:var(--w30);margin-top:8px;font-weight:600}
@media(max-width:960px){.cases-grid{grid-template-columns:1fr 1fr}.evix{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.cases-grid{grid-template-columns:1fr}.evix{grid-template-columns:1fr}}

/* ════════ CICLO DA PLATAFORMA (4 produtos em loop) ════════ */
.cycle{margin-top:34px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.cycle-step{text-align:center;padding:0 14px;position:relative}
.cycle-node{width:62px;height:62px;border-radius:18px;background:linear-gradient(160deg,var(--s2),var(--s1));border:1px solid var(--bd2);color:var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;position:relative;z-index:2}
.cycle-step:not(:last-child)::after{content:'';position:absolute;top:31px;left:calc(50% + 42px);width:calc(100% - 84px);height:2px;background:linear-gradient(90deg,var(--gold-dim),var(--bd2));z-index:1}
.cycle-step:not(:last-child)::before{content:'';position:absolute;top:27px;left:calc(100% - 44px);width:9px;height:9px;border-top:2px solid var(--bd2);border-right:2px solid var(--bd2);transform:rotate(45deg);z-index:2}
.cycle-ph{font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--gold);margin-bottom:7px}
.cycle-pt{font-size:14.5px;font-weight:700;letter-spacing:-.3px;margin-bottom:7px}
.cycle-pb{font-size:12px;color:var(--w60);line-height:1.55}
.cycle-loop{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:40px}
.cycle-loop-pill{display:inline-flex;align-items:center;gap:9px;padding:10px 18px;border:1px solid var(--gold-dim);border-radius:100px;background:var(--gold-glow);font-size:12.5px;color:var(--w90);font-weight:600}
.cycle-loop-pill svg{width:16px;height:16px;color:var(--gold)}
.cycle-loop-pill strong{color:var(--gold);font-weight:700}
@media(max-width:960px){
  .cycle{grid-template-columns:1fr 1fr;gap:36px 0}
  .cycle-step:not(:last-child)::after,.cycle-step:not(:last-child)::before{display:none}
}
@media(max-width:560px){.cycle{grid-template-columns:1fr;gap:30px 0}}

/* ════════ PROGRAMA DE PARCEIROS — seções por perfil ════════ */
/* seletor de perfil (auto-identificação) */
.pick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.pick-card{background:var(--s1);border:1px solid var(--bd2);border-radius:16px;padding:28px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:12px;transition:border-color .2s,transform .2s,background .2s;position:relative}
.pick-card:hover{border-color:var(--gold-dim);transform:translateY(-3px);background:var(--s2)}
.pick-ic{width:48px;height:48px;border-radius:13px;background:var(--s2);border:1px solid var(--bd2);color:var(--gold);display:flex;align-items:center;justify-content:center}
.pick-card:hover .pick-ic{background:var(--gold-glow)}
.pick-t{font-size:17px;font-weight:800;letter-spacing:-.3px}
.pick-b{font-size:12.5px;color:var(--w60);line-height:1.55;flex:1}
.pick-go{font-size:12px;font-weight:700;color:var(--gold);display:inline-flex;align-items:center;gap:6px}

/* seção de perfil */
.persona{scroll-margin-top:90px}
.persona-head{display:flex;align-items:center;gap:18px;margin-bottom:8px}
.persona-head--center{justify-content:center;text-align:center}
.persona-ic{width:60px;height:60px;border-radius:16px;background:linear-gradient(160deg,var(--gold2),var(--gold));color:#1a1408;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.persona-eyebrow{font-size:10.5px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.persona-h{font-size:30px;font-weight:900;letter-spacing:-1.2px;line-height:1.05}
.persona-copy--center{max-width:var(--layout-compact);margin-left:auto;margin-right:auto;text-align:center}
.persona-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}
.persona-card{background:var(--s1);border:1px solid var(--bd2);border-radius:16px;padding:30px}
.persona-card.accent{background:linear-gradient(165deg,var(--s2),var(--bg));border-color:var(--gold-dim)}
.persona-card-h{font-size:13px;font-weight:800;letter-spacing:.3px;margin-bottom:18px;display:flex;align-items:center;gap:9px;color:var(--w)}
.persona-card-h svg{width:17px;height:17px;color:var(--gold)}
.persona-list{list-style:none;display:flex;flex-direction:column;gap:11px}
.persona-list li{position:relative;padding-left:26px;font-size:13px;color:var(--w90);line-height:1.5}
.persona-list li svg{position:absolute;left:0;top:2px;width:15px;height:15px;color:var(--gold)}
.persona-earn{display:flex;flex-direction:column;gap:12px}
.persona-earn-row{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--bd)}
.persona-earn-row:last-child{border-bottom:none}
.persona-earn-ic{width:30px;height:30px;border-radius:9px;background:var(--s2);border:1px solid var(--bd2);color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.persona-earn-ic svg{width:15px;height:15px}
.persona-earn-t{font-size:13px;font-weight:700;color:var(--w)}
.persona-earn-b{font-size:12px;color:var(--w60);line-height:1.5;margin-top:2px}
.persona-cta{margin-top:28px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.persona-cta--center{justify-content:center}
@media(max-width:860px){
  .pick-grid{grid-template-columns:1fr}
  .persona-grid{grid-template-columns:1fr;gap:18px}
  .persona-h{font-size:24px}
  .persona-ic{width:50px;height:50px}
}

/* ════════════════════════════════════════
   TRADUÇàO WHITE-LABEL (Google Translate oculto)
   Pilar 1 — ocultação agressiva do chrome do Google
════════════════════════════════════════ */
#google_translate_element,.goog-te-gadget,.goog-te-gadget-simple,.goog-te-gadget-icon{display:none!important}
.goog-te-banner-frame,.goog-te-banner-frame.skiptranslate,.goog-te-banner{display:none!important;visibility:hidden!important;height:0!important}
iframe.skiptranslate,.skiptranslate>iframe,.VIpgJd-ZVi9od-aZ2wEe-wOHMyf{display:none!important;visibility:hidden!important}
.goog-tooltip,.goog-tooltip:hover,.goog-te-balloon-frame{display:none!important}
.goog-text-highlight{background:none!important;box-shadow:none!important;color:inherit!important}
/* corrige o top:40px que o banner injeta no body */
body{top:0!important;position:static!important}
html.translated-ltr body,html.translated-rtl body{top:0!important}
html.translated-ltr,html.translated-rtl{min-height:auto}

/* ── Seletor de idiomas customizado ── */
.lang-switch{position:relative}
.lang-switch summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--bd2);border-radius:9px;color:var(--w60);background:transparent;transition:color .15s,border-color .15s;font-size:12px;font-weight:600}
.lang-switch summary::-webkit-details-marker{display:none}
.lang-switch summary:hover{color:var(--w90);border-color:var(--bd3)}
.lang-switch[open] summary{color:var(--w90);border-color:var(--gold-dim)}
.lang-switch summary svg:first-child{color:var(--gold)}
.lang-cur{letter-spacing:.3px}
.lang-chev{transition:transform .2s;opacity:.7}
.lang-switch[open] .lang-chev{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:172px;background:var(--s1);border:1px solid var(--bd2);border-radius:12px;padding:6px;box-shadow:0 18px 44px rgba(0,0,0,.5);z-index:120;animation:langIn .16s ease}
body.light .lang-menu{box-shadow:0 18px 44px rgba(22,20,15,.14)}
@keyframes langIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.lang-opt{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;font-size:13px;font-weight:500;color:var(--w90);text-decoration:none;cursor:pointer;transition:background .12s}
.lang-opt:hover{background:var(--s3)}
.lang-opt .lang-code{font-size:10px;font-weight:800;letter-spacing:.4px;color:var(--gold);background:var(--gold-glow);border:1px solid var(--gold-dim);border-radius:5px;padding:2px 6px;min-width:26px;text-align:center}
.lang-opt.active{background:var(--gold-glow)}

/* ── idiomas no drawer mobile ── */
.drawer-lang{display:flex;align-items:center;justify-content:space-between;padding:14px 0 4px;border-top:1px solid var(--bd);margin-top:8px}
.drawer-lang-l{font-size:13px;color:var(--w30);font-weight:600}
.drawer-lang-opts{display:flex;gap:8px}
.drawer-lang-opts .lang-opt{padding:7px 13px;border:1px solid var(--bd2);border-radius:8px;font-size:12px;font-weight:700;color:var(--w60)}
.drawer-lang-opts .lang-opt:hover{color:var(--w90);background:var(--s2)}
@media(max-width:560px){.lang-switch{display:none}}

/* offset de âncora sob o nav fixo (abertura direta via URL com #) */
.sec[id],.sec-band[id],#conteudo,[id^="produto-"]{scroll-margin-top:84px}

/* ════════ CITANDUM INDEX (dado proprietário / fosso) ════════ */
.index-grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(320px,.9fr);gap:44px;align-items:center;max-width:1060px;margin:44px auto 0}
.index-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.index-tab{font-size:11px;font-weight:700;letter-spacing:.2px;padding:6px 12px;border-radius:100px;border:1px solid var(--bd2);color:var(--w60);background:var(--s1)}
.index-tab.on{border-color:var(--gold-dim);background:var(--gold-glow);color:var(--gold)}
.index-note{font-size:10.5px;color:var(--w30);margin-top:12px;text-align:right;font-style:italic}
.index-cta{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:960px){.index-grid{grid-template-columns:1fr;gap:30px}}

/* ── faixa de capacidades do hero (sinal de maturidade técnica) ── */
.hero-caps{display:flex;align-items:center;gap:18px;margin-top:16px;flex-wrap:wrap}
.hcap{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;color:var(--w60);font-weight:500;white-space:nowrap}
.hcap svg{width:14px;height:14px;color:var(--gold);flex-shrink:0}
/* indicador "ao vivo" no mock do dashboard */
.dash-live{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--w60)}
.dash-live i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(92,196,120,.5);animation:htpulse 2.4s infinite;flex-shrink:0}
@media(max-width:560px){.hero-caps{gap:12px}.hcap{font-size:10.5px}}

/* ════════ NAV DROPDOWNS (menu maduro) ════════ */
.nav-item.has-dd{position:relative}
.nav-dd-trigger{display:inline-flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;color:var(--w60);padding:6px 0;transition:color .15s;letter-spacing:.01em}
.nav-dd-trigger:hover,.nav-item.has-dd:hover .nav-dd-trigger,.nav-item.has-dd:focus-within .nav-dd-trigger{color:var(--w)}
.nav-chev{transition:transform .2s;opacity:.65}
.nav-item.has-dd:hover .nav-chev,.nav-item.has-dd:focus-within .nav-chev{transform:rotate(180deg)}
/* bridge invisível para não perder o hover no gap */
.nav-item.has-dd::before{content:"";position:absolute;top:100%;left:-20px;right:-20px;height:14px}
.nav-dd{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(-6px);min-width:248px;background:var(--s1);border:1px solid var(--bd2);border-radius:14px;padding:8px;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s;box-shadow:0 22px 54px rgba(0,0,0,.55);z-index:320}
body.light .nav-dd{box-shadow:0 22px 54px rgba(22,20,15,.16)}
.nav-item.has-dd:hover .nav-dd,.nav-item.has-dd:focus-within .nav-dd{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav-dd a{display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:9px;font-size:13px;font-weight:500;color:var(--w90);text-decoration:none;transition:background .12s,color .12s;white-space:nowrap}
.nav-dd a:hover{background:var(--s3);color:var(--w)}
.dd-tag{font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--gold);background:var(--gold-glow);border:1px solid var(--gold-dim);border-radius:5px;padding:2px 6px;margin-left:auto}
/* drawer mobile: seções agrupadas */
.drawer-group{font-size:10.5px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:var(--w30);margin:18px 0 2px;padding-top:14px;border-top:1px solid var(--bd)}
.drawer-group:first-of-type{border-top:none;padding-top:0;margin-top:4px}
.mobile-drawer a.drawer-sub{font-size:15px;padding:9px 0;color:var(--w90)}

/* ── nuvem de tags (profissões / setores) ── */
.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}
.tag-cloud.center{justify-content:center}
.aud-tag{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--bd2);border-radius:100px;background:var(--s1);font-size:13px;font-weight:600;color:var(--w90);transition:border-color .15s,background .15s,transform .15s}
.aud-tag:hover{border-color:var(--gold-dim);background:var(--s2);transform:translateY(-2px)}
.aud-tag svg{width:15px;height:15px;color:var(--gold);flex-shrink:0}
@media(max-width:560px){.aud-tag{padding:8px 13px;font-size:12px}}

/* ════════ OBSERVATÓRIO (área de dados / PR) ════════ */
.obs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.obs-card{background:var(--s1);border:1px solid var(--bd2);border-radius:14px;padding:26px 24px;display:flex;flex-direction:column;gap:11px;transition:border-color .15s,transform .15s}
.obs-card:hover{border-color:var(--gold-dim);transform:translateY(-2px)}
.obs-n{font-size:34px;font-weight:900;letter-spacing:-1.5px;color:var(--gold);line-height:1}
.obs-l{font-size:13.5px;color:var(--w90);line-height:1.55;flex:1}
.obs-src{font-size:10px;color:var(--w30);letter-spacing:.2px;padding-top:9px;border-top:1px solid var(--bd);text-transform:uppercase;font-weight:600}
.obs-note{margin-top:34px;padding:20px 22px;background:var(--s1);border:1px solid var(--bd2);border-radius:12px;font-size:12.5px;color:var(--w60);line-height:1.6}
.obs-note strong{color:var(--w90)}
@media(max-width:860px){.obs-grid{grid-template-columns:1fr}.obs-n{font-size:30px}}

/* ════════ GRÁFICOS ANIMADOS (vanilla, entrada on-scroll) ════════ */
.chart{margin-top:40px}
.barchart{display:flex;align-items:flex-end;gap:22px;height:260px;padding:34px 8px 0;justify-content:center}
.barcol{flex:1;max-width:130px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:14px;height:100%}
.barcol .bar{width:100%;max-width:84px;border-radius:10px 10px 0 0;height:0;position:relative;transition:height 1.15s cubic-bezier(.16,1,.3,1)}
.barcol .bar.g{background:linear-gradient(180deg,var(--gold),var(--gold2))}
.barcol .bar.m{background:linear-gradient(180deg,var(--s3),var(--s2));border:1px solid var(--bd2);border-bottom:none}
.chart.in .barcol .bar{height:var(--bh)}
.barcol:nth-child(2) .bar{transition-delay:.12s}
.barcol:nth-child(3) .bar{transition-delay:.24s}
.barcol:nth-child(4) .bar{transition-delay:.36s}
.bar-v{position:absolute;top:-30px;left:0;right:0;text-align:center;font-size:17px;font-weight:900;color:var(--w);letter-spacing:-.5px;opacity:0;transform:translateY(8px);transition:opacity .55s ease,transform .55s ease}
.chart.in .bar-v{opacity:1;transform:none;transition-delay:.55s}
.chart.in .barcol:nth-child(2) .bar-v{transition-delay:.67s}
.chart.in .barcol:nth-child(3) .bar-v{transition-delay:.79s}
.chart.in .barcol:nth-child(4) .bar-v{transition-delay:.91s}
.bar-l{font-size:12px;color:var(--w60);text-align:center;line-height:1.35;max-width:130px}
.chart-cap{text-align:center;font-size:11px;color:var(--w30);font-style:italic;margin-top:20px}
/* gráfico de barras horizontais (share) */
.hbars{display:flex;flex-direction:column;gap:16px;margin-top:36px}
.hbar{display:grid;grid-template-columns:140px 1fr 56px;align-items:center;gap:16px}
.hbar-l{font-size:13px;color:var(--w90);font-weight:600;text-align:right}
.hbar-track{height:14px;border-radius:8px;background:var(--s2);border:1px solid var(--bd);overflow:hidden}
.hbar-fill{height:100%;width:0;border-radius:8px;background:linear-gradient(90deg,var(--gold2),var(--gold));transition:width 1.3s cubic-bezier(.16,1,.3,1)}
.chart.in .hbar-fill{width:var(--bw)}
.hbar:nth-child(2) .hbar-fill{transition-delay:.1s}
.hbar:nth-child(3) .hbar-fill{transition-delay:.2s}
.hbar:nth-child(4) .hbar-fill{transition-delay:.3s}
.hbar-v{font-size:14px;font-weight:800;color:var(--gold)}
@media(max-width:560px){.barchart{height:220px;gap:12px}.bar-l{font-size:10.5px}.hbar{grid-template-columns:96px 1fr 46px;gap:10px}.hbar-l{font-size:11px}}

/* ── Hero mock: linha de evolução com draw-on no load ── */
.dash-chart-wrap .chart-line{stroke-dasharray:320;stroke-dashoffset:320;animation:drawLine 1.8s cubic-bezier(.16,1,.3,1) .45s forwards}
@keyframes drawLine{to{stroke-dashoffset:0}}
.dash-chart-wrap .chart-area{opacity:0;animation:fadeArea .9s ease 1.5s forwards}
@keyframes fadeArea{to{opacity:1}}
@media(prefers-reduced-motion:reduce){
  .dash-chart-wrap .chart-line{animation:none;stroke-dashoffset:0}
  .dash-chart-wrap .chart-area{animation:none;opacity:1}
}

/* ── Benchmark: entrada animada dos pontos do quadrante ── */
.bench-grid > span{transform:scale(0);opacity:0;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .45s ease}
.bench.in .bench-grid > span{transform:scale(1);opacity:1}
.bench-grid > span:nth-of-type(2){transition-delay:.08s}
.bench-grid > span:nth-of-type(3){transition-delay:.16s}
.bench-grid > span:nth-of-type(4){transition-delay:.24s}
.bench-grid > span:nth-of-type(5){transition-delay:.32s}
.bench-grid > span:nth-of-type(6){transition-delay:.40s}
@media(prefers-reduced-motion:reduce){.bench-grid > span{transform:none;opacity:1;transition:none}}

/* ── Acessibilidade: gráficos sem movimento para quem prefere ── */
@media(prefers-reduced-motion:reduce){
  .barchart .bar{height:var(--bh)!important;transition:none}
  .hbars .hbar-fill{width:var(--bw)!important;transition:none}
  .bar-v{opacity:1!important;transform:none!important;transition:none}
}

/* ── Selo "Em breve" (produto em roadmap) ── */
.soon-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 13px;border-radius:999px;background:var(--gold-glow);border:1px solid var(--gold-dim);color:var(--gold2);font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}
.soon-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}
.lpv-tag.soon{color:var(--gold2);background:var(--gold-glow);padding:3px 9px;border-radius:999px;border:1px solid var(--gold-dim)}

/* ═══════════════════════════════════════════
   SUCCESS MAKERS DESIGN SYSTEM — CAMADA GLOBAL
   Mantém a estrutura atual, mas unifica tokens, tipografia
   e comportamento visual em todas as páginas.
═══════════════════════════════════════════ */
:root{
  --ink:#0A0A0A;
  --ink-muted:#5C5C5A;
  --on-ink:var(--white);

  --hairline:rgba(10,10,10,.12);
  --hairline-soft:rgba(10,10,10,.06);
  --hairline-strong:rgba(10,10,10,.24);

  --pulse-color:#0A7A3F;
  --accent-amber:#CDB07A;

  --dash-sidebar:#141412;
  --dash-sidebar-2:#1E1E1B;

  --font-display:'Inter Tight','Inter',sans-serif;
  --font-text:'Inter',sans-serif;
  --font-mono:'JetBrains Mono','SFMono-Regular',Consolas,monospace;

  --radius-pill:4px;
  --radius-card:8px;
  --radius-modal:12px;
  --radius-round:999px;

  --shadow-sm:0 1px 2px rgba(10,10,10,.06);
  --shadow-md:0 4px 12px rgba(10,10,10,.08);
  --shadow-lg:0 8px 32px rgba(10,10,10,.12);
  --shadow-xl:0 16px 56px rgba(10,10,10,.18);

  /* Mapeamento para a base já existente do projeto */
  --bg:#11110F;
  --bg2:#171713;
  --s1:#1C1B18;
  --s2:#22211E;
  --s3:#2B2925;
  --bd:rgba(247,245,240,.08);
  --bd2:rgba(247,245,240,.14);
  --bd3:rgba(247,245,240,.22);
  --w:#F7F5F0;
  --w90:rgba(247,245,240,.9);
  --w60:rgba(247,245,240,.66);
  --w30:rgba(247,245,240,.42);
  --w12:rgba(247,245,240,.12);
  --w06:rgba(247,245,240,.06);
  --w03:rgba(247,245,240,.03);
  --green:var(--pulse-color);
  --red:#B45A5A;
  --gold:var(--accent-amber);
  --gold2:#E6D2A8;
  --gold-dim:rgba(205,176,122,.42);
  --gold-glow:rgba(205,176,122,.10);
}

body.light{
  --bg:#f6f6f4;
  --bg2:#e9e9e6;
  --s0:#fdfdfb;
  --s1:#fcfcfa;
  --s2:#f1f1ed;
  --s3:#e4e4de;
  --s4:#f7f7f3;
  --s5:#e2e2db;
  --section-base:#f6f6f4;
  --section-alt:#e9e9e6;
  --section-spot:#ffffff;
  --section-spot-soft:#fdfdfb;
  --page-band-start:#efefec;
  --page-band-end:var(--section-alt);
  --page-cta-start:var(--section-spot);
  --page-cta-end:#f2f2ef;
  --bd:#d9d9d1;
  --bd2:#cac9bf;
  --bd3:#b7b4a6;
  --w:#171410;
  --w90:rgba(23,20,16,.92);
  --w60:rgba(23,20,16,.62);
  --w30:rgba(23,20,16,.48);
  --w12:rgba(23,20,16,.10);
  --w06:rgba(23,20,16,.05);
  --w03:rgba(23,20,16,.028);
  --green:#1f7a42;
  --red:#b23535;
  --gold:#ad8a46;
  --gold2:#8f6d31;
  --gold-dim:rgba(173,138,70,.28);
  --gold-glow:rgba(173,138,70,.08);
  --gold-line:rgba(173,138,70,.24);
  --gold-soft-bg:rgba(173,138,70,.10);
  --gold-soft-bd:rgba(173,138,70,.18);
  --gold-soft-ink:#8f6d31;
  --light-stroke-soft:rgba(10,10,10,.07);
  --light-stroke-mid:rgba(10,10,10,.08);
  --light-shadow-soft:0 14px 34px rgba(22,20,15,.06);
  --light-shadow-card:0 18px 44px rgba(22,20,15,.08);
  --dark-fg-soft:rgba(247,245,240,.38);
  --dark-fg-muted:rgba(247,245,240,.42);
  --dark-fg-mid:rgba(247,245,240,.78);
  --dark-fg-strong:rgba(247,245,240,.82);
  --dark-fg-max:rgba(247,245,240,.92);
  --dark-glass-1:rgba(255,255,255,.03);
  --dark-glass-2:rgba(255,255,255,.04);
  --dark-glass-3:rgba(255,255,255,.05);
  --dark-glass-4:rgba(255,255,255,.06);
  --dark-line-soft:rgba(255,255,255,.07);
  --dark-line:rgba(255,255,255,.08);
  --dark-line-mid:rgba(255,255,255,.10);
  --dark-line-strong:rgba(255,255,255,.12);
  --dark-line-cta:rgba(255,255,255,.14);
  --dark-gold-line:rgba(205,176,122,.34);
  --dark-gold-line-soft:rgba(205,176,122,.32);
  --nav-glass:rgba(246,246,244,.88);
  --drawer-glass:rgba(246,246,244,.98);
  --hero-home-bg:var(--white);
}

body{
  background:var(--bg);
  color:var(--w90);
  font-family:var(--font-text);
  font-size:15px;
  line-height:1.6;
}

::selection{background:var(--gold-glow);color:var(--w)}

.icon,
.icon-lg{
  display:inline-block;
  width:1em;
  height:1em;
  vertical-align:-.14em;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.icon-lg{
  width:1.4em;
  height:1.4em;
}

.hero-title,
.page-hero-h,
.sec-h,
.case-h,
.cta-h,
.lp-hero h1,
.auth-band-h,
.persona-h,
.urgency-h,
.feat-h,
.plan-price,
.metric-big-n,
.obs-n,
.evi-n,
.cm-val,
.cm-foot-val,
.m3-demo-rank,
.mm-pct,
.auth-stat-n,
.lp-price-v,
.hero-title em,
.page-hero-h em,
.sec-h em,
.case-h em,
.cta-h em,
.lp-hero h1 em{
  font-family:var(--font-display);
  text-transform:none;
}

.hero-title,
.page-hero-h,
.sec-h,
.case-h,
.cta-h,
.lp-hero h1,
.auth-band-h,
.persona-h,
.urgency-h,
.feat-h{
  letter-spacing:-.04em;
  line-height:.96;
  font-weight:800;
}

.eyebrow,
.sec-ey,
.lp-badge,
.svc-tag,
.mod-num,
.case-kicker,
.plan-name,
.lp-price-from,
.chart-meta,
.brands-label,
.drawer-group,
.form-label,
.kpi-l,
.lpv-tag,
.lpv-badge,
.plan-badge,
.soon-pill,
.nav-soon,
.ft-col-h,
.lang-code,
.comp-l,
.mm-action,
.mm-chart-label,
.mm-src,
.uv-label,
.dash-live,
.dash-period{
  font-family:var(--font-mono);
  letter-spacing:.18em;
  text-transform:uppercase;
}

.hero-sub,
.sec-p,
.page-hero-p,
.lp-hero-p,
.case-p,
.cta-p,
.plan-desc,
.plan-feat,
.feat-b,
.aud-b,
.obs-l,
.article,
.ft-tag,
.faq-bd-inner,
.leader-bio,
.quote blockquote,
.lp-quote-txt,
.modal-text-content,
.form-note{
  color:var(--w60);
}

.mkt-nav,
footer,
.hero-wrap,
.brands-wrap,
.sec-band,
.cta-band,
.mobile-drawer{
  border-color:var(--bd2);
}

.sec,
.sec-band,
.page-hero,
.lp-hero,
.cta-band{
  padding-left:32px;
  padding-right:32px;
}

.sec,
.page-hero,
.lp-hero{
  max-width:var(--layout-shell);
}

.sec-band{
  max-width:none;
}

.hero-wrap .hero,
.sec-inner,
.page-hero,
.lp-hero{
  max-width:var(--layout-shell);
}

.ov-card,
.svc-card,
.prob-card,
.how-step,
.mod-card,
.plan,
.feat-row,
.ben-card,
.m3,
.quote,
.lp-price,
.lp-quote,
.obs-card,
.cmeth,
.pillar,
.leader-card,
.pick-card,
.persona-card,
.aud-card,
.cs-card,
.cmp-table,
.faq-wrap,
.modal,
.lp-visual,
.case-metric-card,
.perk-card,
.auth-stat,
.mini-mock,
.dash,
.demo-mock,
.partner-highlight{
  border-radius:var(--radius-card);
  border-color:var(--bd2);
  box-shadow:var(--shadow-sm);
}

.ov-card:hover,
.svc-card:hover,
.ben-card:hover,
.pick-card:hover,
.obs-card:hover,
.cs-card:hover,
.plan:hover,
.feat-row:hover{
  box-shadow:var(--shadow-md);
}

.mkt-nav{
  height:64px;
  padding:0 32px;
  background:rgba(17,17,15,.84);
  backdrop-filter:blur(12px) saturate(140%);
  -webkit-backdrop-filter:blur(12px) saturate(140%);
}

body.light .mkt-nav{
  background:rgba(15,15,14,.92);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 12px 34px rgba(0,0,0,.16);
}

body.light .mkt-nav .logo{
  color:#f7f5f0;
}

body.light .mkt-nav .logo-mark{
  opacity:.96;
}

body.light .mkt-nav .logo-word,
body.light .mkt-nav .nav-links a,
body.light .mkt-nav .nav-dd-trigger,
body.light .mkt-nav .btn-ghost,
body.light .mkt-nav .lang-switch summary,
body.light .mkt-nav .theme-toggle{
  color:var(--dark-fg-mid);
}

body.light .mkt-nav .nav-links a.on,
body.light .mkt-nav .nav-links a:hover,
body.light .mkt-nav .nav-dd-trigger:hover,
body.light .mkt-nav .btn-ghost:hover,
body.light .mkt-nav .lang-switch summary:hover,
body.light .mkt-nav .theme-toggle:hover{
  color:#fff;
}

body.light .mkt-nav .nav-item.has-dd:hover .nav-dd-trigger,
body.light .mkt-nav .nav-item.has-dd:focus-within .nav-dd-trigger{
  color:#fff;
}

body.light .mkt-nav .nav-item.has-dd:hover .nav-chev,
body.light .mkt-nav .nav-item.has-dd:focus-within .nav-chev{
  color:var(--gold2);
  opacity:1;
}

body.light .mkt-nav .lang-switch summary,
body.light .mkt-nav .theme-toggle{
  background:var(--dark-glass-2);
  border-color:var(--dark-line-mid);
}

body.light .mkt-nav .lang-switch[open] summary{
  color:#fff;
  border-color:var(--dark-gold-line);
  background:var(--dark-glass-4);
}

body.light .mkt-nav .btn-cta{
  background:var(--s0);
  color:var(--ink);
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}

body.light .mkt-nav .btn-cta:hover{
  opacity:1;
}

body.light .mkt-nav .nav-burger{
  border-color:var(--dark-line-mid);
  background:var(--dark-glass-2);
}

body.light .mkt-nav .nav-burger:hover{
  border-color:var(--dark-gold-line);
  background:var(--dark-glass-4);
}

body.light .mkt-nav .nav-burger span{
  background:rgba(247,245,240,.82);
}

body.light .mkt-nav .nav-dd{
  background:linear-gradient(180deg,rgba(9,9,9,.98) 0%,rgba(14,14,14,.98) 100%);
  border-color:var(--dark-line);
  box-shadow:0 24px 60px rgba(0,0,0,.42);
}

body.light .mkt-nav .nav-dd a{
  color:var(--dark-fg-max);
}

body.light .mkt-nav .nav-dd a:hover,
body.light .mkt-nav .nav-dd a:focus-visible{
  background:var(--dark-glass-3);
  color:#fff;
}

body.light .mkt-nav .lang-menu{
  background:linear-gradient(180deg,rgba(9,9,9,.98) 0%,rgba(14,14,14,.98) 100%);
  border-color:var(--dark-line);
  box-shadow:0 20px 48px rgba(0,0,0,.38);
}

body.light .mkt-nav .lang-opt{
  color:var(--dark-fg-strong);
}

body.light .mkt-nav .lang-opt:hover,
body.light .mkt-nav .lang-opt:focus-visible{
  background:var(--dark-glass-3);
  color:#fff;
}

body.light .mobile-drawer.dark-section{
  background:rgba(15,15,14,.98);
  border-top:1px solid var(--dark-line-soft);
  box-shadow:0 22px 56px rgba(0,0,0,.32);
}

body.light .mobile-drawer.dark-section .drawer-group{
  color:var(--dark-fg-soft);
  border-top-color:var(--dark-line);
}

body.light .mobile-drawer.dark-section a.drawer-sub{
  display:block;
  padding:10px 12px;
  border-radius:10px;
  color:var(--dark-fg-max);
  transition:background .14s ease,color .14s ease;
}

body.light .mobile-drawer.dark-section a.drawer-sub:hover,
body.light .mobile-drawer.dark-section a.drawer-sub:focus-visible{
  background:var(--dark-glass-3);
  color:#fff;
}

body.light .mobile-drawer.dark-section .drawer-lang{
  border-top-color:var(--dark-line);
}

body.light .mobile-drawer.dark-section .drawer-lang-l{
  color:var(--dark-fg-muted);
}

body.light .mobile-drawer.dark-section .drawer-lang-opts .lang-opt{
  color:var(--dark-fg-strong);
  border-color:var(--dark-line-strong);
  background:var(--dark-glass-1);
}

body.light .mobile-drawer.dark-section .drawer-lang-opts .lang-opt:hover,
body.light .mobile-drawer.dark-section .drawer-lang-opts .lang-opt:focus-visible{
  color:#fff;
  border-color:var(--dark-gold-line-soft);
  background:var(--dark-glass-4);
}

body.light .mobile-drawer.dark-section .btn-secondary{
  color:var(--dark-fg-max);
  border-color:var(--dark-line-cta);
  background:var(--dark-glass-1);
}

body.light .mobile-drawer.dark-section .btn-secondary:hover{
  color:#fff;
  border-color:var(--dark-gold-line-soft);
  background:var(--dark-glass-4);
}

body.light .nav-soon,
body.light .dd-tag{
  background:var(--gold-soft-bg);
  border-color:var(--gold-soft-bd);
  color:var(--gold-soft-ink);
}

.logo-word{
  font-family:var(--font-text);
  font-size:18px;
  font-weight:800;
  letter-spacing:.015em;
  text-transform:none;
}

.nav-links a,
.nav-dd-trigger,
.btn-ghost,
.lang-switch summary{
  font-size:12px;
  font-weight:600;
  letter-spacing:.02em;
  text-transform:none;
}

.nav-links a,
.nav-dd-trigger{
  color:var(--w60);
}

.nav-links a.on,
.nav-links a:hover,
.nav-dd-trigger:hover{
  color:var(--w);
}

.nav-dd{
  min-width:280px;
  border-radius:12px;
  padding:10px;
  background:var(--s1);
  border:1px solid var(--bd2);
}

.nav-dd a{
  padding:11px 13px;
  border-radius:8px;
}

.nav-soon{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-left:8px;
  padding:2px 7px;
  border-radius:var(--radius-round);
  background:var(--gold-glow);
  border:1px solid var(--gold-dim);
  color:var(--gold2);
  font-size:9px;
  line-height:1;
}

.lang-menu,
.mobile-drawer{
  border-radius:12px;
}

.theme-toggle{
  border-radius:var(--radius-pill);
}

.btn-primary,
.btn-secondary,
.btn-ghost,
.btn-cta,
.btn-plan,
.btn-plan-p,
.btn-submit,
.btn-close-success,
.btn-demo-notify{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px !important;
  padding:0 18px !important;
  border-radius:var(--radius-pill);
  font-family:var(--font-text);
  font-size:12px !important;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease,opacity .16s ease;
}

.btn-primary,
.btn-cta,
.btn-submit,
.btn-plan-p{
  background:var(--w);
  color:var(--bg);
  border:1px solid transparent;
}

body.light .btn-primary,
body.light .btn-cta,
body.light .btn-submit,
body.light .btn-plan-p{
  background:var(--ink);
  color:var(--on-ink);
}

.btn-secondary,
.btn-plan,
.btn-demo-notify,
.btn-close-success{
  background:transparent;
  color:var(--w90);
  border:1px solid var(--bd3);
}

body:not(.light) .btn-primary,
body:not(.light) .btn-cta,
body:not(.light) .btn-submit,
body:not(.light) .btn-plan-p{
  background:linear-gradient(180deg,#f7f5f0 0%,#dfcfaf 100%);
  color:#120f0a;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 10px 24px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.03) inset;
}

body:not(.light) .btn-primary:hover,
body:not(.light) .btn-cta:hover,
body:not(.light) .btn-submit:hover,
body:not(.light) .btn-plan-p:hover{
  opacity:1;
  background:linear-gradient(180deg,#fbf9f4 0%,#e8d8b9 100%);
  box-shadow:0 14px 28px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.04) inset;
}

body:not(.light) .btn-secondary,
body:not(.light) .btn-plan,
body:not(.light) .btn-demo-notify,
body:not(.light) .btn-close-success{
  background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.02) 100%);
  color:rgba(247,245,240,.88);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 8px 18px rgba(0,0,0,.16),0 0 0 1px rgba(255,255,255,.03) inset;
}

body:not(.light) .btn-secondary:hover,
body:not(.light) .btn-plan:hover,
body:not(.light) .btn-demo-notify:hover,
body:not(.light) .btn-close-success:hover{
  color:var(--white);
  border-color:rgba(205,176,122,.34);
  background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.03) 100%);
}

body:not(.light) .hero-btns,
body:not(.light) .cta-btns,
body:not(.light) .cta-actions{
  gap:16px;
}

body:not(.light) .hero-btns .btn-primary,
body:not(.light) .hero-btns .btn-secondary,
body:not(.light) .cta-band .btn-primary,
body:not(.light) .cta-band .btn-secondary,
body:not(.light) .page-hero .hero-btns .btn-primary,
body:not(.light) .page-hero .hero-btns .btn-secondary,
body:not(.light) .lp-hero .hero-btns .btn-primary,
body:not(.light) .lp-hero .hero-btns .btn-secondary{
  min-height:68px;
  padding:0 38px;
  border-radius:16px;
  font-size:15px;
  letter-spacing:-.3px;
  justify-content:center;
}

body:not(.light) .hero-btns .btn-primary,
body:not(.light) .cta-band .btn-primary,
body:not(.light) .page-hero .hero-btns .btn-primary,
body:not(.light) .lp-hero .hero-btns .btn-primary{
  background:linear-gradient(180deg,#f7f5f0 0%,#dfcfaf 100%);
  color:#120f0a;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 16px 34px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.04) inset;
}

body:not(.light) .hero-btns .btn-primary:hover,
body:not(.light) .cta-band .btn-primary:hover,
body:not(.light) .page-hero .hero-btns .btn-primary:hover,
body:not(.light) .lp-hero .hero-btns .btn-primary:hover{
  opacity:1;
  background:linear-gradient(180deg,#fbf9f4 0%,#e8d8b9 100%);
  box-shadow:0 18px 38px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.05) inset;
}

body:not(.light) .hero-btns .btn-secondary,
body:not(.light) .cta-band .btn-secondary,
body:not(.light) .page-hero .hero-btns .btn-secondary,
body:not(.light) .lp-hero .hero-btns .btn-secondary{
  background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.02) 100%);
  color:rgba(247,245,240,.88);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 10px 24px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.03) inset;
}

body:not(.light) .hero-btns .btn-secondary:hover,
body:not(.light) .cta-band .btn-secondary:hover,
body:not(.light) .page-hero .hero-btns .btn-secondary:hover,
body:not(.light) .lp-hero .hero-btns .btn-secondary:hover{
  color:var(--white);
  border-color:rgba(205,176,122,.34);
  background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.03) 100%);
}

body.light .btn-secondary,
body.light .btn-plan,
body.light .btn-demo-notify,
body.light .btn-close-success{
  color:var(--ink);
  border-color:var(--hairline-strong);
}

body.light .hero-btns,
body.light .cta-actions{
  gap:16px;
}

body.light .hero-btns .btn-primary,
body.light .hero-btns .btn-secondary,
body.light .cta-band .btn-primary,
body.light .cta-band .btn-secondary,
body.light .page-hero .hero-btns .btn-primary,
body.light .page-hero .hero-btns .btn-secondary,
body.light .lp-hero .hero-btns .btn-primary,
body.light .lp-hero .hero-btns .btn-secondary{
  min-height:68px;
  padding:0 38px;
  border-radius:16px;
  font-size:15px;
  letter-spacing:-.3px;
  justify-content:center;
}

body.light .hero-btns .btn-primary,
body.light .cta-band .btn-primary,
body.light .page-hero .hero-btns .btn-primary,
body.light .lp-hero .hero-btns .btn-primary{
  background:#12100d;
  color:var(--white);
  box-shadow:0 14px 30px rgba(18,16,13,.10);
}

body.light .hero-btns .btn-primary:hover,
body.light .cta-band .btn-primary:hover,
body.light .page-hero .hero-btns .btn-primary:hover,
body.light .lp-hero .hero-btns .btn-primary:hover{
  opacity:1;
  background:#0c0a08;
}

body.light .hero-btns .btn-secondary,
body.light .cta-band .btn-secondary,
body.light .page-hero .hero-btns .btn-secondary,
body.light .lp-hero .hero-btns .btn-secondary{
  background:linear-gradient(180deg,var(--white) 0%,var(--s0) 100%);
  color:rgba(23,20,16,.58);
  border:1px solid rgba(23,20,16,.14);
  box-shadow:0 6px 18px rgba(23,20,16,.04);
}

body.light .hero-btns .btn-secondary:hover,
body.light .cta-band .btn-secondary:hover,
body.light .page-hero .hero-btns .btn-secondary:hover,
body.light .lp-hero .hero-btns .btn-secondary:hover{
  color:rgba(23,20,16,.78);
  border-color:rgba(23,20,16,.18);
  background:linear-gradient(180deg,var(--white) 0%,#f7f7f4 100%);
}

.btn-ghost{
  min-height:36px;
  padding:0 14px;
  background:transparent;
  color:var(--w60);
  border:1px solid transparent;
}

.btn-primary:hover,
.btn-secondary:hover,
.btn-ghost:hover,
.btn-cta:hover,
.btn-plan:hover,
.btn-plan-p:hover,
.btn-submit:hover,
.btn-close-success:hover,
.btn-demo-notify:hover{
  transform:translateY(-1px);
}

.status-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:30px;
  padding:0 12px;
  border:1px solid var(--bd3);
  border-radius:var(--radius-round);
}

.pulse{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--pulse-color);
  box-shadow:0 0 0 0 rgba(10,122,63,.45);
  animation:agentpulse 2s infinite;
}

@keyframes agentpulse{
  0%{box-shadow:0 0 0 0 rgba(10,122,63,.45)}
  70%{box-shadow:0 0 0 8px rgba(10,122,63,0)}
  100%{box-shadow:0 0 0 0 rgba(10,122,63,0)}
}

.hero-wrap{
  position:relative;
  background:
    radial-gradient(ellipse 70% 55% at 80% 0%,var(--gold-glow) 0%,transparent 68%),
    var(--bg);
}

body.light .hero-wrap{
  background:
    radial-gradient(ellipse 72% 58% at 82% 0%,var(--gold-glow) 0%,transparent 68%),
    linear-gradient(180deg,var(--hero-home-bg) 0%,var(--section-spot-soft) 36%,var(--section-base) 68%,var(--s2) 100%);
}

.hero,
.lp-hero-grid,
.case-grid,
.auth-band,
.index-grid,
.bench,
.feat-row{
  align-items:center;
}

.dash{
  background:linear-gradient(180deg,var(--dash-sidebar-2),var(--dash-sidebar));
  color:var(--on-ink);
  border:1px solid rgba(255,255,255,.05);
  border-radius:14px;
  box-shadow:0 18px 42px rgba(0,0,0,.30);
}

.dash-bar,
.dash-tabs,
.dash-side,
.comp-row,
.dash-chart-wrap,
.kpi,
.dist-r,
.ds{
  border-color:rgba(255,255,255,.05);
}

.dash-tab,
.ds,
.dash-period,
.chart-meta,
.dist-n,
.comp-l{
  color:rgba(255,255,255,.50);
}

.dash-tab.on,
.ds.on{
  color:#fff;
}

.kpi,
.dash-chart-wrap{
  background:rgba(255,255,255,.04);
}

.kpi-l{
  color:rgba(255,255,255,.54);
}

.kpi-d{
  color:#8ED6A5;
}

.plan{
  background:var(--s1);
  border:1px solid var(--bd2);
  padding:32px 28px;
}

.plan.feat{
  background:linear-gradient(180deg,var(--gold-glow),transparent),var(--s2);
  border-color:var(--gold-dim);
}

body.light .plan.feat{
  background:var(--ink);
  color:var(--on-ink);
  border-color:rgba(10,10,10,.2);
  box-shadow:var(--shadow-lg);
}

body.light .brands-wrap{
  background:linear-gradient(180deg,var(--section-base) 0%,#efefec 100%);
}

body.light .sec-band{
  background:linear-gradient(180deg,var(--page-band-start) 0%,var(--page-band-end) 100%);
}

body.light .cta-band{
  background:linear-gradient(180deg,var(--page-cta-start) 0%,var(--section-spot-soft) 52%,var(--page-cta-end) 100%);
}

body.light .cta-band::after{
  content:'';
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:min(620px,64%);
  height:1px;
  background:linear-gradient(90deg,transparent,var(--gold-line),transparent);
  pointer-events:none;
}

body.light .page-intro-item,
body.light .ov-card,
body.light .m3,
body.light .ben-card,
body.light .pillar,
body.light .leader-card,
body.light .auth-stat,
body.light .quote,
body.light .lp-visual,
body.light .partner-highlight{
  background:#fcfcfa;
  border-color:var(--light-stroke-mid);
  box-shadow:var(--light-shadow-soft);
}

body.light .feat-row,
body.light .lp-quote,
body.light .lp-price,
body.light .faq-wrap{
  background:var(--s0);
}

body.light .lp-visual{
  background:linear-gradient(165deg,var(--s0),var(--s2));
}

body.light .svc-card,
body.light .how-step,
body.light .mod-card{
  background:var(--s1);
}

body.light .svc-card:hover,
body.light .ov-card:hover,
body.light .ben-card:hover,
body.light .pillar:hover,
body.light .quote:hover{
  background:#f6f6f2;
  border-color:var(--gold-soft-bd);
}

body.light .page-intro-icon,
body.light .m3-ic,
body.light .ben-ic,
body.light .pillar-ic,
body.light .leader-photo{
  background:var(--s2);
  border-color:var(--gold-soft-bd);
}

body.light .mini-mock,
body.light .feat-vis{
  background:var(--s4);
  border-color:var(--light-stroke-soft);
}

body.light .m3-demo-bar,
body.light .m3-demo-sent{
  background:var(--s5);
}

body.light .home-statitem{
  background:transparent;
}

body.light .hero-trust{
  margin-top:26px;
}

body.light .hero-caps{
  gap:16px;
}

body.light .page-hero .hero-btns{
  margin-bottom:0;
}

body:not(.light) .page-home .hero-sub{
  max-width:590px;
  margin-bottom:0;
}

body:not(.light) .page-home .hero-wrap{
  background:
    radial-gradient(ellipse 62% 46% at 78% 2%,rgba(205,176,122,.05) 0%,transparent 72%),
    linear-gradient(180deg,rgba(9,9,9,1) 0%,rgba(8,8,8,1) 100%);
  border-bottom-color:rgba(255,255,255,.025);
}

body:not(.light) .page-home .hero-wrap::before{
  top:-14%;
  right:10%;
  width:620px;
  height:500px;
  background:radial-gradient(ellipse at center,rgba(205,176,122,.06) 0%,transparent 66%);
  opacity:.55;
}

body:not(.light) .page-home .hero-bg-mark{
  width:1080px;
  height:1080px;
  top:48%;
  left:54%;
  margin-left:-540px;
  margin-top:-540px;
  opacity:.018;
}

body:not(.light) .page-home .hero-vignette{
  background:
    radial-gradient(ellipse 42% 80% at 0% 50%, rgba(7,7,7,.88) 0%, transparent 72%),
    radial-gradient(ellipse 92% 46% at 50% 100%, rgba(7,7,7,.78) 0%, transparent 62%),
    radial-gradient(ellipse 88% 30% at 50% 0%, rgba(7,7,7,.78) 0%, transparent 56%);
}

body:not(.light) .page-home .hero-caps{
  gap:12px;
}

body:not(.light) .page-home .hcap{
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(247,245,240,.72);
}

body:not(.light) .page-home .hcap svg{
  color:var(--gold2);
}

body:not(.light) .page-home .dash{
  box-shadow:0 24px 56px rgba(0,0,0,.34);
  backdrop-filter:blur(10px);
}

body:not(.light) .page-home .dash-bar,
body:not(.light) .page-home .dash-tabs,
body:not(.light) .page-home .dash-side,
body:not(.light) .page-home .comp-row{
  border-color:rgba(255,255,255,.04);
}

body:not(.light) .page-home .kpi,
body:not(.light) .page-home .dash-chart-wrap{
  background:rgba(255,255,255,.018);
}

body:not(.light) .page-home .dash-tab.on{
  background:rgba(255,255,255,.018);
  border-bottom-color:rgba(255,255,255,.18);
}

body:not(.light) .page-home .ds.on{
  background:rgba(255,255,255,.032);
}

body:not(.light) .page-home .brands-label{
  color:rgba(247,245,240,.38);
}

body:not(.light) .page-home .brand-item{
  opacity:.58;
}

body:not(.light) .page-home .auth-band{
  gap:40px;
}

body:not(.light) .page-home .auth-stat{
  background:rgba(255,255,255,.02);
  border-color:rgba(255,255,255,.08);
}

body:not(.light) .page-home .auth-band-h{
  margin-bottom:14px;
}

body:not(.light) .page-home .index-grid{
  margin-top:36px;
  gap:46px;
}

body:not(.light) .page-home .index-cta{
  margin-top:26px;
}

body:not(.light) .page-home .case-grid{
  gap:58px;
}

body:not(.light) .page-home .case-metrics{
  padding:8px 0;
}

body:not(.light) .page-home .bench{
  gap:42px;
}

body:not(.light) .page-home .bench-legend{
  padding:18px 20px;
  background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
}

body:not(.light) .page-home .bl-note{
  color:rgba(247,245,240,.42);
}

body:not(.light) .page-home .quotes{
  margin-top:44px;
}

body:not(.light) .page-home .quote{
  gap:18px;
}

body:not(.light) .page-home .q-av{
  background:rgba(255,255,255,.03);
  border-color:rgba(255,255,255,.08);
}

body:not(.light) .page-home .cta-h{
  margin-bottom:16px;
}

body:not(.light) .page-home .cta-p{
  margin-bottom:30px;
}

body.light .page-home .hero{
  padding-top:118px;
  padding-bottom:80px;
  gap:60px;
}

body.light .page-home .home-statbar--spot{
  background:linear-gradient(180deg,var(--section-spot) 0%,#f4f4f1 100%);
  border-top-color:var(--light-stroke-soft);
  border-bottom-color:var(--light-stroke-soft);
}

body.light .page-home .home-statbar-inner{
  max-width:var(--layout-shell);
}

body.light .page-home .home-statitem{
  min-height:118px;
  padding:28px 26px;
  border-color:var(--light-stroke-soft);
}

body.light .page-home .brands-wrap--spot{
  background:linear-gradient(180deg,#fafaf8 0%,#f2f2ef 58%,#ededea 100%);
}

body.light .page-home .brands-wrap--spot .brands-label{
  padding-top:20px;
}

body.light .page-home .brands-wrap--spot .brands-track-outer{
  padding:18px 0 28px;
}

body.light .page-home .brands-wrap--spot .sec{
  padding-top:54px;
  padding-bottom:58px;
}

body.light .page-home .sec-band--base{
  background:linear-gradient(180deg,var(--section-base) 0%,#f0f0ed 100%);
}

body.light .page-home .sec-band--spot{
  background:linear-gradient(180deg,var(--section-spot) 0%,var(--section-spot-soft) 56%,#f5f5f2 100%);
}

body.light .page-home .sec-band--alt{
  background:linear-gradient(180deg,#efefec 0%,var(--section-alt) 100%);
}

body.light .page-home .sec-band--base .sec-p,
body.light .page-home .sec-band--spot .sec-p,
body.light .page-home .sec-band--alt .sec-p{
  max-width:620px;
}

body.light .page-home .sec-band--spot .ov-grid,
body.light .page-home .sec-band--spot .auth-band,
body.light .page-home .sec-band--spot .case-grid{
  margin-top:10px;
}

body.light .page-home .sec-band--base .index-grid,
body.light .page-home .sec-band--base .quotes,
body.light .page-home .sec-band--alt .bench{
  margin-top:34px;
}

body.light .page-home .hero-sub{
  max-width:590px;
  margin-bottom:0;
}

body.light .page-home .hero-btns{
  margin-bottom:38px;
}

body.light .page-home .ht-cover{
  color:rgba(10,10,10,.72);
}

body.light .page-home .ht-cover strong{
  color:var(--ink);
}

body.light .page-home .hero-caps{
  gap:12px;
}

body.light .page-home .hcap{
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(253,253,251,.92);
  border:1px solid var(--light-stroke-soft);
  color:rgba(23,20,16,.64);
}

body.light .page-home .hcap svg{
  color:var(--gold);
}

body.light .page-home .dash{
  box-shadow:0 18px 38px rgba(22,20,15,.08);
  border-color:var(--light-stroke-soft);
}

body.light .page-home .dash-bar,
body.light .page-home .dash-tabs,
body.light .page-home .dash-side,
body.light .page-home .comp-row,
body.light .page-home .dash-chart-wrap,
body.light .page-home .kpi,
body.light .page-home .dist-r{
  border-color:rgba(23,20,16,.06);
}

body.light .page-home .dash-tab.on{
  background:rgba(23,20,16,.03);
  border-bottom-color:rgba(23,20,16,.16);
}

body.light .page-home .ds.on{
  background:rgba(23,20,16,.04);
}

body.light .page-home .home-statitem{
  padding-top:30px;
  padding-bottom:30px;
}

body.light .page-home .brands-label{
  color:rgba(23,20,16,.40);
}

body.light .page-home .brand-item{
  opacity:.68;
  color:#9a7a3d;
}

body.light .page-home .metrics3{
  margin-top:36px;
}

body.light .page-home .auth-band{
  gap:40px;
}

body.light .page-home .auth-stat{
  background:var(--s0);
  border-color:var(--light-stroke-soft);
}

body.light .page-home .auth-band-h{
  margin-bottom:14px;
}

body.light .page-home .index-grid{
  margin-top:28px;
  gap:46px;
}

body.light .page-home .index-cta{
  margin-top:26px;
}

body.light .page-home .lp-visual{
  box-shadow:0 18px 44px rgba(22,20,15,.08);
}

body.light .page-home .index-note{
  color:rgba(23,20,16,.42);
}

body.light .page-home .case-grid{
  gap:52px;
}

body.light .page-home .case-metrics{
  padding:8px 0;
}

body.light .case-metric-card,
body.light .page-home .case-metrics{
  background:linear-gradient(180deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.18) 100%);
}

body.light .cm-cell,
body.light .cm-box{
  background:rgba(255,255,255,.62);
  box-shadow:var(--light-shadow-soft);
}

body.light .page-home .bench{
  gap:34px;
}

body.light .page-home .bench-legend{
  padding:18px 20px;
  background:var(--s0);
  border:1px solid var(--light-stroke-soft);
  border-radius:18px;
}

body.light .page-home .bl-note{
  color:rgba(23,20,16,.44);
}

body.light .page-home .quotes{
  margin-top:30px;
}

body.light .page-home .quote{
  gap:18px;
}

body.light .page-home .quote blockquote{
  color:rgba(10,10,10,.82);
}

body.light .page-home .q-av{
  background:#f2f1ec;
  border-color:var(--gold-soft-bd);
}

body.light .page-home .cta-band{
  padding-top:84px;
  padding-bottom:88px;
  background:linear-gradient(180deg,var(--section-spot) 0%,var(--section-spot-soft) 52%,#f2f2ef 100%);
}

body.light .page-home .cta-h{
  margin-bottom:16px;
}

body.light .page-home .cta-p{
  margin-bottom:30px;
}

body.light .page-platform .page-hero--platform{
  padding-top:116px;
  padding-bottom:92px;
}

body.light .page-platform .page-hero-p{
  margin-bottom:28px;
}

body.light .page-platform .page-intro-strip{
  position:relative;
  z-index:2;
  margin-top:-12px;
  padding-top:40px;
  padding-bottom:64px;
}

body.light .page-platform .platform-how-grid,
body.light .page-platform .platform-mods-grid{
  margin-top:42px;
}

body.light .page-platform .platform-split{
  gap:48px;
}

body.light .page-platform .lp-visual{
  box-shadow:0 18px 40px rgba(22,20,15,.08);
}

body.light .page-resource .cmp-table,
body.light .page-product .lp-quote,
body.light .page-product .lp-price,
body.light .page-resource .obs-note,
body.light .page-lp .lp-quote,
body.light .page-lp .lp-price,
body.light .page-lp .partner-highlight,
body.light .page-shopping .lp-narrow{
  background:var(--s0);
}

body.light .page-lp > .sec-band.dotgrid + .sec-band.dotgrid::before{
  opacity:.18;
}

body.light .page-lp > .sec-band .aud-card,
body.light .page-lp > .sec-band .ben-card,
body.light .page-lp > .sec-band .pick-card,
body.light .page-lp > .sec-band .aud-tag,
body.light .page-lp > .sec-band .persona-card{
  background:#faf8f3;
  border-color:#ddd8ca;
}

body.light .page-lp > .sec-band .persona-card.accent{
  background:linear-gradient(180deg,#fffaf0 0%,#f4efe2 100%);
  border-color:rgba(173,138,70,.20);
}

body.light .page-resource > .sec .obs-card{
  background:#fcfcfa;
  border-color:var(--light-stroke-mid);
  box-shadow:var(--light-shadow-soft);
}

body.light .page-resource > .sec-band .obs-card,
body.light .page-resource > .sec-band .ben-card,
body.light .page-resource > .sec-band .faq-wrap{
  background:#faf8f3;
  border-color:#ddd8ca;
  box-shadow:var(--light-shadow-soft);
}

body.light .page-resource > .sec-band .chart,
body.light .page-resource > .sec-band .obs-note{
  background:#fbfaf6;
  border:1px solid #ddd8ca;
  border-radius:14px;
  box-shadow:var(--light-shadow-soft);
  padding:24px 24px 20px;
}

body.light .page-resource > .sec-band .chart-cap{
  margin-top:14px;
}

body.light .page-lp .lp-hero{
  padding-top:118px;
  padding-bottom:76px;
}

body.light .page-lp .hero-btns{
  margin-bottom:0;
}

body.light .page-lp .lp-trust{
  margin-top:30px;
  gap:18px 20px;
}

body.light .page-lp .aud-card,
body.light .page-lp .pick-card,
body.light .page-lp .persona-card{
  background:#fcfcfa;
  border-color:var(--light-stroke-mid);
  box-shadow:var(--light-shadow-soft);
}

body.light .page-lp .persona-card.accent,
body.light .page-lp .lp-price{
  background:linear-gradient(180deg,#fffdf8 0%,#f8f5ee 100%);
  border-color:rgba(173,138,70,.18);
}

body.light .page-lp .lp-visual{
  box-shadow:0 20px 44px rgba(22,20,15,.10);
}

body.light .page-lp .lp-quote{
  padding:40px 42px;
}

body.light .page-lp .sec-inner > .aud-grid,
body.light .page-lp .sec-inner > .tag-cloud,
body.light .page-lp .sec-inner > .lp-steps,
body.light .page-lp .sec-inner > .ben-grid,
body.light .page-lp .sec-inner > .metrics-band,
body.light .page-lp .sec-inner > .leader-card,
body.light .page-lp .sec-inner > .pick-grid,
body.light .page-lp .sec-inner > .persona-grid,
body.light .page-lp .sec-inner > .persona-cta,
body.light .page-lp .sec-inner > .lp-quote,
body.light .page-lp .sec-inner > .lp-price{
  margin-top:46px;
}

body.light .page-lp .persona-grid{
  gap:26px;
}

body.light .page-lp .persona-cta{
  margin-top:34px;
}

body.light .page-company .page-hero{
  padding-top:124px;
  padding-bottom:68px;
}

body.light .page-company .hero-btns{
  margin-bottom:0;
}

body.light .page-company .metrics-band,
body.light .page-company .leader-card,
body.light .page-company .ben-grid{
  margin-top:40px;
}

body.light .page-company .u-note-muted{
  margin-top:24px;
}

body.light .page-resource .cmp-table,
body.light .page-resource .index-grid,
body.light .page-resource .lp-steps,
body.light .page-shopping .lp-steps{
  box-shadow:var(--light-shadow-soft);
}

body.light .page-lp .lp-steps,
body.light .page-resource .lp-steps,
body.light .page-shopping .lp-steps{
  box-shadow:none;
}

body.light .page-lp .lp-step,
body.light .page-resource .lp-step,
body.light .page-shopping .lp-step{
  background:var(--s0);
  border-color:var(--light-stroke-soft);
  box-shadow:var(--light-shadow-soft);
}

body.light .page-resource .lp-steps{
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
}

body.light .page-resource .cmp-head{
  background:linear-gradient(180deg,#f7f7f4 0%,#f0f0ec 100%);
}

body.light .page-resource .cmp-row:nth-child(even):not(.cmp-head){
  background:rgba(255,255,255,.36);
}

body.light .page-resource .cmp-row:hover:not(.cmp-head){
  background:rgba(255,255,255,.7);
}

body.light .page-resource .cmp-us-cell{
  background:linear-gradient(180deg,var(--gold-soft-bg),rgba(255,255,255,.08));
}

body.light .page-resource .index-grid .u-center-text{
  max-width:660px;
  margin:0 auto;
}

body.light .page-resource .index-grid .sec-p{
  max-width:720px;
  margin-bottom:34px;
}

body.light .page-resource .index-grid .feat-list{
  max-width:620px;
  margin:0 auto;
  gap:14px;
}

body.light .page-resource .index-grid .feat-list li{
  text-align:left;
  font-size:14px;
  line-height:1.62;
}

body.light .page-resource .index-grid .lp-visual{
  max-width:460px;
  width:100%;
  margin:0 auto;
}

body.light .page-shopping .lp-steps{
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
}

body.light .page-shopping .lp-step{
  padding:30px 24px 28px;
}

body.light .page-shopping .lp-step-b{
  max-width:none;
}

body.light .page-legal .legal-card,
body.light .page-legal .legal-toc a{
  background:var(--s0);
  border-color:var(--light-stroke-soft);
  box-shadow:var(--light-shadow-soft);
}

body.light .page-legal .legal-note{
  background:linear-gradient(180deg,var(--gold-soft-bg),rgba(255,255,255,0) 100%);
  border-color:var(--gold-soft-bd);
  color:rgba(23,20,16,.76);
}

body.light .page-legal .legal-meta{
  color:rgba(23,20,16,.48);
}

body.light .page-legal .legal-list li{
  color:rgba(23,20,16,.66);
}

body.light .page-legal .legal-list strong{
  color:rgba(23,20,16,.9);
}

body.light .page-legal .inst-card,
body.light .page-legal .inst-steps li,
body.light .page-legal .inst-link-list a{
  background:var(--s0);
  border-color:var(--light-stroke-soft);
  box-shadow:var(--light-shadow-soft);
}

body.light .page-legal .inst-card p,
body.light .page-legal .inst-steps li{
  color:rgba(23,20,16,.66);
}

body.light .page-legal .inst-kv dt{
  color:rgba(23,20,16,.46);
}

body.light .page-legal .inst-kv dd{
  color:rgba(23,20,16,.82);
}

body.light .plan.feat .plan-name,
body.light .plan.feat .plan-desc,
body.light .plan.feat .plan-feat,
body.light .plan.feat .plan-price span{
  color:rgba(255,255,255,.68);
}

body.light .plan.feat .btn-plan-p{
  background:var(--s0);
  color:var(--ink);
}

body.light .page-pricing .page-hero--pricing{
  padding-bottom:54px;
}

body.light .page-pricing .page-intro-strip{
  padding-top:36px;
  padding-bottom:70px;
}

body.light .page-pricing .sec-band{
  background:linear-gradient(180deg,#ececea 0%,#e9e9e6 100%);
}

body.light .page-pricing .pricing-plan-grid{
  gap:18px;
  align-items:stretch;
}

body.light .page-pricing .plan{
  background:var(--s0);
  border-color:#d9d9d1;
  border-radius:18px;
  padding:28px 24px 24px;
  box-shadow:none;
  display:flex;
  flex-direction:column;
  min-height:100%;
}

body.light .page-pricing .plan:hover{
  transform:translateY(-2px);
  border-color:#cbc9bd;
  background:#fbfbf8;
}

body.light .page-pricing .plan.feat{
  background:linear-gradient(180deg,#fffdf8 0%,#f7f4eb 100%);
  color:var(--w);
  border-color:rgba(173,138,70,.22);
  box-shadow:0 16px 36px rgba(23,20,16,.08);
  transform:translateY(-4px);
}

body.light .page-pricing .plan-badge{
  top:-10px;
  padding:5px 12px;
  background:linear-gradient(180deg,var(--gold),var(--gold2));
  color:#fff7ea;
  box-shadow:0 10px 20px rgba(173,138,70,.18);
}

body.light .page-pricing .plan-name{
  color:rgba(23,20,16,.42);
  margin-bottom:10px;
}

body.light .page-pricing .plan-price{
  font-size:32px;
  letter-spacing:-.045em;
  margin-bottom:8px;
}

body.light .page-pricing .u-plan-price-note{
  font-size:24px;
}

body.light .page-pricing .plan-desc{
  color:rgba(23,20,16,.50);
  min-height:54px;
  margin-bottom:20px;
  line-height:1.62;
}

body.light .page-pricing .plan-hr{
  background:#dbdbd3;
  margin-bottom:20px;
}

body.light .page-pricing .plan-feats{
  gap:10px;
  margin-bottom:26px;
}

body.light .page-pricing .plan-feat{
  color:rgba(23,20,16,.58);
  font-size:12px;
  line-height:1.5;
}

body.light .page-pricing .plan.feat .plan-name,
body.light .page-pricing .plan.feat .plan-desc,
body.light .page-pricing .plan.feat .plan-feat,
body.light .page-pricing .plan.feat .plan-price span{
  color:rgba(23,20,16,.58);
}

body.light .page-pricing .btn-plan{
  background:transparent;
  color:var(--w);
  border-color:#d9d9d1;
  min-height:46px;
  margin-top:auto;
}

body.light .page-pricing .btn-plan:hover{
  background:#f3f3ef;
  border-color:#c6c4b8;
}

body.light .page-pricing .btn-plan-p{
  background:linear-gradient(180deg,var(--gold),var(--gold2));
  color:#fff8ea;
  box-shadow:0 10px 22px rgba(173,138,70,.18);
  min-height:46px;
  margin-top:auto;
}

body.light .page-pricing .btn-plan-p:hover{
  background:linear-gradient(180deg,#b9944b,#8f6d31);
  box-shadow:0 12px 24px rgba(173,138,70,.22);
}

body.light .page-pricing .pricing-note-grid{
  margin-top:24px;
  gap:12px;
}

body.light .page-pricing .pricing-note{
  background:var(--s0);
  border-color:#d9d9d1;
  box-shadow:none;
  padding:16px 18px;
}

body.light .page-pricing .pricing-faq-wrap{
  margin-top:34px;
}

body.light .page-pricing .faq-wrap{
  max-width:840px;
  background:var(--s0);
  border-color:#d9d9d1;
  box-shadow:none;
}

body.light .page-pricing .faq-item{
  border-bottom-color:#dbdbd3;
}

body.light .page-pricing .faq-hd{
  padding:16px 20px;
}

body.light .page-pricing .faq-hd:hover{
  background:#f3f3ef;
}

body.light .page-pricing .faq-q{
  font-size:12.75px;
  line-height:1.34;
  letter-spacing:-.12px;
}

body.light .page-pricing .faq-bd-inner{
  padding:0 20px 16px;
  color:rgba(23,20,16,.58);
  font-size:12.5px;
  line-height:1.64;
}

body.light .page-pricing .faq-ic{
  width:20px;
  height:20px;
  border-color:#d9d9d1;
  background:#f6f6f2;
}

body.light .page-pricing .faq-ic svg{
  width:9px;
  height:9px;
  color:#8c8476;
}

body.light .page-pricing .faq-item.open .faq-ic{
  background:var(--gold2);
  border-color:var(--gold2);
}

body.light .page-pricing .faq-item.open .faq-ic svg{
  color:#fff8ea;
}

.plan-badge,
.soon-pill,
.dd-tag{
  border-radius:var(--radius-round);
}

.plan-feat-c,
.mod-check svg,
.feat-list li svg,
.lp-trust-item svg,
.aud-tag svg,
.persona-list li svg,
.persona-earn-ic svg,
.pick-go,
.ov-link{
  color:var(--gold2);
}

.svc-card > a:last-child,
.lp-price a,
.index-cta a:not(.btn-primary){
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:16px;
  font-family:var(--font-mono);
  font-size:11px !important;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold2) !important;
}

.form-input{
  border:none;
  border-bottom:1px solid var(--bd3);
  border-radius:0;
  padding:12px 0;
  background:transparent;
}

.form-input:focus{
  border-color:var(--w);
}

body.light .form-input:focus{
  border-color:var(--ink);
}

textarea.form-input{
  min-height:96px;
}

select.form-input{
  border:1px solid var(--bd3);
  border-radius:var(--radius-pill);
  padding:0 14px;
  min-height:44px;
  background-color:transparent;
}

.modal{
  border-radius:var(--radius-modal);
}

.modal-title{
  font-family:var(--font-display);
  text-transform:none;
  letter-spacing:-.04em;
}

.modal-sub{
  color:var(--w60);
}

.ft-brand-link{
  text-decoration:none;
  color:inherit;
}

.ft-brand{
  font-family:var(--font-text);
  font-weight:800;
  text-transform:none;
  letter-spacing:.04em;
}

body.light .page-resource .sec--brand-context::before{
  background:#ffffff;
}

body.light .page-resource .sec--brand-context .article{
  padding:6px 0 2px;
}

body.light .page-brand-central .brand-central-card{
  background:#fcfbf8;
  border-color:#ddd8ca;
  box-shadow:var(--light-shadow-soft);
}

body.light .page-brand-central .brand-central-k{
  background:#f7f1e4;
  border-color:rgba(173,138,70,.18);
  color:var(--gold-soft-ink);
}

.ft-col-links a,
.ft-copy,
.ft-made,
.ft-legal a{
  color:var(--w60);
}

.ft-col-links a:hover,
.ft-legal a:hover{
  color:var(--w);
}

.faq-wrap,
.cmp-table,
.plan-grid,
.quotes,
.metrics3,
.ov-grid,
.obs-grid,
.cases-grid,
.pick-grid,
.aud-grid,
.feat-rows,
.lp-steps,
.persona-grid,
.case-method{
  gap:18px;
}

.lp-quote,
.testimonial{
  border-left:3px solid var(--gold);
}

.cmp-head{
  background:var(--s2);
}

.cmp-row:hover{
  background:var(--w03);
}

.hero-btns,
.cta-btns,
.index-cta,
.persona-cta,
.leader-links{
  gap:12px;
}

@media(max-width:960px){
  .mkt-nav{
    padding:0 20px;
  }

  .logo{
    gap:10px;
  }

  .logo-mark{
    width:24px;
    height:24px;
  }

  .logo-word{
    font-size:16px;
  }

  .sec,
  .sec-band,
  .page-hero,
  .lp-hero,
  .cta-band{
    padding-left:20px;
    padding-right:20px;
  }

  .brand-central-grid{
    grid-template-columns:1fr;
  }
}

/* ── Utilitários de acabamento visual ── */
.u-text-center{text-align:center}
.u-text-left{text-align:left}
.u-inline-flex{display:inline-flex}
.u-center-actions{justify-content:center}
.u-stack-center{display:flex;align-items:center;justify-content:center}
.u-flex{display:flex}
.u-flex-center{display:flex;align-items:center}
.u-gap-14{gap:14px}
.u-mt-8{margin-top:8px}
.u-mt-20{margin-top:20px}
.u-mt-24{margin-top:24px}
.u-mt-40{margin-top:40px}
.u-mt-48{margin-top:48px}
.u-mt-52{margin-top:52px}
.u-mt-56{margin-top:56px}
.u-mb-0{margin-bottom:0}
.u-mb-6{margin-bottom:6px}
.u-compact-py{padding-top:64px;padding-bottom:64px}
.u-divider-top{padding-top:20px;border-top:1px solid var(--bd)}
.u-btn-block{width:100%;justify-content:center}
.u-hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.u-textarea-md{resize:vertical;min-height:80px}
.u-textarea-sm{resize:vertical;min-height:64px}
.u-meta-text{font-size:12px;color:var(--w30)}
.u-legal-meta{margin-top:16px;font-size:11px;color:var(--w30)}
.u-text-strong{color:var(--w)}
.u-chart-svg{width:100%;height:36px;margin-bottom:8px}
.u-chart-svg-lg{width:100%;height:38px}
.u-chart-meta-tight{margin-bottom:7px;font-size:8px}
.u-text-success{color:var(--green)}
.u-plan-price-note{font-size:20px;letter-spacing:-.5px}
.u-sec-p-left{margin-left:0;text-align:left}
.u-feat-list-tight{margin-top:8px}

@media(min-width:961px){
  .u-border-left-desktop{border-left:1px solid var(--bd)}
}

.dash-dot--1{background:#444}
.dash-dot--2{background:#333}
.dash-dot--3{background:#2a2a2a}
.dash-logo-mark{width:16px;height:16px;filter:drop-shadow(-1px -1px 3px rgba(255,255,255,.2))}

.m3-fill--visibility{width:72%}
.m3-fill--sentiment{width:78%}
.dist-f-56{width:56%}
.dist-f-24{width:24%}
.dist-f-12{width:12%}
.dist-f-8{width:8%}
.lpv-fill--74 i{width:74%}
.lpv-fill--55 i{width:55%}
.lpv-fill--38 i{width:38%}

.bench-dot--you{left:74%;top:22%}
.bench-dot--1{left:58%;top:40%}
.bench-dot--2{left:40%;top:34%}
.bench-dot--3{left:30%;top:64%}
.bench-dot--4{left:66%;top:70%}
.bench-dot--5{left:48%;top:78%}

/* ═══════════ Etapa 2 · Acabamento visual refinado ═══════════ */
.page-home,
.page-platform,
.page-pricing,
.page-company{
  position:relative;
}

body.light .page-platform,
body.light .page-company{
  --page-hero-start:#fafaf8;
  --page-hero-end:#f1f1ed;
  --page-band-start:#ececea;
  --page-band-end:#e8e8e4;
  --page-cta-start:#f7f7f5;
  --page-cta-end:#efefeb;
}

body.light .page-pricing{
  --page-hero-start:#fafaf8;
  --page-hero-end:#f2f2ee;
  --page-band-start:#ececea;
  --page-band-end:#e9e9e6;
  --page-cta-start:#f7f7f5;
  --page-cta-end:#efefeb;
}

body.light .page-resource,
body.light .page-product,
body.light .page-shopping,
body.light .page-lp{
  --page-band-start:#f1f1ee;
  --page-band-end:#e8e8e4;
  --page-cta-start:#ffffff;
  --page-cta-end:#f4f4f1;
}

body.light .page-platform,
body.light .page-pricing,
body.light .page-company,
body.light .page-resource,
body.light .page-product,
body.light .page-shopping,
body.light .page-lp{
  --section-tone-a-start:var(--section-alt);
  --section-tone-a-end:#e3e3dd;
  --section-tone-b-start:#f1f1ee;
  --section-tone-b-end:#ecece8;
}

body.light main > .page-hero,
body.light .page-lp .lp-hero,
body.light .page-product .lp-hero,
body.light .page-shopping .lp-hero{
  background:transparent;
  border-bottom:0;
  isolation:isolate;
}

body.light main > .page-hero::before,
body.light .page-lp .lp-hero::before,
body.light .page-product .lp-hero::before,
body.light .page-shopping .lp-hero::before{
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:var(--white);
  border-bottom:1px solid var(--bd);
  z-index:-1;
  pointer-events:none;
}

body.light .page-platform .cta-band,
body.light .page-pricing .cta-band,
body.light .page-company .cta-band,
body.light .page-resource .cta-band,
body.light .page-product .cta-band,
body.light .page-shopping .cta-band,
body.light .page-lp .cta-band{
  background:linear-gradient(180deg,var(--page-cta-start) 0%,var(--page-cta-end) 100%);
}

body.light .page-platform > :is(.sec,.sec-band,.page-intro-strip,.urgency),
body.light .page-pricing > :is(.sec,.sec-band,.page-intro-strip,.urgency),
body.light .page-company > :is(.sec,.sec-band,.page-intro-strip,.urgency),
body.light .page-resource > :is(.sec,.sec-band,.page-intro-strip,.urgency),
body.light .page-product > :is(.sec,.sec-band,.page-intro-strip,.urgency),
body.light .page-shopping > :is(.sec,.sec-band,.page-intro-strip,.urgency),
body.light .page-lp > :is(.sec,.sec-band,.page-intro-strip,.urgency){
  position:relative;
  isolation:isolate;
  --section-fill-start:var(--section-tone-a-start);
  --section-fill-end:var(--section-tone-a-end);
}

body.light .page-platform > .sec::before,
body.light .page-pricing > .sec::before,
body.light .page-company > .sec::before,
body.light .page-resource > .sec::before,
body.light .page-product > .sec::before,
body.light .page-shopping > .sec::before,
body.light .page-lp > .sec::before{
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:linear-gradient(180deg,var(--section-fill-start) 0%,var(--section-fill-end) 100%);
  border-top:1px solid transparent;
  border-bottom:1px solid transparent;
  z-index:-1;
  pointer-events:none;
}

body.light .page-platform > :is(.sec,.sec-band,.page-intro-strip,.urgency):nth-child(even of .sec,.sec-band,.page-intro-strip,.urgency),
body.light .page-pricing > :is(.sec,.sec-band,.page-intro-strip,.urgency):nth-child(even of .sec,.sec-band,.page-intro-strip,.urgency),
body.light .page-company > :is(.sec,.sec-band,.page-intro-strip,.urgency):nth-child(even of .sec,.sec-band,.page-intro-strip,.urgency),
body.light .page-resource > :is(.sec,.sec-band,.page-intro-strip,.urgency):nth-child(even of .sec,.sec-band,.page-intro-strip,.urgency),
body.light .page-product > :is(.sec,.sec-band,.page-intro-strip,.urgency):nth-child(even of .sec,.sec-band,.page-intro-strip,.urgency),
body.light .page-shopping > :is(.sec,.sec-band,.page-intro-strip,.urgency):nth-child(even of .sec,.sec-band,.page-intro-strip,.urgency),
body.light .page-lp > :is(.sec,.sec-band,.page-intro-strip,.urgency):nth-child(even of .sec,.sec-band,.page-intro-strip,.urgency){
  --section-fill-start:var(--section-tone-b-start);
  --section-fill-end:var(--section-tone-b-end);
}

body.light .page-platform > .sec-band,
body.light .page-pricing > .sec-band,
body.light .page-company > .sec-band,
body.light .page-resource > .sec-band,
body.light .page-product > .sec-band,
body.light .page-shopping > .sec-band,
body.light .page-lp > .sec-band{
  background:linear-gradient(180deg,var(--section-fill-start) 0%,var(--section-fill-end) 100%);
}

body.light .page-platform > .page-intro-strip::before,
body.light .page-pricing > .page-intro-strip::before,
body.light .page-company > .page-intro-strip::before,
body.light .page-resource > .page-intro-strip::before,
body.light .page-product > .page-intro-strip::before,
body.light .page-shopping > .page-intro-strip::before,
body.light .page-lp > .page-intro-strip::before,
body.light .page-platform > .urgency::after,
body.light .page-pricing > .urgency::after,
body.light .page-company > .urgency::after,
body.light .page-resource > .urgency::after,
body.light .page-product > .urgency::after,
body.light .page-shopping > .urgency::after,
body.light .page-lp > .urgency::after{
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:linear-gradient(180deg,var(--section-fill-start) 0%,var(--section-fill-end) 100%);
  border-top:1px solid var(--light-stroke-soft);
  border-bottom:1px solid var(--light-stroke-soft);
  z-index:-1;
  pointer-events:none;
}

body.light .page-platform > .sec::before,
body.light .page-company > .sec::before,
body.light .page-pricing > .sec::before,
body.light .page-resource > .sec::before,
body.light .page-product > .sec::before,
body.light .page-shopping > .sec::before,
body.light .page-lp > .sec::before{
  border-top-color:var(--light-stroke-soft);
  border-bottom-color:var(--light-stroke-soft);
}

.page-hero--platform,
.page-hero--pricing{
  padding-top:108px;
  padding-bottom:46px;
}

.page-platform .page-hero-p,
.page-pricing .page-hero-p,
.page-company .page-hero-p{
  margin-bottom:30px;
}

.page-intro-strip{
  max-width:1180px;
  margin:0 auto;
  padding:28px 32px 72px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.page-platform .page-intro-strip,
.page-pricing .page-intro-strip{
  padding-bottom:64px;
}

.page-intro-item{
  display:flex;
  align-items:flex-start;
  gap:16px;
  min-height:100%;
  padding:24px 24px 22px;
  background:var(--s1);
  border:1px solid var(--bd2);
  border-radius:var(--radius-card);
  box-shadow:var(--shadow-sm);
}

.page-intro-icon{
  width:42px;
  height:42px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:var(--s2);
  border:1px solid var(--bd2);
  color:var(--gold2);
}

.page-intro-copy{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.page-intro-copy strong{
  color:var(--w);
  font-size:14px;
  font-weight:700;
  letter-spacing:-.02em;
  line-height:1.35;
}

.page-intro-copy span{
  color:var(--w60);
  font-size:12.5px;
  line-height:1.65;
}

.home-statbar{
  border-top:1px solid var(--bd);
  border-bottom:1px solid var(--bd);
  background:linear-gradient(180deg,var(--bg2),var(--bg));
}

.home-statbar-inner{
  max-width:1180px;
  margin:0 auto;
  padding:0 32px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
}

.home-statitem{
  min-height:112px;
  padding:26px 24px;
  border-right:1px solid var(--bd);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
}

.home-statitem:first-child{
  border-left:1px solid var(--bd);
}

.home-statvalue{
  font-family:var(--font-display);
  font-size:40px;
  line-height:.9;
  text-transform:none;
  color:var(--w);
}

.home-statlabel{
  font-family:var(--font-mono);
  font-size:10px;
  line-height:1.6;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--w60);
}

body:not(.light) .home-statbar{
  border-top-color:rgba(255,255,255,.02);
  border-bottom-color:rgba(255,255,255,.03);
  background:linear-gradient(180deg,rgba(10,10,10,.86) 0%,rgba(8,8,8,.94) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.008),inset 0 -10px 22px rgba(0,0,0,.08);
}

body:not(.light) .home-statbar-inner{
  padding:0 28px;
}

body:not(.light) .home-statitem{
  min-height:104px;
  padding:24px 22px;
  border-right-color:rgba(255,255,255,.018);
}

body:not(.light) .home-statitem:first-child{
  border-left-color:rgba(255,255,255,.018);
}

body:not(.light) .home-statitem:last-child{
  border-right-color:transparent;
}

body:not(.light) .home-statvalue{
  color:rgba(255,255,255,.92);
  letter-spacing:-.03em;
}

body:not(.light) .home-statlabel{
  color:rgba(255,255,255,.34);
  line-height:1.55;
}

.ov-link,
.svc-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.ov-link .icon,
.svc-link .icon,
.btn-primary .icon,
.btn-secondary .icon,
.btn-cta .icon,
.btn-submit .icon{
  flex-shrink:0;
}

.svc-icon{
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:16px;
  border-radius:12px;
  background:var(--s2);
  border:1px solid var(--bd2);
  color:var(--gold2);
}

.svc-link{
  margin-top:18px;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold2);
}

.platform-how-grid,
.platform-mods-grid,
.pricing-plan-grid,
.pricing-faq-wrap{
  margin-top:48px;
}

.page-platform .platform-how-grid,
.page-platform .platform-mods-grid,
.page-pricing .pricing-plan-grid,
.page-pricing .pricing-faq-wrap,
.page-company .metrics-band,
.page-company .leader-card,
.page-company .ben-grid{
  margin-top:42px;
}

.page-platform .svc-grid,
.page-platform .platform-how-grid,
.page-platform .platform-mods-grid,
.page-platform .platform-split{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}

.pricing-plan-grid{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}

.platform-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center;
}

.pricing-note-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:30px;
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}

.page-company .page-hero{
  padding-top:120px;
  padding-bottom:64px;
}

.page-company .hero-btns{
  margin-bottom:0;
}

.page-company .u-note-muted{
  margin-top:24px;
}

.page-lp .sec-inner{
  display:grid;
  justify-items:center;
}

.page-lp .sec-inner > .sec-ey,
.page-lp .sec-inner > .sec-h,
.page-lp .sec-inner > .sec-p{
  max-width:840px;
}

.page-lp .sec-inner > .sec-h{
  margin-bottom:16px;
}

.page-lp .sec-inner > .sec-p{
  margin-bottom:48px;
}

.page-lp .sec-inner > .aud-grid,
.page-lp .sec-inner > .tag-cloud,
.page-lp .sec-inner > .lp-steps,
.page-lp .sec-inner > .ben-grid,
.page-lp .sec-inner > .metrics-band,
.page-lp .sec-inner > .leader-card,
.page-lp .sec-inner > .pick-grid,
.page-lp .sec-inner > .persona-grid,
.page-lp .sec-inner > .persona-cta,
.page-lp .sec-inner > .lp-quote,
.page-lp .sec-inner > .lp-price,
.page-lp .sec-inner > .u-note-muted,
.page-lp .sec-inner > .chart,
.page-lp .sec-inner > .cmp-table{
  width:100%;
}

.page-lp .sec-inner > .tag-cloud{
  justify-content:center;
}

.page-lp .sec-inner > .lp-price,
.page-lp .sec-inner > .lp-quote,
.page-lp .sec-inner > .chart,
.page-lp .sec-inner > .u-note-muted{
  justify-self:center;
}

.page-lp .persona-head{
  justify-content:center;
  text-align:center;
}

.page-home .sec-inner,
.page-platform .sec-inner,
.page-pricing .sec-inner,
.page-company .sec-inner,
.page-resource .sec-inner,
.page-product .sec-inner,
.page-shopping .sec-inner{
  display:grid;
  justify-items:center;
}

.page-home .sec-inner > .sec-ey,
.page-home .sec-inner > .sec-h,
.page-home .sec-inner > .sec-p,
.page-platform .sec-inner > .sec-ey,
.page-platform .sec-inner > .sec-h,
.page-platform .sec-inner > .sec-p,
.page-pricing .sec-inner > .sec-ey,
.page-pricing .sec-inner > .sec-h,
.page-pricing .sec-inner > .sec-p,
.page-company .sec-inner > .sec-ey,
.page-company .sec-inner > .sec-h,
.page-company .sec-inner > .sec-p,
.page-resource .sec-inner > .sec-ey,
.page-resource .sec-inner > .sec-h,
.page-resource .sec-inner > .sec-p,
.page-product .sec-inner > .sec-ey,
.page-product .sec-inner > .sec-h,
.page-product .sec-inner > .sec-p,
.page-shopping .sec-inner > .sec-ey,
.page-shopping .sec-inner > .sec-h,
.page-shopping .sec-inner > .sec-p{
  max-width:840px;
}

.page-home .sec-inner > .prob-grid,
.page-home .sec-inner > .ov-grid,
.page-home .sec-inner > .auth-band,
.page-home .sec-inner > .index-grid,
.page-home .sec-inner > .case-grid,
.page-home .sec-inner > .quotes,
.page-home .sec-inner > .bench,
.page-home .sec-inner > .tag-cloud,
.page-platform .sec-inner > .svc-grid,
.page-platform .sec-inner > .how-grid,
.page-platform .sec-inner > .platform-split,
.page-platform .sec-inner > .mods-grid,
.page-pricing .sec-inner > .pricing-plan-grid,
.page-pricing .sec-inner > .pricing-note-grid,
.page-pricing .sec-inner > .pricing-faq-wrap,
.page-company .sec-inner > .pillars,
.page-company .sec-inner > .metrics-band,
.page-company .sec-inner > .leader-card,
.page-company .sec-inner > .ben-grid,
.page-company .sec-inner > .u-note-muted,
.page-resource .sec-inner > .metrics-band,
.page-resource .sec-inner > .feat-rows,
.page-resource .sec-inner > .pillars,
.page-resource .sec-inner > .cmp-table,
.page-resource .sec-inner > .index-grid,
.page-resource .sec-inner > .lp-steps,
.page-resource .sec-inner > .ben-grid,
.page-resource .sec-inner > .obs-grid,
.page-resource .sec-inner > .case-grid,
.page-resource .sec-inner > .chart,
.page-resource .sec-inner > .obs-note,
.page-product .sec-inner > .feat-rows,
.page-product .sec-inner > .ben-grid,
.page-product .sec-inner > .lp-quote,
.page-product .sec-inner > .lp-price,
.page-shopping .sec-inner > .lp-steps,
.page-shopping .sec-inner > .ben-grid,
.page-shopping .sec-inner > .lp-narrow{
  width:100%;
}

.page-home .sec-inner > .tag-cloud,
.page-home .sec-inner > .quotes,
.page-resource .sec-inner > .lp-narrow,
.page-resource .sec-inner > .chart,
.page-resource .sec-inner > .obs-note,
.page-product .sec-inner > .lp-quote,
.page-product .sec-inner > .lp-price,
.page-shopping .sec-inner > .lp-narrow{
  justify-self:center;
}

.pricing-note{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:18px 20px;
  background:var(--s1);
  border:1px solid var(--bd2);
  border-radius:var(--radius-card);
  box-shadow:var(--shadow-sm);
}

.pricing-note strong{
  font-family:var(--font-display);
  text-transform:none;
  font-size:16px;
  line-height:1;
  letter-spacing:-.02em;
  color:var(--w);
}

.pricing-note span{
  color:var(--w60);
  font-size:12.5px;
  line-height:1.6;
}

body.light .home-statbar{
  background:linear-gradient(180deg,#ececea 0%,#e6e6e2 100%);
}

body.light .home-statvalue{
  color:var(--ink);
}

body.light .home-statlabel{
  color:var(--ink-muted);
}

@media(max-width:960px){
  .page-intro-strip{
    grid-template-columns:1fr;
    padding:0 20px 56px;
  }

  body.light .page-platform .page-intro-strip{
    margin-top:-18px;
  }

  .home-statbar-inner{
    grid-template-columns:1fr 1fr;
    padding:0 20px;
  }

  .home-statitem:nth-child(2n){
    border-right:none;
  }

  .home-statitem{
    min-height:98px;
  }

  .platform-split,
  .pricing-note-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .home-statbar-inner{
    grid-template-columns:1fr;
  }

  .home-statitem,
  .home-statitem:first-child{
    border-left:none;
    border-right:none;
  }

  .home-statitem:not(:last-child){
    border-bottom:1px solid var(--bd);
  }

  .home-statvalue{
    font-size:34px;
  }
}
