/* Jabal Al Shaheen V4 — photo-first, reference-aligned, contrast-safe design system */
:root{--jas-navy:#021861;--jas-cobalt:#255DCE;--jas-red:#8BCEF7;--jas-stroke:#d4e5f5;--jas-ink:#061744}
body.jas-site-active{background:#f9fbff;color:#0c234b;font-family:Inter,Arial,'Helvetica Neue',sans-serif;line-height:1.48}
body.jas-site-active #jas-app{background:#fff;overflow-x:hidden}
#jas-app h1,#jas-app h2,#jas-app h3,#jas-app h4{font-family:Inter,Arial,'Helvetica Neue',sans-serif}
#jas-app p,#jas-app a,#jas-app span,#jas-app strong{overflow-wrap:normal}
#jas-app .jas-container{width:min(1370px,calc(100% - 56px))}
#jas-app .jas-header{position:relative;background:#fff;box-shadow:0 4px 21px rgba(3,26,75,.075);z-index:30}
#jas-app .jas-header-row{min-height:92px;gap:16px}
#jas-app .jas-logo{min-width:213px;align-items:center;gap:0}
#jas-app .jas-logo-mark{width:104px;height:36px;max-height:36px}
#jas-app .jas-logo-words strong{font-size:18px;line-height:1}
#jas-app .jas-logo-words small{font-size:10px;letter-spacing:.02em}
#jas-app .jas-custom-logo{max-height:70px}
#jas-app .jas-nav{gap:18px}
#jas-app .jas-nav ul{gap:23px}
#jas-app .jas-nav ul a{font-size:14px;min-height:48px;color:#06194c}
#jas-app .jas-nav ul a.jas-active:after{height:4px;bottom:5px}
#jas-app .jas-track-link{background:#f4f8ff;border:1px solid #99b4e5;color:var(--jas-navy);font-size:12px;gap:7px}
#jas-app .jas-track-link .jas-icon{width:17px;height:17px;filter:invert(16%) sepia(87%) saturate(1898%) hue-rotate(212deg) brightness(77%) contrast(105%)}
#jas-app .jas-btn{border-radius:7px;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
#jas-app .jas-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
#jas-app .jas-btn-red{background:linear-gradient(135deg,#8BCEF7,#8BCEF7);color:#fff!important}
#jas-app .jas-header-quote{font-size:12px!important}

/* Absolutely isolate hero text color from WordPress theme/global heading styles. */
#jas-app .jas-hero h1,#jas-app .jas-hero h1 span,#jas-app .jas-hero .jas-hero-description,#jas-app .jas-hero .jas-hero-points,#jas-app .jas-hero .jas-eyebrow{color:#fff!important;opacity:1!important;visibility:visible!important}
#jas-app .jas-hero h1{font-weight:900!important;text-shadow:0 3px 15px rgba(0,10,53,.19);font-size:clamp(38px,3.6vw,62px);letter-spacing:-.04em;line-height:1.075;margin-bottom:19px;max-width:650px}
#jas-app .jas-hero h1::after{content:'';display:block;width:84px;height:5px;background:var(--jas-red);margin-top:21px;border-radius:2px}
#jas-app .jas-hero .jas-eyebrow{display:block;font-size:11px;letter-spacing:.16em;margin:0 0 16px;text-shadow:0 1px 8px rgba(0,0,0,.13)}
#jas-app .jas-hero .jas-eyebrow:after{display:none}
#jas-app .jas-hero-description{font-weight:550;font-size:16px;line-height:1.55;max-width:550px;text-shadow:0 2px 12px rgba(0,0,0,.16)}
#jas-app .jas-hero-copy{max-width:610px;padding:30px 0;position:relative;z-index:2}
#jas-app .jas-hero{min-height:565px;background-size:cover;background-position:center;isolation:isolate}
#jas-app .jas-hero::before{background:linear-gradient(103deg,rgba(2,24,97,.99) 0%,rgba(2,24,97,.95) 28%,rgba(2,24,97,.68) 44%,rgba(2,24,97,.2) 65%,transparent 83%)}
#jas-app .jas-hero::after{content:'';position:absolute;top:-28%;bottom:-28%;left:51%;width:12px;background:var(--jas-red);transform:rotate(22deg);transform-origin:center;box-shadow:3px 0 0 rgba(255,255,255,.04);opacity:.97;pointer-events:none;z-index:1}
#jas-app .jas-hero .jas-hero-inner{min-height:inherit}
#jas-app .jas-hero-cta{margin-top:25px;gap:12px}
#jas-app .jas-hero-points{margin-top:35px;gap:0}
#jas-app .jas-hero-points>span{font-size:12px;font-weight:750;max-width:200px;gap:11px;min-height:37px;padding:0 18px;line-height:1.3}
#jas-app .jas-hero-points>span:first-child{padding-left:0}
#jas-app .jas-hero-points .jas-icon{width:25px;height:25px;filter:brightness(0) invert(1)!important}
#jas-app .jas-btn-outline{border:1.5px solid rgba(255,255,255,.86);background:rgba(3,31,91,.24);color:#fff!important}

/* True 3-slide hero carousel with independent image backgrounds and readable HTML headlines. */
#jas-app .jas-hero-slider{height:565px;min-height:565px;position:relative;background:#021861}
#jas-app .jas-hero-slides{position:relative;height:100%;min-height:0}
#jas-app .jas-hero-slide{inset:0;position:absolute;height:100%;background-position:center 48%;background-size:cover;opacity:0;visibility:hidden;transition:opacity .75s cubic-bezier(.22,.8,.3,1),visibility .75s ease}
#jas-app .jas-hero-slide::before{content:'';position:absolute;inset:0;background:linear-gradient(102deg,rgba(2,24,97,.99) 0%,rgba(2,24,97,.96) 27%,rgba(2,24,97,.71) 46%,rgba(2,24,97,.1) 73%,transparent 88%);pointer-events:none}
#jas-app .jas-hero-slide::after{content:'';position:absolute;top:-35%;left:52%;height:170%;width:12px;background:linear-gradient(180deg,#8BCEF7,#8BCEF7);transform:rotate(20deg);z-index:1;pointer-events:none}
#jas-app .jas-hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
#jas-app .jas-hero-slide:not(.is-active){pointer-events:none}
#jas-app .jas-hero-slide .jas-hero-inner{height:100%;min-height:100%;position:relative;z-index:2}
#jas-app .jas-hero-slide .jas-hero-copy{transform:translateY(13px);opacity:.75;transition:transform .75s ease .12s,opacity .75s ease .12s}
#jas-app .jas-hero-slide.is-active .jas-hero-copy{transform:translateY(0);opacity:1}
#jas-app .jas-slider-arrow{width:46px;height:46px;border:1.5px solid rgba(255,255,255,.72);background:rgba(1,23,67,.28);box-shadow:0 2px 12px rgba(0,0,0,.16);z-index:5;transition:transform .2s ease,background .2s ease}
#jas-app .jas-slider-prev{left:12px}#jas-app .jas-slider-next{right:12px}
#jas-app .jas-slider-dots{bottom:15px;z-index:5}
#jas-app .jas-slider-dot{height:11px;width:11px;background:rgba(255,255,255,.74);border:0}
#jas-app .jas-slider-dot.is-active{width:31px;background:#8BCEF7}

/* Pixel-clean cards and layouts. */
#jas-app .jas-section{padding:47px 0 42px;background-image:radial-gradient(ellipse at 3% 0%,rgba(219,237,255,.42),transparent 37%),radial-gradient(ellipse at 98% 100%,rgba(223,240,255,.49),transparent 33%)}
#jas-app .jas-section-head{margin-bottom:31px}
#jas-app .jas-section-head h2{color:#021861;font-size:clamp(32px,2.9vw,44px);font-weight:900;margin-bottom:12px}
#jas-app .jas-section-head h2::before,#jas-app .jas-section-head h2::after{height:3px;background:linear-gradient(90deg,transparent,#8BCEF7);width:76px}
#jas-app .jas-section-head p{font-size:15px;color:#213758}
#jas-app .jas-grid{gap:19px}
#jas-app .jas-card,#jas-app .jas-feature,#jas-app .jas-fleet-card{border:1px solid #d5e4f3;background:#fff;box-shadow:0 10px 26px rgba(2,24,97,.085),0 2px 4px rgba(2,24,97,.035);border-radius:15px;overflow:hidden;transition:transform .28s,box-shadow .28s}
#jas-app .jas-card:hover,#jas-app .jas-feature:hover,#jas-app .jas-fleet-card:hover{transform:translateY(-4px);box-shadow:0 16px 37px rgba(2,24,97,.12)}
#jas-app .jas-card-img,#jas-app .jas-photo-card .jas-card-img{height:205px;background:#e9f2fb}
#jas-app .jas-card-img img,#jas-app .jas-fleet-photo img,#jas-app .jas-split-image img{object-fit:cover;width:100%;height:100%!important;image-rendering:auto}
#jas-app .jas-card-body{padding:23px 25px 25px}
#jas-app .jas-card-icon{background:linear-gradient(145deg,#8BCEF7,#8BCEF7);width:60px;height:60px;border:4px solid #fff;margin:-54px 0 10px;box-shadow:0 5px 14px rgba(139,206,247,.19)}
#jas-app .jas-card-icon .jas-icon{height:29px;width:29px;filter:brightness(0) invert(1)!important}
#jas-app .jas-card h3{font-size:26px;font-weight:900;line-height:1.05;color:#031854;margin-bottom:10px}
#jas-app .jas-card p{font-size:14.5px;color:#273b59;line-height:1.43}
#jas-app .jas-inline-link{color:#164eac;font-size:13px;font-weight:900}
#jas-app .jas-inline-link:hover{color:#8BCEF7}
#jas-app .jas-check-list{gap:9px}
#jas-app .jas-check-list li{padding-left:20px;font-size:13.5px;line-height:1.35}
#jas-app .jas-check-list li:before{content:''!important;font-family:inherit!important;position:absolute;width:7px;height:7px;border-right:2.5px solid #8BCEF7;border-top:2.5px solid #8BCEF7;transform:rotate(45deg);top:5px;left:1px;border-radius:0;background:none;font-size:0}
#jas-app .jas-feature{padding:18px 19px;min-height:118px;gap:13px;align-items:flex-start}
#jas-app .jas-feature-icon{flex:0 0 40px;display:flex;align-items:center;justify-content:center}
#jas-app .jas-feature .jas-icon,#jas-app .jas-feature-icon .jas-icon{width:35px;height:35px;filter:none!important}
#jas-app .jas-feature h3{font-size:17px;line-height:1.13;color:#021861}
#jas-app .jas-feature p{font-size:13px;line-height:1.36;color:#273d5b}
#jas-app .jas-industry-badges{gap:9px}
#jas-app .jas-industry-badge{border-radius:12px;min-height:115px;gap:10px;transition:transform .25s}
#jas-app .jas-industry-badge .jas-icon{filter:none!important;width:36px;height:36px}
#jas-app .jas-industry-badge strong{font-size:12.5px;color:#081e4f}
#jas-app .jas-fleet-card{background:linear-gradient(115deg,#e3f2ff,#fff);min-height:266px}
#jas-app .jas-fleet-info{padding:22px}
#jas-app .jas-fleet-info h3{color:#051952;font-size:27px}
#jas-app .jas-fleet-photo img{object-position:center}
#jas-app .jas-photo-banner{border-radius:17px;min-height:302px;background-size:cover,56% auto;background-position:center,right center}
#jas-app .jas-photo-banner h2,#jas-app .jas-photo-banner-content h2{color:#fff!important;font-size:clamp(34px,3.25vw,48px);font-weight:900}
#jas-app .jas-photo-banner p{color:#f9fbff!important;font-size:16px}
#jas-app .jas-photo-banner-content{padding:35px 45px}
#jas-app .jas-steps{gap:8px}
#jas-app .jas-step-icon .jas-icon{width:38px;height:38px;filter:invert(15%) sepia(69%) saturate(2097%) hue-rotate(207deg) brightness(91%) contrast(97%)!important}
#jas-app .jas-step h3{font-size:18px;color:#051d55}
#jas-app .jas-step p{font-size:13.5px}
#jas-app .jas-step-number{background:#8BCEF7}
#jas-app .jas-final-cta{border-radius:16px;background-size:cover,53% auto;background-position:center,right center}
#jas-app .jas-final-copy h2,#jas-app .jas-final-cta h2,#jas-app .jas-contact-photo-copy h2{color:white!important;font-weight:900}
#jas-app .jas-final-copy>p{color:#f5f9ff!important}
#jas-app .jas-home-final .jas-final-cta{background-size:cover,50% auto}
#jas-app .jas-home-final .jas-final-cta::before{opacity:0}
#jas-app .jas-cta-proof span:before{content:''!important;width:7px;height:7px;background:var(--jas-red);border-radius:2px;margin-right:9px;display:inline-block}
#jas-app .jas-quick-form input{font-family:inherit}
#jas-app .jas-contact-photo-copy .jas-check-list li:before{border-color:#fff}
#jas-app .jas-footer{position:relative;background:linear-gradient(120deg,#02154c 0%,#021861 64%,#01113b 100%);padding-top:44px}
#jas-app .jas-footer h3{color:#fff!important}
#jas-app .jas-footer-contact .jas-icon{filter:brightness(0) invert(1)!important;width:17px;height:17px}
#jas-app .jas-footer-list a::before{color:#8BCEF7}
#jas-app .jas-footer:before{background:linear-gradient(120deg,#8BCEF7,#8BCEF7)}
#jas-app .jas-track-symbol .jas-icon{filter:brightness(0) invert(1)!important}
#jas-app .jas-track-help .jas-icon{width:28px;height:28px}
#jas-app .jas-menu-toggle span{background:#021861}

/* Animated entrances: animation class only applied by JS, so content remains visible when JS is disabled. */
#jas-app .jas-reveal{opacity:0;transform:translate3d(0,25px,0);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.35,1)}
#jas-app .jas-reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
#jas-app .jas-reveal:nth-child(2){transition-delay:.06s}
#jas-app .jas-reveal:nth-child(3){transition-delay:.12s}
#jas-app .jas-reveal:nth-child(4){transition-delay:.18s}
@media(max-width:1300px){
 #jas-app .jas-nav ul{gap:17px}
 #jas-app .jas-nav ul a{font-size:13px}
 #jas-app .jas-header-quote{display:none}
}
@media(max-width:900px){
 #jas-app .jas-header-row{min-height:78px}
 #jas-app .jas-nav{position:absolute;top:78px}
 #jas-app .jas-header-quote{display:inline-flex}
 #jas-app .jas-hero-slide::after,#jas-app .jas-hero::after{left:60%;opacity:.65}
 #jas-app .jas-hero-copy{max-width:61%}
 #jas-app .jas-hero h1{font-size:clamp(31px,4.4vw,49px)}
 #jas-app .jas-hero-slider{height:510px;min-height:510px}
 #jas-app .jas-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
 #jas-app .jas-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}
 #jas-app .jas-industry-badges{grid-template-columns:repeat(4,minmax(0,1fr))}
 #jas-app .jas-fleet-card{grid-template-columns:1fr}
 #jas-app .jas-fleet-photo{min-height:210px}
 #jas-app .jas-photo-banner-content{width:68%}
}
@media(max-width:620px){
 #jas-app .jas-container{width:calc(100% - 30px)}
 #jas-app .jas-header-row{min-height:72px}
 #jas-app .jas-nav{top:72px}
 #jas-app .jas-logo{min-width:0}
 #jas-app .jas-logo-mark{width:77px;height:25px}
 #jas-app .jas-logo-words strong{font-size:13px}
 #jas-app .jas-logo-words small{font-size:7.5px}
 #jas-app .jas-hero,#jas-app .jas-hero-slider{min-height:660px;height:660px}
 #jas-app .jas-hero-slide{background-image:var(--jas-hero-mobile);background-position:center top;background-size:cover}
 #jas-app .jas-hero::before,#jas-app .jas-hero-slide::before{background:linear-gradient(180deg,rgba(2,24,97,.04) 0%,rgba(2,24,97,.16) 32%,rgba(2,24,97,.96) 62%,#021861 100%)}
 #jas-app .jas-hero::after,#jas-app .jas-hero-slide::after{display:none}
 #jas-app .jas-hero-slide .jas-hero-inner,#jas-app .jas-hero .jas-hero-inner{align-items:flex-end;min-height:100%;height:100%}
 #jas-app .jas-hero-copy{max-width:100%;padding:0 0 60px}
 #jas-app .jas-hero .jas-eyebrow{font-size:10px;margin-bottom:8px;letter-spacing:.08em}
 #jas-app .jas-hero h1{font-size:clamp(29px,8vw,39px);line-height:1.09;margin:10px 0 15px}
 #jas-app .jas-hero h1::after{margin-top:15px;width:60px;height:4px}
 #jas-app .jas-hero-description{font-size:13px;max-width:490px;line-height:1.47}
 #jas-app .jas-hero-points{margin-top:22px;gap:10px}
 #jas-app .jas-hero-points>span{font-size:10px;min-height:25px;padding:0 10px}
 #jas-app .jas-hero-points .jas-icon{width:20px;height:20px}
 #jas-app .jas-hero-cta{margin-top:18px;gap:8px}
 #jas-app .jas-slider-arrow{display:none}
 #jas-app .jas-slider-dots{bottom:15px}
 #jas-app .jas-section{padding:48px 0 44px}
 #jas-app .jas-section-head h2{font-size:28px}
 #jas-app .jas-section-head p{font-size:13.5px}
 #jas-app .jas-grid-2,#jas-app .jas-grid-3,#jas-app .jas-grid-4,#jas-app .jas-grid-5{grid-template-columns:1fr}
 #jas-app .jas-card-img,#jas-app .jas-photo-card .jas-card-img{height:210px}
 #jas-app .jas-card-body{padding:21px 22px}
 #jas-app .jas-card h3{font-size:22px}
 #jas-app .jas-feature{min-height:94px;padding:17px}
 #jas-app .jas-feature h3{font-size:16px}
 #jas-app .jas-industry-badges{grid-template-columns:repeat(2,minmax(0,1fr))}
 #jas-app .jas-industry-badge{min-height:100px}
 #jas-app .jas-photo-banner{min-height:360px;background-size:cover,auto 52%;background-position:center,center top}
 #jas-app .jas-photo-banner-content{width:100%;padding:190px 22px 24px}
 #jas-app .jas-photo-banner h2{font-size:27px}
 #jas-app .jas-photo-banner p{font-size:13px}
 #jas-app .jas-fleet-info h3{font-size:24px}
 #jas-app .jas-final-cta{background-size:cover,auto 60%;background-position:center,center top}
 #jas-app .jas-final-copy{width:100%;padding:200px 24px 28px}
 #jas-app .jas-final-copy h2{font-size:29px}
 #jas-app .jas-footer-grid{grid-template-columns:1fr 1fr;gap:22px 15px}
 #jas-app .jas-contact-layout{grid-template-columns:1fr}
 #jas-app .jas-page-contact .jas-contact-layout{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 #jas-app .jas-reveal,#jas-app .jas-reveal.is-visible{opacity:1;transform:none;transition:none}
 #jas-app .jas-hero-slide,#jas-app .jas-hero-slide .jas-hero-copy{transition:none}
}