/* Neiva Serviços | overrides v20260312_6 */
:root{
  --site-max: 1440px;
  --container-gutter: clamp(16px, 2.4vw, 40px);
  --topbar-h: 74px;
  --header-brand-w: 210px;
  --header-logo-w: 210px;
  --footer-brand-w: 220px;
  --footer-logo-h: 30px;
  --logo-height-mobile: 26px;
}

html,
body{
  max-width: 100%;
  overflow-x: clip;
}

body{
  padding-top: var(--topbar-h);
}

img,
svg,
video{
  max-width: 100%;
  height: auto;
}

.container{
  width: min(var(--site-max), calc(100% - (var(--container-gutter) * 2))) !important;
  margin-inline: auto;
}

.topbar{
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 999;
  background: rgba(7, 0, 42, .98) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
  box-shadow: 0 8px 20px rgba(2, 6, 23, .16);
  backdrop-filter: saturate(115%) blur(8px);
  -webkit-backdrop-filter: saturate(115%) blur(8px);
}

.topbar::before,
.topbar::after{
  display: none !important;
}

.topbar--scrolled{
  box-shadow: 0 10px 24px rgba(2, 6, 23, .20);
}

.topbar .container.nav{
  min-height: var(--topbar-h) !important;
  display: grid !important;
  grid-template-columns: var(--header-brand-w) minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 10px 0 !important;
}

.topbar .brand,
.topbar .header__brand,
.topbar .logo{
  display: block !important;
  width: var(--header-brand-w) !important;
  min-width: 0 !important;
  max-width: var(--header-brand-w) !important;
  margin: 0 !important;
  overflow: hidden !important;
}

.topbar .brand__logo,
.topbar .nav__logo,
.topbar .header__logo,
.topbar .site-logo,
.topbar .logo img,
.topbar img[src*="logo-neiva"],
.topbar img[src*="logo-neiva-servicos"],
.topbar img[src*="logo-neiva-principal"]{
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
}

.topbar .menu{
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(2px, .6vw, 14px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.topbar .menu a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0;
  padding: 10px 8px !important;
  white-space: nowrap;
  font-size: .95rem !important;
  font-weight: 600;
  line-height: 1.1;
  color: rgba(255, 255, 255, .92) !important;
  text-decoration: none;
  border: 0 !important;
  border-radius: 10px;
  background: transparent !important;
  box-shadow: none !important;
  transition: background .18s ease, color .18s ease;
}

.topbar .menu a::after{
  display: none !important;
}

.topbar .menu a:hover,
.topbar .menu a:focus-visible{
  background: rgba(255, 255, 255, .08) !important;
  color: #fff !important;
}

.topbar .menu a[aria-current="page"]{
  background: rgba(254, 109, 20, .16) !important;
  color: #fff !important;
}

.topbar .nav__right{
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  flex-shrink: 0 !important;
}

.topbar .nav__right > *{
  flex-shrink: 0 !important;
}

.langSwitch{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.langSwitch__btn{
  width: 32px !important;
  height: 32px !important;
  padding: 0;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .05);
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.langSwitch__btn:hover,
.langSwitch__btn:focus-visible{
  background: rgba(255, 255, 255, .10);
  transform: translateY(-1px);
}

.langSwitch__btn.is-active{
  border-color: rgba(254, 109, 20, .72);
  box-shadow: 0 0 0 2px rgba(254, 109, 20, .16);
}

.langSwitch__btn img{
  width: 15px;
  height: 15px;
  object-fit: cover;
  border-radius: 999px;
  display: block;
}

.topbar .btn,
.mobileNav__actions .btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  min-width: 0 !important;
  padding: 10px 14px !important;
  white-space: nowrap;
  font-size: .90rem !important;
  line-height: 1.05;
  border-radius: 12px;
  text-decoration: none;
  box-shadow: none !important;
}

.topbar .btn--ghost{
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  background: rgba(255, 255, 255, .04) !important;
}

.topbar .btn--ghost:hover,
.topbar .btn--ghost:focus-visible{
  background: rgba(255, 255, 255, .09) !important;
}

.topbar .btn--primary{
  color: #fff !important;
  border: 1px solid transparent !important;
  background: linear-gradient(135deg, #fe6d14 0%, #f26821 100%) !important;
  box-shadow: 0 10px 22px rgba(242, 104, 33, .22) !important;
}

.topbar .btn--primary:hover,
.topbar .btn--primary:focus-visible{
  filter: brightness(1.03);
}

.topbar .btn--restricted.is-icon-only,
.topbar a.is-icon-only{
  width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  flex: 0 0 42px;
}

.topbar .nav__toggle{
  display: none !important;
}

.footer__brand,
.footer .brand,
.footer .logo,
.header__brand{
  height: auto !important;
  max-height: none !important;
}

.footer__brand{
  max-width: var(--footer-brand-w);
}

.footer__brand img.footer__logo,
img.footer__logo,
.footer-logo img,
.footer__brand img,
.footer img[src*="logo-neiva"],
.footer img[src*="logo-neiva-servicos"],
.footer img[src*="logo-neiva-principal"]{
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
}

.footer__bottom-inner{
  gap: 10px 18px;
  font-size: .84rem !important;
}

.footer__desc,
.footer__col a,
.footer__bottom-inner span{
  overflow-wrap: anywhere;
  word-break: break-word;
}

.footer a[href*="apresentacao-corporativa"]{
  display: block !important;
  padding: 0 !important;
  min-width: 0 !important;
  width: auto !important;
  justify-content: flex-start !important;
}

.clients-marquee{
  overflow: hidden !important;
  padding: 18px !important;
}

.marquee-track{
  align-items: center;
}

.marquee-item{
  min-width: 184px;
  padding: 12px 14px !important;
  border-radius: 16px;
}

.marquee-item img{
  height: 64px;
  max-width: 210px;
  width: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

html.nav-open,
html.nav-open body{
  overflow: hidden !important;
  touch-action: none;
}

@media (max-width: 1500px){
  :root{
    --header-brand-w: 198px;
  }

  .topbar .container.nav{
    gap: 12px;
  }

  .topbar .menu a{
    font-size: .92rem !important;
    padding: 10px 6px !important;
  }

  .topbar .btn{
    font-size: .86rem !important;
    padding: 10px 12px !important;
  }
}

@media (max-width: 1365px){
  :root{
    --header-brand-w: 188px;
    --topbar-h: 104px;
  }

  body{
    padding-top: var(--topbar-h);
  }

  .topbar .container.nav{
    min-height: auto !important;
    grid-template-columns: var(--header-brand-w) minmax(0, 1fr) !important;
    grid-template-areas:
      "brand actions"
      "menu menu" !important;
    align-items: center !important;
    gap: 10px 14px !important;
    padding: 12px 0 !important;
  }

  .topbar .brand{
    grid-area: brand;
  }

  .topbar .nav__right{
    grid-area: actions;
    justify-self: end !important;
  }

  .topbar .menu{
    grid-area: menu;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    scrollbar-width: none;
    padding-bottom: 2px;
  }

  .topbar .menu::-webkit-scrollbar{
    display: none;
  }

  .topbar .menu a{
    flex: 0 0 auto;
    font-size: .90rem !important;
    padding: 9px 6px !important;
  }
}

@media (max-width: 1200px){
  :root{
    --topbar-h: 72px;
    --header-brand-w: 182px;
    --footer-brand-w: 210px;
  }

  body{
    padding-top: var(--topbar-h);
  }

  .topbar{
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .topbar .container.nav{
    min-height: var(--topbar-h) !important;
    display: grid !important;
    grid-template-columns: var(--header-brand-w) auto !important;
    grid-template-areas: "brand toggle" !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 10px 0 !important;
  }

  .topbar .brand{
    grid-area: brand;
  }

  .topbar .menu,
  .topbar .nav__right{
    display: none !important;
  }

  .topbar .nav__toggle{
    grid-area: toggle;
    display: inline-flex !important;
    width: 44px !important;
    height: 44px !important;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    background: rgba(255, 255, 255, .08) !important;
  }

  .mobileNav{
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: none;
    padding: 0;
    justify-content: flex-end;
    background: rgba(2, 6, 23, .48);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }

  html.nav-open .mobileNav{
    display: flex;
  }

  .mobileNav[hidden]{
    display: none !important;
  }

  .mobileNav__panel{
    width: min(92vw, 360px);
    max-width: 360px;
    height: 100dvh;
    max-height: 100dvh;
    margin-left: auto;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 18px 16px calc(24px + env(safe-area-inset-bottom));
    border-radius: 24px 0 0 24px;
    border: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, .985) 0%, rgba(248, 250, 255, .965) 100%);
    box-shadow: -18px 0 40px rgba(2, 6, 23, .18);
    transform: translateX(100%);
    opacity: 1;
    transition: transform .24s ease;
  }

  html.nav-open .mobileNav__panel{
    transform: translateX(0);
  }

  .mobileNav__head{
    position: sticky;
    top: 0;
    z-index: 2;
    margin: -18px -16px 14px;
    padding: 18px 16px 12px;
    background: rgba(255, 255, 255, .94);
    border-bottom: 1px solid rgba(18, 29, 56, .08);
  }

  .mobileNav__title{
    font-size: 1rem;
    color: #07002a;
  }

  .mobileNav__close{
    width: 42px;
    height: 42px;
    border-radius: 12px;
  }

  .mobileNav__links{
    gap: 10px;
    margin: 8px 0 14px;
  }

  .mobileNav__links a{
    padding: 14px 14px;
    border-radius: 16px;
    font-size: .98rem;
    background: #fff;
    box-shadow: 0 8px 18px rgba(11, 18, 38, .06);
  }

  .mobileNav__actions{
    gap: 10px;
  }

  .mobileNav__actions .btn,
  .mobileNav__actions .langSwitch{
    width: 100%;
    justify-content: center;
  }

  .mobileNav__actions .btn{
    min-height: 46px;
  }

  .mobileNav__actions .btn--ghost{
    color: #0b1226 !important;
    border: 1px solid rgba(18, 29, 56, .12) !important;
    background: #fff !important;
  }

  .mobileNav__actions .btn--primary{
    color: #fff !important;
    border: 1px solid transparent !important;
    background: linear-gradient(135deg, #fe6d14 0%, #f26821 100%) !important;
  }
}

@media (max-width: 768px){
  :root{
    --topbar-h: 68px;
    --container-gutter: 16px;
    --header-brand-w: 170px;
    --footer-brand-w: 200px;
  }

  .container{
    width: min(100%, 1200px) !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .hero__wrap,
  .hero__actions,
  .pillars-grid,
  .pillars-split,
  .services-grid,
  .about-grid,
  .portfolio-grid,
  .channels-grid,
  .timeline,
  .footer__grid{
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .hero__panel,
  .card,
  .mv-card,
  .pillar-card,
  .clients-marquee,
  .footer__col{
    min-width: 0;
  }

  .hero__panel{
    padding: 18px !important;
  }

  .hero__chips{
    gap: 8px;
  }

  .hero-chip,
  .badge,
  .stat,
  .li{
    max-width: 100%;
  }

  .clients{
    padding: 42px 0 38px;
  }

  .clients-marquee{
    overflow-x: auto;
    overflow-y: hidden;
    padding: 12px !important;
    border-radius: 16px;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }

  .clients-marquee::-webkit-scrollbar{
    height: 6px;
  }

  .marquee-track{
    width: max-content;
    gap: 12px !important;
    animation: none !important;
    transform: none !important;
  }

  .marquee-item{
    min-width: 150px;
    scroll-snap-align: start;
    padding: 10px 12px !important;
  }

  .marquee-item img{
    height: 48px;
    max-width: 160px;
  }

  .hero__panel,
  .hero__card,
  .card,
  .clients-marquee,
  .marquee-item,
  .mobileNav__panel{
    box-shadow: 0 10px 24px rgba(11, 18, 38, .08) !important;
  }

  .hero--static .hero__panel,
  .hero--static .hero__card.card,
  .clients-marquee,
  .mobileNav,
  .mobileNav__head{
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .reveal,
  .card,
  .btn,
  .marquee-item,
  .hero-bg__video,
  .mobileNav__panel,
  body{
    transition: none !important;
  }

  .page-intro::before,
  .page-intro--tower::before,
  .page-intro--about08::before{
    filter: none !important;
  }
}

@media (max-width: 480px){
  .mobileNav__panel{
    width: 100vw;
    max-width: 100vw;
    border-radius: 0;
  }
}

/* Neiva Serviços | audit cleanup v20260312_10 */
:root{
  --site-max: 1480px;
  --topbar-h: 70px;
  --header-brand-w: 184px;
  --footer-brand-w: 210px;
}

body{
  padding-top: var(--topbar-h);
}

.topbar{
  background: rgba(6, 0, 34, .97) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
  box-shadow: 0 8px 18px rgba(5, 10, 28, .14) !important;
}

.topbar .container.nav{
  grid-template-columns: var(--header-brand-w) minmax(0, 1fr) auto !important;
  gap: 12px !important;
  padding: 9px 0 !important;
}

.topbar .brand,
.topbar .header__brand,
.topbar .logo{
  width: var(--header-brand-w) !important;
  max-width: var(--header-brand-w) !important;
}

.topbar .menu{
  justify-content: flex-start !important;
  gap: clamp(2px, .45vw, 12px) !important;
  padding-left: 4px !important;
  overflow: visible !important;
}

.topbar .menu a{
  padding: 8px 10px !important;
  font-size: .93rem !important;
}

.topbar .nav__right{
  position: relative;
  gap: 6px !important;
  padding-left: 6px !important;
  overflow: visible !important;
}

.topbar .nav__right .langSwitch,
.topbar .nav__right .btn,
.topbar .nav__right .btn--restricted,
.topbar .nav__right a.is-icon-only{
  position: relative;
  box-shadow: 0 8px 18px rgba(8, 13, 34, .12), 0 0 0 1px rgba(255, 255, 255, .05), 0 0 18px rgba(242, 104, 33, .08) !important;
}

.topbar .nav__right .langSwitch{
  padding: 4px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .04) !important;
}

.topbar .langSwitch__btn{
  width: 30px !important;
  height: 30px !important;
}

.topbar .btn,
.mobileNav__actions .btn{
  min-height: 40px !important;
  padding: 9px 13px !important;
  font-size: .88rem !important;
}

.topbar .btn--restricted.is-icon-only,
.topbar a.is-icon-only{
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px;
}

.topbar .btn--ghost{
  background: rgba(255, 255, 255, .045) !important;
}

.topbar .btn--primary{
  box-shadow: 0 10px 22px rgba(242, 104, 33, .24), 0 0 24px rgba(242, 104, 33, .12) !important;
}

.topbar .nav__right .btn:hover,
.topbar .nav__right .btn:focus-visible,
.topbar .nav__right .langSwitch__btn:hover,
.topbar .nav__right .langSwitch__btn:focus-visible,
.topbar .nav__right a.is-icon-only:hover,
.topbar .nav__right a.is-icon-only:focus-visible{
  transform: translateY(-1px);
}

.marquee-item,
.marquee-item--boost{
  width: 214px !important;
  min-width: 214px !important;
  height: 104px !important;
  padding: 12px 14px !important;
  box-sizing: border-box !important;
}

.marquee-item img.client-logo,
.marquee-item--boost img.client-logo--boost{
  height: 68px !important;
  max-width: 100% !important;
  width: auto !important;
  object-fit: contain !important;
}

.marquee-item--boost img.client-logo--boost{
  height: 78px !important;
  transform: scale(1.2) !important;
  transform-origin: center center !important;
}

@media (max-width: 1760px){
  :root{
    --topbar-h: 96px;
    --header-brand-w: 178px;
  }

  body{
    padding-top: var(--topbar-h);
  }

  .topbar .container.nav{
    grid-template-columns: var(--header-brand-w) minmax(0, 1fr) !important;
    grid-template-areas:
      "brand actions"
      "menu menu" !important;
    gap: 8px 14px !important;
    min-height: auto !important;
    align-items: center !important;
  }

  .topbar .brand{
    grid-area: brand;
  }

  .topbar .nav__right{
    grid-area: actions;
    justify-self: end !important;
  }

  .topbar .menu{
    grid-area: menu;
    overflow-x: auto !important;
    scrollbar-width: none;
    padding: 0 0 2px !important;
  }

  .topbar .menu::-webkit-scrollbar{
    display: none;
  }
}

@media (max-width: 1440px){
  :root{
    --header-brand-w: 170px;
  }

  .topbar .menu a{
    font-size: .9rem !important;
    padding: 8px 8px !important;
  }

  .topbar .btn{
    font-size: .84rem !important;
    padding: 9px 11px !important;
  }
}

@media (max-width: 1200px){
  :root{
    --topbar-h: 72px;
    --header-brand-w: 170px;
  }

  .topbar .nav__right .langSwitch,
  .topbar .nav__right .btn,
  .topbar .nav__right .btn--restricted,
  .topbar .nav__right a.is-icon-only,
  .topbar .nav__right .langSwitch__btn{
    box-shadow: none !important;
  }
}

@media (max-width: 768px){
  .marquee-item,
  .marquee-item--boost{
    width: 174px !important;
    min-width: 174px !important;
    height: 84px !important;
  }

  .marquee-item img.client-logo,
  .marquee-item--boost img.client-logo--boost{
    height: 50px !important;
    max-width: 100% !important;
  }

  .marquee-item--boost img.client-logo--boost{
    height: 58px !important;
    transform: scale(1.12) !important;
  }
}


/* Neiva Serviços | single-line desktop header v20260312_11 */
:root{
  --topbar-h: 76px;
  --header-brand-w: 190px;
}

body{
  padding-top: var(--topbar-h);
}

@media (min-width: 1201px){
  .topbar .container.nav{
    min-height: var(--topbar-h) !important;
    display: grid !important;
    grid-template-columns: var(--header-brand-w) minmax(0, 1fr) auto !important;
    grid-template-areas: "brand menu actions" !important;
    align-items: center !important;
    gap: clamp(8px, .8vw, 16px) !important;
    padding: 10px 0 !important;
  }

  .topbar .brand,
  .topbar .header__brand,
  .topbar .logo{
    grid-area: brand !important;
    width: var(--header-brand-w) !important;
    max-width: var(--header-brand-w) !important;
  }

  .topbar .menu{
    grid-area: menu !important;
    min-width: 0 !important;
    justify-content: center !important;
    gap: clamp(0px, .35vw, 8px) !important;
    padding: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  .topbar .menu a{
    padding: 8px clamp(4px, .55vw, 10px) !important;
    font-size: clamp(.84rem, .58vw, .94rem) !important;
    line-height: 1 !important;
  }

  .topbar .nav__right{
    grid-area: actions !important;
    justify-self: end !important;
    min-width: 0 !important;
    gap: clamp(4px, .4vw, 8px) !important;
    padding-left: 0 !important;
    white-space: nowrap !important;
  }

  .topbar .nav__right .langSwitch{
    gap: 4px !important;
    padding: 4px !important;
  }

  .topbar .langSwitch__btn{
    width: 29px !important;
    height: 29px !important;
  }

  .topbar .langSwitch__btn img{
    width: 14px !important;
    height: 14px !important;
  }

  .topbar .btn,
  .topbar .nav__right .btn,
  .topbar .nav__right a.is-icon-only{
    min-height: 38px !important;
    padding: 8px clamp(10px, .9vw, 15px) !important;
    font-size: clamp(.8rem, .52vw, .88rem) !important;
    line-height: 1 !important;
  }

  .topbar .btn--restricted.is-icon-only,
  .topbar .nav__right a.is-icon-only{
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    padding: 0 !important;
  }

  .topbar .btn--ghost[href*="apresentacao-corporativa"]{
    padding-inline: clamp(12px, 1vw, 18px) !important;
  }

  .topbar .btn--primary{
    padding-inline: clamp(14px, 1.15vw, 20px) !important;
  }
}

@media (min-width: 1201px) and (max-width: 1400px){
  :root{
    --header-brand-w: 176px;
  }

  .topbar .menu a{
    padding-inline: 6px !important;
    font-size: .86rem !important;
  }

  .topbar .btn,
  .topbar .nav__right .btn{
    padding-inline: 11px !important;
    font-size: .81rem !important;
  }
}


/* Neiva Serviços | slim desktop header v20260312_12 */
:root{
  --topbar-h: 66px;
  --header-brand-w: 174px;
}

body{
  padding-top: var(--topbar-h);
}

@media (min-width: 1201px){
  .topbar{
    box-shadow: 0 6px 16px rgba(2, 6, 23, .14) !important;
  }

  .topbar .container.nav{
    min-height: var(--topbar-h) !important;
    gap: clamp(8px, .75vw, 14px) !important;
    padding: 7px 0 !important;
  }

  .topbar .brand,
  .topbar .header__brand,
  .topbar .logo{
    width: var(--header-brand-w) !important;
    max-width: var(--header-brand-w) !important;
  }

  .topbar .menu{
    gap: clamp(0px, .28vw, 6px) !important;
  }

  .topbar .menu a{
    padding: 6px clamp(4px, .48vw, 8px) !important;
    font-size: clamp(.82rem, .52vw, .89rem) !important;
  }

  .topbar .nav__right{
    gap: 6px !important;
  }

  .topbar .nav__right .langSwitch{
    gap: 4px !important;
    padding: 2px !important;
  }

  .topbar .langSwitch__btn{
    width: 28px !important;
    height: 28px !important;
  }

  .topbar .langSwitch__btn img{
    width: 13px !important;
    height: 13px !important;
  }

  .topbar .btn,
  .topbar .nav__right .btn,
  .topbar .nav__right a.is-icon-only{
    min-height: 36px !important;
    padding: 7px clamp(10px, .82vw, 14px) !important;
    font-size: clamp(.79rem, .48vw, .85rem) !important;
    border-radius: 11px !important;
  }

  .topbar .btn--restricted.is-icon-only,
  .topbar .nav__right a.is-icon-only{
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
  }

  .topbar .btn--ghost[href*="apresentacao-corporativa"]{
    padding-inline: clamp(11px, .95vw, 16px) !important;
  }

  .topbar .btn--primary{
    padding-inline: clamp(13px, 1.02vw, 18px) !important;
  }
}

@media (min-width: 1201px) and (max-width: 1460px){
  :root{
    --topbar-h: 64px;
    --header-brand-w: 164px;
  }

  .topbar .menu a{
    padding-inline: 5px !important;
    font-size: .83rem !important;
  }

  .topbar .btn,
  .topbar .nav__right .btn{
    padding-inline: 10px !important;
    font-size: .79rem !important;
  }
}


/* Neiva Serviços | premium header v20260312_13 */
:root{
  --topbar-h: 72px;
  --header-brand-w: 188px;
}

body{
  padding-top: var(--topbar-h);
}

@media (min-width: 1201px){
  .topbar{
    background: linear-gradient(180deg, rgba(6, 0, 34, .97) 0%, rgba(7, 0, 42, .95) 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
    box-shadow: 0 10px 28px rgba(2, 6, 23, .18) !important;
    backdrop-filter: saturate(118%) blur(10px) !important;
    -webkit-backdrop-filter: saturate(118%) blur(10px) !important;
  }

  .topbar .container.nav{
    min-height: var(--topbar-h) !important;
    grid-template-columns: var(--header-brand-w) minmax(0, 1fr) auto !important;
    gap: 14px !important;
    padding: 10px 0 !important;
  }

  .topbar .brand,
  .topbar .header__brand,
  .topbar .logo{
    width: var(--header-brand-w) !important;
    max-width: var(--header-brand-w) !important;
    display: flex !important;
    align-items: center !important;
  }

  .topbar .brand__logo,
  .topbar .nav__logo,
  .topbar .header__logo,
  .topbar .site-logo{
    width: 100% !important;
    max-width: 100% !important;
  }

  .topbar .menu{
    min-height: 48px !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 4px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(23, 15, 74, .76) 0%, rgba(13, 8, 51, .72) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 12px 26px rgba(2, 6, 23, .14) !important;
  }

  .topbar .menu a{
    padding: 10px 12px !important;
    border-radius: 14px !important;
    font-size: .92rem !important;
    font-weight: 600 !important;
    color: rgba(255, 255, 255, .94) !important;
    letter-spacing: .01em;
  }

  .topbar .menu a:hover,
  .topbar .menu a:focus-visible{
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
  }

  .topbar .menu a[aria-current="page"]{
    background: linear-gradient(180deg, rgba(255, 255, 255, .10) 0%, rgba(255, 255, 255, .06) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  }

  .topbar .nav__right{
    gap: 6px !important;
    padding: 4px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(23, 15, 74, .76) 0%, rgba(13, 8, 51, .72) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 12px 26px rgba(2, 6, 23, .14) !important;
  }

  .topbar .nav__right > *{
    min-height: 40px !important;
  }

  .topbar .langSwitch{
    gap: 4px !important;
    padding: 0 !important;
  }

  .topbar .langSwitch__btn{
    width: 30px !important;
    height: 30px !important;
    border-radius: 999px !important;
    border-color: rgba(255, 255, 255, .12) !important;
    background: rgba(255, 255, 255, .04) !important;
  }

  .topbar .langSwitch__btn:hover,
  .topbar .langSwitch__btn:focus-visible{
    background: rgba(255, 255, 255, .08) !important;
  }

  .topbar .langSwitch__btn.is-active{
    border-color: rgba(254, 109, 20, .55) !important;
    box-shadow: 0 0 0 2px rgba(254, 109, 20, .14) !important;
  }

  .topbar .langSwitch__btn img{
    width: 14px !important;
    height: 14px !important;
  }

  .topbar .btn,
  .topbar .nav__right .btn,
  .topbar .nav__right a.is-icon-only{
    min-height: 40px !important;
    padding: 9px 14px !important;
    border-radius: 14px !important;
    font-size: .88rem !important;
    font-weight: 600 !important;
  }

  .topbar .btn--restricted.is-icon-only,
  .topbar .nav__right a.is-icon-only{
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
  }

  .topbar .btn--ghost{
    border-color: rgba(255, 255, 255, .11) !important;
    background: rgba(255, 255, 255, .04) !important;
    color: rgba(255, 255, 255, .94) !important;
  }

  .topbar .btn--ghost:hover,
  .topbar .btn--ghost:focus-visible{
    background: rgba(255, 255, 255, .09) !important;
    border-color: rgba(255, 255, 255, .16) !important;
  }

  .topbar .btn--primary{
    background: linear-gradient(135deg, #fe6d14 0%, #f26821 100%) !important;
    box-shadow: 0 12px 24px rgba(242, 104, 33, .18) !important;
  }

  .topbar .btn--primary:hover,
  .topbar .btn--primary:focus-visible{
    box-shadow: 0 14px 28px rgba(242, 104, 33, .22) !important;
    transform: translateY(-1px);
  }
}

@media (min-width: 1201px) and (max-width: 1480px){
  :root{
    --header-brand-w: 178px;
  }

  .topbar .container.nav{
    gap: 12px !important;
  }

  .topbar .menu a{
    padding: 10px 10px !important;
    font-size: .88rem !important;
  }

  .topbar .btn,
  .topbar .nav__right .btn,
  .topbar .nav__right a.is-icon-only{
    padding: 9px 12px !important;
    font-size: .84rem !important;
  }
}

@media (min-width: 1201px) and (max-width: 1340px){
  :root{
    --topbar-h: 68px;
    --header-brand-w: 166px;
  }

  .topbar .menu{
    gap: 2px !important;
  }

  .topbar .menu a{
    padding: 9px 8px !important;
    font-size: .84rem !important;
  }

  .topbar .nav__right{
    gap: 5px !important;
    padding: 3px !important;
  }

  .topbar .langSwitch__btn{
    width: 28px !important;
    height: 28px !important;
  }

  .topbar .btn,
  .topbar .nav__right .btn,
  .topbar .nav__right a.is-icon-only{
    min-height: 38px !important;
    padding: 8px 11px !important;
    font-size: .79rem !important;
    border-radius: 13px !important;
  }

  .topbar .btn--restricted.is-icon-only,
  .topbar .nav__right a.is-icon-only{
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
  }
}


/* Neiva Serviços | premium header full-width strip refinement v20260312_15 */
:root{
  --topbar-h: 70px;
  --header-brand-w: 180px;
}

body{
  padding-top: var(--topbar-h);
}

@media (min-width: 1201px){
  .topbar{
    background: linear-gradient(180deg, rgba(6, 0, 34, .97) 0%, rgba(7, 0, 42, .95) 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
    box-shadow: 0 10px 26px rgba(2, 6, 23, .16) !important;
    backdrop-filter: saturate(118%) blur(10px) !important;
    -webkit-backdrop-filter: saturate(118%) blur(10px) !important;
    padding: 0 !important;
  }

  .topbar .container.nav{
    width: min(94%, 1580px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    min-height: var(--topbar-h) !important;
    padding: 8px 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .topbar .brand,
  .topbar .header__brand,
  .topbar .logo{
    width: var(--header-brand-w) !important;
    max-width: var(--header-brand-w) !important;
  }

  .topbar .menu{
    min-height: 44px !important;
    padding: 3px !important;
    border-radius: 16px !important;
  }

  .topbar .menu a{
    padding: 9px 11px !important;
    font-size: .89rem !important;
  }

  .topbar .nav__right{
    gap: 5px !important;
    padding: 3px !important;
    border-radius: 16px !important;
  }

  .topbar .langSwitch__btn{
    width: 29px !important;
    height: 29px !important;
  }

  .topbar .btn,
  .topbar .nav__right .btn,
  .topbar .nav__right a.is-icon-only{
    min-height: 38px !important;
    padding: 8px 13px !important;
    font-size: .86rem !important;
    border-radius: 13px !important;
  }

  .topbar .btn--restricted.is-icon-only,
  .topbar .nav__right a.is-icon-only{
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
  }
}

@media (min-width: 1201px) and (max-width: 1540px){
  .topbar .container.nav{
    width: min(94%, calc(100% - 72px)) !important;
  }
}

@media (min-width: 1201px) and (max-width: 1380px){
  :root{
    --header-brand-w: 170px;
  }

  .topbar .menu a{
    padding-inline: 8px !important;
    font-size: .84rem !important;
  }

  .topbar .btn,
  .topbar .nav__right .btn,
  .topbar .nav__right a.is-icon-only{
    padding-inline: 11px !important;
    font-size: .81rem !important;
  }
}


/* Neiva Serviços | header action buttons no underline v20260312_16 */
.topbar .nav__right a,
.topbar .nav__right .btn,
.topbar .nav__right a:hover,
.topbar .nav__right a:focus-visible,
.topbar .nav__right .btn:hover,
.topbar .nav__right .btn:focus-visible{
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-decoration-color: transparent !important;
}

.topbar .nav__right a::after,
.topbar .nav__right .btn::after{
  display: none !important;
  content: none !important;
}

/* Neiva Serviços | premium mobile header and menu v20260313_17 */
@media (max-width: 860px){
  :root{
    --topbar-h: 58px;
  }

  body{
    padding-top: var(--topbar-h) !important;
  }

  .topbar{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1200 !important;
    background: linear-gradient(180deg, rgba(5, 0, 32, .98) 0%, rgba(7, 0, 42, .96) 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
    box-shadow: 0 10px 28px rgba(2, 6, 23, .18) !important;
    backdrop-filter: saturate(118%) blur(12px) !important;
    -webkit-backdrop-filter: saturate(118%) blur(12px) !important;
  }

  .topbar.topbar--scrolled{
    box-shadow: 0 14px 34px rgba(2, 6, 23, .24) !important;
  }

  .topbar .container.nav{
    min-height: var(--topbar-h) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "brand toggle" !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 6px 0 !important;
  }

  .topbar .brand,
  .topbar .header__brand,
  .topbar .logo{
    grid-area: brand !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  .topbar .brand__logo,
  .topbar .nav__logo,
  .topbar .header__logo,
  .topbar .site-logo{
    width: auto !important;
    height: 28px !important;
    max-width: min(184px, calc(100vw - 110px)) !important;
    object-fit: contain !important;
    object-position: left center !important;
    display: block !important;
  }

  .topbar .menu,
  .topbar .nav__right{
    display: none !important;
  }

  .topbar .nav__toggle{
    grid-area: toggle !important;
    display: inline-flex !important;
    width: 46px !important;
    height: 46px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .10) 0%, rgba(255, 255, 255, .05) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 12px 24px rgba(2, 6, 23, .22) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    overflow: hidden !important;
  }

  .topbar .nav__toggle::before{
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 20%, rgba(254, 109, 20, .18), transparent 56%);
    opacity: .95;
    pointer-events: none;
  }

  .topbar .nav__toggle .nav__toggleIcon,
  .topbar .nav__toggle span{
    width: 20px !important;
    height: 2.5px !important;
    background: #fe6d14 !important;
    border-radius: 999px !important;
    position: relative !important;
    display: block !important;
    transition: transform .24s ease, background .24s ease !important;
    box-shadow: 0 0 14px rgba(254, 109, 20, .18) !important;
  }

  .topbar .nav__toggle .nav__toggleIcon::before,
  .topbar .nav__toggle .nav__toggleIcon::after,
  .topbar .nav__toggle span::before,
  .topbar .nav__toggle span::after{
    content: "";
    position: absolute;
    left: 0;
    width: 20px !important;
    height: 2.5px !important;
    background: #fe6d14 !important;
    border-radius: 999px !important;
    transition: transform .24s ease, top .24s ease, opacity .24s ease !important;
  }

  .topbar .nav__toggle .nav__toggleIcon::before,
  .topbar .nav__toggle span::before{
    top: -6px !important;
  }

  .topbar .nav__toggle .nav__toggleIcon::after,
  .topbar .nav__toggle span::after{
    top: 6px !important;
  }

  .topbar .nav__toggle[aria-expanded="true"]{
    background: linear-gradient(180deg, rgba(254, 109, 20, .16) 0%, rgba(255, 255, 255, .06) 100%) !important;
    border-color: rgba(254, 109, 20, .28) !important;
  }

  .topbar .nav__toggle[aria-expanded="true"] .nav__toggleIcon,
  .topbar .nav__toggle[aria-expanded="true"] span{
    background: transparent !important;
    box-shadow: none !important;
  }

  .topbar .nav__toggle[aria-expanded="true"] .nav__toggleIcon::before,
  .topbar .nav__toggle[aria-expanded="true"] span::before{
    top: 0 !important;
    transform: rotate(45deg) !important;
  }

  .topbar .nav__toggle[aria-expanded="true"] .nav__toggleIcon::after,
  .topbar .nav__toggle[aria-expanded="true"] span::after{
    top: 0 !important;
    transform: rotate(-45deg) !important;
  }

  .mobileNav{
    position: fixed !important;
    inset: 0 !important;
    z-index: 1300 !important;
    display: none;
    align-items: stretch;
    justify-content: flex-end;
    padding: 0 !important;
    background: rgba(2, 6, 23, .54) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
  }

  html.nav-open .mobileNav{
    display: flex !important;
  }

  .mobileNav[hidden]{
    display: none !important;
  }

  .mobileNav__panel{
    width: min(88vw, 360px) !important;
    max-width: 360px !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin-left: auto !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
    padding: calc(16px + env(safe-area-inset-top, 0px)) 16px calc(24px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 28px 0 0 28px !important;
    border-left: 1px solid rgba(255, 255, 255, .38) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .99) 0%, rgba(246, 248, 255, .98) 100%) !important;
    box-shadow: -22px 0 48px rgba(2, 6, 23, .22) !important;
    transform: translateX(100%) !important;
    transition: transform .28s cubic-bezier(.22, 1, .36, 1) !important;
  }

  html.nav-open .mobileNav__panel{
    transform: translateX(0) !important;
  }

  .mobileNav__head{
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    margin: calc(-16px - env(safe-area-inset-top, 0px)) -16px 16px !important;
    padding: calc(16px + env(safe-area-inset-top, 0px)) 16px 14px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(250, 251, 255, .96) 100%) !important;
    border-bottom: 1px solid rgba(18, 29, 56, .08) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  .mobileNav__title{
    font-size: 1.02rem !important;
    font-weight: 700 !important;
    letter-spacing: .01em;
    color: #07002a !important;
  }

  .mobileNav__close{
    width: 46px !important;
    height: 46px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(18, 29, 56, .10) !important;
    background: linear-gradient(180deg, rgba(247, 249, 255, 1) 0%, rgba(241, 244, 252, 1) 100%) !important;
    box-shadow: 0 10px 22px rgba(11, 18, 38, .08) !important;
    color: #156fe6 !important;
    font-size: 1.5rem !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .mobileNav__links{
    display: grid !important;
    gap: 12px !important;
    margin: 0 0 16px !important;
  }

  .mobileNav__links a{
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 58px !important;
    padding: 16px 18px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(18, 29, 56, .08) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%) !important;
    box-shadow: 0 12px 26px rgba(11, 18, 38, .07) !important;
    color: #07002a !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }

  .mobileNav__links a::after{
    content: "";
    position: absolute;
    right: 16px;
    width: 8px;
    height: 8px;
    border-top: 2px solid rgba(21, 111, 230, .55);
    border-right: 2px solid rgba(21, 111, 230, .55);
    transform: rotate(45deg);
  }

  .mobileNav__links a[aria-current="page"]{
    border-color: rgba(254, 109, 20, .22) !important;
    background: linear-gradient(180deg, rgba(254, 109, 20, .12) 0%, rgba(255, 255, 255, 1) 100%) !important;
    box-shadow: 0 14px 28px rgba(242, 104, 33, .10) !important;
  }

  .mobileNav__actions{
    display: grid !important;
    gap: 12px !important;
    padding-top: 4px !important;
  }

  .mobileNav__actions .langSwitch{
    width: 100% !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(18, 29, 56, .08) !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(247, 249, 255, 1) 0%, rgba(241, 244, 252, 1) 100%) !important;
    box-shadow: 0 10px 22px rgba(11, 18, 38, .06) !important;
  }

  .mobileNav__actions .langSwitch__btn{
    width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;
    box-shadow: none !important;
  }

  .mobileNav__actions .langSwitch__btn img{
    width: 16px !important;
    height: 16px !important;
  }

  .mobileNav__actions .btn{
    width: 100% !important;
    min-height: 52px !important;
    border-radius: 18px !important;
    font-size: .98rem !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
    justify-content: center !important;
    text-decoration: none !important;
    box-shadow: 0 12px 24px rgba(11, 18, 38, .08) !important;
  }

  .mobileNav__actions .btn--ghost{
    color: #0b1226 !important;
    border: 1px solid rgba(18, 29, 56, .10) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%) !important;
  }

  .mobileNav__actions .btn--primary{
    color: #fff !important;
    border: 1px solid rgba(242, 104, 33, .12) !important;
    background: linear-gradient(135deg, #fe6d14 0%, #f26821 100%) !important;
    box-shadow: 0 16px 28px rgba(242, 104, 33, .18) !important;
  }

  .mobileNav__actions .btn--restricted.is-icon-only,
  .mobileNav__actions a.is-icon-only{
    width: 54px !important;
    height: 54px !important;
    justify-self: start !important;
    border-radius: 18px !important;
    padding: 0 !important;
  }
}

@media (max-width: 420px){
  :root{
    --topbar-h: 56px;
  }

  .topbar .brand__logo,
  .topbar .nav__logo,
  .topbar .header__logo,
  .topbar .site-logo{
    height: 26px !important;
    max-width: min(170px, calc(100vw - 104px)) !important;
  }

  .topbar .nav__toggle{
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
  }

  .mobileNav__panel{
    width: 100vw !important;
    max-width: 100vw !important;
    border-radius: 0 !important;
  }
}


/* Neiva Serviços | mobile refinement v20260313_18 */
html.nav-open,
html.nav-open body{
  overflow: hidden !important;
}

@media (max-width: 860px){
  :root{
    --topbar-h: 58px;
  }

  body{
    padding-top: var(--topbar-h) !important;
  }

  .topbar{
    background: linear-gradient(180deg, rgba(5,0,32,.985) 0%, rgba(7,0,42,.965) 100%) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 10px 24px rgba(2,6,23,.18) !important;
    backdrop-filter: saturate(118%) blur(10px) !important;
    -webkit-backdrop-filter: saturate(118%) blur(10px) !important;
  }

  .topbar .container.nav{
    min-height: var(--topbar-h) !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "brand toggle" !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 5px 0 !important;
  }

  .topbar .brand,
  .topbar .header__brand,
  .topbar .logo{
    grid-area: brand !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  .topbar .brand__logo,
  .topbar .nav__logo,
  .topbar .header__logo,
  .topbar .site-logo,
  .topbar img[src*="logo-neiva"]{
    width: auto !important;
    height: 26px !important;
    max-width: min(174px, calc(100vw - 96px)) !important;
    object-fit: contain !important;
    object-position: left center !important;
    display: block !important;
  }

  .topbar .menu,
  .topbar .nav__right{
    display: none !important;
  }

  .topbar .nav__toggle{
    grid-area: toggle !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    background: rgba(255,255,255,.05) !important;
    box-shadow: 0 10px 20px rgba(2,6,23,.18) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    overflow: hidden !important;
  }

  .topbar .nav__toggle::before{
    content: none !important;
  }

  .topbar .nav__toggle .nav__toggleIcon,
  .topbar .nav__toggle span{
    width: 18px !important;
    height: 2px !important;
    background: #fe6d14 !important;
    border-radius: 999px !important;
    position: relative !important;
    display: block !important;
    box-shadow: none !important;
    transition: transform .22s ease, background .22s ease !important;
  }

  .topbar .nav__toggle .nav__toggleIcon::before,
  .topbar .nav__toggle .nav__toggleIcon::after,
  .topbar .nav__toggle span::before,
  .topbar .nav__toggle span::after{
    content: "";
    position: absolute;
    left: 0;
    width: 18px !important;
    height: 2px !important;
    background: #fe6d14 !important;
    border-radius: 999px !important;
    transition: transform .22s ease, top .22s ease, opacity .22s ease !important;
  }

  .topbar .nav__toggle .nav__toggleIcon::before,
  .topbar .nav__toggle span::before{
    top: -6px !important;
  }

  .topbar .nav__toggle .nav__toggleIcon::after,
  .topbar .nav__toggle span::after{
    top: 6px !important;
  }

  .topbar .nav__toggle[aria-expanded="true"]{
    background: rgba(254,109,20,.10) !important;
    border-color: rgba(254,109,20,.22) !important;
  }

  .topbar .nav__toggle[aria-expanded="true"] .nav__toggleIcon,
  .topbar .nav__toggle[aria-expanded="true"] span{
    background: transparent !important;
  }

  .topbar .nav__toggle[aria-expanded="true"] .nav__toggleIcon::before,
  .topbar .nav__toggle[aria-expanded="true"] span::before{
    top: 0 !important;
    transform: rotate(45deg) !important;
  }

  .topbar .nav__toggle[aria-expanded="true"] .nav__toggleIcon::after,
  .topbar .nav__toggle[aria-expanded="true"] span::after{
    top: 0 !important;
    transform: rotate(-45deg) !important;
  }

  .mobileNav{
    position: fixed !important;
    inset: 0 !important;
    z-index: 1300 !important;
    display: none;
    align-items: stretch !important;
    justify-content: stretch !important;
    padding: 0 !important;
    background: rgba(2,6,23,.28) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
  }

  html.nav-open .mobileNav{
    display: flex !important;
  }

  .mobileNav[hidden]{
    display: none !important;
  }

  .mobileNav__panel{
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: calc(var(--topbar-h) + 12px + env(safe-area-inset-top, 0px)) 22px calc(22px + env(safe-area-inset-bottom, 0px)) !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
    border-radius: 0 !important;
    border: 0 !important;
    background: linear-gradient(180deg, rgba(255,255,255,.995) 0%, rgba(248,250,255,.99) 100%) !important;
    box-shadow: none !important;
    transform: translateY(-18px) !important;
    opacity: 0 !important;
    transition: transform .24s ease, opacity .24s ease !important;
    display: flex !important;
    flex-direction: column !important;
  }

  html.nav-open .mobileNav__panel{
    transform: translateY(0) !important;
    opacity: 1 !important;
  }

  .mobileNav__head{
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 0 22px !important;
    padding: 0 0 14px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.94) 100%) !important;
    border-bottom: 1px solid rgba(18,29,56,.08) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
  }

  .mobileNav__title{
    display: block !important;
    width: min(160px, 52vw) !important;
    height: 28px !important;
    font-size: 0 !important;
    color: transparent !important;
    background: url("/assets/img/logo-neiva-servicos.svg") left center / contain no-repeat !important;
  }

  .mobileNav__close{
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(18,29,56,.10) !important;
    background: #fff !important;
    box-shadow: 0 8px 18px rgba(11,18,38,.06) !important;
    color: #07002a !important;
    font-size: 1.6rem !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .mobileNav__links{
    display: grid !important;
    gap: 0 !important;
    margin: 0 0 20px !important;
  }

  .mobileNav__links a{
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 60px !important;
    padding: 0 34px 0 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(18,29,56,.08) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #07002a !important;
    font-size: 1.12rem !important;
    font-weight: 700 !important;
    letter-spacing: -.01em !important;
    text-decoration: none !important;
  }

  .mobileNav__links a::before{
    content: none !important;
  }

  .mobileNav__links a::after{
    content: "";
    position: absolute;
    right: 4px;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -6px;
    border-top: 2px solid rgba(18,29,56,.42);
    border-right: 2px solid rgba(18,29,56,.42);
    transform: rotate(45deg);
  }

  .mobileNav__links a[aria-current="page"]{
    color: #f26821 !important;
    border-bottom-color: rgba(242,104,33,.18) !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .mobileNav__links a[aria-current="page"]::after{
    border-top-color: rgba(242,104,33,.66) !important;
    border-right-color: rgba(242,104,33,.66) !important;
  }

  .mobileNav__actions{
    display: grid !important;
    gap: 12px !important;
    margin-top: auto !important;
    padding-top: 10px !important;
  }

  .mobileNav__actions .langSwitch{
    width: 100% !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .mobileNav__actions .langSwitch__btn{
    width: 40px !important;
    height: 40px !important;
    border: 1px solid rgba(18,29,56,.10) !important;
    background: #fff !important;
    box-shadow: 0 8px 18px rgba(11,18,38,.05) !important;
  }

  .mobileNav__actions .langSwitch__btn img{
    width: 16px !important;
    height: 16px !important;
  }

  .mobileNav__actions .btn{
    width: 100% !important;
    min-height: 50px !important;
    border-radius: 14px !important;
    font-size: .98rem !important;
    font-weight: 700 !important;
    letter-spacing: -.01em !important;
    justify-content: center !important;
    box-shadow: none !important;
  }

  .mobileNav__actions .btn--ghost{
    color: #07002a !important;
    border: 1px solid rgba(18,29,56,.10) !important;
    background: #fff !important;
  }

  .mobileNav__actions .btn--primary{
    color: #fff !important;
    border: 1px solid rgba(242,104,33,.14) !important;
    background: linear-gradient(135deg, #fe6d14 0%, #f26821 100%) !important;
    box-shadow: 0 14px 26px rgba(242,104,33,.16) !important;
  }

  .mobileNav__actions .btn--restricted.is-icon-only,
  .mobileNav__actions a.is-icon-only{
    width: 48px !important;
    height: 48px !important;
    justify-self: start !important;
    border-radius: 14px !important;
    padding: 0 !important;
  }

  .hero.hero--static{
    position: relative !important;
    height: clamp(500px, 76svh, 560px) !important;
    min-height: clamp(500px, 76svh, 560px) !important;
    max-height: none !important;
    padding: 0 !important;
  }

  .hero--static > .container{
    position: relative !important;
    z-index: 1 !important;
    height: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .hero--static .hero__wrap--premium{
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 12px 0 !important;
  }

  .hero--static .hero-bg__video{
    object-fit: cover !important;
    object-position: 24% center !important;
    transform: scale(1.02) !important;
  }

  .hero--static .hero-bg__overlay{
    background:
      linear-gradient(90deg, rgba(7,0,42,.08) 0%, rgba(7,0,42,.03) 42%, rgba(255,255,255,.20) 100%),
      linear-gradient(180deg, rgba(4,6,20,.16) 0%, rgba(245,247,255,.06) 48%, rgba(245,247,255,.18) 100%) !important;
  }

  .hero--static .hero__panel--premium{
    width: min(280px, calc(100vw - 112px)) !important;
    max-width: 280px !important;
    margin-left: auto !important;
    padding: 14px 14px 12px !important;
    border-radius: 26px !important;
    background: rgba(255,255,255,.76) !important;
    border: 1px solid rgba(255,255,255,.34) !important;
    box-shadow: 0 18px 48px rgba(2,6,23,.18) !important;
    backdrop-filter: blur(12px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(120%) !important;
  }

  .hero--static .hero__panel--premium .badge{
    display: inline-flex !important;
    max-width: 100% !important;
    padding: 7px 12px !important;
    margin-bottom: 10px !important;
    font-size: .74rem !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }

  .hero--static .hero__panel--premium .h1{
    font-size: clamp(1.55rem, 5.5vw, 2rem) !important;
    line-height: 1.06 !important;
    letter-spacing: -.025em !important;
    margin-bottom: 10px !important;
  }

  .hero--static .hero__panel--premium .p{
    font-size: .95rem !important;
    line-height: 1.42 !important;
    margin-bottom: 10px !important;
  }

  .hero--static .hero__chips{
    gap: 6px !important;
    margin: 0 0 10px !important;
    justify-content: flex-start !important;
  }

  .hero--static .hero-chip{
    padding: 6px 10px !important;
    font-size: .73rem !important;
    line-height: 1.2 !important;
    border-radius: 999px !important;
  }

  .hero--static .hero__stats--premium{
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin: 0 0 10px !important;
  }

  .hero--static .hero__stats--premium .heroStat{
    max-width: none !important;
    min-height: 0 !important;
    padding: 10px 10px !important;
    border-radius: 16px !important;
    gap: 8px !important;
  }

  .hero--static .heroStat__icon{
    width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
    flex: 0 0 34px !important;
  }

  .hero--static .heroStat__icon svg{
    width: 20px !important;
    height: 20px !important;
  }

  .hero--static .heroStat__title{
    font-size: .96rem !important;
    line-height: 1.1 !important;
  }

  .hero--static .heroStat__desc{
    margin-top: 2px !important;
    font-size: .84rem !important;
    line-height: 1.2 !important;
  }

  .hero--static .hero__cta--premium{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin-top: 0 !important;
  }

  .hero--static .hero__cta--premium .btn{
    min-height: 42px !important;
    padding: 10px 10px !important;
    border-radius: 14px !important;
    font-size: .86rem !important;
    line-height: 1.1 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  .hero--static .hero__meta{
    margin-top: 8px !important;
  }

  .hero--static .hero__metaLink{
    font-size: .82rem !important;
    line-height: 1.2 !important;
    color: rgba(7,0,42,.86) !important;
    text-decoration: none !important;
  }
}

@media (max-width: 420px){
  :root{
    --topbar-h: 56px;
  }

  .topbar .brand__logo,
  .topbar .nav__logo,
  .topbar .header__logo,
  .topbar .site-logo,
  .topbar img[src*="logo-neiva"]{
    height: 24px !important;
    max-width: min(164px, calc(100vw - 92px)) !important;
  }

  .topbar .nav__toggle{
    width: 40px !important;
    height: 40px !important;
    border-radius: 13px !important;
  }

  .mobileNav__panel{
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .mobileNav__title{
    width: min(148px, 50vw) !important;
    height: 26px !important;
  }

  .hero.hero--static{
    height: clamp(484px, 74svh, 536px) !important;
    min-height: clamp(484px, 74svh, 536px) !important;
  }

  .hero--static .hero-bg__video{
    object-position: 22% center !important;
  }

  .hero--static .hero__panel--premium{
    width: min(266px, calc(100vw - 104px)) !important;
    max-width: 266px !important;
    padding: 13px 13px 11px !important;
  }

  .hero--static .hero__panel--premium .h1{
    font-size: clamp(1.42rem, 5.2vw, 1.8rem) !important;
  }

  .hero--static .hero__panel--premium .p{
    font-size: .90rem !important;
  }

  .hero--static .hero-chip{
    font-size: .70rem !important;
    padding: 6px 9px !important;
  }

  .hero--static .hero__cta--premium .btn{
    font-size: .82rem !important;
    min-height: 40px !important;
  }
}


/* rev19 mobile refinements */
@media (max-width: 768px){
  .hero.hero--static{
    height: clamp(470px, 68svh, 520px) !important;
    min-height: clamp(470px, 68svh, 520px) !important;
  }

  .hero--static > .container{
    width: min(100%, calc(100vw - 22px)) !important;
    max-width: 560px !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .hero--static .hero__wrap--premium{
    width: 100% !important;
    justify-content: flex-end !important;
    padding: 10px 0 12px !important;
  }

  .hero--static .hero-bg__video{
    object-position: 18% center !important;
    transform: scale(1) !important;
  }

  .hero--static .hero__panel--premium{
    width: min(248px, calc(100vw - 148px)) !important;
    max-width: 248px !important;
    padding: 12px 12px 11px !important;
    border-radius: 24px !important;
  }

  .hero--static .hero__panel--premium .badge{
    padding: 7px 11px !important;
    margin-bottom: 8px !important;
    font-size: .72rem !important;
  }

  .hero--static .hero__panel--premium .h1{
    font-size: clamp(1.36rem, 4.9vw, 1.8rem) !important;
    margin-bottom: 8px !important;
  }

  .hero--static .hero__panel--premium .p{
    font-size: .88rem !important;
    line-height: 1.38 !important;
    margin-bottom: 8px !important;
  }

  .hero--static .hero__chips{
    gap: 6px !important;
    margin-bottom: 8px !important;
  }

  .hero--static .hero-chip{
    font-size: .69rem !important;
    padding: 6px 9px !important;
  }

  .hero--static .hero__stats--premium{
    gap: 7px !important;
    margin-bottom: 8px !important;
  }

  .hero--static .hero__stats--premium .heroStat{
    padding: 9px 9px !important;
    border-radius: 15px !important;
  }

  .hero--static .heroStat__icon{
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
  }

  .hero--static .heroStat__icon svg{
    width: 18px !important;
    height: 18px !important;
  }

  .hero--static .heroStat__title{
    font-size: .92rem !important;
  }

  .hero--static .heroStat__desc{
    font-size: .81rem !important;
    line-height: 1.18 !important;
  }

  .hero--static .hero__cta--premium .btn{
    min-height: 40px !important;
    padding: 9px 10px !important;
    font-size: .82rem !important;
  }

  .mobileNav__links a::before,
  .mobileNav__links a::after{
    content: none !important;
    display: none !important;
  }

  .mobileNav__links a{
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-height: 54px !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-width: 0 0 1px 0 !important;
    border-color: rgba(18,29,56,.10) !important;
  }

  .mobileNav__utilityRow{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    padding-top: 4px !important;
  }

  .mobileNav__utilityRow .langSwitch{
    width: auto !important;
    flex: 1 1 auto !important;
    justify-content: flex-start !important;
  }

  .mobileNav__utilityRow .btn--restricted.is-icon-only,
  .mobileNav__utilityRow a.is-icon-only{
    width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    flex: 0 0 42px !important;
    margin-left: auto !important;
    justify-self: auto !important;
    border-radius: 13px !important;
  }

  .mobileNav__actions .btn--ghost{
    box-shadow: none !important;
  }
}

@media (max-width: 420px){
  .hero.hero--static{
    height: clamp(456px, 66svh, 500px) !important;
    min-height: clamp(456px, 66svh, 500px) !important;
  }

  .hero--static > .container{
    width: calc(100vw - 18px) !important;
  }

  .hero--static .hero-bg__video{
    object-position: 15% center !important;
  }

  .hero--static .hero__panel--premium{
    width: min(236px, calc(100vw - 136px)) !important;
    max-width: 236px !important;
    padding: 11px 11px 10px !important;
  }

  .hero--static .hero__panel--premium .h1{
    font-size: clamp(1.28rem, 4.8vw, 1.64rem) !important;
  }

  .hero--static .hero__panel--premium .p{
    font-size: .84rem !important;
  }

  .hero--static .hero-chip{
    font-size: .67rem !important;
  }

  .hero--static .hero__cta--premium .btn{
    font-size: .79rem !important;
  }
}

/* rev20 mobile hero/menu/logo refinement */
@media (max-width: 768px){
  :root{
    --topbar-h: 60px;
  }

  .topbar{
    background: rgba(6, 0, 34, .985) !important;
  }

  .topbar .container.nav{
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    grid-template-areas: "spacer brand toggle" !important;
    min-height: var(--topbar-h) !important;
    gap: 8px !important;
    padding: 6px 0 !important;
  }

  .topbar .container.nav::before{
    content: "";
    grid-area: spacer;
    width: 44px;
    height: 44px;
    display: block;
  }

  .topbar .brand,
  .topbar .header__brand,
  .topbar .logo{
    grid-area: brand !important;
    justify-self: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: none !important;
  }

  .topbar .brand__logo,
  .topbar .nav__logo,
  .topbar .header__logo,
  .topbar .site-logo,
  .topbar img[src*="logo-neiva"]{
    height: 27px !important;
    max-width: min(182px, calc(100vw - 124px)) !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 auto !important;
  }

  .mobileNav{
    background: rgba(8, 12, 26, .18) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
  }

  .mobileNav__panel{
    padding: calc(var(--topbar-h) + env(safe-area-inset-top, 0px) - 10px) 22px calc(22px + env(safe-area-inset-bottom, 0px)) !important;
    background: #fbfbfd !important;
  }

  .mobileNav__head{
    margin: 0 0 14px !important;
    padding: 0 0 10px !important;
    background: #fbfbfd !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .mobileNav__links{
    margin: 0 0 10px !important;
  }

  .mobileNav__links a,
  .mobileNav__links a::before,
  .mobileNav__links a::after{
    background-image: none !important;
    filter: none !important;
  }

  .mobileNav__links a{
    min-height: 52px !important;
    padding: 0 30px 0 0 !important;
  }

  .mobileNav__actions{
    margin-top: 6px !important;
    padding-top: 0 !important;
    gap: 10px !important;
  }

  .mobileNav__utilityRow{
    align-items: center !important;
    gap: 10px !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .mobileNav__utilityRow .langSwitch{
    gap: 10px !important;
  }

  .mobileNav__utilityRow .btn--restricted.is-icon-only,
  .mobileNav__utilityRow a.is-icon-only{
    width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    flex: 0 0 40px !important;
  }

  .hero.hero--static{
    height: clamp(560px, 80svh, 660px) !important;
    min-height: clamp(560px, 80svh, 660px) !important;
    overflow: hidden !important;
  }

  .hero--static > .container{
    width: min(100%, calc(100vw - 14px)) !important;
    max-width: 620px !important;
    height: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .hero--static .hero__wrap--premium{
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 24px 8px 18px !important;
  }

  .hero--static .hero-bg__video{
    object-fit: cover !important;
    object-position: 18% center !important;
    transform: scale(1.01) !important;
  }

  .hero--static .hero-bg__overlay{
    background:
      linear-gradient(90deg, rgba(7, 0, 42, .10) 0%, rgba(7, 0, 42, .03) 38%, rgba(255, 255, 255, .12) 68%, rgba(255, 255, 255, .16) 100%),
      linear-gradient(180deg, rgba(4, 6, 20, .12) 0%, rgba(245, 247, 255, .04) 45%, rgba(245, 247, 255, .14) 100%) !important;
  }

  .hero--static .hero__panel--premium{
    width: min(248px, 49vw) !important;
    max-width: 248px !important;
    margin: 18px 10px 0 auto !important;
    padding: 12px 12px 10px !important;
    border-radius: 24px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.84) 0%, rgba(250,250,252,.80) 100%) !important;
    border: 1px solid rgba(255,255,255,.40) !important;
    box-shadow: 0 18px 42px rgba(2,6,23,.16) !important;
    backdrop-filter: blur(10px) saturate(116%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(116%) !important;
  }

  .hero--static .hero__panel--premium .badge{
    padding: 6px 10px !important;
    margin-bottom: 8px !important;
    font-size: .68rem !important;
    line-height: 1.22 !important;
    border-radius: 999px !important;
  }

  .hero--static .hero__panel--premium .h1{
    font-size: clamp(1.26rem, 4.6vw, 1.72rem) !important;
    line-height: 1.03 !important;
    letter-spacing: -.024em !important;
    margin-bottom: 8px !important;
  }

  .hero--static .hero__panel--premium .p{
    font-size: .84rem !important;
    line-height: 1.34 !important;
    margin-bottom: 8px !important;
  }

  .hero--static .hero__chips{
    gap: 6px !important;
    margin: 0 0 8px !important;
  }

  .hero--static .hero-chip{
    padding: 5px 8px !important;
    font-size: .64rem !important;
    line-height: 1.12 !important;
  }

  .hero--static .hero__stats--premium{
    gap: 7px !important;
    margin: 0 0 8px !important;
  }

  .hero--static .hero__stats--premium .heroStat{
    padding: 8px 8px !important;
    border-radius: 15px !important;
    gap: 7px !important;
  }

  .hero--static .heroStat__icon{
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    border-radius: 10px !important;
  }

  .hero--static .heroStat__icon svg{
    width: 17px !important;
    height: 17px !important;
  }

  .hero--static .heroStat__title{
    font-size: .86rem !important;
    line-height: 1.05 !important;
  }

  .hero--static .heroStat__desc{
    margin-top: 1px !important;
    font-size: .74rem !important;
    line-height: 1.14 !important;
  }

  .hero--static .hero__cta--premium{
    gap: 7px !important;
  }

  .hero--static .hero__cta--premium .btn{
    min-height: 40px !important;
    padding: 8px 8px !important;
    border-radius: 14px !important;
    font-size: .78rem !important;
    line-height: 1.06 !important;
  }

  .hero--static .hero__meta{
    margin-top: 6px !important;
  }

  .hero--static .hero__metaLink{
    font-size: .75rem !important;
    line-height: 1.15 !important;
  }
}

@media (max-width: 420px){
  :root{
    --topbar-h: 58px;
  }

  .topbar .container.nav{
    grid-template-columns: 42px minmax(0, 1fr) 42px !important;
  }

  .topbar .container.nav::before{
    width: 42px;
    height: 42px;
  }

  .topbar .brand__logo,
  .topbar .nav__logo,
  .topbar .header__logo,
  .topbar .site-logo,
  .topbar img[src*="logo-neiva"]{
    height: 26px !important;
    max-width: min(176px, calc(100vw - 116px)) !important;
  }

  .topbar .nav__toggle{
    width: 42px !important;
    height: 42px !important;
  }

  .mobileNav__panel{
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .hero.hero--static{
    height: clamp(540px, 78svh, 620px) !important;
    min-height: clamp(540px, 78svh, 620px) !important;
  }

  .hero--static .hero-bg__video{
    object-position: 16% center !important;
  }

  .hero--static .hero__panel--premium{
    width: min(224px, calc(100vw - 146px)) !important;
    max-width: 224px !important;
    margin-right: 8px !important;
    padding: 11px 10px 10px !important;
  }

  .hero--static .hero__panel--premium .h1{
    font-size: clamp(1.16rem, 4.45vw, 1.54rem) !important;
  }

  .hero--static .hero__panel--premium .p{
    font-size: .79rem !important;
  }

  .hero--static .hero-chip{
    font-size: .61rem !important;
  }

  .hero--static .hero__cta--premium .btn{
    font-size: .75rem !important;
  }

  .hero--static .hero__metaLink{
    font-size: .72rem !important;
  }
}


/* rev21 mobile hero card width refinement */
@media (max-width: 768px){
  .hero--static .hero__panel--premium{
    width: min(286px, calc(100vw - 92px)) !important;
    max-width: 286px !important;
    margin: 14px 10px 0 auto !important;
    padding: 14px 14px 12px !important;
    border-radius: 26px !important;
  }

  .hero--static .hero__panel--premium .badge{
    margin-bottom: 9px !important;
  }

  .hero--static .hero__panel--premium .h1{
    font-size: clamp(1.32rem, 4.7vw, 1.78rem) !important;
    margin-bottom: 9px !important;
  }

  .hero--static .hero__panel--premium .p{
    font-size: .85rem !important;
    line-height: 1.36 !important;
    margin-bottom: 9px !important;
  }

  .hero--static .hero-chip{
    font-size: .66rem !important;
    padding: 6px 10px !important;
  }

  .hero--static .hero__stats--premium .heroStat{
    padding: 9px 10px !important;
  }

  .hero--static .hero__cta--premium .btn{
    min-height: 42px !important;
    font-size: .80rem !important;
  }
}

@media (max-width: 420px){
  .hero--static .hero__panel--premium{
    width: min(274px, calc(100vw - 84px)) !important;
    max-width: 274px !important;
    margin-right: 8px !important;
    padding: 13px 12px 11px !important;
  }

  .hero--static .hero__panel--premium .h1{
    font-size: clamp(1.22rem, 4.4vw, 1.58rem) !important;
  }

  .hero--static .hero__panel--premium .p{
    font-size: .81rem !important;
  }

  .hero--static .hero__cta--premium .btn{
    font-size: .77rem !important;
  }
}


/* rev23 mobile card width + marquee fix */
@media (max-width: 768px){
  .hero--static .hero__panel--premium{
    width: min(324px, calc(100vw - 54px)) !important;
    max-width: 324px !important;
    margin: 14px 6px 0 auto !important;
    padding: 14px 14px 12px !important;
  }

  .hero--static .hero__panel--premium .h1{
    font-size: clamp(1.30rem, 4.55vw, 1.72rem) !important;
    line-height: 1.05 !important;
  }

  .hero--static .hero__panel--premium .p{
    font-size: .84rem !important;
    line-height: 1.34 !important;
  }

  .hero--static .hero__stats--premium .heroStat{
    padding: 10px 11px !important;
  }

  .hero--static .hero__cta--premium .btn{
    min-height: 42px !important;
    font-size: .80rem !important;
  }

  .clients-marquee{
    overflow: hidden !important;
  }

  .clients-marquee .marquee-track.marquee-track--js{
    will-change: transform;
  }
}

@media (max-width: 420px){
  .hero--static .hero__panel--premium{
    width: min(312px, calc(100vw - 44px)) !important;
    max-width: 312px !important;
    margin-right: 4px !important;
    padding: 13px 13px 11px !important;
  }

  .hero--static .hero__panel--premium .h1{
    font-size: clamp(1.20rem, 4.35vw, 1.56rem) !important;
  }

  .hero--static .hero__panel--premium .p{
    font-size: .80rem !important;
  }
}

/* rev24 mobile hero card centering + client marquee effect cleanup */
@media (max-width: 768px){
  .hero--static .hero__wrap--premium{
    justify-content: center !important;
    align-items: center !important;
    padding: 0 10px !important;
  }

  .hero--static .hero__panel--premium{
    width: min(356px, calc(100vw - 34px)) !important;
    max-width: 356px !important;
    margin: 14px auto 0 !important;
    padding: 14px 16px 12px !important;
    text-align: center !important;
  }

  .hero--static .hero__panel--premium .badge,
  .hero--static .hero__panel--premium .h1,
  .hero--static .hero__panel--premium .p,
  .hero--static .hero__panel--premium .hero__meta{
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .hero--static .hero__panel--premium .p{
    max-width: 100% !important;
  }

  .hero--static .hero__chips,
  .hero--static .hero__cta--premium{
    justify-content: center !important;
  }

  .hero--static .hero__stats--premium{
    justify-items: stretch !important;
  }

  .hero--static .hero__stats--premium .heroStat{
    max-width: none !important;
  }

  .hero--static .hero__stats--premium .heroStat__text{
    width: 100% !important;
    text-align: center !important;
  }

  .clients-marquee{
    background: #ffffff !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .clients-marquee::before,
  .clients-marquee::after{
    content: none !important;
    display: none !important;
    background: none !important;
  }
}

@media (max-width: 420px){
  .hero--static .hero__panel--premium{
    width: min(352px, calc(100vw - 30px)) !important;
    max-width: 352px !important;
    padding: 13px 15px 12px !important;
  }

  .hero--static .hero__panel--premium .h1{
    font-size: clamp(1.18rem, 4.55vw, 1.56rem) !important;
    line-height: 1.07 !important;
  }

  .hero--static .hero__panel--premium .p{
    font-size: .82rem !important;
    line-height: 1.36 !important;
  }

  .hero--static .hero-chip{
    font-size: .64rem !important;
    padding: 6px 9px !important;
  }

  .hero--static .hero__cta--premium .btn{
    font-size: .78rem !important;
  }
}

/* rev26 mobile text layout + footer legal break */
.clients__title-break{
  display:inline;
}
.footer__cnpj-number{
  display:inline;
  margin-left:4px;
}
@media (max-width: 768px){
  .clients__title-break{
    display:block;
  }
  .footer__cnpj-number{
    display:block;
    margin-left:0;
  }
}

/* rev27 desktop footer cnpj same line */
.footer__legal-line{
  white-space: nowrap;
  overflow-wrap: normal !important;
  word-break: normal !important;
}
@media (max-width: 768px){
  .footer__legal-line{
    white-space: normal;
  }
}


/* rev28 footer desktop one-line + stable header + constant mobile marquee */
@media (min-width: 769px){
  .footer__bottom-inner{
    gap: 6px !important;
  }
  .footer__legal-line{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-align: center !important;
  }
  .footer__cnpj-number{
    display: inline !important;
    margin-left: 0 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 768px){
  .footer__legal-line{
    display: block !important;
    white-space: normal !important;
  }
  .footer__cnpj-number{
    display: block !important;
    margin-left: 0 !important;
  }

  .clients-marquee .marquee-track{
    animation: none !important;
    -webkit-animation: none !important;
  }
}

.topbar,
.topbar.topbar--scrolled{
  transform: none !important;
}

@media (min-width: 769px){
  :root{
    --topbar-h: 70px;
  }

  .topbar,
  .topbar.topbar--scrolled{
    min-height: 70px !important;
    box-shadow: 0 10px 24px rgba(2, 6, 23, .18) !important;
  }

  .topbar .container.nav,
  .topbar.topbar--scrolled .container.nav{
    min-height: 70px !important;
    height: 70px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    align-items: center !important;
  }

  .topbar .brand__logo,
  .topbar .nav__logo,
  .topbar .header__logo,
  .topbar img[src*="logo-neiva"]{
    height: 30px !important;
    max-height: 30px !important;
  }
}

@media (max-width: 768px){
  :root{
    --topbar-h: 60px;
  }

  .topbar,
  .topbar.topbar--scrolled{
    min-height: 60px !important;
    box-shadow: 0 10px 24px rgba(2, 6, 23, .18) !important;
  }

  .topbar .container.nav,
  .topbar.topbar--scrolled .container.nav{
    min-height: 60px !important;
    height: 60px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    align-items: center !important;
  }

  .topbar .brand__logo,
  .topbar .nav__logo,
  .topbar .header__logo,
  .topbar img[src*="logo-neiva"]{
    height: 28px !important;
    max-height: 28px !important;
  }

  .topbar .nav__toggle{
    width: 46px !important;
    height: 46px !important;
  }
}


/* rev29 www redirect + mobile footer cnpj explicit break */
.footer__cnpj-group{
  display:inline-flex;
  align-items:center;
  gap:4px;
  white-space:nowrap;
}
.footer__cnpj-label{
  white-space:nowrap;
}
@media (max-width: 768px){
  .footer__legal-line{
    text-align:center !important;
  }
  .footer__cnpj-group{
    display:block !important;
    margin-top:2px;
    white-space:normal !important;
  }
  .footer__cnpj-label,
  .footer__cnpj-number{
    display:inline !important;
    white-space:normal !important;
  }
}


/* rev30 isolate desktop/mobile footer legal line */
@media (min-width: 769px){
  .footer__bottom-inner > span{
    display: block;
    text-align: center;
  }
  .footer__legal-line,
  .footer__legal-line .footer__cnpj-group,
  .footer__legal-line .footer__cnpj-label,
  .footer__legal-line .footer__cnpj-number{
    display: inline !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-align: center !important;
  }
  .footer__legal-line{
    width: auto !important;
    max-width: none !important;
    line-height: 1.35 !important;
  }
  .footer__legal-line .footer__cnpj-group{
    margin-left: 4px !important;
  }
}

@media (max-width: 768px){
  .footer__bottom-inner > span{
    display: block;
    text-align: center;
  }
  .footer__legal-line,
  .footer__legal-line .footer__cnpj-group,
  .footer__legal-line .footer__cnpj-number{
    display: block !important;
    text-align: center !important;
    white-space: normal !important;
  }
  .footer__legal-line .footer__cnpj-group{
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
  .footer__legal-line .footer__cnpj-label{
    display: block !important;
    font-size: 0 !important;
    line-height: 0 !important;
    white-space: normal !important;
  }
  .footer__legal-line .footer__cnpj-label::after{
    content: 'CNPJ:';
    font-size: .84rem;
    line-height: 1.4;
  }
  .footer__legal-line .footer__cnpj-number{
    margin-top: 0 !important;
  }
}

/* rev31 footer mobile second line + isolate desktop/mobile + stabilize browser translate */
.footer__legal-line--mobile{
  display: none !important;
}

@media (min-width: 769px){
  .footer__legal-line--desktop{
    display: inline !important;
    white-space: nowrap !important;
    text-align: center !important;
  }
  .footer__legal-line--mobile{
    display: none !important;
  }
}

@media (max-width: 768px){
  .footer__legal-line--desktop{
    display: none !important;
  }
  .footer__legal-line--mobile{
    display: block !important;
    text-align: center !important;
    white-space: normal !important;
  }
  .footer__legal-line--mobile .footer__cnpj-group{
    display: block !important;
    margin-top: 2px !important;
    white-space: normal !important;
  }
  .footer__legal-line--mobile .footer__cnpj-label,
  .footer__legal-line--mobile .footer__cnpj-number{
    display: inline !important;
    white-space: nowrap !important;
    font-size: inherit !important;
    line-height: inherit !important;
  }
  .footer__legal-line--mobile .footer__cnpj-label::after{
    content: none !important;
  }
  .footer__legal-line--mobile .footer__cnpj-number{
    margin-left: 0 !important;
  }
}

.topbar.notranslate,
.footer.notranslate{
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.topbar.notranslate font,
.topbar.notranslate font font,
.footer.notranslate font,
.footer.notranslate font font,
.topbar.notranslate a > span,
.topbar.notranslate button > span,
.footer.notranslate span > font{
  font: inherit !important;
  color: inherit !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.topbar.notranslate .menu a,
.topbar.notranslate .btn,
.topbar.notranslate .mobileNav__links a,
.topbar.notranslate .mobileNav__title,
.topbar.notranslate .langSwitch__btn,
.topbar.notranslate .brand{
  white-space: nowrap !important;
}

body.translated-ltr,
body.translated-rtl,
body{
  top: 0 !important;
}


/* rev32 mobile access refinements */
@media (max-width: 768px){
  .topbar .container.nav,
  .topbar.topbar--scrolled .container.nav{
    padding-right: 4px !important;
  }

  .topbar .nav__toggle{
    justify-self: end !important;
    width: 48px !important;
    height: 48px !important;
    margin-right: 8px !important;
  }
}

@media (max-width: 420px){
  .topbar .nav__toggle{
    width: 44px !important;
    height: 44px !important;
    margin-right: 6px !important;
  }
}


/* rev32 privacy + policy + vlibras */
.privacy-banner{
  position:fixed;
  left:24px;
  bottom:24px;
  z-index:9998;
  width:min(392px, calc(100% - 48px));
  color:#14213d;
  background:rgba(255,255,255,.97);
  border:1px solid rgba(20,33,61,.07);
  border-radius:20px;
  box-shadow:0 10px 24px rgba(6,14,31,.09);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  overflow:hidden;
  transition:opacity .22s ease, transform .22s ease;
}
.privacy-banner::before{
  content:'';
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:5px;
  border-radius:0 8px 8px 0;
  background:linear-gradient(180deg, rgba(31,95,168,.92) 0%, rgba(254,109,20,.92) 100%);
}
.privacy-banner.is-hidden{opacity:0; transform:translateY(12px);}
.privacy-banner__inner{
  display:grid;
  gap:10px;
  padding:14px 16px 14px 18px;
}
.privacy-banner__content{
  min-width:0;
}
.privacy-banner__title{
  margin:0 0 6px;
  font-size:15px;
  line-height:1.25;
  font-weight:700;
  color:#0f172a;
}
.privacy-banner__text{
  margin:0;
  max-width:none;
  font-size:14px;
  line-height:1.56;
  color:rgba(15,23,42,.78);
}
.privacy-banner__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.privacy-banner__policy-link{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  margin-top:0;
  color:#1F5FA8;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
}
.privacy-banner__policy-link:hover{
  color:#FE6D14;
  text-decoration:none;
}
.privacy-banner__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  margin-left:auto;
}
.privacy-banner__reject,
.privacy-banner__accept{
  min-width:92px;
  min-height:40px;
  padding:0 14px;
  border-radius:14px;
  box-shadow:none;
  white-space:nowrap;
  font-size:14px;
  font-weight:700;
}
.privacy-banner__reject{
  border:1px solid rgba(20,33,61,.14);
  background:#fff;
  color:#1f2937;
}
.privacy-banner__reject:hover{
  border-color:rgba(31,95,168,.28);
  color:#1F5FA8;
}
.footer__policy-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(31,95,168,.22);
  color:#1F5FA8;
  text-decoration:none;
  font-weight:600;
}
.footer__policy-link:hover{text-decoration:none; border-color:rgba(254,109,20,.34); color:#FE6D14;}
.form__privacy-note{margin-top:12px; font-size:13px; line-height:1.5; color:rgba(16,24,40,.72);}
.form__privacy-note a{color:#1F5FA8; font-weight:600;}
.section--policy{padding-top:12px;}
.policy-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px;}
.policy-card{height:100%;}
.policy-card--full{grid-column:1/-1;}
.page-intro--compact{padding-bottom:8px;}
.vw-access-button{
  left:18px !important;
  right:auto !important;
  bottom:18px !important;
  top:auto !important;
  z-index:9997 !important;
  border-radius:18px !important;
  box-shadow:0 12px 28px rgba(0,0,0,.22) !important;
}
.vw-plugin-wrapper{z-index:9997 !important;}
@media (max-width: 980px){
  .policy-grid{grid-template-columns:1fr;}
  .policy-card--full{grid-column:auto;}
}
@media (max-width: 768px){
  .privacy-banner{
    left:12px;
    right:12px;
    width:auto;
    bottom:12px;
    border-radius:18px;
  }
  .privacy-banner::before{
    top:10px;
    bottom:10px;
    width:5px;
  }
  .privacy-banner__inner{
    padding:14px 12px 12px 16px;
    gap:10px;
  }
  .privacy-banner__title{font-size:15px;}
  .privacy-banner__text{
    font-size:14px;
    line-height:1.5;
  }
  .privacy-banner__footer{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    align-items:stretch;
  }
  .privacy-banner__policy-link{
    font-size:13px;
  }
  .privacy-banner__actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-left:0;
  }
  .privacy-banner__reject,
  .privacy-banner__accept{
    width:100%;
    min-width:0;
    justify-content:center;
    min-height:40px;
    border-radius:13px;
    padding:0 12px;
    font-size:14px;
  }
  .footer__bottom-inner{gap:10px;}
  .footer__policy-link{width:100%;}
  .vw-access-button{left:12px !important; bottom:12px !important;}
}


/* === Premium global refresh: service gallery v07 === */
.section--services-bg .svcGalleryBlock{
  margin-top: 56px;
  padding-top: 34px;
  border-top: 1px solid rgba(12, 27, 58, 0.08);
}

.section--services-bg .svcGalleryBlock .h2{
  max-width: 720px;
}

.section--services-bg .svcGalleryBlock .p{
  max-width: 720px;
  color: #5f6d86;
}

.svcGallery{
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px 22px;
  margin-top: 30px;
}

@media (max-width: 1180px){
  .svcGallery{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px 20px;
  }
}

@media (max-width: 860px){
  .svcGallery{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
}

@media (max-width: 560px){
  .section--services-bg .svcGalleryBlock{
    margin-top: 42px;
    padding-top: 28px;
  }

  .svcGallery{
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 22px;
  }
}

.svcCard{
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 12px;
  border-radius: 28px;
  border: 1px solid rgba(14, 29, 60, 0.08);
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
  box-shadow: 0 12px 28px rgba(10, 19, 47, 0.06);
  overflow: hidden;
}

.svcCard::after{
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(31,95,168,0), rgba(31,95,168,0.22), rgba(254,109,20,0.32), rgba(31,95,168,0.22), rgba(31,95,168,0));
  opacity: 0;
  transition: opacity .2s ease;
}

.svcCard:hover{
  transform: translateY(-6px);
  border-color: rgba(14, 29, 60, 0.12);
  background: #ffffff;
  box-shadow: 0 24px 48px rgba(10, 19, 47, 0.12);
}

.svcCard:hover::after,
.svcCard:focus-visible::after{
  opacity: 1;
}

.svcCard:focus-visible{
  outline-offset: 3px;
}

.svcCard__media{
  aspect-ratio: 1.14 / 1;
  border-radius: 22px;
  background: #eef3f8;
  overflow: hidden;
}

.svcCard__media::before{
  inset: 0;
  filter: blur(18px) saturate(1.04) brightness(0.96);
  transform: scale(1.12);
  opacity: 0.18;
}

.svcCard__media::after{
  background: linear-gradient(180deg, rgba(7, 18, 43, 0.02) 0%, rgba(7, 18, 43, 0.14) 100%);
  opacity: 1;
}

.svcCard__media img{
  padding: 0;
  border-radius: 0;
  background: transparent;
  object-fit: cover;
  transform: scale(1.001);
}

.svcCard:hover .svcCard__media img{
  transform: scale(1.045);
}

.svcCard__meta{
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  column-gap: 12px;
  row-gap: 10px;
  align-items: start;
  padding: 18px 8px 8px;
}

.svcCard__label{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: #5d6981;
}

.svcCard__label::before{
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(135deg, #1f5fa8, #fe6d14);
  flex: 0 0 6px;
}

.svcCard__title{
  grid-column: 1 / -1;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: -0.01em;
  color: #0d1633;
}

.svcCard__sub{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 12px;
  font-weight: 700;
  color: #2d6cb1;
  opacity: 1;
  white-space: nowrap;
}

.svcCard__sub::before{
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: currentColor;
  flex: 0 0 4px;
}

@media (max-width: 860px){
  .svcCard{
    border-radius: 24px;
    padding: 10px;
  }

  .svcCard__media{
    border-radius: 18px;
  }

  .svcCard__meta{
    padding: 16px 6px 6px;
  }

  .svcCard__title{
    font-size: 15px;
  }
}

.svcModal__backdrop{
  background: rgba(5, 12, 28, 0.78);
  backdrop-filter: blur(14px);
}

.svcModal__panel{
  width: min(1160px, 100%);
  height: min(calc(100vh - 32px), 860px);
  max-height: calc(100vh - 32px);
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(8, 16, 34, 0.94);
  box-shadow: 0 34px 90px rgba(0,0,0,0.54);
}

.svcModal__top{
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.svcModal__title{
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.svcModal__counter{
  font-size: 12px;
  font-weight: 700;
}

.svcModal__stage{
  padding: 22px;
  background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,0.08), rgba(255,255,255,0) 44%), rgba(2, 8, 20, 0.24);
}

.svcModal__img{
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 26px 72px rgba(0,0,0,0.48);
  background: rgba(5, 12, 24, 0.82);
}

.svcModal__nav{
  width: 48px;
  height: 48px;
  background: rgba(255,255,255,0.10);
  backdrop-filter: blur(10px);
}

.svcModal__thumbs{
  gap: 10px;
  padding: 12px 16px 16px;
  border-top: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
}

.svcThumb{
  width: 70px;
  height: 52px;
  border-radius: 12px;
  background: rgba(255,255,255,0.06);
}

.svcThumb img{
  object-fit: cover;
  padding: 0;
}

@media (max-width: 560px){
  .svcModal{
    padding: 10px;
  }

  .svcModal__panel{
    height: calc(100vh - 20px);
    max-height: calc(100vh - 20px);
    border-radius: 22px;
  }

  .svcModal__top{
    padding: 14px 14px 12px;
  }

  .svcModal__stage{
    padding: 14px;
  }

  .svcModal__nav{
    width: 42px;
    height: 42px;
  }

  .svcThumb{
    width: 62px;
    height: 46px;
  }
}


/* rev33 global premium gallery v2 + footer policy alignment + subtle gradients */
.topbar{
  background: linear-gradient(90deg, rgba(7,0,42,.985) 0%, rgba(14,8,63,.985) 52%, rgba(7,0,42,.985) 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,.09) !important;
  box-shadow: 0 12px 30px rgba(5,10,28,.18) !important;
}

.topbar::before{
  content: "";
  display: block !important;
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(31,95,168,.12) 0%, rgba(31,95,168,0) 26%),
    linear-gradient(270deg, rgba(254,109,20,.10) 0%, rgba(254,109,20,0) 28%);
  opacity: .75;
}

.footer{
  position: relative;
  background: linear-gradient(180deg, rgba(7,0,42,.995) 0%, rgba(4,0,28,.995) 100%) !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

.footer::before{
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(31,95,168,0), rgba(31,95,168,.34), rgba(254,109,20,.40), rgba(31,95,168,.34), rgba(31,95,168,0));
  opacity: .7;
}

.footer__bottom{
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

@media (min-width: 769px){
  .footer__bottom-inner,
  .footer__bottom-inner--with-policy{
    display: grid !important;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    column-gap: 18px;
    row-gap: 6px;
  }

  .footer__bottom-inner > span,
  .footer__bottom-inner--with-policy > span{
    grid-column: 2;
    justify-self: center;
    text-align: center !important;
  }

  .footer__bottom-inner > .footer__policy-link,
  .footer__bottom-inner--with-policy > .footer__policy-link{
    grid-column: 3;
    grid-row: 1 / span 2;
    justify-self: end;
    align-self: center;
    margin-right: 0;
  }
}

@media (max-width: 768px){
  .footer__bottom-inner,
  .footer__bottom-inner--with-policy{
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .footer__bottom-inner > .footer__policy-link,
  .footer__bottom-inner--with-policy > .footer__policy-link{
    align-self: flex-end;
    width: auto;
    min-height: 36px;
    padding-inline: 14px;
  }
}

.footer__policy-link{
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.92);
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.footer__policy-link:hover{
  border-color: rgba(254,109,20,.32);
  color: #fff;
  background: rgba(255,255,255,.05);
}

.section--services-bg .svcGalleryBlock{
  margin-top: 64px;
  padding-top: 40px;
  border-top: 1px solid rgba(12, 27, 58, 0.08);
}

.section--services-bg .svcGalleryBlock .h2{
  max-width: 760px;
}

.section--services-bg .svcGalleryBlock .p{
  max-width: 700px;
  color: #617089;
}

.svcGallery{
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 30px 24px;
  margin-top: 34px;
}

.svcCard{
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 14px;
  border-radius: 30px;
  border: 1px solid rgba(11, 24, 50, 0.08);
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,255,.98) 100%);
  box-shadow: 0 18px 42px rgba(10, 19, 47, 0.08);
  overflow: hidden;
}

.svcCard::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,0), rgba(31,95,168,.12));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.svcCard::after{
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(31,95,168,0), rgba(31,95,168,.22), rgba(254,109,20,.26), rgba(31,95,168,.22), rgba(31,95,168,0));
  opacity: .9;
}

.svcCard:hover{
  transform: translateY(-8px);
  border-color: rgba(11, 24, 50, 0.10);
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
  box-shadow: 0 28px 62px rgba(10, 19, 47, 0.14);
}

.svcCard__media{
  position: relative;
  aspect-ratio: 1 / .82;
  border-radius: 24px;
  background: linear-gradient(180deg, #eef2f7 0%, #e8edf4 100%);
  overflow: hidden;
}

.svcCard__media::before{
  inset: 0;
  filter: blur(18px) saturate(1.02) brightness(0.96);
  transform: scale(1.12);
  opacity: .14;
}

.svcCard__media::after{
  background:
    linear-gradient(180deg, rgba(7, 18, 43, 0) 0%, rgba(7, 18, 43, 0.10) 100%),
    linear-gradient(135deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 38%);
  opacity: 1;
}

.svcCard__media img{
  padding: 0;
  border-radius: 0;
  background: transparent;
  object-fit: cover;
  transform: scale(1.001);
  transition: transform .65s cubic-bezier(.2,.7,.2,1);
}

.svcCard:hover .svcCard__media img{
  transform: scale(1.05);
}

.svcCard__meta{
  display: block;
  padding: 20px 10px 10px;
}

.svcCard__label{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(11,24,50,0.08);
  background: rgba(255,255,255,.92);
  box-shadow: 0 8px 20px rgba(10, 19, 47, 0.05);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: #4f5d76;
}

.svcCard__label::before{
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(135deg, #1f5fa8, #fe6d14);
  flex: 0 0 6px;
}

.svcCard__title{
  margin-top: 18px;
  max-width: 88%;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #0d1633;
}

.svcCard__sub{
  position: absolute;
  top: 28px;
  right: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.52);
  background: rgba(255,255,255,.92);
  box-shadow: 0 12px 28px rgba(8, 15, 34, 0.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-size: 12px;
  font-weight: 700;
  color: #163867;
  opacity: 1;
  white-space: nowrap;
  z-index: 2;
}

.svcCard__sub::before{
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: currentColor;
  flex: 0 0 4px;
  margin-right: 7px;
}

.svcModal__backdrop{
  background: rgba(5, 12, 28, 0.80);
  backdrop-filter: blur(14px);
}

.svcModal__panel{
  width: min(1180px, 100%);
  height: min(calc(100vh - 28px), 880px);
  max-height: calc(100vh - 28px);
  border-radius: 30px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(8, 16, 34, 0.95);
  box-shadow: 0 36px 96px rgba(0,0,0,0.56);
}

.svcModal__stage{
  padding: 24px;
  background: radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,0.08), rgba(255,255,255,0) 44%), rgba(2, 8, 20, 0.26);
}

.svcModal__img{
  border-radius: 24px;
}

@media (max-width: 1180px){
  .svcGallery{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px 20px;
  }
}

@media (max-width: 860px){
  .section--services-bg .svcGalleryBlock{
    margin-top: 48px;
    padding-top: 30px;
  }

  .svcGallery{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 24px;
  }

  .svcCard{
    padding: 10px;
    border-radius: 24px;
  }

  .svcCard__media{
    border-radius: 18px;
  }

  .svcCard__meta{
    padding: 16px 8px 8px;
  }

  .svcCard__title{
    max-width: 100%;
    font-size: 16px;
  }

  .svcCard__sub{
    top: 20px;
    right: 20px;
    min-height: 34px;
    padding: 0 12px;
    font-size: 11px;
  }
}

@media (max-width: 560px){
  .svcGallery{
    grid-template-columns: 1fr;
  }

  .svcCard{
    padding: 10px;
  }

  .svcCard__media{
    aspect-ratio: 1 / .72;
  }

  .svcCard__title{
    font-size: 15px;
  }
}


/* rev34 service gallery refinements + premium page intro */
.page-intro__inner{
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(11, 24, 50, 0.10) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.96) 0%, rgba(247,249,253,.98) 52%, rgba(255,255,255,.95) 100%) !important;
  box-shadow: 0 18px 42px rgba(10, 19, 47, 0.08) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.page-intro__inner::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(31,95,168,.11) 0%, rgba(31,95,168,0) 20%, rgba(254,109,20,0) 80%, rgba(254,109,20,.11) 100%),
    radial-gradient(70% 130% at 0% 0%, rgba(31,95,168,.08), rgba(31,95,168,0) 48%),
    radial-gradient(70% 130% at 100% 100%, rgba(254,109,20,.08), rgba(254,109,20,0) 46%);
  opacity: .95;
}

.page-intro__inner::after{
  content: "";
  position: absolute;
  inset: 0 auto auto 18px;
  width: calc(100% - 36px);
  height: 1px;
  background: linear-gradient(90deg, rgba(31,95,168,0), rgba(31,95,168,.24), rgba(254,109,20,.26), rgba(31,95,168,.24), rgba(31,95,168,0));
  opacity: .85;
  pointer-events: none;
}

.page-intro__title,
.page-intro__sub,
.page-intro .cta{
  position: relative;
  z-index: 1;
}

.section--services-bg .svcGallery{
  gap: 28px 22px;
}

.svcCard{
  padding: 14px 14px 16px;
}

.svcCard__meta{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  padding: 18px 10px 6px;
}

.svcCard__label{
  justify-self: start;
  white-space: nowrap;
}

.svcCard__title{
  margin-top: 0;
  max-width: 100%;
  font-size: 15px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.svcCard__sub{
  position: static;
  justify-self: start;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(11,24,50,0.08);
  background: rgba(255,255,255,.92);
  box-shadow: 0 8px 20px rgba(10, 19, 47, 0.05);
  font-size: 12px;
  font-weight: 700;
  color: #163867;
  white-space: nowrap;
}

.svcModal__panel{
  width: min(1260px, 100%);
  height: min(calc(100vh - 20px), 920px);
  max-height: calc(100vh - 20px);
}

.svcModal__stage{
  padding: 14px 18px;
}

.svcModal__img{
  padding: 0;
  border-radius: 20px;
  object-fit: contain;
  aspect-ratio: auto;
  image-rendering: auto;
}

@media (max-width: 1180px){
  .svcCard__title{
    font-size: 14px;
  }
}

@media (max-width: 860px){
  .svcCard{
    padding: 10px 10px 12px;
  }

  .svcCard__meta{
    gap: 8px;
    padding: 14px 6px 4px;
  }

  .svcCard__title{
    font-size: 13px;
  }

  .svcCard__sub{
    min-height: 32px;
    padding: 0 10px;
    font-size: 11px;
  }
}

@media (max-width: 560px){
  .svcModal__panel{
    height: calc(100vh - 16px);
    max-height: calc(100vh - 16px);
  }

  .svcModal__stage{
    padding: 10px 12px;
  }

  .page-intro__inner{
    padding: 16px;
    border-radius: 20px;
  }
}

/* rev35 final gallery refinement: editorial card layout + full title usage */
.section--services-bg .svcGallery{
  gap: 28px 22px;
}

.section--services-bg .svcCard{
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 14px 14px 16px;
  border-radius: 28px;
  border: 1px solid rgba(11, 24, 50, 0.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(249,250,253,.98) 100%),
    linear-gradient(135deg, rgba(31,95,168,.05), rgba(254,109,20,.03));
  box-shadow: 0 16px 40px rgba(10, 19, 47, 0.08);
}

.section--services-bg .svcCard:hover{
  transform: translateY(-4px);
  border-color: rgba(11, 24, 50, 0.12);
  box-shadow: 0 24px 54px rgba(10, 19, 47, 0.12);
  background:
    linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(250,251,254,1) 100%),
    linear-gradient(135deg, rgba(31,95,168,.06), rgba(254,109,20,.04));
}

.section--services-bg .svcCard__media{
  border-radius: 24px;
}

.section--services-bg .svcCard__media img{
  padding: 0;
  border-radius: 24px;
}

.section--services-bg .svcCard__meta{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "label sub"
    "title title";
  align-content: start;
  column-gap: 12px;
  row-gap: 12px;
  padding: 18px 10px 4px;
  min-height: 112px;
}

.section--services-bg .svcCard__meta > span{
  min-width: 0;
}

.section--services-bg .svcCard__label{
  grid-area: label;
  max-width: calc(100% - 10px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.section--services-bg .svcCard__sub{
  grid-area: sub;
  justify-self: end;
  align-self: center;
  position: static;
  min-height: 36px;
  padding: 0 14px;
  white-space: nowrap;
}

.section--services-bg .svcCard__title{
  grid-area: title;
  margin: 0;
  max-width: 100%;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.26;
  letter-spacing: -.01em;
  color: #0b1537;
  white-space: normal;
  overflow: hidden;
  text-overflow: clip;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  min-height: calc(1.26em * 2);
  overflow-wrap: anywhere;
}

.section--services-bg .svcModal__stage{
  padding: 18px 22px;
}

.section--services-bg .svcModal__img{
  object-fit: contain !important;
  image-rendering: auto;
}

@media (max-width: 1180px){
  .section--services-bg .svcCard__meta{
    min-height: 104px;
    padding: 16px 8px 4px;
  }

  .section--services-bg .svcCard__title{
    font-size: 14px;
  }
}

@media (max-width: 860px){
  .section--services-bg .svcGallery{
    gap: 18px 16px;
  }

  .section--services-bg .svcCard{
    padding: 10px 10px 12px;
    border-radius: 22px;
  }

  .section--services-bg .svcCard__media,
  .section--services-bg .svcCard__media img{
    border-radius: 18px;
  }

  .section--services-bg .svcCard__meta{
    row-gap: 10px;
    column-gap: 10px;
    min-height: 98px;
    padding: 14px 6px 2px;
  }

  .section--services-bg .svcCard__label{
    font-size: 10px;
    letter-spacing: .12em;
    padding: 6px 9px;
  }

  .section--services-bg .svcCard__sub{
    min-height: 32px;
    padding: 0 11px;
    font-size: 11px;
  }

  .section--services-bg .svcCard__title{
    font-size: 13px;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    min-height: calc(1.26em * 3);
  }
}

@media (max-width: 560px){
  .section--services-bg .svcCard__meta{
    min-height: 0;
  }

  .section--services-bg .svcModal__stage{
    padding: 12px 14px;
  }
}


.section--services-bg .svcCard__meta{
  justify-items: stretch;
}

.section--services-bg .svcCard__label{
  font-size: 10.5px;
  letter-spacing: .13em;
  max-width: 100%;
}

.section--services-bg .svcCard__title{
  width: 100%;
  text-align: center;
  margin-inline: auto;
}

@media (min-width: 861px){
  .section--services-bg .svcCard--tight-title .svcCard__meta{
    padding-left: 4px;
    padding-right: 4px;
  }

  .section--services-bg .svcCard--tight-title .svcCard__title{
    font-size: 14.85px;
    line-height: 1.14;
    letter-spacing: -.045em;
    white-space: nowrap;
    display: block;
    min-height: auto;
  }

  .footer__bottom-inner > .footer__policy-link,
  .footer__bottom-inner--with-policy > .footer__policy-link{
    margin-right: -14px;
  }
}

@media (max-width: 860px){
  .section--services-bg .svcCard__label{
    font-size: 10px;
    letter-spacing: .11em;
  }

  .section--services-bg .svcCard__title{
    text-align: center;
  }
}

@media (max-width: 768px){
  .footer__bottom-inner > .footer__policy-link,
  .footer__bottom-inner--with-policy > .footer__policy-link{
    margin-right: -8px;
  }
}