.hero{min-height:610px;padding:86px 5vw 92px;grid-template-columns:minmax(0,1fr) minmax(320px,.62fr);gap:9vw}
.eyebrow{font-size:10px}
h1{max-width:720px;font-size:clamp(48px,5vw,78px);line-height:1;letter-spacing:-.045em}
.hero-lead{max-width:590px;font-size:16px;line-height:1.8}
.hero-actions{margin-top:34px}
.system-panel{width:100%;max-width:600px;min-height:400px;justify-self:end}
.system-core{width:200px;height:200px}
.system-core:before,.system-core:after{width:245px;height:245px}
.system-core:after{width:295px;height:295px}
.system-nodes{inset:78px 34px 68px}
.page-hero{min-height:330px;padding:78px 5vw 68px}
.page-hero h1{max-width:850px}
.page-content h2{font-size:clamp(36px,4vw,58px)}
.page-intro{grid-template-columns:1.25fr 1fr;gap:12vw;margin-bottom:90px}
.page-intro .lead{max-width:720px;font-size:29px;line-height:1.45}
.page-intro .body-copy{max-width:560px;font-size:15px;line-height:1.9}
.capability-grid article{min-height:280px}
.capability-grid h3{margin-top:44px}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:60px}.system-panel{justify-self:start}.page-intro{grid-template-columns:1fr}}
@media(max-width:600px){h1{font-size:44px}.hero{padding-top:64px}.system-panel{min-height:340px}.page-intro .lead{font-size:25px}}