/* Service-specific diagrams using the existing Business VoIP visual language. */
body.proper-inspired .service-hero-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:48px;align-items:center}
body.proper-inspired .service-hero-copy{min-width:0}
body.proper-inspired.site-preserved .service-hero-copy h1{font-size:clamp(40px,3.9vw,56px);max-width:23ch}
body.proper-inspired.site-preserved .service-hero-copy p.lead{font-size:18px;line-height:1.7}
body.proper-inspired .service-hero-copy .hero-cta{flex-wrap:wrap}
body.proper-inspired .service-hero-copy .btn{white-space:normal}
body.proper-inspired .service-diagram{min-width:0;width:100%;max-width:560px;margin:0;justify-self:center;padding:28px;background:#0c131b;border:1px solid #ffffff26;border-radius:22px;box-shadow:0 24px 44px -24px #000a;color:#f1f4f8;font-family:Barlow,'Segoe UI',sans-serif;line-height:1.4}
body.proper-inspired .sd-brand{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:32px}
body.proper-inspired .sd-brand img{width:108px;height:auto;flex:none}
body.proper-inspired .sd-brand>span{color:#aebccd;font-size:12px;text-align:right;line-height:1.4}
body.proper-inspired .sd-incoming{display:flex;align-items:center;gap:16px}
body.proper-inspired .sd-incoming svg{width:46px;height:46px;flex:none;padding:10px;border-radius:10px;background:#132630;border:1px solid #56d7f433;fill:none;stroke:#76d8ec;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
body.proper-inspired .sd-incoming small{display:block;color:#b7c4d2;font-size:13px;margin-bottom:6px}
body.proper-inspired .sd-incoming strong{display:block;font-size:19px;line-height:1.35;font-weight:600}
body.proper-inspired .sd-link{height:32px;position:relative;display:flex;align-items:center;justify-content:center}
body.proper-inspired .sd-link:before{content:"";width:1px;height:100%;position:absolute;background:#52616f;left:50%}
body.proper-inspired .sd-link:has(span){height:52px}
body.proper-inspired .sd-link>span{position:relative;padding:3px 9px;background:#0c131b;color:#76d8ec;font-size:12px;text-align:center}
body.proper-inspired .sd-hub{text-align:center;padding:22px 15px;border:1px solid #33424f;border-radius:9px;background:#141f29}
body.proper-inspired .sd-hub strong{display:block;font-size:20px;line-height:1.3;font-weight:600;color:#f1f4f8}
body.proper-inspired .sd-hub>span{display:block;font-size:13px;color:#b7c4d2;margin-top:9px;line-height:1.5}
body.proper-inspired .sd-branch-label{position:relative;min-height:28px;display:flex;align-items:center;justify-content:center}
body.proper-inspired .sd-branch-label:before{content:"";position:absolute;left:50%;width:1px;height:100%;background:#52616f}
body.proper-inspired .sd-branch-label:has(span){min-height:50px}
body.proper-inspired .sd-branch-label>span{position:relative;padding:3px 9px;background:#0c131b;color:#76d8ec;font-size:12px;text-align:center}
body.proper-inspired .sd-nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;position:relative;padding-top:20px}
body.proper-inspired .sd-nodes:before{content:"";position:absolute;top:0;left:calc(25% - 3.5px);right:calc(25% - 3.5px);height:1px;background:#52616f}
body.proper-inspired .sd-node{min-width:0;text-align:center;position:relative;background:#101922;border:1px solid #ffffff1c;border-radius:9px;padding:19px 10px}
body.proper-inspired .sd-nodes>.sd-node:before{content:"";position:absolute;top:-21px;left:50%;height:20px;width:1px;background:#52616f}
body.proper-inspired .sd-node strong{display:block;color:#f1f4f8;font-size:16px;font-weight:600;line-height:1.35}
body.proper-inspired .sd-node small{display:block;color:#b7c4d2;font-size:12px;line-height:1.5;margin-top:8px}
body.proper-inspired .sd-count-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.proper-inspired .sd-count-3:before{left:calc(16.6667% - 3.333px);right:calc(16.6667% - 3.333px)}
body.proper-inspired .sd-count-3 .sd-node{padding:18px 8px}
body.proper-inspired .sd-count-3 .sd-node strong{font-size:15px}
body.proper-inspired .sd-partners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.proper-inspired .sd-partners .sd-node{border-color:#33424f}
body.proper-inspired .sd-merge{height:40px;position:relative}
body.proper-inspired .sd-merge:before{content:"";position:absolute;left:calc(25% - 3.5px);right:calc(25% - 3.5px);height:20px;top:0;border:1px solid #52616f;border-top:0}
body.proper-inspired .sd-merge:after{content:"";position:absolute;left:50%;bottom:0;width:1px;height:20px;background:#52616f}
body.proper-inspired .service-diagram figcaption{margin-top:25px;padding-top:18px;border-top:1px solid #ffffff13;font-size:12px;line-height:1.5;color:#aebccd;text-align:center}
@media(max-width:1050px){body.proper-inspired .service-hero-layout{grid-template-columns:minmax(0,1fr);gap:36px}body.proper-inspired .service-diagram{max-width:620px}body.proper-inspired.site-preserved .service-hero-copy h1{max-width:24ch}body.proper-inspired.site-preserved .service-hero-copy p.lead{max-width:70ch}}
@media(max-width:480px){body.proper-inspired .service-diagram{padding:22px 16px;border-radius:18px}body.proper-inspired .sd-brand{gap:12px;margin-bottom:26px}body.proper-inspired .sd-brand img{width:96px}body.proper-inspired .sd-brand>span{font-size:11px}body.proper-inspired .sd-incoming{gap:12px}body.proper-inspired .sd-incoming strong{font-size:17px}body.proper-inspired .sd-incoming small{font-size:12px}body.proper-inspired .sd-hub strong{font-size:18px}body.proper-inspired .sd-node{padding:16px 8px}body.proper-inspired .sd-node strong{font-size:15px}body.proper-inspired .sd-count-3{grid-template-columns:minmax(0,1fr);gap:12px;padding:0 0 0 18px}body.proper-inspired .sd-count-3:before{left:0;top:0;bottom:0;width:1px;height:auto;right:auto}body.proper-inspired .sd-count-3>.sd-node:before{left:-19px;top:50%;width:18px;height:1px}body.proper-inspired .sd-branch-label:has(+.sd-count-3):after{content:"";position:absolute;bottom:0;left:0;right:50%;height:1px;background:#52616f}body.proper-inspired .sd-count-3 .sd-node{text-align:left;padding:12px 15px}body.proper-inspired .sd-count-3 .sd-node small{margin-top:4px}body.proper-inspired.site-preserved .service-hero-copy h1{font-size:38px}}

/* Keep mobile service heroes focused on the copy and actions. */
@media(max-width:760px){body.proper-inspired .service-diagram{display:none}}