/* Business overview: heading, level controls, matrix and CTA share one desktop viewport. */
#services{scroll-margin-top:0}
.services-overview{box-sizing:border-box;height:calc(100svh - 72px);min-height:490px;max-height:850px;padding:24px 0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:18px}
.services-eyebrow{display:flex;align-items:center;gap:12px;font-family:Consolas,monospace;font-size:11px;letter-spacing:.16em;color:#09090b;line-height:20px}
.services-eyebrow>span{width:7px;height:7px;background:#ff7100}
.services-eyebrow>i{width:36px;height:20px;margin-left:auto}
.services-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:center}
.services-head h2{margin:0;font-size:clamp(28px,3vw,44px);font-weight:400;line-height:1.2;letter-spacing:-.04em}
.services-head .sc-tab{padding:8px 12px;gap:3px;display:grid;grid-template-columns:24px 1fr;column-gap:10px;align-items:center}
.services-head .pix{grid-row:1/4;grid-template-columns:repeat(3,6px);gap:2px;margin:0}
.services-head .pix i{width:6px;height:6px}
.services-head .sc-n{font-size:10px;grid-column:2}
.services-head .scale b{font-size:18px;grid-column:2}
.services-head .sc-d{font-size:12px;grid-column:2;line-height:1.4}
.services-overview .story{margin:0;min-height:0}
.services-overview .stage{height:100%;padding:0}
.services-overview .stage-in{gap:clamp(28px,4vw,64px);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.services-overview .mx-wrap{width:min(100%,calc(100svh - 278px),460px);justify-self:center}
.services-overview .mx-cap{font-size:10px;margin-bottom:10px;letter-spacing:.1em}
.services-overview .lvl-meta{font-size:10px;letter-spacing:.08em;line-height:1.5}
.services-overview .lvl-stage{font-size:clamp(48px,9svh,88px)!important;margin-top:10px}
.services-overview .lvl-h{font-size:clamp(25px,2.5vw,36px);margin-top:16px}
.services-overview .lvl-name{margin-top:12px;font-size:16px}
.services-overview .lvl-d{font-size:15px;line-height:1.7;margin-top:8px}
.services-overview .lvl-pts{margin-top:12px;gap:6px}
.services-overview .lvl-pts li{font-size:12px;padding:4px 9px}
.services-overview .copy .btn{margin-top:18px!important;height:44px!important;font-size:14px!important}
#svc-detail{margin-top:16px!important}
@media(min-width:641px) and (max-height:680px){
 .services-overview{padding:16px 0;gap:12px}
 .services-overview .lvl-stage{font-size:48px!important;margin-top:6px}
 .services-overview .lvl-h{font-size:26px;margin-top:8px}
 .services-overview .lvl-name{margin-top:8px}
 .services-overview .lvl-d{font-size:14px}
 .services-overview .lvl-pts{margin-top:8px}
 .services-overview .copy .btn{margin-top:12px!important;height:40px!important}
}
@media(max-width:640px){
 .services-overview{height:auto;min-height:0;max-height:none;padding:28px 0;gap:20px}
 .services-head{grid-template-columns:1fr;gap:20px}
 .services-head h2{font-size:30px!important}
 .services-head .sc-tab{display:flex;gap:4px;padding:10px 6px}
 .services-head .pix{display:none}
 .services-head .scale b{font-size:17px}
 .services-head .sc-d{font-size:11px}
 .services-overview .stage-in{grid-template-columns:1fr;gap:22px}
 .services-overview .mx-wrap{width:180px;justify-self:start}
 .services-overview .mx{max-width:none}
 .services-overview .lvl-stage{font-size:48px!important}
 .services-overview .lvl-d{display:block}
 .services-overview .lvl-pts{display:flex}
}