:root{color-scheme:light;--focus-ring:#ffdf4d;--ds-container:1300px;--ds-title-size:41px;--ds-title-leading:1.12;--ds-profile-title-leading:37px;--ds-eyebrow-size:18px;--ds-body-size:18px;--ds-body-leading:34px;--ds-section-space:110px;--ds-title-gap:21px;--ds-copy-gap:25px;--ds-button-height:58px;--ds-button-height-sm:48px;--ds-button-radius:999px;--ds-button-padding-inline:28px;--ds-card-radius:24px}
/* Vision Stack project override: align inner pages with the 1400px homepage grid. */
:root{--ds-container:1400px}
html{overflow-x:clip;scroll-behavior:smooth}
body{max-width:100%;overflow-x:clip}
.vs-impact{min-height:625px}
.vs-impact + .vs-transformation-wrap{padding-top:36px}
.vs-impact-card img{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;flex:0 0 44px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;object-fit:contain!important}
.vs-partner-card{display:flex!important;min-height:170px;flex-direction:column;justify-content:center;padding:32px 105px 32px 36px!important}
.vs-partner-card__icon{position:absolute!important;top:50%!important;right:34px!important;bottom:auto!important;display:block!important;width:46px!important;height:46px!important;margin:0!important;transform:translateY(-50%)!important;border:0!important;border-radius:0!important;background:transparent url("../images/connected-delivery.svg") center/46px 46px no-repeat!important;font-size:0!important;line-height:0}
.vs-partner-card:hover .vs-partner-card__icon{transform:translateY(-50%) scale(1.06)!important}
.values b,.values b img{width:35px!important;min-width:35px!important;max-width:35px!important;height:35px!important}
.mission i img{width:30px!important;height:30px!important;max-width:30px!important}
.mission__grid>div:first-child li:first-child i img{width:40px!important;height:40px!important;max-width:40px!important}
@media(min-width:601px){.about-page .values article{grid-template-columns:35px 190px minmax(0,1fr)!important}}
.services-page .service-card{display:block!important;padding:38px!important}
.services-page .service-card__number{display:none!important}
.services-page .service-card>img{top:34px!important;right:35px!important;width:48px!important;height:48px!important;object-fit:contain}
.services-page .service-card>div,.services-page .service-card--wide>div{position:relative;z-index:1;max-width:calc(100% - 74px)!important;padding:0!important}
.services-page .service-card h3{margin:0 0 16px}
.services-page .services-hero__image{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.services-page .services-hero::before{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,10,33,.98) 0%,rgba(2,10,33,.92) 35%,rgba(2,10,33,.48) 64%,rgba(2,10,33,.2) 100%);content:"";pointer-events:none}
.services-page .services-hero::after{display:none!important}
.services-page .services-hero__inner{z-index:2}
@media(max-width:800px){.services-page .service-card,.services-page .service-card--wide{display:block!important;padding:28px 22px!important}.services-page .service-card>div,.services-page .service-card--wide>div{max-width:calc(100% - 58px)!important}}
.vs-header,.inner-header{position:fixed!important;z-index:1000!important;top:0;right:0;left:0;transform:translateY(0);transition:transform .32s ease,background-color .32s ease,box-shadow .32s ease,backdrop-filter .32s ease;will-change:transform}
.vs-header.is-sticky-scrolled,.inner-header.is-sticky-scrolled{background:rgba(3,10,30,.92);box-shadow:0 10px 30px rgba(0,0,0,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.vs-header.is-sticky-hidden,.inner-header.is-sticky-hidden{transform:translateY(-105%)}
/* Keep every inner-page hero asset on the shared 1920px design canvas. */
.data-hero>img,
.erp-hero>img,
.cloud-hero>img,
.security-hero>img,
.automation-hero>img,
.industries-hero>img,
.careers-hero>img,
.contact-hero>img{
  width:1920px!important;
}
/* One consistent desktop/tablet banner height across every inner page. */
@media(min-width:601px){
  .about-hero,
  .data-hero,
  .erp-hero,
  .cloud-hero,
  .security-hero,
  .automation-hero,
  .industries-hero,
  .careers-hero,
  .contact-hero{
    height:625px!important;
    min-height:625px!important;
  }
  .data-hero>img,
  .erp-hero>img,
  .cloud-hero>img,
  .security-hero>img,
  .automation-hero>img,
  .industries-hero>img,
  .careers-hero>img,
  .contact-hero>img{
    top:0!important;
    height:625px!important;
  }
  .security-hero__shade,
  .automation-hero__shade{
    top:0!important;
    height:625px!important;
  }
  .about-hero__grid>img{
    z-index:0;
    top:0!important;
    right:auto!important;
    bottom:auto!important;
    left:50%!important;
    width:1920px!important;
    height:625px!important;
    transform:translateX(-50%);
    object-fit:cover!important;
    object-position:center!important;
  }
  .about-hero::after{
    position:absolute;
    z-index:1;
    inset:0;
    background:linear-gradient(90deg,rgba(1,6,23,.95) 0%,rgba(1,6,23,.76) 44%,rgba(1,6,23,.22) 76%,rgba(1,6,23,.04) 100%);
    content:"";
    pointer-events:none;
  }
  .about-hero__grid>div:first-child{
    position:relative;
    z-index:3;
  }
}
/* Security header aligns with the top edge of its hero instead of leaving a 42px band. */
.security-header{
  top:0!important;
}
/* Composite automation artwork is already arranged; show it whole without cropping. */
.automation-media img:only-child{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:522px;
  object-fit:contain!important;
}
/* Shared top-only hero wash: dark behind navigation, transparent before main copy. */
.about-hero::before,
.data-hero::before,
.erp-hero::before,
.cloud-hero::before,
.security-hero::before,
.automation-hero::before,
.industries-hero::before,
.careers-hero::before,
.contact-hero::before{
  position:absolute;
  z-index:2;
  top:0;
  right:0;
  left:0;
  height:190px;
  background:linear-gradient(180deg,rgba(1,6,23,.94) 0%,rgba(1,6,23,.58) 48%,rgba(1,6,23,0) 100%);
  content:"";
  pointer-events:none;
}
.skip-link{position:fixed;z-index:99999;top:10px;left:10px;transform:translateY(-160%);padding:12px 18px;border-radius:6px;background:#fff;color:#061033;font-weight:700;text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.skip-link:focus{transform:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
:where(
  button,
  .wp-block-button__link,
  .vs-simple-button,
  .inner-talk,
  .inner-cta a,
  .profile__linkedin,
  .about-cta button,
  .data-cta button,
  .contact-form-panel button,
  .vs-form button
){
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease,background-color .22s ease,color .22s ease;
}
:where(
  button,
  .wp-block-button__link,
  .vs-simple-button,
  .inner-talk,
  .inner-cta a,
  .profile__linkedin,
  .about-cta button,
  .data-cta button,
  .contact-form-panel button,
  .vs-form button
):hover{
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(5,20,46,.2);
  filter:brightness(1.06);
}
:where(
  button,
  .wp-block-button__link,
  .vs-simple-button,
  .inner-talk,
  .inner-cta a,
  .profile__linkedin,
  .about-cta button,
  .data-cta button,
  .contact-form-panel button,
  .vs-form button
):active{
  transform:translateY(0);
  box-shadow:0 5px 12px rgba(5,20,46,.16);
  filter:brightness(.98);
}
.inner-talk:hover,
.inner-talk:focus-visible,
.vs-header .wp-block-button__link:hover,
.vs-header .wp-block-button__link:focus-visible{
  background-color:#20c200;
  color:#061033;
}
.vs-partner-card__icon,.vs-button__icon,.about-cta button i,.data-cta button i,.contact-form-panel button i{
  transition:transform .22s ease;
}
.vs-partner-card:hover .vs-partner-card__icon,
.wp-block-button__link:hover .vs-button__icon,
.about-cta button:hover i,
.data-cta button:hover i,
.contact-form-panel button:hover i{
  transform:translate(2px,-2px);
}
main{display:block}
section[id]{scroll-margin-top:100px}
.inner-mobile-toggle,.inner-mobile-menu{display:none}
.form-status{grid-column:1/-1;margin:10px 0 0;color:#176b0c;font-weight:700;text-align:center}
.about-cta button,.data-cta button{
  display:flex;
  width:300px!important;
  align-items:center;
  justify-content:space-between;
  padding:0 8px 0 36px;
  text-align:left;
}
.about-cta button i,.data-cta button i{flex:0 0 32px;margin-left:24px!important}

/* Consistent footer reading rhythm across the homepage and inner pages. */
.inner-footer a,
.vs-footer-grid a{
  line-height:1.8!important;
  transition:color .2s ease,transform .2s ease;
}
.inner-footer a:hover,
.vs-footer-grid a:hover{
  color:#20c200;
  transform:translateX(4px);
}
.inner-footer a:focus-visible,
.vs-footer-grid a:focus-visible{
  color:#20c200;
  outline:2px solid #20c200;
  outline-offset:3px;
  border-radius:2px;
}
@media(prefers-reduced-motion:reduce){
  .inner-footer a,
  .vs-footer-grid a{transition:none}
}
.inner-footer__grid p,
.vs-footer-grid p{
  line-height:1.65!important;
}

/* Keep service artwork fully visible and separated from headings at desktop
   zoom levels where the available CSS viewport becomes narrower. */
.data-service__icon,
.erp-copy>img,
.cloud-copy>img,
.security-grid article>img,
.automation-copy>img{
  z-index:2;
  display:block;
  width:90px!important;
  height:90px!important;
  flex-shrink:0;
  object-fit:contain;
  border-radius:0!important;
}
.security-grid article>img{position:relative}
.data-service h3,
.erp-copy h3,
.cloud-copy h3,
.cloud-service-head h3,
.security-grid h3,
.automation-copy h3{
  font-size:24px!important;
  font-weight:500!important;
  line-height:36px!important;
  text-align:left!important;
}
.security-grid h3{margin-top:8px!important}

@media(max-width:1499px) and (min-width:901px){
  .data-service h3{left:12%!important}
  .erp-copy h3{margin-left:125px!important}
  .cloud-copy h3,
  .cloud-list article:nth-child(even) .cloud-copy h3{
    left:140px!important;
    width:calc(100% - 160px)!important;
  }
  .automation-copy h3,
  .automation-list article:nth-child(even) .automation-copy h3{
    left:170px!important;
    width:calc(100% - 190px)!important;
  }
}
@media(min-width:1500px){
  .data-service h3{left:140px!important}
  .erp-copy h3{margin-left:125px!important}
  .cloud-copy h3{left:145px!important;width:500px!important}
  .cloud-list article:nth-child(even) .cloud-copy h3{left:170px!important}
}
@media(min-width:901px){
  .cloud-list article{position:relative}
  .cloud-copy,
  .cloud-list article:nth-child(even) .cloud-copy{position:static!important}
  .cloud-copy>img,
  .cloud-list article:nth-child(even) .cloud-copy>img{
    top:48px!important;
    left:calc(50% - 260px)!important;
  }
  .cloud-copy h3,
  .cloud-list article:nth-child(even) .cloud-copy h3{
    top:93px!important;
    left:calc(50% - 146px)!important;
    width:420px!important;
    transform:translateY(-50%);
  }
  .erp-copy,
  .erp-list article:nth-child(even) .erp-copy{
    display:grid;
    grid-template-columns:90px minmax(0,1fr);
    column-gap:24px;
    align-items:center;
    align-content:start;
    padding-top:80px!important;
  }
  .erp-copy>img,
  .erp-list article:nth-child(even) .erp-copy>img{
    position:static!important;
    grid-column:1;
    grid-row:1;
  }
  .erp-copy h3{
    grid-column:2;
    grid-row:1;
    display:flex;
    min-height:90px;
    align-items:center;
    margin:0!important;
  }
  .erp-copy>p,
  .erp-copy>ul{
    grid-column:1/-1;
  }
  .erp-copy>p{
    margin-top:32px!important;
    margin-bottom:32px!important;
  }
}

/* Shared desktop Services dropdown indicator. */
.inner-nav__services > a,
.vs-nav__services > a{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.inner-nav__services > a::after,
.vs-nav__services > a::after{
  width:7px;
  height:7px;
  transform:translateY(-2px) rotate(45deg);
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  content:"";
  transition:transform .2s ease;
}
.inner-nav__services:hover > a::after,
.inner-nav__services:focus-within > a::after,
.vs-nav__services:hover > a::after,
.vs-nav__services:focus-within > a::after{
  transform:translateY(2px) rotate(225deg);
}

@media(max-width:1200px){
  .inner-header .inner-nav,.inner-header .inner-talk{display:none}
  .inner-header__row{position:relative}
  .inner-mobile-toggle{display:grid;width:44px;height:44px;margin-left:auto;padding:11px;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:rgba(4,10,34,.88);place-content:center;gap:5px}
  .inner-mobile-toggle span{display:block;width:21px;height:2px;background:#fff;transition:transform .2s ease,opacity .2s ease}
  .inner-mobile-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .inner-mobile-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .inner-mobile-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .inner-mobile-menu{position:absolute;z-index:1000;top:96px;right:20px;left:20px;padding:8px 14px;border:1px solid rgba(137,171,218,.48);border-radius:12px;background:#061033;box-shadow:0 18px 45px rgba(0,0,0,.3)}
  .inner-mobile-menu.is-open{display:block}
  .inner-mobile-menu>a,.inner-mobile-menu>.inner-nav__services{border-bottom:1px solid rgba(137,171,218,.2)}
  .inner-mobile-menu>a:last-child{border-bottom:0}
  .inner-mobile-menu a{display:block;padding:14px 12px;border-left:3px solid transparent;border-radius:5px;color:#fff;text-decoration:none;transition:color .18s ease,background-color .18s ease,border-color .18s ease}
  .inner-mobile-menu .inner-nav__services{display:block}
  .inner-mobile-services__toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:14px 12px;border:0;border-left:3px solid transparent;border-radius:5px;background:transparent;color:#fff;font:inherit;text-align:left;cursor:pointer;transition:color .18s ease,background-color .18s ease,border-color .18s ease}
  .inner-mobile-services__arrow{width:9px;height:9px;margin-right:5px;transform:rotate(45deg);border-right:2px solid currentColor;border-bottom:2px solid currentColor;transition:transform .2s ease}
  .inner-mobile-services__toggle[aria-expanded="true"] .inner-mobile-services__arrow{transform:rotate(225deg)}
  .inner-mobile-menu .inner-nav__submenu{position:static;display:block;width:auto;margin:4px 0 4px 12px;padding:0;transform:none;border:0;background:transparent;box-shadow:none}
  .inner-mobile-menu .inner-nav__submenu[hidden]{display:none!important}
  .inner-mobile-menu .inner-nav__submenu a{padding:10px 14px;color:#c9d8ea;font-size:12px}
  .inner-mobile-menu a:hover,.inner-mobile-menu a:focus-visible,.inner-mobile-services__toggle:hover,.inner-mobile-services__toggle:focus-visible{border-left-color:#20c200;background:rgba(255,255,255,.08);color:#fff;outline:0}
  .inner-mobile-menu .inner-mobile-talk{margin-top:8px;border:1px solid rgba(32,194,0,.65);border-left:3px solid #20c200;color:#fff;font-weight:700}
  .inner-footer__grid,.vs-footer-grid{grid-template-columns:1fr 1fr!important}
  .inner-footer__video,.vs-footer__media{right:-220px}
  .about-hero__grid,.about-overview__intro,.values__head,.profile__grid,.profile--light .profile__grid,.certifications__grid,
  .data-overview__grid,.erp-overview__grid,.cloud-overview__grid,.security-overview__grid,.automation-overview__grid,
  .careers-intro,.contact-intro{grid-template-columns:1fr!important;gap:35px!important}
  .about-hero__grid>img{display:none}
  .about-overview,.mission,.values,.profile,.certifications,.about-cta,
  .data-overview,.data-services,.data-cta,.erp-overview,.erp-services,.cloud-overview,.cloud-services,
  .security-overview,.security-services,.automation-overview,.automation-services,.careers-main,.contact-main{height:auto!important}
  .about-stats,.mission__grid,.values__grid,.certification-list{grid-template-columns:1fr!important}
  .mission__core{display:none}
  .about-cta form,.data-cta form{grid-template-columns:1fr!important;width:min(100%,600px)!important;padding:30px!important}
  .profile img{width:100%!important;max-width:614px;height:auto!important;justify-self:center}
  .security-layout,.security-grid,.contact-panels,.careers-benefits{grid-template-columns:1fr!important}
  .security-photo{position:relative!important;top:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important}
  .security-grid article{min-height:0!important;padding:40px 20px!important;border-left:0!important;border-bottom:1px solid #dce6ef}
  .contact-panels{gap:35px!important}
  .contact-details,.contact-form-panel{width:100%!important;height:auto!important;min-height:737px}
  .contact-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .roles-row{grid-template-columns:minmax(260px,1.7fr) minmax(170px,.85fr) minmax(190px,.8fr)!important}
  .roles-table{overflow-x:auto}
  .vs-nav,.vs-header__inner>.wp-block-buttons{display:none}
  .vs-menu-toggle{display:grid!important}
  .vs-transformation,.vs-tech-grid,.vs-consultation-grid{grid-template-columns:1fr!important;gap:44px}
  .vs-form-card{width:100%;height:auto;min-height:418px}
  .vs-insights__panel{grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:55px;min-height:0;padding-inline:0}
  .vs-insights__intro>.vs-simple-button{margin-top:35px}
  .vs-insights__content{width:100%;min-width:0}
}
@media(max-width:600px){
  .inner-footer__grid,.vs-footer-grid{grid-template-columns:1fr!important}
  .contact-fields{grid-template-columns:1fr!important}
  .contact-field--wide{grid-column:auto!important}
  .vs-featured-insight{grid-template-columns:110px minmax(0,1fr);height:auto;min-height:180px}
  .vs-featured-insight>img{width:110px;height:100%}
  .vs-featured-insight>div{padding:22px 18px}
  .vs-featured-insight h3 br{display:none}
  .vs-featured-insight>a{right:12px}
  .vs-insight-list article{grid-template-columns:34px minmax(0,1fr);gap:8px;padding:15px 0}
  .vs-insight-list article p,.vs-insight-list article a{grid-column:2}
  .vs-tech__copy,.vs-tech__copy>.vs-eyebrow,.vs-tech__copy>h2,.vs-tech__copy .vs-service-list{width:100%;max-width:100%}
  .vs-tech__copy .vs-service-list li{grid-template-columns:minmax(105px,38%) minmax(0,1fr);width:100%}
  .vs-orbit{width:100%;min-height:0;aspect-ratio:1}
  .vs-orbit__labels .cloud{left:37%}
  .vs-orbit__labels .ai{right:0}
  .vs-orbit__labels .erp{left:37%}
  .vs-orbit__labels .security{right:0}
  .vs-orbit__labels .data{left:0}
  .vs-insights__watermark{max-width:100%;overflow:hidden;font-size:72px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .inner-footer__video,.vs-footer__media{display:none}
}
@media(forced-colors:active){a,button{forced-color-adjust:auto}}

/* Phone layouts: keep every content track inside the viewport and allow text to reflow. */
@media(max-width:600px){
  :root{--mobile-section-space:56px}
  main h1{line-height:1.06!important}
  main h2{line-height:1.12!important}
  main h3{line-height:1.18!important}
  main h4{line-height:1.2!important}
  footer h2,footer h3{line-height:1.12!important}
  main h1+p,main h2+p,main h3+p,main h4+p{margin-top:16px!important}
  .about-overview__intro,.values__head,.certifications__grid,
  .data-overview__grid,.erp-overview__grid,.cloud-overview__grid,
  .security-overview__grid,.automation-overview__grid,
  .industries-heading,.careers-intro,.contact-intro{
    gap:20px!important;
  }
  .about-overview,.mission,.values,.profile,.certifications,.about-cta,
  .data-overview,.data-services,.data-cta,
  .erp-overview,.erp-services,
  .cloud-overview,.cloud-services,
  .security-overview,.security-services,
  .automation-overview,.automation-services,
  .industries-cards,.careers-main,.contact-main{
    padding-top:var(--mobile-section-space)!important;
    padding-bottom:var(--mobile-section-space)!important;
  }
  .profile__grid,.profile--light .profile__grid{gap:36px!important}
  .vs-impact,.vs-transformation-wrap,.vs-tech,.vs-insights{
    padding-top:var(--mobile-section-space)!important;
    padding-bottom:var(--mobile-section-space)!important;
  }
  .vs-impact{min-height:auto}
  .vs-insights__panel{padding-top:64px!important;padding-bottom:0!important}
  .vs-hero,.about-hero,.data-hero,.erp-hero,.cloud-hero,.security-hero,
  .automation-hero,.industries-hero,.careers-hero,.contact-hero{
    isolation:isolate;
  }
  .vs-hero::after,.about-hero::after,.data-hero::after,.erp-hero::after,
  .cloud-hero::after,.security-hero::after,.automation-hero::after,
  .industries-hero::after,.careers-hero::after,.contact-hero::after{
    position:absolute;
    z-index:1;
    inset:0;
    background:
      linear-gradient(90deg,rgba(1,6,23,.98) 0%,rgba(1,6,23,.9) 52%,rgba(1,6,23,.3) 100%),
      linear-gradient(0deg,rgba(1,6,23,.3),rgba(1,6,23,.08));
    content:"";
    pointer-events:none;
  }
  .vs-hero>.wp-block-cover__image-background,
  .data-hero>img,.erp-hero>img,.cloud-hero>img,.security-hero>img,
  .automation-hero>img,.industries-hero>img,.careers-hero>img,.contact-hero>img{
    width:100%!important;
    height:100%!important;
    right:0!important;
    left:auto!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:right center!important;
  }
  .data-hero::after,.erp-hero::after,.cloud-hero::after,.security-hero::after,
  .automation-hero::after,.industries-hero::after,.careers-hero::after,
  .contact-hero::after{
    background:
      linear-gradient(90deg,rgba(1,6,23,.96) 0%,rgba(1,6,23,.86) 42%,rgba(1,6,23,.58) 72%,rgba(1,6,23,.16) 100%),
      linear-gradient(0deg,rgba(1,6,23,.25),rgba(1,6,23,.04));
  }
  .data-hero>img,.erp-hero>img,.cloud-hero>img,.security-hero>img,
  .automation-hero>img,.industries-hero>img,.careers-hero>img,.contact-hero>img{
    filter:brightness(1.12) saturate(1.08);
  }
  .about-hero__grid>img{
    z-index:0;
    right:-16px!important;
    bottom:0!important;
    left:auto!important;
    display:block!important;
    width:82%!important;
    height:100%!important;
    opacity:1;
    object-fit:contain;
    object-position:right bottom;
  }
  .vs-hero .wp-block-cover__inner-container,.about-hero__grid,
  .data-hero__content,.erp-hero__content,.cloud-hero__content,
  .security-hero__content,.automation-hero__content,
  .industries-hero__content,.careers-hero__content,.contact-hero__content{
    z-index:2;
  }
  .alignwide,.inner-container,.about-container,.data-container,.erp-container,.cloud-container,
  .security-container,.automation-container,.industries-container,.careers-container,.contact-container{
    width:calc(100% - 32px)!important;
    max-width:calc(100% - 32px)!important;
  }
  main *,footer *{min-width:0}
  h1,h2,h3,p,li,a,label,button{
    max-width:100%;
    overflow-wrap:break-word;
  }
  .vs-hero h1,.inner-hero h1,.about-hero h1,.data-hero h1,.erp-hero h1,.cloud-hero h1,
  .security-hero h1,.automation-hero h1,.industries-hero h1,.careers-hero h1,.contact-hero h1{
    width:100%!important;
    max-width:100%!important;
    font-size:36px!important;
    font-weight:800!important;
    line-height:42px!important;
    letter-spacing:-.6px!important;
  }
  .data-hero h1,.erp-hero h1,.cloud-hero h1,.security-hero h1,
  .automation-hero h1,.industries-hero h1,.careers-hero h1,.contact-hero h1{
    color:#fff!important;
    text-shadow:0 2px 12px rgba(0,0,0,.7);
  }
  .data-hero__content>p:last-child,.erp-hero__content>p:last-child,
  .cloud-hero__content>p:last-child,.security-hero__content>p:last-child,
  .automation-hero__content>p:last-child,.industries-hero__content>p:last-child,
  .careers-hero__content>p:last-child,.contact-hero__content>p:last-child{
    color:#e2efff!important;
    text-shadow:0 1px 9px rgba(0,0,0,.75);
  }
  .inner-hero,.about-hero,.data-hero,.erp-hero,.cloud-hero,.security-hero,
  .automation-hero,.industries-hero,.careers-hero,.contact-hero{
    height:500px!important;
    min-height:500px;
  }
  .about-hero__grid{
    position:relative;
    display:block!important;
    width:calc(100% - 32px)!important;
    height:500px!important;
    min-height:500px;
    padding-top:150px!important;
    padding-bottom:64px;
  }
  .about-hero__grid::before{
    position:absolute;
    z-index:1;
    inset:0;
    background:linear-gradient(90deg,rgba(1,6,23,.98) 0%,rgba(1,6,23,.9) 55%,rgba(1,6,23,.28) 100%);
    content:"";
    pointer-events:none;
  }
  .about-hero__grid>div{position:relative;z-index:2;width:100%;min-width:0}
  .about-hero__grid h1{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.55)}
  .about-hero__grid p:last-child{color:#e2efff!important;font-size:16px;line-height:27px;text-shadow:0 1px 8px rgba(0,0,0,.6)}
  .about-hero__ghost{display:none}

  .contact-details dl div{padding-left:0}
  .contact-details dl img{display:none}
  .contact-form-panel .vsf-form{padding-right:0;padding-left:0}

  .mission{padding:var(--mobile-section-space) 0!important}
  .mission__grid{display:grid!important;width:calc(100% - 32px)!important;gap:46px!important}
  .mission__grid>div{width:100%;min-width:0}
  .mission li{
    width:100%!important;
    height:auto!important;
    min-height:92px;
    font-size:15px;
    line-height:23px;
  }
  .mission__grid>div:first-child li{padding:18px 88px 18px 16px}
  .mission__grid>div:first-child li i{right:18px}
  .mission__grid>div:last-child li{padding:18px 16px 18px 88px}
  .mission__grid>div:last-child li i{left:18px}

  .vs-hero{height:auto!important;min-height:650px!important}
  .vs-hero__content{width:calc(100% - 32px)!important;padding-top:145px!important}
  .vs-hero__title{
    width:100%;
    max-width:100%;
    font-size:clamp(38px,11vw,46px)!important;
    line-height:1.05!important;
    letter-spacing:-1.5px!important;
  }
  .vs-hero__actions{display:grid!important;grid-template-columns:1fr;gap:14px!important}
  .vs-hero__actions .wp-block-button,
  .vs-hero__actions .wp-block-button__link{width:100%!important}
  .vs-hero__side-label{display:none}

  .vs-impact__columns,.vs-impact-grid,.vs-transformation,.vs-tech-grid,
  .vs-consultation-grid,.vs-insights__panel{width:100%!important;max-width:100%!important}
  .vs-transformation{padding:30px 20px 40px!important}
  .vs-transformation__copy{width:100%;padding-left:0!important}
  .vs-transformation__actions{display:grid;grid-template-columns:1fr;gap:14px}
  .vs-transformation__actions .vs-simple-button{width:100%;max-width:none}
  .vs-tech__copy,.vs-tech__copy>.vs-eyebrow,.vs-tech__copy>h2,
  .vs-tech__copy>.vs-muted,.vs-tech__copy .vs-service-list{
    width:100%!important;
    max-width:100%!important;
  }
  .vs-orbit__labels li{min-width:0!important;width:auto!important}
  .vs-orbit__labels .cloud,.vs-orbit__labels .erp{left:50%!important;right:auto!important;transform:translateX(-50%)}
  .vs-orbit__labels .ai,.vs-orbit__labels .security{right:0!important;left:auto!important}
  .vs-orbit__labels .apps,.vs-orbit__labels .data{left:0!important;right:auto!important}
  .vs-featured-insight{width:100%;max-width:100%;overflow:hidden}

  .inner-footer h2,.vs-footer h2{font-size:36px;line-height:42px}
  .inner-footer__grid,.vs-footer-grid{gap:30px!important}
  .inner-footer h3,.vs-footer-grid h3{margin:0 0 16px!important}
  .inner-footer h2,.vs-footer-grid h2{margin-bottom:0}
}

@media(max-width:900px){
  /* One mobile service-header system: equal icons with the title beside them. */
  .data-service__top,
  .erp-copy,
  .erp-list article:nth-child(even) .erp-copy,
  .cloud-copy,
  .cloud-list article:nth-child(even) .cloud-copy,
  .security-grid article,
  .automation-copy{
    display:grid!important;
    grid-template-columns:90px minmax(0,1fr)!important;
    grid-template-rows:minmax(90px,auto) auto auto!important;
    column-gap:24px!important;
    align-items:center!important;
  }
  .data-service__icon,
  .erp-copy>img,
  .erp-list article:nth-child(even) .erp-copy>img,
  .cloud-copy>img,
  .cloud-list article:nth-child(even) .cloud-copy>img,
  .security-grid article>img,
  .automation-copy>img,
  .automation-list article:nth-child(even) .automation-copy>img{
    position:static!important;
    width:90px!important;
    height:90px!important;
    margin:0!important;
    align-self:center!important;
    justify-self:center!important;
  }
  .data-service__top{padding-top:0!important}
  .data-service h3,
  .erp-copy h3,
  .cloud-copy h3,
  .cloud-list article:nth-child(even) .cloud-copy h3,
  .security-grid h3,
  .automation-copy h3,
  .automation-list article:nth-child(even) .automation-copy h3{
    position:static!important;
    width:auto!important;
    margin:0!important;
    align-self:center!important;
    text-align:left!important;
  }
  .data-service__copy,
  .erp-copy>p,.erp-copy>ul,
  .cloud-copy>p,.cloud-copy>ul,
  .security-grid article>p,.security-grid article>ul,
  .automation-copy>p,.automation-copy>ul{
    grid-column:1/-1!important;
  }
  .data-service__copy{
    position:static!important;
    grid-row:2!important;
    width:auto!important;
    margin-top:24px!important;
  }
  .cloud-copy,
  .cloud-list article:nth-child(even) .cloud-copy,
  .automation-copy{
    padding:45px 20px!important;
  }
  .cloud-copy,
  .cloud-list article:nth-child(even) .cloud-copy{
    grid-template-rows:minmax(90px,auto) auto auto!important;
    align-items:center!important;
  }
  .cloud-copy>img,
  .cloud-list article:nth-child(even) .cloud-copy>img{
    align-self:center!important;
    justify-self:center!important;
  }
  .cloud-copy h3,
  .cloud-list article:nth-child(even) .cloud-copy h3{
    align-self:center!important;
  }
  .cloud-copy>p{
    grid-row:2!important;
    margin:24px 0 0!important;
  }
  .cloud-copy>ul{grid-row:3!important}
  .erp-copy>p,
  .security-grid article>p,
  .automation-copy>p{
    grid-row:2!important;
    margin:24px 0 0!important;
  }
  .erp-copy>ul,
  .security-grid article>ul,
  .automation-copy>ul{grid-row:3!important}
  .automation-copy>span{display:none!important}
  .cloud-photos{
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding:20px!important;
  }
  .cloud-photos img{
    width:100%!important;
    height:240px!important;
    object-fit:cover!important;
  }
}