@charset "UTF-8";
:root{--red:#e30613;--red-2:#b8000b;--ink:#111216;--muted:#626772;--soft:#f6f7f9;--line:#e7e8eb;--dark:#090a0d;--radius:28px;--shadow:0 30px 90px rgba(20,24,32,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.45;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 42px));margin:0 auto}.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.06)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.04em;font-size:24px}.brand-symbol{width:34px;height:34px;display:grid;place-items:center;background:var(--red);color:#fff;font-size:14px;font-weight:900;clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);box-shadow:0 14px 30px rgba(227,6,19,.18)}.brand-text span{color:var(--red)}.nav-menu{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:800}.nav-menu a{position:relative;color:#23252a}.nav-menu a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--red);transition:.2s}.nav-menu a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:10px}.admin-link{font-size:13px;font-weight:800;color:#565b66}.cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;border:1px solid var(--red);background:var(--red);color:#fff;font-weight:900;min-height:50px;padding:0 22px;box-shadow:0 20px 38px rgba(227,6,19,.18);transition:.2s}.cta:hover,.btn:hover{transform:translateY(-2px);background:var(--red-2)}.cta.small{min-height:42px;padding:0 16px;border-radius:10px;font-size:13px}.btn.outline{background:#fff;color:var(--ink);border-color:#d9dbe1;box-shadow:none}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--red);font-size:12px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:2px;background:var(--red)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,7.2vw,96px);line-height:.92;letter-spacing:-.075em;margin:0 0 22px}h2{font-size:clamp(32px,4vw,60px);line-height:1;letter-spacing:-.055em;margin:0 0 18px}h3{font-size:22px;letter-spacing:-.03em;margin:0 0 10px}p{color:var(--muted);font-size:17px}.lead{max-width:650px;font-size:20px}.red{color:var(--red)}.muted{color:var(--muted)}section{position:relative}.section-pad{padding:96px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.site-footer{border-top:1px solid var(--line);background:#fff;padding:52px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:50px}.footer-grid p{max-width:390px;margin-top:16px}.footer-grid div:not(:first-child){display:grid;gap:10px;align-content:start}.footer-grid strong{margin-bottom:4px}.footer-grid a{color:#666b75;font-weight:700}.footer-copy{margin-top:34px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#7b808a;font-size:13px}.float-wa{position:fixed;right:24px;bottom:22px;z-index:45;background:#10b75a;color:#fff;border-radius:999px;padding:13px 18px;font-weight:900;box-shadow:0 20px 44px rgba(16,183,90,.28)}[data-reveal]{opacity:0;transform:translateY(22px);transition:.75s ease}.show{opacity:1;transform:none}@media(max-width:980px){.header-inner{height:auto;min-height:78px;padding:16px 0;align-items:flex-start;flex-direction:column}.nav-menu{width:100%;overflow:auto;padding-bottom:4px}.header-actions{position:absolute;right:21px;top:18px}.admin-link{display:none}.split,.footer-grid{grid-template-columns:1fr}.section-pad{padding:68px 0}h1{font-size:clamp(40px,12vw,72px)}}@media(max-width:560px){.wrap{width:min(100% - 28px,1180px)}.nav-menu{gap:18px;font-size:13px}.cta.small{display:none}.lead{font-size:18px}.float-wa{right:14px;bottom:14px}}

.hero-home{overflow:hidden;padding:96px 0 78px;background:radial-gradient(circle at 78% 28%,rgba(227,6,19,.09),transparent 28%),linear-gradient(#fff,#fff)}.hero-home .split{grid-template-columns:.95fr 1.05fr}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.proof-row{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:42px;color:#8a909b;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.product-stage{min-height:520px;position:relative}.product-stage:before{content:"";position:absolute;inset:56px 0 0 40px;background:linear-gradient(135deg,#f6f7f9,#fff);border:1px solid var(--line);border-radius:34px;transform:rotate(-4deg);box-shadow:var(--shadow)}.product-screen{position:absolute;inset:90px 0 auto 0;background:#fff;border:1px solid #dbdde3;border-radius:26px;box-shadow:0 44px 90px rgba(31,35,45,.18);overflow:hidden}.screen-top{height:54px;background:#111216;color:#fff;display:flex;align-items:center;gap:9px;padding:0 20px;font-weight:900}.dot{width:10px;height:10px;border-radius:50%;background:#e8e9ee}.dot:first-child{background:var(--red)}.screen-body{display:grid;grid-template-columns:170px 1fr;min-height:320px}.screen-side{background:#f4f5f7;padding:22px;display:grid;gap:14px;align-content:start}.side-line{height:12px;border-radius:999px;background:#dde0e6}.side-line:nth-child(2){background:var(--red);width:70%}.screen-main{padding:24px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{border:1px solid var(--line);border-radius:18px;padding:16px}.metric strong{font-size:25px}.metric span{display:block;color:#888e98;font-size:12px;font-weight:800}.chart{height:150px;margin-top:28px;border-radius:22px;background:linear-gradient(180deg,#fff,#f7f8fa);border:1px solid var(--line);position:relative;overflow:hidden}.chart svg{position:absolute;inset:0;width:100%;height:100%}.mini-card{position:absolute;right:18px;bottom:-36px;width:230px;background:#111216;color:#fff;border-radius:22px;padding:20px;box-shadow:0 30px 70px rgba(0,0,0,.25)}.mini-card strong{font-size:30px;color:#fff}.mini-card span{display:block;color:#c8ccd4}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 0;background:#fafafa}.trust-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}.trust-label{font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#8c919b}.logos{display:flex;gap:34px;flex-wrap:wrap;color:#222;font-weight:950;opacity:.62}.dark-services{background:#0d0e11;color:#fff;padding:86px 0}.dark-services p{color:#b8bdc7}.service-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:#25272d;border:1px solid #25272d;margin-top:42px}.service-tile{background:#0d0e11;padding:34px;min-height:230px;transition:.22s}.service-tile:hover{background:#15161b;transform:translateY(-3px)}.service-icon{width:48px;height:48px;border-radius:16px;background:rgba(227,6,19,.1);color:var(--red);display:grid;place-items:center;font-size:25px;margin-bottom:40px}.process-home{padding:96px 0;background:#fff}.process-line{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}.step{border-top:2px solid #111;padding-top:24px}.step b{color:var(--red);display:block;margin-bottom:18px}.final-cta{padding:86px 0}.cta-panel{border-radius:34px;background:linear-gradient(135deg,#111216,#23252b);color:#fff;padding:54px;display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden}.cta-panel p{color:#cfd3dc}.cta-panel h2{max-width:700px;margin-bottom:0}@media(max-width:900px){.hero-home .split,.screen-body{grid-template-columns:1fr}.product-stage{min-height:430px}.product-screen{position:relative;inset:auto}.mini-card{display:none}.service-grid,.process-line{grid-template-columns:1fr}.cta-panel{display:block;padding:34px}.cta-panel .btn{margin-top:24px}.metrics{grid-template-columns:1fr}}


/* Ajuste visual escuro unificado - mantém estrutura, páginas e lógica existentes */
:root{
  --ink:#f7f8fb;
  --muted:#a8afbd;
  --soft:#11131a;
  --line:rgba(255,255,255,.10);
  --dark:#07080c;
  --shadow:0 28px 80px rgba(0,0,0,.34);
}
body{
  background:
    radial-gradient(circle at 20% 0%, rgba(227,6,19,.14), transparent 28%),
    radial-gradient(circle at 85% 15%, rgba(227,6,19,.08), transparent 26%),
    linear-gradient(180deg,#07080c 0%,#0b0d12 42%,#08090d 100%);
  color:#f7f8fb;
}
.site-header{
  background:rgba(7,8,12,.90);
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:0 12px 40px rgba(0,0,0,.24);
}
.brand,.nav-menu a{color:#f7f8fb}.admin-link{color:#d9dde7}.brand-symbol{box-shadow:0 16px 38px rgba(227,6,19,.38)}
.btn.outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.18)}
p,.muted{color:var(--muted)}
.hero-home,.sub-hero,.process-home,.page-section,.page-section.alt,.final-cta,.trust-strip{
  background:transparent !important;
  border-color:rgba(255,255,255,.09) !important;
}
.hero-home{padding-top:104px;background:radial-gradient(circle at 78% 28%,rgba(227,6,19,.16),transparent 28%) !important}
.product-stage:before,.sub-visual,.product-screen,.quote-box,.cta-wide,.clean-card,.metric,.chart,.large-dark,.cta-panel,.mini-card{
  background:linear-gradient(145deg,rgba(18,20,28,.94),rgba(10,11,16,.98)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 26px 70px rgba(0,0,0,.30) !important;
  color:#f7f8fb;
}
.product-stage:before{background:linear-gradient(145deg,rgba(227,6,19,.18),rgba(10,11,16,.95)) !important}
.screen-top{background:#05060a;color:#fff;border-bottom:1px solid rgba(255,255,255,.10)}
.screen-side{background:rgba(255,255,255,.04)}
.side-line{background:rgba(255,255,255,.12)}
.metric,.clean-card,.quote-box{background:rgba(16,18,25,.86) !important}
.chart{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)) !important}
.dark-services{background:#090a0f;color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.service-grid{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.10)}
.service-tile{background:#0d0f15}.service-tile:hover{background:#151821}
.step{border-top-color:rgba(255,255,255,.20)}
.trust-inner,.logos{color:#f4f6fb}.logos{opacity:.72}.trust-label{color:#a9afbd}
.clean-card:hover{border-color:rgba(227,6,19,.45) !important;box-shadow:0 26px 80px rgba(227,6,19,.10),0 30px 80px rgba(0,0,0,.32) !important}
.clean-card .ico,.service-icon{background:rgba(227,6,19,.14);color:#ff3d48}
.large-dark,.cta-panel{background:linear-gradient(135deg,#11131a,#08090d) !important}
.sub-visual:before{border-color:rgba(227,6,19,.22) !important}.sub-visual:after{box-shadow:0 38px 90px rgba(227,6,19,.34)}
.site-footer{
  background:#07080c;
  border-top:1px solid rgba(255,255,255,.10);
  color:#f7f8fb;
}
.footer-grid a{color:#b5bbc8}.footer-copy{border-top-color:rgba(255,255,255,.10);color:#8f96a5}
.float-wa{background:#10b75a;color:#fff;box-shadow:0 22px 52px rgba(16,183,90,.35)}
.cta-wide{align-items:flex-start}.cta-wide:after,.cta-panel:after{content:"Use o botão flutuante do WhatsApp para contato rápido";color:#a8afbd;font-weight:800;font-size:14px;align-self:center}.cta-panel{position:relative}
@media(max-width:900px){.cta-wide:after,.cta-panel:after{display:block;margin-top:18px}}

/* Ajuste compacto global: menos espaço entre seções e títulos menores */
h1{font-size:clamp(34px,5.2vw,68px)!important;line-height:1.02!important;letter-spacing:-.06em!important;margin:0 0 16px!important}
h2{font-size:clamp(26px,3.2vw,46px)!important;line-height:1.06!important;letter-spacing:-.045em!important;margin:0 0 14px!important}
h3{font-size:20px!important;margin:0 0 8px!important}
p{font-size:16px!important}
.lead{font-size:18px!important}
.section-pad{padding:64px 0!important}
.hero-home{padding:76px 0 56px!important}
.sub-hero{padding:64px 0 40px!important}
.page-section,.page-section.alt,.dark-services,.process-home,.final-cta{padding:56px 0!important}
.trust-strip{padding:18px 0!important}
.section-head{margin-bottom:24px!important}
.hero-actions{margin-top:24px!important}.proof-row{margin-top:26px!important}
.service-grid{margin-top:28px!important}.process-line{margin-top:32px!important}
.clean-grid{gap:16px!important}.clean-card{padding:22px!important;min-height:auto!important}
.service-tile{padding:28px!important;min-height:190px!important}.service-icon{margin-bottom:24px!important}
.large-dark{padding:34px!important;gap:28px!important;border-radius:28px!important}
.timeline{gap:18px!important}.timeline-item{gap:16px!important}
.quote-box{padding:26px!important}.cta-wide{padding:26px 28px!important;margin-top:26px!important;border-radius:24px!important}
.cta-panel{padding:34px!important;border-radius:28px!important}.final-cta{padding-top:56px!important;padding-bottom:56px!important}
.site-footer{padding:34px 0 18px!important}.footer-copy{margin-top:22px!important;padding-top:16px!important}
@media(max-width:980px){.section-pad,.page-section,.page-section.alt,.dark-services,.process-home,.final-cta{padding:46px 0!important}h1{font-size:clamp(32px,9vw,54px)!important}h2{font-size:clamp(24px,7vw,38px)!important}}
@media(max-width:560px){.hero-home,.sub-hero{padding:52px 0 34px!important}.page-section,.page-section.alt,.dark-services,.process-home,.final-cta{padding:40px 0!important}.large-dark,.cta-panel,.cta-wide{padding:22px!important}.clean-card,.service-tile{padding:20px!important}h1{font-size:clamp(30px,10vw,42px)!important}h2{font-size:clamp(22px,8vw,32px)!important}}

/* Seção IA minimalista: sem cards e sem excesso de texto */
.ai-intelligence{
  padding:34px 0 46px!important;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 50% 48%,rgba(227,6,19,.18),transparent 34%),
    linear-gradient(180deg,rgba(8,9,13,.98),rgba(7,8,12,.98));
  overflow:hidden;
}
.ai-only{display:grid;grid-template-columns:.48fr 1fr;gap:28px;align-items:center}
.ai-visual-title h2{max-width:460px}
.ai-canvas{
  position:relative;
  min-height:360px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:32px;
  background:
    radial-gradient(circle at 50% 50%,rgba(227,6,19,.20),transparent 25%),
    linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
  box-shadow:0 28px 90px rgba(0,0,0,.26);
  overflow:hidden;
}
.ai-canvas:before{
  content:"";
  position:absolute;
  inset:-1px;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:34px 34px;
  opacity:.22;
  mask-image:radial-gradient(circle at 50% 50%,black,transparent 72%);
}
.ai-core-clean{
  position:absolute;
  left:50%;
  top:50%;
  z-index:3;
  transform:translate(-50%,-50%);
  width:118px;
  height:118px;
  border-radius:34px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#ff2330,#aa0009);
  color:#fff;
  font-size:38px;
  font-weight:950;
  letter-spacing:-.08em;
  box-shadow:0 0 0 18px rgba(227,6,19,.08),0 0 90px rgba(227,6,19,.42);
  animation:aiCoreFloat 3s ease-in-out infinite;
}
.ai-core-clean:before,
.ai-core-clean:after{
  content:"";
  position:absolute;
  inset:-46px;
  border:1px solid rgba(227,6,19,.22);
  border-radius:42%;
  animation:aiRing 9s linear infinite;
}
.ai-core-clean:after{inset:-86px;border-color:rgba(255,255,255,.10);animation-duration:15s;animation-direction:reverse}
.ai-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.flow-line{fill:none;stroke:url(#lineRed);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:18 20;animation:flowMove 8s linear infinite}
.flow-line.l2{animation-duration:10s;opacity:.75}.flow-line.l3{animation-duration:12s;opacity:.62}.flow-line.l4{animation-duration:9s;opacity:.55}
.ai-chart-clean{
  position:absolute;
  right:28px;
  bottom:28px;
  z-index:4;
  width:360px;
  height:170px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  background:rgba(8,9,13,.72);
  backdrop-filter:blur(14px);
  overflow:hidden;
  box-shadow:0 22px 60px rgba(0,0,0,.28);
}
.chart-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.chart-head span{font-size:11px;font-weight:950;letter-spacing:.14em;color:#aeb5c3}.chart-head strong{font-size:28px;color:#fff}
.ai-chart-clean svg{width:100%;height:116px}.chart-stroke{fill:none;stroke:#ff2330;stroke-width:5;stroke-linecap:round;stroke-dasharray:760;stroke-dashoffset:760;animation:drawChart 4s ease-in-out infinite alternate}.chart-fill{fill:rgba(227,6,19,.14)}
.ai-signal{position:absolute;z-index:2;width:12px;height:12px;border-radius:50%;background:#ff2633;box-shadow:0 0 22px rgba(227,6,19,.85)}
.s1{left:13%;top:28%;animation:signalPulse 2s ease-in-out infinite}.s2{right:18%;top:22%;animation:signalPulse 2.4s ease-in-out infinite}.s3{left:22%;bottom:23%;animation:signalPulse 2.8s ease-in-out infinite}.s4{right:28%;bottom:36%;animation:signalPulse 3.2s ease-in-out infinite}
@keyframes aiCoreFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-10px)}}
@keyframes aiRing{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes flowMove{to{stroke-dashoffset:-380}}
@keyframes drawChart{0%{stroke-dashoffset:760}100%{stroke-dashoffset:0}}
@keyframes signalPulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.8);opacity:.25}}
@media(max-width:980px){.ai-only{grid-template-columns:1fr}.ai-canvas{min-height:330px}.ai-chart-clean{width:min(360px,calc(100% - 36px));right:18px;bottom:18px}}
@media(max-width:560px){.ai-intelligence{padding:28px 0 38px!important}.ai-canvas{min-height:360px;border-radius:24px}.ai-core-clean{width:92px;height:92px;font-size:30px}.ai-chart-clean{height:150px}.ai-chart-clean svg{height:96px}.chart-head{height:54px}}

/* Menu ativo animado + hamburger mobile */
.menu-toggle{
  display:none;
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(255,255,255,.04);
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
  transition:.22s ease;
  position:relative;
  z-index:70;
}
.menu-toggle span{
  width:20px;
  height:2px;
  border-radius:999px;
  background:#fff;
  transition:.22s ease;
}
.menu-toggle:hover{
  border-color:rgba(227,6,19,.55);
  box-shadow:0 0 0 4px rgba(227,6,19,.09);
}
body.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.menu-open .menu-toggle span:nth-child(2){opacity:0;transform:translateX(-8px)}
body.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.nav-menu a{
  padding:10px 2px;
  border-radius:10px;
}
.nav-menu a.active{
  color:#fff!important;
  text-shadow:0 0 16px rgba(227,6,19,.55);
}
.nav-menu a.active:after{
  right:0!important;
  height:3px;
  border-radius:999px;
  box-shadow:0 0 18px rgba(227,6,19,.9);
  animation:menuActivePulse 1.6s ease-in-out infinite;
}
.nav-menu a.active:before{
  content:"";
  position:absolute;
  left:-12px;
  right:-12px;
  top:2px;
  bottom:2px;
  border-radius:14px;
  background:linear-gradient(90deg,rgba(227,6,19,.0),rgba(227,6,19,.16),rgba(227,6,19,.0));
  opacity:.9;
  z-index:-1;
  animation:menuActiveGlow 2.2s ease-in-out infinite;
}
@keyframes menuActivePulse{
  0%,100%{opacity:.75;transform:scaleX(.72)}
  50%{opacity:1;transform:scaleX(1)}
}
@keyframes menuActiveGlow{
  0%,100%{opacity:.45}
  50%{opacity:.95}
}

@media(max-width:860px){
  .header-inner{
    min-height:72px!important;
    height:72px!important;
    padding:0!important;
    flex-direction:row!important;
    align-items:center!important;
  }
  .menu-toggle{display:flex}
  .header-actions{
    position:static!important;
    display:flex;
    margin-left:auto;
  }
  .admin-link{
    display:inline-flex!important;
    font-size:0!important;
    width:42px;
    height:42px;
    border-radius:13px;
    border:1px solid rgba(255,255,255,.12);
    align-items:center;
    justify-content:center;
  }
  .admin-link:before{
    content:"Painel";
    font-size:11px;
    color:#fff;
    font-weight:900;
  }
  .nav-menu{
    position:fixed;
    left:16px;
    right:16px;
    top:82px;
    z-index:65;
    display:grid!important;
    gap:8px!important;
    padding:16px!important;
    max-height:calc(100vh - 110px);
    overflow:auto;
    border:1px solid rgba(255,255,255,.12);
    border-radius:22px;
    background:rgba(7,8,12,.96);
    backdrop-filter:blur(18px);
    box-shadow:0 30px 80px rgba(0,0,0,.45);
    transform:translateY(-14px) scale(.98);
    opacity:0;
    pointer-events:none;
    transition:.22s ease;
  }
  body.menu-open .nav-menu{
    transform:translateY(0) scale(1);
    opacity:1;
    pointer-events:auto;
  }
  .nav-menu a{
    display:flex;
    min-height:46px;
    align-items:center;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.035);
  }
  .nav-menu a:after{display:none}
  .nav-menu a.active{
    border-color:rgba(227,6,19,.55);
    background:linear-gradient(90deg,rgba(227,6,19,.22),rgba(255,255,255,.03));
    box-shadow:0 14px 34px rgba(227,6,19,.12);
  }
  .nav-menu a.active:before{
    inset:0;
    border-radius:inherit;
  }
}

/* Cartão de visita digital gratuito */

.business-card-demo{grid-template-columns:170px 1fr;align-items:stretch}.card-logo-demo{display:grid;place-items:center;background:rgba(227,6,19,.14);color:#fff;font-size:68px;font-weight:950;letter-spacing:-.08em}.business-card-preview-demo{height:100%;min-height:260px;border:1px solid rgba(255,255,255,.10);border-radius:24px;padding:30px;background:linear-gradient(145deg,rgba(227,6,19,.14),rgba(255,255,255,.035));display:flex;flex-direction:column;justify-content:center}.business-card-preview-demo span{color:#ff4350;font-size:12px;font-weight:950;letter-spacing:.16em}.business-card-preview-demo strong{font-size:36px;line-height:1;letter-spacing:-.06em;margin:12px 0;color:#fff}.business-card-preview-demo p{max-width:330px;margin-bottom:14px}.business-card-preview-demo small{color:#f3f5f9;font-weight:900}.card-modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:22px}.card-modal.is-open{display:flex}.card-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(10px)}.card-modal-dialog{position:relative;z-index:1;width:min(980px,100%);max-height:min(90vh,850px);overflow-y:auto;overflow-x:hidden;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:linear-gradient(145deg,#10121a,#07080c);box-shadow:0 40px 120px rgba(0,0,0,.55);padding:30px;color:#fff;scrollbar-width:thin;scrollbar-color:rgba(227,6,19,.78) rgba(255,255,255,.05);scrollbar-gutter:stable}.card-modal-dialog::-webkit-scrollbar{width:8px}.card-modal-dialog::-webkit-scrollbar-track{background:rgba(255,255,255,.045);border-radius:999px;margin:20px}.card-modal-dialog::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff2330,#9f0008);border-radius:999px}.card-modal-dialog::-webkit-scrollbar-thumb:hover{background:#ff2330}.card-modal-close{position:sticky;float:right;right:0;top:0;z-index:5;width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.07);color:#fff;font-size:28px;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}.card-modal-head{padding-right:48px}.card-modal-head h2{max-width:none!important;font-size:clamp(30px,3.1vw,40px)!important;line-height:1.05!important;white-space:nowrap}.card-modal-head p{max-width:820px}@media(max-width:900px){.card-modal-head h2{font-size:clamp(24px,6vw,34px)!important;white-space:normal}}.business-card-form{margin-top:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:grid;gap:8px;color:#d9dde7;font-weight:900;font-size:13px;align-self:start;align-content:start}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.06);color:#fff;min-height:48px;padding:12px 14px;font:inherit;outline:none}.form-grid textarea{resize:vertical;min-height:108px}.form-grid input:focus,.form-grid textarea:focus{border-color:rgba(227,6,19,.72);box-shadow:0 0 0 4px rgba(227,6,19,.11)}.form-grid input[readonly]{background:rgba(255,255,255,.09);color:#eef2f7}.cnpj-status{display:block;min-height:20px;font-size:12px;font-weight:900;line-height:1.25;color:#aeb5c3}.cnpj-status.ok{color:#60e08e}.cnpj-status.error{color:#ff6b73}.cnpj-status.loading{color:#ffd166}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.modal-actions .btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.form-feedback{min-height:24px;margin:12px 0 0;color:#cbd1dd;font-weight:800}.form-feedback.ok{color:#60e08e}.form-feedback.error{color:#ff6b73}.generated-card{position:relative;margin-top:20px;border:1px solid rgba(255,255,255,.12);border-radius:34px;overflow:hidden;background:linear-gradient(90deg,#6d0914 0%,#3d0610 22%,#091020 58%,#040814 100%);display:grid;grid-template-columns:minmax(220px,28%) 24px 1fr;align-items:stretch;box-shadow:0 24px 70px rgba(0,0,0,.34)}.generated-card[hidden]{display:none}.generated-card-left{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:26px 20px 22px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01))}.generated-card-pattern{position:absolute;inset:0;opacity:.24;background-image:radial-gradient(circle at 18% 22%,rgba(255,60,74,.32),transparent 26%),linear-gradient(120deg,transparent 0 72%,rgba(255,255,255,.02) 72% 100%);pointer-events:none}.generated-card-image{position:relative;z-index:1;width:min(100%,175px);aspect-ratio:1/1;display:grid;place-items:center;color:#fff;font-size:52px;font-weight:950;background-repeat:no-repeat;background-size:contain;background-position:center;filter:drop-shadow(0 12px 22px rgba(0,0,0,.24))}.generated-card-image.has-image{font-size:0}.generated-card-brandline{position:relative;z-index:1;margin-top:14px;text-align:center;display:grid;gap:4px;max-width:170px}.generated-card-brandline strong{font-size:clamp(18px,1.7vw,26px);line-height:1.04;letter-spacing:-.02em;color:#fff;text-transform:uppercase;text-shadow:0 4px 18px rgba(0,0,0,.24);white-space:normal;word-break:break-word}.generated-card-brandline small{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.82)}.generated-card-divider{position:relative;display:flex;align-items:center;justify-content:center}.generated-card-divider::before{content:'';position:absolute;top:18%;bottom:18%;width:1px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.42),rgba(255,255,255,.12))}.generated-card-divider span{position:relative;width:3px;height:44px;border-radius:999px;background:linear-gradient(180deg,rgba(255,88,99,.18),#ff3041,rgba(255,88,99,.18));box-shadow:0 0 14px rgba(255,48,65,.40)}.generated-card-content{padding:28px 28px 24px 22px;display:grid;gap:10px;align-content:center;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0))}.generated-card-content > span{color:#ff5e68;font-size:12px;font-weight:950;letter-spacing:.05em}.generated-card-content h3{font-size:clamp(20px,2vw,30px)!important;line-height:1.1!important;letter-spacing:-.03em;margin:0!important;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.generated-card-underline{display:block;width:110px;height:3px;border-radius:999px;background:linear-gradient(90deg,#ff3242,#b10b18)}.generated-card-content p{margin:0!important;max-width:460px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.35}.generated-card-info{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:start;color:#d9dde7}.generated-card-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.1),rgba(255,255,255,.02));border:1px solid rgba(255,55,70,.24);color:#ff4a58;font-size:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.generated-card-text{display:grid;gap:2px}.generated-card-text strong{color:#fff;font-size:14px;line-height:1.1}.generated-card-text span{font-size:13px;line-height:1.35;color:rgba(255,255,255,.90)}.generated-card-phone-row{padding-top:10px;border-top:1px solid rgba(255,255,255,.10)}.generated-card-actions{margin-top:8px}.generated-card-actions .btn{display:inline-flex;padding:10px 16px;font-size:12px}@media(max-width:900px){.generated-card{grid-template-columns:1fr;gap:0}.generated-card-divider{min-height:34px}.generated-card-divider::before{left:12%;right:12%;top:50%;bottom:auto;width:auto;height:1px}.generated-card-divider span{width:52px;height:3px}.generated-card-content{padding:22px 18px 24px}.generated-card-content h3{white-space:normal}.generated-card-left{padding:24px 18px 18px}.generated-card-image{width:min(72%,160px)}}@media(max-width:760px){.business-card-demo,.form-grid{grid-template-columns:1fr}.card-logo-demo{min-height:120px}.card-modal{padding:12px}.card-modal-dialog{padding:22px;border-radius:22px;max-height:92vh}.generated-card-content p,.generated-card-text span{font-size:13px}.generated-card-text strong{font-size:14px}.modal-actions .btn{width:100%}}

/* Ajuste fino do cartão de visita */
.generated-card-left{
  padding: 18px 16px !important;
  justify-content: center !important;
  align-items: center !important;
}
.generated-card-image{
  width: min(100%, 132px) !important;
  margin: 0 auto !important;
  background-position: center center !important;
}
.generated-card-brandline{
  display: none !important;
}
.generated-card-content{
  padding: 24px 24px 20px 18px !important;
  gap: 8px !important;
}
.generated-card-content > span{
  font-size: 11px !important;
}
.generated-card-content h3{
  font-size: clamp(16px, 1.55vw, 22px) !important;
  line-height: 1.08 !important;
  max-width: 100% !important;
}
.generated-card-underline{
  width: 92px !important;
  height: 2px !important;
}
.generated-card-content p{
  font-size: 12px !important;
  line-height: 1.28 !important;
  max-width: 400px !important;
}
.generated-card-info{
  grid-template-columns: 36px 1fr !important;
  gap: 8px !important;
}
.generated-card-icon{
  width: 32px !important;
  height: 32px !important;
  font-size: 15px !important;
}
.generated-card-text strong{
  font-size: 13px !important;
}
.generated-card-text span{
  font-size: 12px !important;
  line-height: 1.3 !important;
}
.generated-card-phone-row{
  padding-top: 8px !important;
}
.generated-card-actions{
  margin-top: 4px !important;
}
.generated-card-actions .btn{
  padding: 8px 14px !important;
  font-size: 11px !important;
}
@media (max-width: 900px){
  .generated-card-image{
    width: min(72%, 120px) !important;
  }
  .generated-card-content h3{
    white-space: normal !important;
  }
}

/* Ajuste final: cartão compacto no padrão cartão de crédito/débito para celular */
.generated-card{
  width: min(520px, 100%) !important;
  aspect-ratio: 856 / 540 !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 24px !important;
  grid-template-columns: minmax(145px, 29%) 18px 1fr !important;
}
.generated-card-left{
  min-width: 0 !important;
  padding: 14px 12px !important;
  justify-content: center !important;
  align-items: center !important;
}
.generated-card-image{
  width: min(72%, 96px) !important;
  margin: 0 auto !important;
  background-position: center !important;
}
.generated-card-brandline{
  display: none !important;
}
.generated-card-divider span{
  height: 36px !important;
}
.generated-card-content{
  padding: 18px 18px 16px 12px !important;
  gap: 7px !important;
  align-content: center !important;
}
.generated-card-content > span{
  font-size: 10px !important;
  letter-spacing: .04em !important;
}
.generated-card-content h3{
  font-size: clamp(14px, 1.45vw, 18px) !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.generated-card-underline{
  width: 78px !important;
  height: 2px !important;
}
.generated-card-content p{
  font-size: 10.5px !important;
  line-height: 1.25 !important;
  max-width: 300px !important;
}
.generated-card-info{
  grid-template-columns: 28px 1fr !important;
  gap: 7px !important;
}
.generated-card-icon{
  width: 25px !important;
  height: 25px !important;
  font-size: 12px !important;
}
.generated-card-text strong{
  font-size: 11px !important;
}
.generated-card-text span{
  font-size: 10.5px !important;
  line-height: 1.25 !important;
}
.generated-card-phone-row{
  padding-top: 6px !important;
}
.generated-card-actions{
  margin-top: 2px !important;
}
.generated-card-actions .btn{
  min-height: 34px !important;
  padding: 7px 12px !important;
  font-size: 10px !important;
  border-radius: 10px !important;
}
@media(max-width:900px){
  .generated-card{
    width: min(520px, 100%) !important;
    aspect-ratio: 856 / 540 !important;
    grid-template-columns: minmax(145px, 29%) 18px 1fr !important;
    flex-direction: initial !important;
  }
  .generated-card-divider{
    min-height: 0 !important;
  }
  .generated-card-divider::before{
    top: 18% !important;
    bottom: 18% !important;
    left: auto !important;
    right: auto !important;
    width: 1px !important;
    height: auto !important;
  }
  .generated-card-divider span{
    width: 3px !important;
    height: 36px !important;
  }
  .generated-card-content h3{
    white-space: nowrap !important;
  }
}
@media(max-width:560px){
  .generated-card{
    width: 100% !important;
  }
}


/* Ajuste extra compacto do cartão */
.generated-card{
  width: min(500px, 100%) !important;
  aspect-ratio: 856 / 430 !important;
  border-radius: 22px !important;
  grid-template-columns: minmax(120px, 27%) 14px 1fr !important;
}
.generated-card-left{
  padding: 10px 10px !important;
}
.generated-card-image{
  width: min(66%, 72px) !important;
}
.generated-card-divider::before{
  top: 14% !important;
  bottom: 14% !important;
}
.generated-card-divider span{
  width: 3px !important;
  height: 28px !important;
}
.generated-card-content{
  padding: 12px 14px 12px 8px !important;
  gap: 4px !important;
}
.generated-card-content > span{
  font-size: 9px !important;
  line-height: 1 !important;
}
.generated-card-content h3{
  font-size: clamp(12px, 1.25vw, 15px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.02em !important;
}
.generated-card-underline{
  width: 64px !important;
}
.generated-card-content p{
  font-size: 9px !important;
  line-height: 1.18 !important;
  max-width: 240px !important;
}
.generated-card-info{
  grid-template-columns: 22px 1fr !important;
  gap: 5px !important;
}
.generated-card-icon{
  width: 20px !important;
  height: 20px !important;
  font-size: 10px !important;
}
.generated-card-text strong{
  font-size: 10px !important;
}
.generated-card-text span{
  font-size: 9px !important;
  line-height: 1.16 !important;
}
.generated-card-phone-row{
  padding-top: 4px !important;
}
.generated-card-actions .btn{
  min-height: 28px !important;
  padding: 5px 10px !important;
  font-size: 9px !important;
}
@media(max-width:900px){
  .generated-card{
    width: min(500px, 100%) !important;
    aspect-ratio: 856 / 430 !important;
    grid-template-columns: minmax(120px, 27%) 14px 1fr !important;
  }
  .generated-card-content h3{white-space: nowrap !important;}
}