
/* Unified design system matching the reference homepage */
body.modern-site{font-family:Arial,Helvetica,sans-serif;background:#f4f8fe;color:#142b47}













body.modern-site .page-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 68% 48%,#062b58 0%,#041a35 55%,#031226 100%)!important;color:#fff;padding:44px 0 55px!important;min-height:310px;animation:none!important}
body.modern-site .page-hero:before{content:""!important;position:absolute;inset:0;background:none!important;pointer-events:none}
body.modern-site .page-hero:after{content:""!important;position:absolute;bottom:-170px;left:-10%;width:125%;height:230px;background:none!important;border-top:3px solid #078bff;border-radius:50% 50% 0 0;box-shadow:0 -14px 25px #0067ef66,0 -45px 75px #0055be33;clip-path:none!important;transform:rotate(-3deg);animation:innerWave 15s ease-in-out infinite alternate;pointer-events:none;z-index:0}
@keyframes innerWave{to{transform:translateY(-22px) rotate(3deg)}}
body.modern-site .page-hero .container{max-width:1170px;position:relative;z-index:2}
body.modern-site .page-hero h1{font-size:clamp(35px,4vw,51px);max-width:900px;line-height:1.07;margin:10px 0 12px}
body.modern-site .page-hero .eyebrow{color:#16c6ff}
body.modern-site .page-hero .hero-lead{font-size:17px;line-height:1.5;max-width:780px}
body.modern-site .page-hero .button{background:#075cf5;color:white;border-radius:11px}
body.modern-site .page-hero .button-ghost{background:transparent;border:1px solid #b9d9f5}
body.modern-site .detail-aside img{width:100%;height:250px;object-fit:cover;border-radius:16px}
body.modern-site .detail-aside{overflow:hidden}
body.modern-site .service-photo-banner{margin:0 0 24px;border-radius:18px;overflow:hidden;position:relative;background:#061c38}
body.modern-site .service-photo-banner img{display:block;width:100%;height:260px;object-fit:cover}
body.modern-site .service-photo-banner figcaption{position:absolute;bottom:0;left:0;right:0;padding:35px 20px 16px;background:linear-gradient(transparent,#00152be8);color:white;font-weight:700;font-size:18px}
body.modern-site .section{padding:62px 0}
body.modern-site .service-card{min-height:210px}

@media(max-width:1200px){}
@media(max-width:850px){}
@media(max-width:500px){body.modern-site .service-photo-banner img{height:190px}}
@media(prefers-reduced-motion:reduce){body.modern-site .page-hero:after{animation:none}}

.related-photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:34px}.related-photo-grid a{position:relative;display:block;overflow:hidden;border-radius:13px;height:145px;color:#fff;text-decoration:none;background:#051e39}.related-photo-grid img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.related-photo-grid a:hover img{transform:scale(1.06)}.related-photo-grid span{position:absolute;bottom:0;left:0;right:0;padding:22px 10px 10px;background:linear-gradient(transparent,#00152be8);font-size:13px;font-weight:700}@media(max-width:800px){.related-photo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.related-photo-grid{grid-template-columns:1fr 1fr}}