/* Element8 VAPT: preserve the service template and centered Saudi hero.
   Design variance 4 / motion 3 / density 4. Existing brand colours and type. */
body.page-vapt-services .vapt-hero{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:870px;height:auto;padding:116px 0 64px;isolation:isolate}
.page-vapt-services .vapt-art{position:relative;z-index:1;width:min(440px,76vw);margin:0 auto 26px}
.page-vapt-services .vapt-shield-window{width:100%;aspect-ratio:516/530;overflow:hidden;filter:drop-shadow(0 22px 28px rgba(13,15,32,.23))}
.page-vapt-services .vapt-shield{display:block;width:100%;height:auto}
.page-vapt-services .vapt-accent{position:absolute;height:auto;pointer-events:none}
.page-vapt-services .vapt-accent-one{width:26%;left:-20%;top:26%;transform:rotate(-12deg)}
.page-vapt-services .vapt-accent-two{width:17%;right:-18%;top:50%;transform:rotate(12deg)}
.page-vapt-services .vapt-hero-copy{position:relative;z-index:2;text-align:center}
.page-vapt-services .vapt-hero-copy .eyebrow{margin-bottom:18px;color:rgba(255,255,255,.8)}
body.page-vapt-services .vapt-hero .hx-h1{font-size:clamp(42px,5.8vw,82px);line-height:1.05;max-width:1100px;margin:0 auto 22px;letter-spacing:-.055em}
body.page-vapt-services .vapt-hero .hx-lede{max-width:670px;margin:0 auto;color:rgba(255,255,255,.8);font-size:18px;line-height:1.6}

/* All below-banner layout, spacing, cards and motion come from e8.css and the DevOps template. */
.page-vapt-services .form-card[hidden],.page-vapt-services .form-success[hidden]{display:none!important}
.page-vapt-services .lead .form-note{color:#d0c5d2}
.page-vapt-services .lead input::placeholder,.page-vapt-services .lead textarea::placeholder{color:#bfb1c2;opacity:1}
.page-vapt-services .lead #vapt-form-status[data-error]{color:#ffb9cd}
.page-vapt-services .lead .form-submit{color:#17121b}
.page-vapt-services .form-submit:disabled{opacity:.7;cursor:wait}
@media(max-width:767px){
 body.page-vapt-services .vapt-hero{min-height:740px;padding:125px 0 58px}
 .page-vapt-services .vapt-art{width:min(350px,70vw);margin-bottom:36px}
 .page-vapt-services .vapt-accent-one{left:-15%}.page-vapt-services .vapt-accent-two{right:-12%}
 body.page-vapt-services .vapt-hero .hx-h1{font-size:clamp(37px,7.5vw,58px);line-height:1.09;letter-spacing:-.05em}
 body.page-vapt-services .vapt-hero .hx-lede{font-size:16px;max-width:460px}
 .page-vapt-services .vapt-hero-copy .eyebrow{font-size:10px;letter-spacing:.14em}
}
@media(prefers-reduced-motion:reduce){.page-vapt-services .vapt-hero *{animation:none!important;transition:none!important}}