.services-hero{height:350px;position:relative;overflow:hidden;background:linear-gradient(105deg,#f9fcff,#e7f5ff 58%,#bcdff7)}
.services-hero-image{position:absolute;inset:0 0 0 54%;background:url('assets/hero-building.png') center/cover;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
.services-hero-shade{position:absolute;inset:0 0 0 78%;background:linear-gradient(130deg,rgba(4,62,138,.86),#043577 75%);clip-path:polygon(26% 0,100% 0,100% 100%,0 100%)}
.services-hero-inner{height:100%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}
.services-hero-copy{width:45%;max-width:530px}
.breadcrumb{display:flex;gap:12px;color:#1b518c;font-size:11px;font-weight:600;margin:0 0 16px}
.breadcrumb a:hover{text-decoration:underline}
.services-hero h1{color:#063d85;font-size:clamp(43px,4.8vw,68px);line-height:1.05;letter-spacing:-.055em;margin:0 0 10px;font-weight:800}
.services-hero-copy>p:not(.breadcrumb):not(.eyebrow){font-size:clamp(12px,1.25vw,16px);line-height:1.42;margin:0 0 18px}
.services-hero-statement{color:#fff;font-size:clamp(13px,1.35vw,19px);font-weight:600;line-height:1.34;margin:80px 0 0 auto}
.services-hero-statement span{display:block;width:30px;height:2px;background:#fff;margin-top:10px}
.services-overview{padding:37px 0 34px;background:#fff}
.services-overview-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}
.services-overview h2{font-size:clamp(29px,2.9vw,40px);margin:0}
.services-overview h2 span,.services-approach h2 span{color:var(--blue)}
.services-overview-inner>p{font-size:13px;line-height:1.55;margin:0}
.services-content{padding:34px 0 43px;background:linear-gradient(#f1f8fd,#fff)}
.services-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:17px}
.services-section-heading h2{font-size:clamp(29px,2.8vw,38px);margin:0}
.services-section-heading>p{font-size:12px;margin:0 0 5px;max-width:350px}
.services-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.service-detail{min-width:0;display:flex;flex-direction:column;padding:21px;background:#fff;border:1px solid #d7e8f5;border-radius:9px;box-shadow:0 5px 17px rgba(5,49,105,.055);scroll-margin-top:100px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.service-detail:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#a8d1f0}
.service-detail-top{display:flex;align-items:center;gap:16px;margin-bottom:13px}
.service-detail-top img{width:125px;height:88px;flex:none;object-fit:cover;border-radius:5px}
.service-number{display:block;color:#0870d4;font-size:11px;font-weight:800;letter-spacing:.18em;margin-bottom:5px}
.service-detail h3{color:#073d83;font-size:20px;line-height:1.18;margin:0}
.service-detail>p{font-size:12px;line-height:1.55;margin:0 0 12px}
.service-detail ul{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 15px;list-style:none;padding:0;margin:0 0 18px}
.service-detail li{position:relative;padding-left:14px;font-size:10px;line-height:1.35;font-weight:600}
.service-detail li::before{content:"";position:absolute;top:5px;left:0;width:6px;height:6px;border-radius:50%;background:#0c70ce}
.service-detail>a{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:auto;color:#0754ac;font-size:11px;font-weight:800;border-bottom:1px solid transparent;transition:gap .2s ease,border-color .2s ease,color .2s ease}
.service-detail>a:hover{gap:13px;border-color:currentColor;color:#0873d7}
.service-detail>a:active{transform:translateY(1px)}
.services-approach{padding:40px 0 46px}
.services-approach-heading{text-align:center;max-width:680px;margin:0 auto 23px}
.services-approach h2{font-size:clamp(29px,2.9vw,39px);margin:0 0 9px}
.services-approach-heading>p:last-child{font-size:12px;line-height:1.55;margin:0}
.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.approach-grid>div{padding:24px 25px;background:linear-gradient(135deg,#f3f9fe,#e6f3fd);border:1px solid #d7eafa;border-radius:8px;transition:transform .25s ease,box-shadow .25s ease}
.approach-grid>div:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.approach-grid span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#0754ae;color:#fff;font-size:11px;font-weight:800;margin-bottom:12px}
.approach-grid h3{font-size:16px;line-height:1.2;margin:0 0 6px;color:#073d83}
.approach-grid p{font-size:11px;line-height:1.45;margin:0}
.services-cta{position:relative;padding:30px 0;background:linear-gradient(100deg,#093676,#063e87 70%,#0655ac);color:#fff;overflow:hidden}
.services-cta::after{content:"";position:absolute;inset:0 0 0 57%;background:url('assets/hero-building.png') center/cover;opacity:.16;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}
.services-cta-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px}
.services-cta .eyebrow{color:#d3e9ff}
.services-cta h2{font-size:clamp(29px,3.3vw,44px);margin:0 0 4px}
.services-cta p:last-child{font-size:13px;margin:0}
.button-light{background:#fff;color:#0750a7}
.button-light:hover{background:#e4f2ff}
@media(max-width:900px){.services-hero-copy{width:47%}.services-overview-inner{gap:25px}.service-detail ul{grid-template-columns:1fr 1fr}.service-detail-top img{width:105px;height:85px}.service-detail h3{font-size:17px}}
@media(max-width:760px){.services-hero{height:auto;min-height:575px;padding:25px 0 0}.services-hero-inner{display:block}.services-hero-copy{width:100%;max-width:620px;padding-bottom:290px}.services-hero h1{font-size:clamp(42px,7vw,56px)}.services-hero-copy>p:not(.breadcrumb):not(.eyebrow){font-size:13px;max-width:600px}.services-hero-image{inset:auto 0 0;height:265px;clip-path:polygon(0 14%,100% 0,100% 100%,0 100%)}.services-hero-shade{inset:auto 0 0 62%;height:265px}.services-hero-statement{position:absolute;right:0;bottom:32px;margin:0;font-size:11px}.services-overview-inner{display:block}.services-overview-inner>p{margin-top:12px}.services-detail-grid{grid-template-columns:1fr}.service-detail ul{grid-template-columns:repeat(3,1fr)}.approach-grid{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.services-hero{min-height:580px}.services-hero-copy{padding-bottom:275px}.services-hero-image,.services-hero-shade{height:255px}.services-hero-statement{font-size:10px;bottom:27px}.services-overview{padding:27px 0}.services-overview h2{font-size:28px}.services-content{padding:29px 0}.services-section-heading{display:block}.services-section-heading h2{font-size:28px}.services-section-heading>p{margin:8px 0 0}.service-detail{padding:16px}.service-detail-top img{width:104px;height:80px}.service-detail h3{font-size:18px}.service-detail ul{grid-template-columns:1fr 1fr}.services-approach{padding:32px 0}.approach-grid{grid-template-columns:1fr}.services-cta-inner{display:block}.services-cta .button{margin-top:17px}}
@media(max-width:360px){.services-hero{min-height:610px}.services-hero-copy{padding-bottom:285px}.services-hero h1{font-size:40px}.service-detail-top{gap:10px}.service-detail-top img{width:88px;height:72px}.service-detail h3{font-size:16px}.service-detail ul{grid-template-columns:1fr}}
