@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}}

.sub-hero{padding:86px 0 60px;background:#fff;overflow:hidden}.sub-hero .split{grid-template-columns:.88fr 1.12fr}.sub-visual{height:390px;border:1px solid var(--line);border-radius:36px;background:linear-gradient(135deg,#fff,#f5f6f8);box-shadow:var(--shadow);position:relative;overflow:hidden}.sub-visual:before{content:"";position:absolute;inset:42px;border:1px solid rgba(227,6,19,.14);border-radius:28px}.sub-visual:after{content:"H";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140px;height:140px;background:var(--red);color:#fff;font-size:62px;font-weight:950;display:grid;place-items:center;clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);box-shadow:0 38px 80px rgba(227,6,19,.23)}.page-section{padding:78px 0}.page-section.alt{background:#f7f8fa;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:36px}.section-head p{max-width:520px}.clean-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.clean-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;min-height:210px;transition:.22s}.clean-card:hover{border-color:rgba(227,6,19,.32);box-shadow:0 24px 70px rgba(20,24,32,.08);transform:translateY(-4px)}.clean-card .ico{width:50px;height:50px;border-radius:16px;background:#fff0f1;color:var(--red);display:grid;place-items:center;font-size:24px;margin-bottom:28px}.large-dark{background:#0d0e11;color:#fff;border-radius:34px;padding:52px;display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;align-items:center}.large-dark p{color:#c8ccd4}.timeline{display:grid;gap:22px}.timeline-item{display:grid;grid-template-columns:60px 1fr;gap:20px;align-items:start}.timeline-item b{color:var(--red);font-size:28px}.quote-box{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.cta-wide{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fff;border:1px solid var(--line);border-radius:30px;padding:40px;margin-top:40px}@media(max-width:900px){.sub-hero .split,.large-dark{grid-template-columns:1fr}.clean-grid{grid-template-columns:1fr}.section-head,.cta-wide{display:block}.sub-visual{height:260px}.cta-wide .btn{margin-top:20px}}

.sub-visual{background:linear-gradient(135deg,#fff,#fafafa)}.sub-visual:before{background:repeating-linear-gradient(90deg,transparent 0 42px,rgba(227,6,19,.07) 42px 43px)}

/* 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}}


/* Hero IA Serviços Animado */
.sub-visual{overflow:hidden;background:
radial-gradient(circle at 22% 24%,rgba(227,6,19,.18),transparent 18%),
radial-gradient(circle at 78% 72%,rgba(255,255,255,.05),transparent 22%),
linear-gradient(135deg,rgba(14,16,22,.98),rgba(8,9,13,.98))!important;animation:svcGlow 6s ease-in-out infinite}
.sub-visual:before{content:"";position:absolute;inset:24px;border-radius:28px;border:1px solid rgba(227,6,19,.22)!important;background:
linear-gradient(90deg,rgba(227,6,19,.08) 1px,transparent 1px) 0 0/42px 100%,
linear-gradient(rgba(227,6,19,.06) 1px,transparent 1px) 0 0/100% 42px,
linear-gradient(90deg,transparent 0 20%,rgba(227,6,19,.20) 20% 24%,transparent 24% 100%) 0 26%/100% 10px no-repeat,
linear-gradient(90deg,transparent 0 38%,rgba(255,255,255,.10) 38% 42%,transparent 42% 100%) 0 50%/100% 10px no-repeat,
linear-gradient(90deg,transparent 0 16%,rgba(227,6,19,.16) 16% 20%,transparent 20% 100%) 0 74%/100% 10px no-repeat!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);animation:svcLines 4.8s linear infinite}
.sub-visual:after{content:"IA";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140px;height:140px;border-radius:34px;background:linear-gradient(135deg,#ff1d2d,#af000a)!important;color:#fff;font-size:58px;font-weight:950;display:grid;place-items:center;box-shadow:0 0 0 18px rgba(227,6,19,.08),0 0 100px rgba(227,6,19,.26)!important;clip-path:none!important;animation:svcCore 3.2s ease-in-out infinite}
@keyframes svcCore{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}}
@keyframes svcGlow{0%,100%{background-position:0 0,0 0,0 0}50%{background-position:18px -10px,-16px 12px,0 0}}
@keyframes svcLines{0%{background-position:0 0,0 0,-120% 26%,120% 50%,-90% 74%}100%{background-position:0 0,0 0,120% 26%,-120% 50%,130% 74%}}

/* 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;
  }
}