.services-page{background:#f4f7fb;color:#06142b}
.services-page .site-header{position:absolute}
.services-hero{position:relative;min-height:100vh;padding:155px 4.5vw 60px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:radial-gradient(circle at 78% 42%,rgba(32,101,230,.3),transparent 28%),linear-gradient(145deg,#06142b,#0a2148);color:#fff}
.services-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(100,146,229,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(100,146,229,.06) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to left,#000,transparent 74%)}
.services-orbit{position:absolute;right:-7vw;top:14%;width:50vw;height:50vw;border:1px solid rgba(104,154,249,.24);border-radius:50%;box-shadow:0 0 0 105px rgba(66,124,238,.025),0 0 0 210px rgba(66,124,238,.018)}
.services-orbit i{position:absolute;left:4%;top:44%;width:12px;height:12px;border-radius:50%;background:#e50086;box-shadow:0 0 28px #e50086}
.services-hero .eyebrow,.services-hero h1,.services-hero-foot{position:relative;z-index:1}
.services-hero h1{max-width:1280px;margin:4vh 0 7vh;font-size:clamp(4rem,8vw,8.4rem);line-height:.88}
.services-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #76a3fb}
.services-hero-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;max-width:1060px}
.services-hero-foot p{max-width:750px;margin:0;color:#c4cfe1;font-size:clamp(1.05rem,1.45vw,1.3rem);line-height:1.65}
.services-intro{padding:125px 4.5vw;background:#f4f7fb;display:grid;grid-template-columns:.55fr 1.45fr;gap:8vw;color:#06142b}
.services-label{display:flex;gap:1rem;align-items:flex-start}
.services-intro-copy h2,.offering h2,.delivery-copy h2,.services-cta h2{font:800 clamp(3rem,5vw,5.3rem)/.98 Manrope,sans-serif;letter-spacing:-.055em;margin:0 0 38px}
.services-intro-copy h2 em{font-style:normal;color:#68758a}
.services-intro-copy p{max-width:790px;color:#5e6c80;font-size:1.05rem;line-height:1.8}
.service-offerings{padding:0 4.5vw 130px;background:#f4f7fb;display:grid;grid-template-columns:1fr 1fr;gap:15px}
.offering{min-height:590px;padding:42px;border:1px solid #d0d9e5;border-radius:14px;background:#fff;display:flex;flex-direction:column}
.offering-primary{background:linear-gradient(145deg,#071a39,#103a7d);color:#fff;border-color:#1d4c8a}
.offering-top{display:flex;justify-content:space-between;color:#e50086;font:700 .62rem Manrope,sans-serif;letter-spacing:.12em}
.offering-top small{color:#8694a8;font-size:.58rem}
.offering-primary .offering-top small{color:#8da5d0}
.offering h2{font-size:clamp(2.4rem,3.5vw,3.8rem);margin:65px 0 25px}
.offering>p{max-width:660px;color:#637186;line-height:1.7}
.offering-primary>p{color:#b6c4da}
.offering ul{margin:auto 0 30px;padding:28px 0 0;border-top:1px solid #dce2eb;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:13px;color:#59677b;font-size:.78rem}
.offering-primary ul{border-color:rgba(255,255,255,.18);color:#d4ddec}
.offering li:before{content:"+";color:#e50086;margin-right:9px}
.offering>a{align-self:flex-start;padding-bottom:7px;border-bottom:1px solid currentColor;font-size:.78rem;font-weight:700}
.offering>a span{margin-left:22px;color:#e50086}
.delivery-method{padding:130px 4.5vw;background:#071730;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:start}
.delivery-copy p{max-width:570px;color:#9fadc4;line-height:1.75}
.delivery-steps{list-style:none;margin:0;padding:0;border-top:1px solid #293d5e}
.delivery-steps li{display:grid;grid-template-columns:65px 1fr;padding:28px 0;border-bottom:1px solid #293d5e}
.delivery-steps b{color:#e50086;font:700 .62rem Manrope,sans-serif;padding-top:5px}
.delivery-steps h3{font-size:1.35rem;margin:0 0 9px}
.delivery-steps p{margin:0;color:#9fadc4;font-size:.88rem;line-height:1.65}
.service-audiences{padding:130px 4.5vw;background:#fff;color:#06142b}
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ced7e3;border-left:1px solid #ced7e3}
.audience-grid article{min-height:350px;padding:34px;border-right:1px solid #ced7e3;border-bottom:1px solid #ced7e3;display:flex;flex-direction:column}
.audience-grid article>span{color:#e50086;font:700 .6rem Manrope,sans-serif;letter-spacing:.13em}
.audience-grid h3{font-size:1.5rem;line-height:1.2;margin:auto 0 18px}
.audience-grid p{margin:0;color:#68758a;font-size:.86rem;line-height:1.65}
.service-principles{padding:120px 4.5vw;background:#eaf0f8;color:#06142b;display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center}
.principle-heading h2{font:800 clamp(3rem,5vw,5.2rem)/1 Manrope,sans-serif;letter-spacing:-.055em;margin:35px 0 0}
.principle-list{display:flex;flex-wrap:wrap;gap:12px}
.principle-list span{padding:15px 19px;border:1px solid #bdc9da;border-radius:999px;background:#fff;color:#53637a;font-size:.76rem}
.principle-list span:nth-child(3n+1){border-color:#80a7eb;color:#0d55d9}
.services-cta{padding:115px 4.5vw;background:linear-gradient(125deg,#0c2b60,#123f86);color:#fff;display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end}
.services-cta h2{margin:30px 0}
.services-cta p{max-width:700px;color:#bdc9dc;line-height:1.7}
.services-cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.services-cta-actions a{font-size:.8rem;border-bottom:1px solid #7691bd;padding-bottom:7px}
.services-cta-actions .services-primary{padding:17px 20px;border:0;border-radius:4px;background:#fff;color:#06142b;font-weight:700}
.services-primary span{margin-left:25px;color:#e50086}
@media(max-width:900px){
  .services-intro,.delivery-method,.service-principles,.services-cta{grid-template-columns:1fr}
  .service-offerings{grid-template-columns:1fr}
  .audience-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .services-hero{min-height:830px;padding:120px 20px 55px;justify-content:flex-start}
  .services-hero .eyebrow{margin-top:85px;line-height:1.5}
  .services-hero h1{font-size:clamp(3.2rem,14.6vw,3.9rem);margin:55px 0 45px}
  .services-hero-foot{display:block}
  .services-hero-foot .text-link{margin-top:28px}
  .services-intro,.delivery-method,.service-audiences,.service-principles,.services-cta{padding:88px 20px}
  .service-offerings{padding:0 20px 88px}
  .services-intro-copy h2,.delivery-copy h2,.services-cta h2{font-size:3rem}
  .services-label{margin-bottom:30px}
  .offering{min-height:540px;padding:30px 25px}
  .offering h2{font-size:2.45rem;margin-top:50px}
  .offering ul{grid-template-columns:1fr}
  .audience-grid article{min-height:300px;padding:28px}
  .services-cta{gap:45px}
}