/* === vaiio-global-navigation-pass === */

:root{--vaiio-nav-blue:#306199;--vaiio-nav-green:#57BA6D;--vaiio-nav-ink:#17203a;--vaiio-nav-line:#e6ebf0;--vaiio-nav-paper:#f7f9fb}
.vaiio-global-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--vaiio-nav-line);font-family:'Plus Jakarta Sans',sans-serif}
.vaiio-global-header.overlay{position:fixed;left:0;right:0;background:linear-gradient(180deg,rgba(12,26,42,.42),rgba(12,26,42,.08));border-bottom-color:rgba(255,255,255,.12)}
.vaiio-global-header.overlay.scrolled{background:rgba(255,255,255,.97);border-bottom-color:var(--vaiio-nav-line);box-shadow:0 1px 0 rgba(18,32,50,.04)}
.vaiio-global-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.vaiio-global-brand{display:flex;align-items:center;gap:14px;min-width:max-content}
.vaiio-global-brand img{height:42px;width:auto;display:block}
.vaiio-logo-white{display:none}.overlay .vaiio-logo-color{display:none}.overlay .vaiio-logo-white{display:block}.overlay.scrolled .vaiio-logo-white{display:none}.overlay.scrolled .vaiio-logo-color{display:block}
.vaiio-page-label{display:flex;align-items:center;gap:14px;font:700 13px/1 'Plus Jakarta Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#5a6674}
.vaiio-page-label:before{content:"";width:1px;height:24px;background:#cfd6dd}.overlay:not(.scrolled) .vaiio-page-label{color:#fff}.overlay:not(.scrolled) .vaiio-page-label:before{background:rgba(255,255,255,.42)}
.vaiio-global-nav{display:flex;align-items:center;gap:24px;font:600 14px/1 'Plus Jakarta Sans',sans-serif;color:#394655}
.overlay:not(.scrolled) .vaiio-global-nav{color:#fff}
.vaiio-global-nav>a,.vaiio-drop>button{color:inherit;background:none;border:0;padding:10px 0;font:inherit;cursor:pointer;white-space:nowrap}
.vaiio-global-nav>a:hover,.vaiio-drop>button:hover{color:var(--vaiio-nav-blue)}.overlay:not(.scrolled) .vaiio-global-nav>a:hover,.overlay:not(.scrolled) .vaiio-drop>button:hover{color:#fff;opacity:.78}
.vaiio-drop{position:relative}
.vaiio-drop>button:after{content:"⌄";margin-left:6px;font-size:12px}
.vaiio-menu{position:absolute;top:calc(100% + 11px);left:-18px;min-width:240px;padding:10px;background:#fff;border:1px solid var(--vaiio-nav-line);border-radius:12px;box-shadow:0 18px 44px rgba(17,30,45,.12);opacity:0;visibility:hidden;transform:translateY(-4px);transition:.18s;z-index:30}
.vaiio-drop:hover .vaiio-menu,.vaiio-drop:focus-within .vaiio-menu{opacity:1;visibility:visible;transform:none}
.vaiio-menu a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border-radius:8px;color:#344150;font:600 14px/1.25 'Plus Jakarta Sans',sans-serif}
.vaiio-menu a:hover{background:#f3f6f8;color:var(--vaiio-nav-blue)}
.vaiio-menu.modules{display:grid;grid-template-columns:1fr 1fr;min-width:340px}
.vaiio-talk{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px!important;padding:0 20px!important;border-radius:8px!important;background:var(--vaiio-nav-blue)!important;color:#fff!important;border:1px solid var(--vaiio-nav-blue)!important;font-weight:700!important}
.overlay:not(.scrolled) .vaiio-talk{background:#fff!important;color:var(--vaiio-nav-ink)!important;border-color:#fff!important}
.vaiio-talk:hover{background:transparent!important;color:var(--vaiio-nav-blue)!important}.overlay:not(.scrolled) .vaiio-talk:hover{color:#fff!important;border-color:#fff!important}
.vaiio-menu-toggle{display:none;border:0;background:none;padding:10px;cursor:pointer}.vaiio-menu-toggle span{display:block;width:25px;height:2px;background:currentColor;margin:5px 0}.overlay:not(.scrolled) .vaiio-menu-toggle{color:#fff}
.vaiio-local-nav{position:sticky;top:76px;z-index:990;background:rgba(247,249,251,.97);border-bottom:1px solid var(--vaiio-nav-line);backdrop-filter:blur(12px);font-family:'Plus Jakarta Sans',sans-serif}
.overlay + .vaiio-local-nav{position:fixed;left:0;right:0;top:76px;background:rgba(18,32,50,.44);border-bottom-color:rgba(255,255,255,.12);color:#fff; border-top: 1px solid rgba(255,255,255,.12);}
.overlay.scrolled + .vaiio-local-nav{background:rgba(247,249,251,.98);border-bottom-color:var(--vaiio-nav-line);color:#55616e}
.vaiio-local-inner{min-height:42px;display:flex;align-items:center;gap:22px;overflow:auto;scrollbar-width:none}.vaiio-local-inner::-webkit-scrollbar{display:none}
.vaiio-local-title{font:700 11px/1 'Plus Jakarta Sans',sans-serif;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;color:var(--module-accent,var(--vaiio-nav-blue))}
.vaiio-local-nav a{font:600 12.5px/1 'Plus Jakarta Sans',sans-serif;white-space:nowrap;color:inherit;opacity:.92}.vaiio-local-nav a:hover{opacity:1;color:var(--module-accent,var(--vaiio-nav-blue))}
@media(max-width:1199px){.vaiio-global-nav{gap:16px}.vaiio-global-nav>a,.vaiio-drop>button{font-size:13px}.vaiio-page-label{display:none}}
@media(max-width:991px){.vaiio-global-header{position:sticky!important;background:#fff!important;border-bottom-color:var(--vaiio-nav-line)!important}.vaiio-global-row{min-height:72px}.vaiio-logo-white{display:none!important}.vaiio-logo-color{display:block!important}.vaiio-menu-toggle{display:block;color:var(--vaiio-nav-ink)!important}.vaiio-global-nav{display:none;position:absolute;left:0;right:0;top:72px;padding:14px 22px 22px;background:#fff;border-bottom:1px solid var(--vaiio-nav-line);color:var(--vaiio-nav-ink)!important;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 18px 36px rgba(17,30,45,.08)}.vaiio-global-nav.open{display:flex}.vaiio-global-nav>a,.vaiio-drop>button{width:100%;text-align:left;padding:12px 0;font-size:15px}.vaiio-menu{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 7px 12px;min-width:0!important}.vaiio-drop.open .vaiio-menu{display:grid}.vaiio-menu.modules{grid-template-columns:1fr 1fr}.vaiio-talk{margin-top:8px}.vaiio-local-nav,.overlay + .vaiio-local-nav{position:sticky!important;top:72px!important;background:rgba(247,249,251,.98)!important;color:#55616e!important;border-bottom-color:var(--vaiio-nav-line)!important}.vaiio-local-inner{min-height:40px}}
@media(max-width:575px){.vaiio-global-brand img{height:38px}.vaiio-menu.modules{grid-template-columns:1fr}.vaiio-local-title{display:none}}


/* === vaiio-responsive-layout-qa-pass === */
/* ============================================================
   VAIIO FINAL PRODUCTION — RESPONSIVE + LAYOUT QA PASS
   Safe shared fixes only. Page-specific approved compositions remain intact.
   ============================================================ */
html,body{max-width:100%;overflow-x:clip}
main,header,footer,section{min-width:0}
main img,main video,main canvas{max-width:100%;height:auto}
main svg{max-width:100%}
main *{min-width:0}

/* Long technical/product text must wrap instead of widening the viewport. */
main h1,main h2,main h3,main h4,main h5,main h6,
main p,main li,main td,main th,main a,main span{
  overflow-wrap:break-word;
  word-break:normal;
}

/* Any data-rich region should remain usable on smaller screens. */
main table{max-width:100%;border-collapse:collapse}
.module-table-wrap,.table-wrap,.comparison-table,.pricing-table-wrap,
.responsive-table,.matrix-wrap,.data-table-wrap{
  max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
}

/* CTA/button groups should wrap rather than collide. */
main .btns,main .button-row,main .cta-actions,main .hero-actions,
main .action-row,main .actions{
  display:flex;flex-wrap:wrap;gap:12px;
}
main .btn,main a.btn,main button:not(.vaiio-menu-toggle){max-width:100%;white-space:normal;text-align:center}

/* Global navigation: mobile menu must stay inside the viewport. */
@media(max-width:991px){
  .vaiio-global-nav.open{
    max-height:calc(100dvh - 72px);
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .vaiio-menu.modules{grid-template-columns:1fr 1fr!important}
  .vaiio-local-inner{
    padding-left:max(12px,env(safe-area-inset-left));
    padding-right:max(12px,env(safe-area-inset-right));
    gap:18px!important;
    scroll-snap-type:x proximity;
  }
  .vaiio-local-inner>a,.vaiio-local-title{scroll-snap-align:start}
  main img{max-width:100%!important}
}

@media(max-width:767.98px){
  body{font-size:17px!important}
  main h1{font-size:clamp(36px,10vw,44px)!important;line-height:1.08!important}
  main h2{font-size:clamp(30px,8vw,38px)!important;line-height:1.13!important}
  main h3{line-height:1.24!important}
  main p,main li{line-height:1.68!important}

  /* Keep approved section rhythm while avoiding oversized mobile dead space. */
  main section[class*="py-100"],main section[class*="pt-100"],main section[class*="pb-100"],
  main .py100,main .pt100,main .pb100,
  main .accordion-wrap,main .integrations,main .owner-section,main .faqs,main .boxed{
    padding-top:72px!important;padding-bottom:72px!important;
  }

  main .btn,main a.btn,main button:not(.vaiio-menu-toggle){min-height:46px}
  .vaiio-local-inner{min-height:46px!important;gap:16px!important}
  .vaiio-local-inner a{font-size:13px!important}

  /* Forms and controls must not cause iOS zoom or overflow. */
  main input,main select,main textarea{max-width:100%;font-size:16px!important}
}

@media(max-width:575.98px){
  .vaiio-global-row{gap:12px!important}
  .vaiio-global-brand{min-width:0!important}
  .vaiio-global-brand img{height:36px!important;max-width:170px!important;object-fit:contain}
  .vaiio-menu.modules{grid-template-columns:1fr!important}
  .vaiio-global-nav{padding-left:18px!important;padding-right:18px!important}
  .vaiio-local-inner{padding-left:16px!important;padding-right:16px!important}

  main .btns,main .button-row,main .cta-actions,main .hero-actions,
  main .action-row,main .actions{align-items:stretch}
  main .btns>.btn,main .button-row>.btn,main .cta-actions>.btn,
  main .hero-actions>.btn,main .action-row>.btn,main .actions>.btn{
    width:100%;justify-content:center;
  }
}

/* === vaiio-seo-performance-accessibility === */
.vaiio-skip-link{position:fixed;left:12px;top:-60px;z-index:5000;background:#fff;color:#17344f;padding:10px 14px;border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.12);font:700 14px/1.2 Inter,sans-serif}.vaiio-skip-link:focus{top:12px}


/* ================================================================
   VAIIO GLOBAL HEADER V3 — cross-template repair
   HOME: approved overlay. MODULE + SUPPORT: predictable white bar.
   Neutralizes CSS collisions and fixes CTA specificity.
   ================================================================ */
.vaiio-global-header,
body[data-motion-mode="module"] .vaiio-global-header.overlay {
  position:sticky!important; top:0!important; left:0!important; right:0!important;
  z-index:10000!important; width:100%!important;
  padding:16px 0!important; margin:0!important;
  background:#fff!important; border:0!important;
  border-bottom:1px solid #e6ebf0!important;
  box-shadow:none!important; color:#394655!important;
  transform:none!important; visibility:visible!important; opacity:1!important;
  font-family:'Plus Jakarta Sans',sans-serif!important;
}
.vaiio-global-header.scrolled,
body[data-motion-mode="module"] .vaiio-global-header.overlay.scrolled {
  padding:10px 0!important; background:#fff!important;
  border-bottom:1px solid #e6ebf0!important;
}
/* Home alone uses the overlay; the module local bar must never cover white navigation. */
body[data-motion-mode="home"] .vaiio-global-header.overlay:not(.scrolled) {
  position:fixed!important; padding:16px 0!important;
  background:transparent!important; border-bottom-color:transparent!important;
  box-shadow:none!important;
}
body[data-motion-mode="home"] .vaiio-global-header.overlay.scrolled {
  position:fixed!important; background:#fff!important; padding:10px 0!important;
}
.vaiio-global-header .vaiio-global-row {
  display:flex!important; width:100%!important; min-height:46px!important;
  align-items:center!important; justify-content:space-between!important;
  flex-wrap:nowrap!important; gap:20px!important;
}
.vaiio-global-header .vaiio-global-brand {
  display:inline-flex!important; align-items:center!important; flex:0 0 auto!important;
  gap:13px!important; white-space:nowrap!important; text-decoration:none!important;
  min-width:0!important; line-height:1!important;
}
.vaiio-global-header .vaiio-global-brand img {
  display:block!important; height:42px!important; width:auto!important;
  max-width:none!important; object-fit:contain!important; margin:0!important;
}
.vaiio-global-header.scrolled .vaiio-global-brand img {height:40px!important}
.vaiio-global-header .vaiio-logo-white {display:none!important}
.vaiio-global-header .vaiio-logo-color {display:block!important}
body[data-motion-mode="home"] .vaiio-global-header.overlay:not(.scrolled) .vaiio-logo-color {display:none!important}
body[data-motion-mode="home"] .vaiio-global-header.overlay:not(.scrolled) .vaiio-logo-white {display:block!important}
.vaiio-global-header .vaiio-page-label {
  display:inline-flex!important; align-items:center!important; flex:none!important;
  font:700 12px/1.2 'Plus Jakarta Sans',sans-serif!important;
  letter-spacing:.06em!important; text-transform:uppercase!important;
  color:#596675!important; white-space:nowrap!important; margin:0!important;
}
.vaiio-global-header .vaiio-page-label:before {
  content:""!important; display:block!important; height:24px!important;
  width:1px!important; margin-right:13px!important; background:#cfd6dd!important;
}
body[data-motion-mode="home"] .vaiio-global-header.overlay:not(.scrolled) .vaiio-page-label {color:#fff!important}
.vaiio-global-header .vaiio-global-nav {
  display:flex!important; align-items:center!important; justify-content:flex-end!important;
  flex:0 1 auto!important; gap:24px!important;
  min-width:0!important; margin:0!important; padding:0!important;
  color:#394655!important; white-space:nowrap!important;
  font:600 15px/1 'Plus Jakarta Sans',sans-serif!important;
}
body[data-motion-mode="home"] .vaiio-global-header.overlay:not(.scrolled) .vaiio-global-nav {color:#fff!important}
.vaiio-global-header .vaiio-global-nav > a:not(.vaiio-talk),
.vaiio-global-header .vaiio-drop > button {
  display:inline-flex!important; align-items:center!important;
  flex:none!important; width:auto!important;
  margin:0!important; padding:10px 0!important;
  color:inherit!important; background:transparent!important; border:0!important;
  box-shadow:none!important; border-radius:0!important;
  text-decoration:none!important; opacity:1!important;
  font:inherit!important; line-height:1!important; white-space:nowrap!important;
  cursor:pointer!important;
}
.vaiio-global-header .vaiio-drop {display:block!important; position:relative!important; flex:none!important}
.vaiio-global-header .vaiio-drop > button:after {
  content:""!important; display:inline-block!important; width:6px!important; height:6px!important;
  margin:0 0 3px 8px!important; border-right:1.5px solid currentColor!important;
  border-bottom:1.5px solid currentColor!important; transform:rotate(45deg)!important;
}
.vaiio-global-header .vaiio-global-nav > a.vaiio-talk {
  display:inline-flex!important; flex:none!important; align-items:center!important;
  justify-content:center!important; min-height:44px!important; height:44px!important;
  padding:0 20px!important; margin:0!important;
  background:#306199!important; color:#fff!important;
  border:1px solid #306199!important; border-radius:8px!important;
  box-shadow:none!important; opacity:1!important;
  font:700 15px/1 'Plus Jakarta Sans',sans-serif!important;
  text-decoration:none!important; white-space:nowrap!important;
}
.vaiio-global-header .vaiio-global-nav > a.vaiio-talk:hover {
  background:transparent!important; color:#306199!important;
}
body[data-motion-mode="home"] .vaiio-global-header.overlay:not(.scrolled) .vaiio-global-nav > a.vaiio-talk {
  background:#fff!important; color:#17203a!important; border-color:#fff!important;
}
body[data-motion-mode="home"] .vaiio-global-header.overlay:not(.scrolled) .vaiio-global-nav > a.vaiio-talk:hover {
  background:transparent!important; color:#fff!important;
}
.vaiio-global-header .vaiio-menu {
  position:absolute!important; top:calc(100% + 10px)!important; left:-16px!important;
  min-width:220px!important; padding:10px!important;
  background:#fff!important; border:1px solid #e6ebf0!important;
  border-radius:10px!important; box-shadow:0 18px 44px rgba(17,30,45,.12)!important;
  z-index:10005!important; opacity:0!important; visibility:hidden!important;
  transform:translateY(-4px)!important; transition:opacity .18s,transform .18s,visibility .18s!important;
}
.vaiio-global-header .vaiio-drop:hover > .vaiio-menu,
.vaiio-global-header .vaiio-drop:focus-within > .vaiio-menu {
  opacity:1!important; visibility:visible!important; transform:none!important;
}
.vaiio-global-header .vaiio-menu a {
  display:flex!important; align-items:center!important; padding:11px 12px!important;
  color:#344150!important; text-decoration:none!important;
  font:600 14px/1.3 'Plus Jakarta Sans',sans-serif!important;
}
.vaiio-global-header .vaiio-menu a:hover {background:#f3f6f8!important;color:#306199!important}
.vaiio-global-header .vaiio-menu.modules {display:grid!important;grid-template-columns:1fr 1fr!important;min-width:340px!important}
/* Module local-navigation is in normal document flow BELOW the white global header. */
body[data-motion-mode="module"] .vaiio-local-nav,
body[data-motion-mode="support"] .vaiio-local-nav {
  position:sticky!important; top:79px!important; left:auto!important;right:auto!important;
  z-index:990!important; width:100%!important;
  background:#f7f9fb!important; color:#55616e!important;
  border-bottom:1px solid #e6ebf0!important; box-shadow:none!important;
  transform:none!important; margin:0!important;
}
body[data-motion-mode="module"] .vaiio-global-header.scrolled + .vaiio-local-nav,
body[data-motion-mode="support"] .vaiio-global-header.scrolled + .vaiio-local-nav {top:67px!important}
.vaiio-local-nav .vaiio-local-inner {min-height:42px!important; display:flex!important;align-items:center!important;gap:22px!important}
.vaiio-local-nav .vaiio-local-title {font:700 11px/1.2 'Plus Jakarta Sans',sans-serif!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#697583!important;white-space:nowrap!important}
.vaiio-local-nav .vaiio-local-inner a {font:600 12.5px/1.3 'Plus Jakarta Sans',sans-serif!important; color:#53606e!important;white-space:nowrap!important}
.vaiio-global-header .vaiio-menu-toggle {display:none!important}
@media(min-width:1400px){
 .vaiio-global-header .container,.vaiio-local-nav .container {max-width:1320px!important}
}
@media(min-width:1200px) and (max-width:1399px){
 .vaiio-global-header .vaiio-global-nav{gap:16px!important;font-size:13px!important}
 .vaiio-global-header .vaiio-page-label{display:none!important}
}
@media(max-width:1199px) and (min-width:992px){
 .vaiio-global-header .vaiio-global-nav{gap:12px!important;font-size:12px!important}
 .vaiio-global-header .vaiio-page-label{display:none!important}
 .vaiio-global-header .vaiio-global-nav > a.vaiio-talk{font-size:13px!important;padding:0 12px!important}
}
@media(max-width:991px){
 .vaiio-global-header, body[data-motion-mode="module"] .vaiio-global-header.overlay,
 body[data-motion-mode="home"] .vaiio-global-header.overlay {
   position:sticky!important; padding:0!important; background:#fff!important;
   border-bottom:1px solid #e6ebf0!important;
 }
 .vaiio-global-header .vaiio-global-row{min-height:72px!important}
 .vaiio-global-header .vaiio-global-brand img,.vaiio-global-header.scrolled .vaiio-global-brand img{height:40px!important}
 .vaiio-global-header .vaiio-logo-white{display:none!important}
 .vaiio-global-header .vaiio-logo-color{display:block!important}
 .vaiio-global-header .vaiio-page-label{display:none!important}
 .vaiio-global-header .vaiio-menu-toggle{
   display:block!important; flex:none!important; padding:10px!important;
   color:#17203a!important; border:0!important; background:none!important;cursor:pointer!important;
 }
 .vaiio-global-header .vaiio-menu-toggle span {display:block!important;width:25px!important;height:2px!important;margin:5px 0!important;background:currentColor!important}
 .vaiio-global-header .vaiio-global-nav {
   display:none!important;position:absolute!important;top:72px!important;left:0!important;right:0!important;
   max-height:calc(100dvh - 72px)!important;overflow-y:auto!important;
   padding:16px 22px!important;background:#fff!important;border-bottom:1px solid #e6ebf0!important;
   flex-direction:column!important;align-items:stretch!important;gap:0!important;
   color:#17203a!important;font-size:15px!important;
 }
 .vaiio-global-header .vaiio-global-nav.open{display:flex!important}
 .vaiio-global-header .vaiio-global-nav > a:not(.vaiio-talk),
 .vaiio-global-header .vaiio-drop > button {width:100%!important;text-align:left!important;padding:12px 0!important;font-size:15px!important;justify-content:flex-start!important}
 .vaiio-global-header .vaiio-menu {position:static!important;display:none!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;border:0!important;padding:0 0 7px 12px!important;min-width:0!important}
 .vaiio-global-header .vaiio-drop.open > .vaiio-menu{display:grid!important}
 .vaiio-global-header .vaiio-menu.modules{grid-template-columns:1fr 1fr!important;min-width:0!important}
 .vaiio-global-header .vaiio-global-nav > a.vaiio-talk{width:100%!important;margin-top:8px!important}
 body[data-motion-mode="module"] .vaiio-local-nav,
 body[data-motion-mode="support"] .vaiio-local-nav{position:sticky!important;top:72px!important}
}
@media(max-width:575px){
 .vaiio-global-header .vaiio-global-brand img{height:38px!important}
 .vaiio-global-header .vaiio-menu.modules{grid-template-columns:1fr!important}
}


/* V5: restore HOME V8 overlay behavior specifically on the eight module pages.
   Support pages retain their intentional white solid header. Desktop only. */
@media (min-width: 992px) {
  body[data-motion-mode="module"] .vaiio-global-header.overlay,
  body[data-motion-mode="module"] .vaiio-global-header.overlay:not(.scrolled) {
    position:fixed!important;
    top:0!important;left:0!important;right:0!important;
    padding:16px 0!important;
    background:linear-gradient(180deg,rgba(10,24,40,.37),rgba(10,24,40,0))!important;
    border-bottom-color:transparent!important;
    box-shadow:none!important;
    color:#fff!important;
  }
  body[data-motion-mode="module"] .vaiio-global-header.overlay:not(.scrolled) .vaiio-logo-white {display:block!important}
  body[data-motion-mode="module"] .vaiio-global-header.overlay:not(.scrolled) .vaiio-logo-color {display:none!important}
  body[data-motion-mode="module"] .vaiio-global-header.overlay:not(.scrolled) .vaiio-global-nav {color:#fff!important}
  body[data-motion-mode="module"] .vaiio-global-header.overlay:not(.scrolled) .vaiio-page-label {color:#fff!important}
  body[data-motion-mode="module"] .vaiio-global-header.overlay:not(.scrolled) .vaiio-page-label:before {background:rgba(255,255,255,.45)!important}
  body[data-motion-mode="module"] .vaiio-global-header.overlay:not(.scrolled) .vaiio-global-nav>a.vaiio-talk {
    background:#fff!important;color:#17203a!important;border-color:#fff!important;
  }
  body[data-motion-mode="module"] .vaiio-global-header.overlay:not(.scrolled) .vaiio-global-nav>a.vaiio-talk:hover {
    background:transparent!important;color:#fff!important;border-color:#fff!important;
  }
  body[data-motion-mode="module"] .vaiio-global-header.overlay.scrolled {
    position:fixed!important;top:0!important;left:0!important;right:0!important;
    padding:10px 0!important;background:rgba(255,255,255,.97)!important;
    border-bottom:1px solid #e6ebf0!important;color:#394655!important;
    box-shadow:0 1px 0 rgba(18,32,50,.05)!important;
  }
  body[data-motion-mode="module"] .vaiio-global-header.overlay.scrolled .vaiio-logo-white {display:none!important}
  body[data-motion-mode="module"] .vaiio-global-header.overlay.scrolled .vaiio-logo-color {display:block!important}
  body[data-motion-mode="module"] .vaiio-global-header.overlay.scrolled .vaiio-global-nav {color:#394655!important}
  body[data-motion-mode="module"] .vaiio-global-header.overlay.scrolled .vaiio-page-label {color:#596675!important}
  /* Keep the secondary section links beneath the global header, not over its controls. */
  body[data-motion-mode="module"] .vaiio-local-nav {
    position:fixed!important;top:76px!important;left:0!important;right:0!important;
    background:rgba(18,32,50,.32)!important;border-bottom:1px solid rgba(255,255,255,.15)!important;
    color:#fff!important;z-index:990!important;
  }
  body[data-motion-mode="module"] .vaiio-local-nav .vaiio-local-title,
  body[data-motion-mode="module"] .vaiio-local-nav .vaiio-local-inner a {color:#fff!important}
  body[data-motion-mode="module"] .vaiio-global-header.overlay.scrolled + .vaiio-local-nav {
    top:68px!important;background:rgba(247,249,251,.97)!important;
    border-bottom-color:#e6ebf0!important;color:#53606e!important;
  }
  body[data-motion-mode="module"] .vaiio-global-header.overlay.scrolled + .vaiio-local-nav .vaiio-local-title,
  body[data-motion-mode="module"] .vaiio-global-header.overlay.scrolled + .vaiio-local-nav .vaiio-local-inner a {color:#53606e!important}
}

/* VAIIO final QA: scoped corrective styles */

/* Mobile layout QA safety: images, tables and long labels should not force the viewport wider. */
@media(max-width:767.98px){main,main section,main .container{min-width:0;max-width:100%;}main img:not([class*="logo"]){max-width:100%;height:auto;}main .row>*,main [class*="grid"]>*{min-width:0;}main table{max-width:100%;}main :is(h1,h2,h3,p){overflow-wrap:break-word;}main :is(.module-table-wrap,.table-wrap){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}}