/* A small first-view spacing reduction; production LP is unchanged. */
.hero{padding-top:56px;padding-bottom:32px}.hero-grid{gap:32px}.phones{height:490px}.osbar{margin-top:22px}
@media(min-width:601px) and (max-width:880px){.hero{padding-top:40px}.phones{height:410px}.hero-grid{gap:28px}}
@media(max-width:600px){.hero{padding-top:28px;padding-bottom:26px}.hero-grid{gap:20px}.phones{height:330px}.osbar{margin-top:8px}}
/* The service identity leads; VIDEOTIMES remains the surrounding design system. */
.nav .sc-brand img{width:240px;mix-blend-mode:normal}.navlinks{gap:20px;font-size:13px}
.hero{padding-top:38px;background:#292d32}.hero-bg{background:radial-gradient(ellipse at 83% 36%,rgba(0,136,210,.22),transparent 58%),radial-gradient(ellipse at 7% 6%,rgba(37,244,238,.055),transparent 45%)}
.hero-copy{padding-bottom:8px}.hero-service-label{color:#a6d9f2;font-size:13px;font-weight:700;letter-spacing:.1em;margin:0 0 12px}
.hero h1{margin-top:0}.hero-service-logo{display:block;width:min(100%,450px);height:auto;mix-blend-mode:normal;margin:0 0 20px -8px}.hero h1 .grad{font-size:clamp(32px,3.7vw,48px)}
.hero .lead{margin-top:22px;line-height:1.85}.hero .phones{height:470px}.hero .ph{box-shadow:0 24px 48px -22px #000;border-color:#6d7c87}.hero .osbar{background:#24282c;border-color:#475560}
.illustrated-intro{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:36px;align-items:center}
.service-art{position:relative;margin:0;overflow:hidden;border-radius:18px;background:#e8f5fc;box-shadow:0 16px 36px -24px rgba(0,73,115,.35)}
.service-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.service-art figcaption{position:absolute;right:10px;bottom:8px;background:rgba(255,255,255,.85);color:#525a66;font-size:11px;padding:2px 7px;border-radius:4px}
.intro-copy .center{text-align:left}.intro-copy .stitle{font-size:34px;line-height:1.4}.intro-copy .ssub{font-size:16px;margin-bottom:0}.intro-copy .nb{display:inline;white-space:normal}
#service .cards3{margin-top:28px}#flow .tl{margin-top:28px}
@media(max-width:1100px){.nav .sc-brand img{width:200px}.navlinks{gap:12px;font-size:12px}.illustrated-intro{grid-template-columns:minmax(0,270px) minmax(0,1fr);gap:28px}.intro-copy .stitle{font-size:28px}}
@media(max-width:880px){.hero{padding-top:32px}.hero .phones{height:410px}.hero-service-logo{width:min(100%,420px)}.illustrated-intro{grid-template-columns:220px minmax(0,1fr);gap:24px}}
@media(max-width:600px){.nav .sc-brand img{width:164px}.hero{padding-top:26px}.hero .phones{height:330px}.hero-service-label{font-size:12px}.hero-service-logo{width:min(100%,340px);margin-left:-5px;margin-bottom:16px}.hero h1 .grad{font-size:32px}.illustrated-intro{grid-template-columns:1fr;gap:22px}.service-art{width:100%;max-width:340px;margin-inline:auto}.intro-copy .stitle{font-size:28px}.intro-copy .ssub{font-size:15px}}

/* Original logo geometry, displayed as a clean white transparent mask. */
.hero-service-logo{aspect-ratio:1520/240;overflow:visible;margin-left:0;background:none;filter:none}
@media(max-width:600px){.hero-service-logo{margin-left:0}}

/* One whole makes the 60/40 purchase split explicit. */
.purchase-share{margin:0;min-width:0}.purchase-share figcaption{font-size:16px;font-weight:700;color:#fff;margin-bottom:22px}.purchase-share figcaption>span{font-size:13px;font-weight:400;color:#c8cdd3}
.purchase-share-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:center}
.purchase-pie{position:relative;aspect-ratio:1;width:100%;max-width:260px;border-radius:50%;background:conic-gradient(#0088d2 0 60%,#c1c7cf 60% 100%)}
.pie-value{position:absolute;transform:translate(-50%,-50%);font-size:clamp(24px,2.7vw,34px);font-weight:900;line-height:1;color:#fff}.pie-value>span{font-size:.55em;margin-left:1px}.pie-short{left:68%;top:56%}.pie-live{left:26%;top:38%;color:#252628}
.purchase-legend{margin:0;display:grid;gap:20px}.purchase-legend>div{margin:0}.purchase-legend dt{font-size:13px;font-weight:700;line-height:1.6;display:flex;gap:7px;align-items:center;color:#fff}.purchase-legend i{width:10px;height:10px;border-radius:2px;flex-shrink:0}.legend-short{background:#0088d2}.legend-live{background:#c1c7cf}.purchase-legend dd{margin:4px 0 0 17px;font-size:30px;font-weight:800;color:#fff;line-height:1.2}.purchase-legend dd span{font-size:16px;margin-left:3px}.purchase-share .os-note{margin:22px 0 0;text-align:left;color:#c8cdd3;line-height:1.7}
@media(max-width:600px){.purchase-share-layout{gap:18px}.purchase-pie{max-width:230px}.purchase-legend{gap:18px}.purchase-legend dt{font-size:12px}.purchase-legend dd{font-size:27px}.purchase-share figcaption{margin-bottom:18px}}
@media(max-width:360px){.purchase-share-layout{grid-template-columns:1fr}.purchase-pie{width:190px;margin:auto}.purchase-legend{grid-template-columns:1fr 1fr}}