/* 1DG V7 - Homepage-only layout. Corrects width after removing the global legal-page CSS. */
body > main:has(#services) {width:100%;max-width:none;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
body:has(#services) .container {width:min(1360px,calc(100% - 64px));max-width:1360px;margin-inline:auto}
body:has(#services) .hero-grid {grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);gap:clamp(32px,4.5vw,76px);align-items:center}
body:has(#services) .hero-copy,body:has(#services) .hero-visual {min-width:0}
body:has(#services) .hero {padding:0}
body:has(#services) .hero .section-pad {padding-block:clamp(48px,5vw,78px)}
body:has(#services) .hero h1 {font-size:clamp(39px,3.7vw,61px);line-height:1.12;letter-spacing:-.043em;max-width:100%;overflow-wrap:normal;word-break:normal}
body:has(#services) .hero-vi .hero-copy h1 {font-size:clamp(39px,3.5vw,59px);line-height:1.15}
body:has(#services) .hero-vi .vi-title-line {display:block}
body:has(#services) .hero-lead {font-size:16px;line-height:1.75;max-width:680px}
body:has(#services) .hero-visual {padding:18px 12px}
body:has(#services) .dash-window {width:100%;max-width:560px}
body:has(#services) .floating-chip.chip-top {right:0}
body:has(#services) .floating-chip.chip-bottom {left:0}
body:has(#services) #services .compact-pad {padding-block:58px 66px}
body:has(#services) #services .service-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
body:has(#services) #services .service-card {min-width:0}
body:has(#services) .dg-copy-v2 {width:min(1360px,calc(100% - 64px));max-width:1360px;margin:32px auto}
@media(max-width:1050px){
 body:has(#services) .container {width:calc(100% - 48px)}
 body:has(#services) .hero-grid {grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:28px}
 body:has(#services) .hero h1,body:has(#services) .hero-vi .hero-copy h1 {font-size:clamp(34px,4.3vw,48px)}
 body:has(#services) #services .service-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 body:has(#services) .container {width:calc(100% - 32px)}
 body:has(#services) .hero-grid {grid-template-columns:minmax(0,1fr);gap:16px}
 body:has(#services) .hero .section-pad {padding-block:34px 38px}
 body:has(#services) .hero h1,body:has(#services) .hero-vi .hero-copy h1 {font-size:clamp(32px,7.5vw,46px)}
 body:has(#services) .hero-visual {padding:12px 10px 20px}
 body:has(#services) #services .compact-pad {padding-block:44px 48px}
 body:has(#services) .dg-copy-v2 {width:calc(100% - 32px)}
}
@media(max-width:540px){
 body:has(#services) #services .service-grid {grid-template-columns:minmax(0,1fr)}
 body:has(#services) .hero h1,body:has(#services) .hero-vi .hero-copy h1 {font-size:clamp(30px,8vw,39px)}
 body:has(#services) .floating-chip {max-width:calc(100% - 8px)}
}