@media (min-width:651px) and (max-width:1000px){.vss-case .vss-video-chapter{align-items:center;padding-top:35px;padding-bottom:40px}.vss-case .vss-video-chapter .vss-feature-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:22px;display:grid}.vss-case .vss-video-chapter .vss-eyebrow{margin-bottom:12px}.vss-case .vss-video-chapter .vss-heading h2{letter-spacing:-.045em;font-size:clamp(1.85rem,3.5vw,2.65rem);line-height:1.08}.vss-case .vss-video-chapter .vss-heading-description{margin-top:12px;font-size:.85rem;line-height:1.55}.vss-case .vss-video-chapter .vss-section-lead{margin-top:17px;font-size:.97rem;line-height:1.52}.vss-case .vss-video-chapter .vss-body-copy{margin-top:10px;font-size:.84rem;line-height:1.56}.vss-case .vss-video-chapter .vss-feature-highlight{margin-top:17px;padding:15px}.vss-case .vss-video-chapter .vss-feature-highlight strong{margin-top:8px;font-size:.98rem;line-height:1.4}.vss-case .vss-video-chapter .vss-feature-highlight p{margin-top:8px;font-size:.79rem;line-height:1.55}.vss-case .vss-video-chapter .vss-video-diagram{align-self:center;width:100%;max-width:none;margin:0;padding:16px}.vss-case .vss-video-chapter .vss-diagram-heading{gap:8px;margin-bottom:13px}.vss-case .vss-video-chapter .vss-diagram-heading span{font-size:.6rem}.vss-case .vss-video-chapter .vss-diagram-heading strong{font-size:.78rem}.vss-case .vss-video-chapter .vss-diagram-camera{gap:11px;width:100%;max-width:none;padding:11px}.vss-case .vss-video-chapter .vss-camera-icon{width:43px;height:33px}.vss-case .vss-video-chapter .vss-camera-icon span{width:16px;height:16px}.vss-case .vss-video-chapter .vss-diagram-camera strong{font-size:.8rem}.vss-case .vss-video-chapter .vss-diagram-camera p{font-size:.68rem}.vss-case .vss-video-chapter .vss-diagram-connector{gap:3px;min-height:31px}.vss-case .vss-video-chapter .vss-diagram-connector i{height:6px}.vss-case .vss-video-chapter .vss-diagram-connector span{font-size:.6rem}.vss-case .vss-video-chapter .vss-diagram-server{gap:5px;width:100%;max-width:none;padding:12px}.vss-case .vss-video-chapter .vss-diagram-server strong{font-size:.83rem}.vss-case .vss-video-chapter .vss-diagram-mobile{gap:7px}.vss-case .vss-video-chapter .vss-diagram-screen{border-width:2px;width:117px;padding:7px}.vss-case .vss-video-chapter .vss-screen-preview{height:49px}.vss-case .vss-video-chapter .vss-diagram-mobile>p{font-size:.68rem}.vss-case .vss-video-chapter .vss-diagram-disclaimer{margin-top:12px;font-size:.65rem;line-height:1.45}}@media (max-width:650px){.vss-case .vss-video-chapter{align-items:flex-start;padding-top:24px;padding-bottom:36px}.vss-case .vss-video-chapter .vss-feature-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:19px;display:grid}.vss-case .vss-video-chapter .vss-eyebrow{margin-bottom:12px;font-size:.65rem}.vss-case .vss-video-chapter .vss-heading h2{letter-spacing:-.048em;font-size:clamp(2.05rem,8.6vw,3.05rem);line-height:1.07}.vss-case .vss-video-chapter .vss-heading-description{margin-top:12px;font-size:.85rem;line-height:1.53}.vss-case .vss-video-chapter .vss-section-lead{margin-top:15px;font-size:.96rem;line-height:1.52}.vss-case .vss-video-chapter .vss-body-copy{margin-top:9px;font-size:.83rem;line-height:1.55}.vss-case .vss-video-chapter .vss-feature-highlight{border-radius:10px;margin-top:14px;padding:13px 15px}.vss-case .vss-video-chapter .vss-feature-highlight>span{font-size:.64rem;line-height:1.35}.vss-case .vss-video-chapter .vss-feature-highlight strong{margin-top:8px;font-size:.97rem;line-height:1.35}.vss-case .vss-video-chapter .vss-feature-highlight p{margin-top:7px;font-size:.79rem;line-height:1.52}.vss-case .vss-video-chapter .vss-video-diagram{border-radius:12px;flex-direction:column;align-items:stretch;width:100%;max-width:none;margin:0;padding:14px;display:flex}.vss-case .vss-video-chapter .vss-diagram-heading{flex-direction:row;align-items:center;gap:8px;margin-bottom:13px}.vss-case .vss-video-chapter .vss-diagram-heading span{font-size:.59rem}.vss-case .vss-video-chapter .vss-diagram-heading strong{font-size:.76rem}.vss-case .vss-video-chapter .vss-diagram-camera{justify-content:flex-start;gap:11px;width:100%;min-width:0;max-width:none;padding:10px 11px}.vss-case .vss-video-chapter .vss-camera-icon{width:42px;height:31px}.vss-case .vss-video-chapter .vss-camera-icon span{width:16px;height:16px}.vss-case .vss-video-chapter .vss-diagram-camera strong{font-size:.83rem}.vss-case .vss-video-chapter .vss-diagram-camera p{margin-top:4px;font-size:.69rem}.vss-case .vss-video-chapter .vss-diagram-connector{gap:2px;width:100%;max-width:none;min-height:28px}.vss-case .vss-video-chapter .vss-diagram-connector i{height:6px}.vss-case .vss-video-chapter .vss-diagram-connector span{font-size:.62rem;line-height:1.3}.vss-case .vss-video-chapter .vss-diagram-server{gap:5px;width:100%;max-width:none;padding:11px 12px}.vss-case .vss-video-chapter .vss-diagram-server>span{font-size:.61rem}.vss-case .vss-video-chapter .vss-diagram-server strong{font-size:.86rem}.vss-case .vss-video-chapter .vss-diagram-mobile{border:1px solid var(--vss-border);background:#ffffff06;border-radius:9px;flex-direction:row;justify-content:center;align-items:center;gap:16px;width:100%;min-width:0;padding:10px 12px;display:flex}.vss-case .vss-video-chapter .vss-diagram-screen{border-width:2px;border-radius:10px;flex:0 0 82px;width:82px;padding:6px}.vss-case .vss-video-chapter .vss-screen-header{font-size:.49rem}.vss-case .vss-video-chapter .vss-screen-preview{gap:3px;height:39px;margin-top:5px}.vss-case .vss-video-chapter .vss-preview-play{width:18px;height:18px;font-size:.49rem}.vss-case .vss-video-chapter .vss-screen-preview span{font-size:.43rem}.vss-case .vss-video-chapter .vss-screen-bars{gap:3px;margin-top:5px}.vss-case .vss-video-chapter .vss-screen-bars span{height:2px}.vss-case .vss-video-chapter .vss-diagram-mobile>p{color:#cad9f2;text-align:left;margin:0;font-size:.83rem;line-height:1.5}.vss-case .vss-video-chapter .vss-diagram-disclaimer{text-align:left;max-width:none;margin:11px 0 0;font-size:.68rem;line-height:1.48}}@media (max-width:360px){.vss-case .vss-video-chapter .vss-heading h2{font-size:2rem}.vss-case .vss-video-chapter .vss-video-diagram{padding:11px}.vss-case .vss-video-chapter .vss-diagram-mobile{gap:10px}.vss-case .vss-video-chapter .vss-diagram-screen{flex-basis:76px;width:76px}}
