/* DGx service hero visual system */
.sd-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;margin:24px auto 54px;max-width:1240px;padding:clamp(34px,6vw,76px);background:#17211d;color:#fff;box-shadow:0 24px 70px rgba(18,31,24,.14)}
.sd-hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(14,24,19,.92) 0%,rgba(14,24,19,.78) 48%,rgba(14,24,19,.2) 100%),url("https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1800&q=85");background-size:cover;background-position:center;transform:scale(1.01);transition:transform .7s ease}
.sd-hero:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,#aebda6,#f1f3ed 55%,transparent);z-index:-1}
.sd-hero .sd-kicker{color:#d1ddca;letter-spacing:.14em}
.sd-hero h1{max-width:850px;color:#fff;font-size:clamp(2.4rem,5.2vw,4.8rem);line-height:1.02;letter-spacing:-.045em;text-wrap:balance}
.sd-hero h1 em{color:#d1ddca}
.sd-hero .sd-lead{max-width:690px;color:rgba(255,255,255,.88);font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.75}
.sd-hero .sd-button{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}
.sd-hero .sd-button.primary{background:#e6ebdf;color:#1b2921;border-color:#e6ebdf}
.sd-hero .sd-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.sd-hero .sd-proof span{padding:9px 13px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:.85rem}
body.service-edtech .sd-hero:before{background-image:linear-gradient(90deg,rgba(14,24,19,.92),rgba(14,24,19,.7) 52%,rgba(14,24,19,.15)),url("https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1800&q=85")}
body.service-elearning .sd-hero:before{background-image:linear-gradient(90deg,rgba(14,24,19,.92),rgba(14,24,19,.7) 52%,rgba(14,24,19,.15)),url("https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1800&q=85")}
body.service-ai .sd-hero:before{background-image:linear-gradient(90deg,rgba(14,24,19,.92),rgba(14,24,19,.7) 52%,rgba(14,24,19,.15)),url("https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1800&q=85")}
body.service-accessibility .sd-hero:before{background-image:linear-gradient(90deg,rgba(14,24,19,.92),rgba(14,24,19,.7) 52%,rgba(14,24,19,.15)),url("https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1800&q=85")}
body.service-localisation .sd-hero:before{background-image:linear-gradient(90deg,rgba(14,24,19,.92),rgba(14,24,19,.7) 52%,rgba(14,24,19,.15)),url("https://images.unsplash.com/photo-1528605248644-14dd04022da1?auto=format&fit=crop&w=1800&q=85")}
body.service-managed .sd-hero:before{background-image:linear-gradient(90deg,rgba(14,24,19,.92),rgba(14,24,19,.7) 52%,rgba(14,24,19,.15)),url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1800&q=85")}
body.service-consultancy .sd-hero:before{background-image:linear-gradient(90deg,rgba(14,24,19,.92),rgba(14,24,19,.7) 52%,rgba(14,24,19,.15)),url("https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1800&q=85")}
body.service-media .sd-hero:before{background-image:linear-gradient(90deg,rgba(14,24,19,.92),rgba(14,24,19,.7) 52%,rgba(14,24,19,.15)),url("https://images.unsplash.com/photo-1492619375914-88005aa9e8fb?auto=format&fit=crop&w=1800&q=85")}
@media(hover:hover){.sd-hero:hover:before{transform:scale(1.035)}}
@media(max-width:700px){.sd-hero{margin:14px 14px 38px;padding:30px 22px;border-radius:20px}.sd-hero:before{background-position:58% center}.sd-hero .sd-proof{gap:7px}.sd-hero .sd-proof span{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.sd-hero:before{transition:none}.sd-hero:hover:before{transform:none}}
/* Keep Resources easy to find in the main navigation */
.site-header .nav-links a[href="/resources"],.sd-header nav a[href="/resources"]{font-weight:650}
.site-header .nav-links a[href="/resources"]{padding:10px 12px;border-radius:999px;background:#eef1eb;color:#243329}
.site-header .nav-links a[href="/resources"]:hover,.sd-header nav a[href="/resources"]:hover{background:#dfe6d9;color:#17251d}
.sd-header nav{display:flex;align-items:center;gap:clamp(10px,1.7vw,24px);flex-wrap:wrap}
.sd-header nav a[href="/resources"]{padding:9px 12px;border-radius:999px;background:#eef1eb;color:#243329}
@media(max-width:760px){.sd-header nav{gap:8px}.sd-header nav a{font-size:.88rem}}