.primary-nav>ul>li>button.active{color:var(--brand-orange)}
.service-menu-featured{grid-column:1/-1;color:var(--brand-orange)!important;background:rgba(245,154,35,.08)}
.button-ghost{color:#fff;border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.06)}
.button-ghost:hover{border-color:rgba(255,255,255,.62);background:rgba(255,255,255,.12)}

.services-hero{position:relative;min-height:690px;overflow:hidden;color:#fff;background:#071f34}
.services-hero-media,.services-hero-shade{position:absolute;inset:0}
.services-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;animation:services-hero-drift 18s ease-in-out infinite alternate}
.services-hero-shade{background:linear-gradient(90deg,rgba(5,25,42,.97) 0%,rgba(5,25,42,.9) 43%,rgba(5,25,42,.4) 73%,rgba(5,25,42,.28) 100%)}
.services-hero:after{position:absolute;inset:0;content:"";background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,#000,transparent 70%)}
.services-network{position:absolute;z-index:1;inset:0;pointer-events:none}
.services-network i{position:absolute;width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 7px rgba(245,154,35,.12);animation:network-pulse 3.2s ease-in-out infinite}
.services-network i:nth-child(1){top:19%;right:12%}.services-network i:nth-child(2){top:42%;right:34%;animation-delay:.8s}.services-network i:nth-child(3){right:19%;bottom:23%;animation-delay:1.6s}.services-network i:nth-child(4){right:46%;bottom:13%;animation-delay:2.4s}
.services-hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:85px;min-height:690px;padding-top:78px;padding-bottom:84px}
.breadcrumb-light{color:#b9cad7}.breadcrumb-light a:hover{color:#fff}
.services-hero-copy{align-self:center;max-width:720px}
.services-hero-copy .eyebrow{margin-bottom:17px}
.services-hero-copy h1{margin-bottom:25px;color:#fff;font-size:clamp(43px,5.1vw,68px);letter-spacing:-.052em}
.services-hero-copy h1 span{color:#8fc9ec}
.services-hero-copy>p{max-width:660px;margin-bottom:33px;color:#c0d1dc;font-size:17px;line-height:1.75}
.services-hero-story{position:relative;align-self:end;padding:22px;color:#d7e6ef;background:rgba(6,29,49,.8);border:1px solid rgba(255,255,255,.24);border-top:3px solid var(--orange);border-radius:10px;box-shadow:0 28px 60px rgba(0,0,0,.25);backdrop-filter:blur(12px)}
.story-status{display:flex;align-items:center;gap:8px;padding-bottom:15px;color:#b9cfdd;border-bottom:1px solid rgba(255,255,255,.14);font-size:8px;font-weight:800;letter-spacing:.14em}
.story-status i{width:6px;height:6px;background:#50c989;border-radius:50%;box-shadow:0 0 0 4px rgba(80,201,137,.12)}
.story-flow{display:flex;align-items:center;justify-content:space-between;padding:25px 0}
.story-flow span{display:grid;min-width:65px;place-items:center;text-align:center}
.story-flow span>i{display:grid;width:39px;height:39px;margin-bottom:8px;place-items:center;color:var(--orange);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.17);border-radius:8px}
.story-flow small{font-size:6px;font-weight:800;letter-spacing:.08em}
.story-flow b{position:relative;flex:1;height:1px;margin:0 5px;overflow:hidden;background:rgba(255,255,255,.16)}
.story-flow b:after{position:absolute;top:-1px;left:-18px;width:18px;height:3px;content:"";background:var(--orange);box-shadow:0 0 8px var(--orange);animation:flow-signal 2.7s linear infinite}
.story-flow b:nth-of-type(2):after{animation-delay:.8s}.story-flow b:nth-of-type(3):after{animation-delay:1.6s}
.story-outcome{display:flex;align-items:center;gap:12px;padding:13px 15px;background:rgba(255,255,255,.07);border-radius:7px}
.story-outcome>i{color:#55ca89}.story-outcome small,.story-outcome strong{display:block}.story-outcome small{color:#90a9b9;font-size:6px;letter-spacing:.12em}.story-outcome strong{margin-top:2px;color:#fff;font-size:9px}

.service-problem{padding:86px 0;background:#fff;border-bottom:1px solid var(--line)}
.problem-layout{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:80px}
.problem-layout h2{margin:0;color:var(--blue-950);font-size:clamp(31px,3.6vw,47px);letter-spacing:-.045em}
.problem-chain{display:flex;align-items:stretch}
.problem-chain article{flex:1;padding:21px 17px;background:var(--surface);border:1px solid var(--line);border-radius:8px}
.problem-chain article>i{display:grid;width:36px;height:36px;margin-bottom:16px;place-items:center;color:var(--blue-700);background:#dcecf6;border-radius:7px}
.problem-chain strong,.problem-chain span{display:block}.problem-chain strong{margin-bottom:6px;color:var(--blue-950);font-size:11px}.problem-chain span{color:#708493;font-size:9px;line-height:1.55}
.problem-chain>b{display:grid;flex:0 0 25px;place-items:center;color:#9db4c4;font-size:8px}

.service-stories{padding:108px 0;background:#f5f8fa}
.service-story-list{display:grid;gap:13px}
.service-story{display:grid;grid-template-columns:56px 66px minmax(0,1fr) 245px;align-items:center;gap:23px;min-height:177px;padding:25px 28px;background:#fff;border:1px solid #d7e2e9;border-left:4px solid transparent;border-radius:9px;box-shadow:0 9px 28px rgba(20,60,88,.045);transition:border-color .25s,box-shadow .25s,transform .25s}
.service-story:hover{border-left-color:var(--orange);box-shadow:0 18px 42px rgba(20,60,88,.1);transform:translateX(4px)}
.service-story-number{color:#b6c5cf;font-family:Manrope;font-size:22px;font-weight:700}
.service-story-icon{display:grid;width:58px;height:58px;place-items:center;color:var(--blue-800);background:#e1eff8;border-radius:9px;font-size:19px;transition:.25s}
.service-story:hover .service-story-icon{color:var(--blue-950);background:var(--orange)}
.service-story-copy{padding-right:25px;border-right:1px solid var(--line)}
.service-story-copy>span{display:block;margin-bottom:5px;color:var(--blue-600);font-size:8px;font-weight:800;letter-spacing:.14em}
.service-story h3{margin:0 0 12px;color:var(--blue-950);font-size:20px}
.service-story-copy p{margin:3px 0;color:#657a8a;font-size:10px;line-height:1.6}
.service-story-copy p b{color:#314d62}
.service-story-result small,.service-story-result strong,.service-story-result a{display:block}
.service-story-result small{margin-bottom:7px;color:#8798a5;font-size:7px;font-weight:800;letter-spacing:.14em}
.service-story-result strong{min-height:42px;color:var(--blue-950);font-family:Manrope;font-size:12px;line-height:1.5}
.service-story-result a{margin-top:16px;color:var(--blue-700);font-size:9px;font-weight:800}.service-story-result a i{margin-left:7px;font-size:7px;transition:transform .2s}.service-story-result a:hover i{transform:translateX(3px)}

.service-why{padding:105px 0;color:#fff;background:linear-gradient(135deg,#071f34,#0d3e60)}
.why-layout{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:82px}
.why-image{position:relative;min-height:470px;overflow:hidden;border-radius:10px;box-shadow:0 28px 65px rgba(0,0,0,.3)}
.why-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}
.why-image.visible img{transform:scale(1.035)}.why-image:hover img{transform:scale(1.08)}
.why-image:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 50%,rgba(4,21,35,.82))}
.why-image-scan{position:absolute;z-index:1;top:-20%;left:0;width:100%;height:18%;background:linear-gradient(180deg,transparent,rgba(77,178,239,.2),transparent);animation:image-scan 6s ease-in-out infinite}
.why-image>span{position:absolute;z-index:2;right:20px;bottom:20px;left:20px;display:flex;align-items:center;gap:11px;padding:14px 17px;color:#fff;background:rgba(4,24,40,.76);border:1px solid rgba(255,255,255,.21);border-radius:7px;font-size:10px;font-weight:700;backdrop-filter:blur(9px)}
.why-image>span i{color:var(--orange);font-size:16px}
.why-copy h2{margin-bottom:20px;color:#fff;font-size:clamp(34px,4vw,49px);letter-spacing:-.045em}
.why-copy>p{max-width:570px;margin-bottom:30px;color:#b2c7d5}
.why-points{display:grid;gap:10px}
.why-points article{display:flex;align-items:center;gap:15px;padding:15px 17px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13);border-radius:7px}
.why-points article>i{display:grid;flex:0 0 37px;width:37px;height:37px;place-items:center;color:var(--orange);background:rgba(255,255,255,.07);border-radius:6px}
.why-points strong,.why-points span{display:block}.why-points strong{color:#fff;font-size:11px}.why-points span{margin-top:2px;color:#a9c0cf;font-size:9px}

.service-strengths{padding:100px 0;background:#fff}
.strength-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:9px;overflow:hidden}
.strength-grid article{position:relative;min-height:250px;padding:29px;border-right:1px solid var(--line);transition:background .25s}
.strength-grid article:last-child{border:0}.strength-grid article:hover{background:#f3f8fb}
.strength-grid article>span{position:absolute;top:20px;right:22px;color:#c5d1d9;font-family:Manrope;font-size:21px;font-weight:700}
.strength-grid article>i{display:grid;width:49px;height:49px;margin-bottom:35px;place-items:center;color:var(--blue-800);background:#dfedf6;border-radius:8px;font-size:17px}
.strength-grid h3{margin-bottom:10px;color:var(--blue-950);font-size:18px}.strength-grid p{margin:0;font-size:11px}

.service-final-cta{position:relative;padding:82px 0;color:#fff;background:#102d42;overflow:hidden}
.service-final-cta:before{position:absolute;right:-110px;bottom:-220px;width:520px;height:520px;content:"";border:90px solid rgba(255,255,255,.035);border-radius:50%}
.service-cta-grid{position:relative;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:80px}
.service-final-cta h2{max-width:720px;margin-bottom:13px;color:#fff;font-size:clamp(32px,4vw,48px);letter-spacing:-.04em}
.service-final-cta p{margin:0;color:#b1c6d3}.service-cta-grid>div:last-child{display:flex;align-items:stretch;flex-direction:column;gap:10px}

@keyframes services-hero-drift{from{transform:scale(1.01) translate3d(0,0,0)}to{transform:scale(1.075) translate3d(-1.2%,0,0)}}
@keyframes network-pulse{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
@keyframes flow-signal{from{transform:translateX(0)}to{transform:translateX(130px)}}
@keyframes image-scan{0%,15%{transform:translateY(-120%);opacity:0}40%,60%{opacity:1}85%,100%{transform:translateY(720%);opacity:0}}

@media(max-width:1050px){
  .services-hero-layout{grid-template-columns:1fr;gap:35px;align-items:center;padding-top:65px}.services-hero-story{width:min(680px,100%)}
  .problem-layout{grid-template-columns:1fr;gap:35px}.service-story{grid-template-columns:44px 58px minmax(0,1fr) 210px;gap:17px;padding-inline:20px}
  .why-layout{grid-template-columns:1fr;gap:55px}.why-image{width:min(760px,100%)}
}

@media(max-width:900px){
  .services-hero,.services-hero-layout{min-height:auto}.services-hero-layout{padding-top:62px;padding-bottom:65px}.services-hero-shade{background:rgba(5,25,42,.84)}
  .service-problem,.service-stories,.service-why,.service-strengths{padding:70px 0}
  .service-story{grid-template-columns:42px 52px minmax(0,1fr)}.service-story-result{grid-column:3;padding-top:15px;border-top:1px solid var(--line)}.service-story-result strong{min-height:auto}
  .strength-grid{grid-template-columns:repeat(2,1fr)}.strength-grid article:nth-child(2){border-right:0}.strength-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .service-cta-grid{grid-template-columns:1fr;gap:35px}.service-cta-grid>div:last-child{max-width:380px}
}

@media(max-width:650px){
  .services-hero-layout{padding-top:45px;padding-bottom:48px}.breadcrumb{margin-bottom:25px}.services-hero-copy h1{font-size:36px}.services-hero-copy>p{font-size:14px}.services-hero-copy .hero-actions{align-items:stretch;flex-direction:column}
  .services-hero-story{padding:16px}.story-flow span{min-width:43px}.story-flow span>i{width:32px;height:32px}.story-flow small{font-size:5.5px}.story-outcome strong{font-size:8px}
  .service-problem,.service-stories,.service-why,.service-strengths{padding:54px 0}.problem-chain{flex-direction:column;gap:8px}.problem-chain>b{height:16px;transform:rotate(90deg)}
  .service-story{grid-template-columns:38px 46px 1fr;gap:12px;min-height:0;padding:18px 15px}.service-story-number{font-size:17px}.service-story-icon{width:44px;height:44px;font-size:15px}.service-story-copy{grid-column:1/-1;padding:15px 0 0;border-top:1px solid var(--line);border-right:0}.service-story h3{font-size:18px}.service-story-copy p{font-size:10.5px}.service-story-result{grid-column:1/-1}
  .why-image{min-height:360px}.why-copy h2{font-size:31px}.why-points article{align-items:flex-start}
  .strength-grid{grid-template-columns:1fr}.strength-grid article{min-height:auto;border-right:0;border-bottom:1px solid var(--line)!important}.strength-grid article:last-child{border-bottom:0!important}.strength-grid article>i{margin-bottom:24px}
  .service-final-cta{padding:58px 0}.service-final-cta h2{font-size:31px}.service-cta-grid>div:last-child{max-width:none}
}

@media(prefers-reduced-motion:reduce){
  .services-hero-media img,.services-network i,.story-flow b:after,.why-image-scan{animation:none}
  .why-image img,.why-image.visible img,.why-image:hover img{transform:none;transition:none}
  .service-story,.service-story-icon{transition:none}.service-story:hover{transform:none}
}
