.deployment-hero{position:relative;overflow:clip}.deployment-hero-inner{grid-template-columns:1fr 1.05fr;align-items:center;min-height:750px;padding-block:60px 74px;display:grid}.deployment-hero-copy{z-index:1;position:relative}.deployment-hero-copy>.eyebrow{align-items:center;gap:12px;margin-bottom:30px;display:flex}.deployment-hero-copy h1{letter-spacing:-2px;max-width:590px;font-size:clamp(64px,6.45vw,94px);line-height:1.04}.deployment-hero-copy h1 em{display:block}.deployment-hero-description{max-width:490px;color:var(--muted);margin-top:28px;font-size:18px;line-height:1.8}.deployment-hero-copy .actions{flex-direction:column;align-items:flex-start;gap:20px;margin-top:30px}.deployment-hero-copy .button,.deployment-hero-copy .text-link{font-size:14px}.deployment-hero-art{width:calc(100% + 170px);color:var(--teal);margin:-20px 0 0 -55px;position:relative}.deployment-hero-canvas{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:auto;display:block;overflow:visible}.deployment-hero-canvas text{fill:currentColor;stroke:none;font-family:var(--sans)}.deployment-hero-canvas .environment-hero-label{font-size:23px}.deployment-hero-canvas .environment-small{font-size:16px}.environment-depth{transform:translate3d(calc(var(--hero-progress,0) * var(--drift) + var(--hero-pointer-x,0) * var(--pointer-x)),calc(var(--hero-progress,0) * var(--travel) + var(--hero-pointer-y,0) * var(--pointer-y)),0);transition:transform .18s ease-out}.environment-background{--drift:-8px;--travel:24px;--pointer-x:-5px;--pointer-y:-4px}.environment-connections{--drift:0px;--travel:-25px;--pointer-x:10px;--pointer-y:6px}.environment-local{--drift:-8px;--travel:-18px;--pointer-x:10px;--pointer-y:6px}.environment-storage{--drift:-10px;--travel:-38px;--pointer-x:16px;--pointer-y:10px}.environment-cloud{--drift:12px;--travel:-65px;--pointer-x:25px;--pointer-y:15px;color:var(--indigo)}.environment-coordination{--drift:8px;--travel:-80px;--pointer-x:28px;--pointer-y:16px;color:var(--clay)}.environment-local,.environment-storage,.environment-cloud,.environment-coordination{filter:drop-shadow(0 12px 14px #203b350c)}.environment-ground{fill:#e6ede27a;stroke:#a7bba5;stroke-opacity:.35}.environment-grid{stroke:#a7bba5;stroke-opacity:.25}.environment-room{stroke:#9ab39e;stroke-opacity:.4}.environment-boundary{stroke:#90aa98;stroke-dasharray:4 7;stroke-opacity:.6}.environment-orbit{stroke:#a4a9c1;stroke-opacity:.4;stroke-dasharray:3 7}.environment-node{fill:var(--paper)}.environment-data-path{stroke:#739d8c;stroke-width:2px}.environment-control-path{stroke:var(--clay);stroke-opacity:.6;stroke-dasharray:4 6}.environment-data-arrow{stroke:#739d8c}.environment-rack-top{fill:#d5e2d5}.environment-rack-side{fill:#93afa2}.environment-rack-face{fill:#335d50}.environment-server{fill:#1e4038;stroke:#70998b}.environment-vent{stroke:#97b5a1;stroke-width:1px}.environment-status{fill:#c5d5a0;stroke:none}.environment-status-warm{fill:#deb09a;stroke:none}.environment-feet{stroke-width:3px}.environment-rack-plinth{fill:#dce6d6;stroke:#99b29b}.environment-plinth-edge{fill:#becfbc;stroke:#99b29b}.environment-leader{stroke-opacity:.45}.environment-storage-shadow{fill:#aec5b34d;stroke:none}.environment-storage-face{fill:#c7dacb}.environment-storage-top{fill:#edf3e5}.environment-storage-rule{stroke:#729c85}.environment-storage .environment-status{fill:#3d7461}.environment-cloud-base{fill:#e8e9f3;stroke:#a1a7c2}.environment-cloud-edge{fill:#c6cbe0;stroke:#959ebc}.environment-cloud-shape{fill:#eeeef6;stroke:#969cbb}.environment-cloud-rule{stroke:#adb3cd}.environment-cloud .environment-rack-top{fill:#dedfee}.environment-cloud .environment-rack-side{fill:#a1aac7}.environment-cloud .environment-rack-face{fill:#606c92}.environment-cloud .environment-server{fill:#404f74;stroke:#939fbc}.environment-cloud .environment-vent{stroke:#bdc6df}.environment-board-edge{fill:#e4c6b5;stroke:#c5a48e}.environment-board{fill:#fbefe4;stroke:#bc8f75}.environment-rule{stroke:#c5a48e;stroke-opacity:.6}.environment-board-path{stroke:#c5987c}.environment-workflow-node{fill:#fff9ef;stroke:#c5987c}@media (min-width:1600px){.deployment-hero-inner{min-height:800px}.deployment-hero-art{width:calc(100% + 220px);margin-left:-65px}}@media (max-width:1100px) and (min-width:900px){.deployment-hero-copy h1{font-size:64px}.deployment-hero-description{font-size:16px}.deployment-hero-art{width:calc(100% + 150px);margin-left:-40px}}@media (max-width:899px){.deployment-hero-inner{grid-template-columns:1fr;min-height:0;padding-block:48px 28px}.deployment-hero-copy h1{max-width:680px;font-size:clamp(58px,9vw,82px)}.deployment-hero-description{max-width:580px}.deployment-hero-copy .actions{flex-flow:wrap;align-items:center;gap:20px 26px}.deployment-hero-art{width:100%;max-width:760px;margin:12px auto 0}.environment-depth{transition:none;transform:none}}@media (max-width:540px){.deployment-hero-inner{padding-top:35px}.deployment-hero-copy>.eyebrow{gap:9px;margin-bottom:24px;font-size:9px}.deployment-hero-copy h1{letter-spacing:-1.3px;font-size:clamp(48px,12.8vw,68px)}.deployment-hero-description{margin-top:24px;font-size:16px;line-height:1.75}.deployment-hero-copy .actions{flex-direction:column;align-items:flex-start;gap:18px;margin-top:26px}.deployment-hero-art{width:calc(100% + 48px);margin-top:12px;margin-left:-24px}.deployment-hero-canvas .environment-hero-label{font-size:27px}.deployment-hero-canvas .environment-small{font-size:19px}}@media (prefers-reduced-motion:reduce){.environment-depth{transition:none;transform:none}}
