.gs-demo{--gs-muted: #8da4b4;color:#e5edf3;background:#0c1823;border:1px solid #2c3d4c;border-radius:20px;overflow:hidden;box-shadow:0 30px 70px -30px #0f172a55,0 4px 12px #0f172a0d}.gs-demo *,.gs-demo *:before,.gs-demo *:after{box-sizing:border-box}.gs-topbar,.gs-station-name,.gs-demo-label,.gs-camera-bar,.gs-camera-bar>span,.gs-evidence,.gs-evidence>span,.gs-playback,.gs-play-toggle,.gs-demo-caption,.gs-demo-caption>span{display:flex;align-items:center}.gs-topbar{justify-content:space-between;gap:16px;padding:17px 24px;background:#13212e;border-bottom:1px solid #2b3b48}.gs-station-name{gap:11px;font-size:13px}.gs-station-name strong{font-weight:600}.gs-station-name strong>span{color:#9fb1bf;font-weight:400;padding-left:6px}.gs-brand-mark{display:grid;place-items:center;width:32px;height:32px;background:#6ee7b715;color:#6ee7b7;border:1px solid #6ee7b730;border-radius:9px}.gs-demo-label{gap:7px;color:#a9bac6;font-size:11px}.gs-demo-label>span{width:5px;height:5px;background:#a9bac6;border-radius:50%}.gs-workspace{display:grid;grid-template-columns:280px minmax(0,1fr)}.gs-instructions{padding:28px 20px 20px;border-right:1px solid #293946;display:flex;flex-direction:column;background:#101e2a}.gs-eyebrow{color:#91a7b7;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:600}.gs-unit{padding:0 10px 24px}.gs-unit>div{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:23px;font-weight:600;letter-spacing:-.04em}.gs-unit>div>span{padding:4px 7px;border:1px solid #344551;border-radius:4px;font:10px ui-monospace,monospace;color:#adc0cd;letter-spacing:0}.gs-unit p{margin-top:8px;font:11px ui-monospace,monospace;color:#93a8b8}.gs-step-list{display:grid;gap:8px}.gs-step{display:flex;align-items:center;gap:11px;padding:14px 10px;border:1px solid transparent;border-radius:9px;transition:background .3s,border-color .3s}.gs-step-number{width:27px;height:27px;display:grid;place-items:center;border:1px solid #3b4c59;border-radius:50%;color:#8da4b4;font:10px ui-monospace,monospace;flex-shrink:0}.gs-step strong{display:block;font-size:12px;font-weight:500;color:#a4b6c3}.gs-step div>span{display:block;margin-top:4px;color:#8da4b4;font-size:10px}.gs-step.is-done .gs-step-number{color:#6ee7b7;background:#6ee7b70c;border-color:#6ee7b728}.gs-step.is-current{border-color:#67e8f942;background:#67e8f908}.gs-step.is-current strong{color:#ecfeff}.gs-step.is-current .gs-step-number{border-color:#67e8f97a;color:#67e8f9}.gs-current-dot{flex-shrink:0;width:5px;height:5px;margin-left:auto;border-radius:50%;background:#67e8f9}.gs-gate{display:flex;gap:9px;margin-top:auto;padding:20px 10px 0;color:#b5c4ce}.gs-gate svg{flex-shrink:0;margin-top:1px}.gs-gate strong{display:block;font-size:11px;font-weight:500}.gs-gate p{margin-top:5px;font-size:10px;color:#8da4b4;line-height:1.6}.gs-gate.is-open{color:#6ee7b7}.gs-stage{min-width:0;background:radial-gradient(ellipse at 45% 40%,#23384780,transparent 65%),#0c1823}.gs-camera-bar{min-height:51px;justify-content:space-between;padding:12px 24px;gap:12px;color:#a2b7c6;font-size:11px}.gs-camera-bar>span{gap:7px}.gs-camera-id{color:#7e96a7;font:10px ui-monospace,monospace}.gs-camera-bar>span:last-child{color:#a5e8f0;font-size:10px}.gs-camera-bar>span.gs-pass-text{color:#6ee7b7}.gs-illustration{display:block;width:100%;max-height:390px}.gs-connector{transform:translate(78px);transition:transform 1.4s cubic-bezier(.22,1,.36,1)}.gs-connector.is-seated{transform:translate(-14px)}.gs-target{transition:color .5s}.gs-scan{animation:gs-scan 2.4s ease-in-out infinite}.gs-insert-arrow{animation:gs-nudge 1.6s ease-in-out infinite}.gs-verified{animation:gs-appear .45s ease-out both}.gs-action{display:flex;gap:15px;padding:22px 28px 26px;min-height:144px;background:#142431a6;border-top:1px solid #293946}.gs-action-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:11px;background:#67e8f912;border:1px solid #67e8f929;color:#67e8f9}.gs-action-icon.is-complete{background:#6ee7b712;border-color:#6ee7b729;color:#6ee7b7}.gs-action .gs-eyebrow>span{color:#72909f}.gs-action h3{font-size:22px;line-height:1.25;letter-spacing:-.025em;font-weight:600;margin:5px 0 8px;color:#f1f5f9}.gs-action p{font-size:12px;line-height:1.7;color:#a5b8c6;max-width:540px}.gs-evidence{flex-wrap:wrap;gap:16px 30px;padding:16px 25px;border-block:1px solid #2a3a47;background:#14222e}.gs-evidence>span{gap:7px;color:#98c7bb;font-size:11px}.gs-evidence>.gs-evidence-label{color:#c0ced7;font-weight:500;margin-right:auto}.gs-evidence>.is-pending{color:#90a6b6}.gs-evidence>.is-recorded{color:#6ee7b7}.gs-playback{padding:20px 25px 16px;gap:30px;background:#0f1c28}.gs-phases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;flex:1}.gs-phase{min-width:0;min-height:44px;text-align:left;cursor:pointer;border-radius:3px;padding:5px 0}.gs-phase-track{display:block;height:2px;background:#344551;position:relative;overflow:hidden}.gs-phase-track>span{position:absolute;inset:0;background:#67e8f9;transform:scaleX(0);transform-origin:left}.gs-phase.is-active .gs-phase-track>span{transform:scaleX(1)}.gs-demo[data-running=true] .gs-phase.is-active .gs-phase-track>span{animation:gs-progress var(--gs-duration) linear both}.gs-phase.is-finished .gs-phase-track>span{transform:scaleX(1);background:#6ee7b7;opacity:.55}.gs-phase-label{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:12px;color:#91a7b7;transition:color .2s}.gs-phase-label>span{font:10px ui-monospace,monospace;color:#7e98aa}.gs-phase.is-active .gs-phase-label,.gs-phase:hover .gs-phase-label{color:#ecfeff}.gs-play-toggle{justify-content:center;gap:8px;min-width:91px;min-height:40px;padding:10px 12px;border:1px solid #3a4b59;border-radius:8px;color:#c3d2dc;font-size:11px;transition:background .2s}.gs-play-toggle:hover{background:#253644}.gs-phase:focus-visible,.gs-play-toggle:focus-visible{outline:2px solid #67e8f9;outline-offset:5px}.gs-demo-caption{justify-content:space-between;gap:12px;color:#90a6b6;padding:0 25px 18px;font-size:10px;background:#0f1c28}.gs-demo-caption>span{gap:6px}.gs-demo[data-running=false] .gs-scan,.gs-demo[data-running=false] .gs-insert-arrow{animation-play-state:paused}.gs-demo[data-running=false] .gs-scan{animation:none;transform:translateY(180px);opacity:1}@keyframes gs-scan{0%{transform:translateY(80px);opacity:0}15%,80%{opacity:1}to{transform:translateY(280px);opacity:0}}@keyframes gs-nudge{0%,to{transform:translate(5px);opacity:.4}50%{transform:translate(-5px);opacity:1}}@keyframes gs-appear{0%{opacity:0}to{opacity:1}}@keyframes gs-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:900px){.gs-workspace{grid-template-columns:240px minmax(0,1fr)}.gs-instructions{padding-inline:12px}.gs-camera-id{display:none}.gs-camera-bar{padding-inline:16px}.gs-action{padding:20px;min-height:164px}.gs-evidence{gap:14px 22px}.gs-evidence>span{flex-basis:calc(50% - 22px)}}@media(max-width:640px){.gs-demo{border-radius:14px}.gs-topbar{padding:13px 16px;gap:8px}.gs-station-name{gap:8px;font-size:12px}.gs-station-name strong>span{display:none}.gs-workspace{display:flex;flex-direction:column}.gs-instructions{padding:18px 16px;border-right:0;border-bottom:1px solid #293946}.gs-unit{padding:0 0 15px}.gs-unit>div{font-size:19px}.gs-unit p{font-size:10px}.gs-step-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.gs-step{padding:9px 6px;gap:7px}.gs-step-number{width:22px;height:22px;font-size:9px}.gs-step strong{font-size:10px}.gs-step div>span{font-size:9px}.gs-current-dot{display:none}.gs-gate{padding:15px 3px 0}.gs-gate p{display:none}.gs-camera-bar{padding:12px 14px;font-size:10px}.gs-camera-bar>span:last-child{font-size:9px;gap:4px}.gs-illustration{min-height:215px}.gs-illustration text{font-size:17px;letter-spacing:.5px}.gs-action{gap:11px;padding:18px 16px;min-height:172px}.gs-action-icon{width:33px;height:33px;border-radius:8px}.gs-action h3{font-size:19px}.gs-action p{font-size:11px}.gs-action .gs-eyebrow{font-size:9px}.gs-evidence{padding:15px 16px;gap:13px 10px}.gs-evidence>span{flex-basis:calc(50% - 5px);font-size:9px;gap:5px}.gs-evidence svg{width:12px;flex-shrink:0}.gs-playback{padding:14px 16px;gap:14px;flex-wrap:wrap}.gs-phases{gap:10px;flex-basis:100%}.gs-phase-label{font-size:10px;gap:5px}.gs-phase-label>span{font-size:9px}.gs-play-toggle{min-height:36px;padding:8px 11px}.gs-demo-caption{padding:0 16px 17px;font-size:9px}.gs-demo-caption>span{display:none}}@media(prefers-reduced-motion:reduce){.gs-demo *,.gs-demo *:before,.gs-demo *:after{animation:none!important;transition:none!important}.gs-scan{transform:translateY(180px)}}