.watch-section{background:#f4f5f1;padding-bottom:80px}.watch-intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;margin-bottom:50px}.watch-intro h2{font-size:60px}.watch-intro h2 span{color:#087e97}.watch-intro p{font-size:18px;color:#626977;max-width:530px;margin-bottom:22px}.watch-experience{background:#091822;border:1px solid #24404b;color:#eef7fa;border-radius:14px;overflow:hidden;box-shadow:0 22px 55px #10253215}.watch-toolbar{height:83px;padding:0 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff13}.watch-wordmark{font-size:22px;font-weight:600;letter-spacing:-.7px}.watch-wordmark>span{color:#67dce9}.watch-wordmark small{font-size:9px;letter-spacing:.2em;font-weight:400;display:block;color:#92aebc;margin-top:2px}.watch-demo-badge{font-size:9px;letter-spacing:.15em;color:#8da6b4}.watch-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:600px}.watch-world{position:relative;min-height:600px;overflow:hidden;background:#091822}.watch-canvas{position:absolute;inset:0}.watch-canvas canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}.watch-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#91aebd;padding:50px}.world-label{position:absolute;top:27px;left:28px;font-size:10px;letter-spacing:.12em;pointer-events:none;color:#e8f2f6}.world-label span{color:#7894a6;margin-left:10px}.world-instructions{position:absolute;bottom:26px;left:28px;color:#859dad;font-size:10px;pointer-events:none}.world-controls{position:absolute;bottom:22px;right:20px;display:flex;gap:5px}.world-controls button{background:#122a36cc;border:1px solid #ffffff20;border-radius:4px;color:#b7ccd6;font-size:10px;padding:8px 10px;min-height:34px}.world-controls button:hover{background:#204656;color:white}.watch-inspector{background:#0e222e;border-left:1px solid #ffffff12;padding:27px 24px;display:flex;flex-direction:column}.watch-inspector-top{display:flex;flex-direction:column;gap:14px}.watch-kicker{font-size:10px;letter-spacing:.18em;color:#70cbdc}.watch-state{font-size:10px;color:#96d7bb}.watch-state.alert{color:#ffbd74}.watch-inspector h3{font-size:24px;font-weight:500;line-height:1.25;letter-spacing:-.6px;margin:14px 0 12px}.watch-inspector>p{font-size:12px;line-height:1.8;color:#97adbb;min-height:86px}.watch-devices{display:flex;gap:5px;margin:20px 0}.watch-devices button{flex:1;min-width:0;border:1px solid #36505c;background:transparent;color:#a9bfcb;border-radius:5px;padding:9px 2px;text-align:center;font-size:10px}.watch-devices button small{display:none}.watch-devices button[aria-pressed=true]{background:#1b3f4d;border-color:#48a4b4;color:#d8f9fc}.watch-telemetry{border-top:1px solid #ffffff16;padding-top:18px;margin-bottom:20px}.watch-device-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.watch-device-heading strong{font-size:10px;letter-spacing:.05em;font-weight:500}.watch-device-heading>span{font-size:9px;color:#8ee4c1}.watch-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:17px 0 14px}.watch-metrics small{display:block;font-size:10px;color:#859eae}.watch-metrics strong{font-size:32px;font-weight:450;line-height:1.5;letter-spacing:-1px}.watch-metrics strong span{font-size:13px;margin-left:3px;color:#859eae}.watch-meter{height:3px;background:#244251;border-radius:3px;overflow:hidden}.watch-meter>span{display:block;background:#63d8e5;height:100%;width:18%;transition:width .8s,background .8s}.watch-event{font-size:10px;line-height:1.8;color:#9eb8c5;margin-top:13px;min-height:37px}.watch-next{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#6cdeec;border:0;border-radius:5px;padding:12px 15px;font-size:12px;font-weight:600;color:#082534;min-height:44px}.watch-next .icon{width:16px;height:16px}.watch-next:hover{background:#a0ecf4}.watch-timeline{display:flex;align-items:center;gap:25px;padding:0 28px;border-top:1px solid #ffffff16;min-height:82px}.watch-chapters{display:grid;grid-template-columns:repeat(4,1fr);flex:1;gap:16px}.watch-chapters button{display:flex;gap:12px;align-items:center;color:#8ca5b4;background:transparent;border:0;border-top:2px solid transparent;padding:25px 0;font-size:13px;text-align:left}.watch-chapters button small{font-size:10px;opacity:.65}.watch-chapters button[aria-pressed=true]{color:#8de9f3;border-top-color:#6cdeec}.watch-play{background:#193543;border:1px solid #30515f;color:#c8dce5;font-size:11px;border-radius:5px;padding:10px 14px;white-space:nowrap;min-height:42px}.watch-caption{display:flex;gap:45px;align-items:start;justify-content:space-between;margin-top:25px}.watch-caption p{font-size:12px;color:#69747d;max-width:730px;line-height:1.7}.watch-caption a{font-size:12px;white-space:nowrap;display:flex;gap:10px;align-items:center}.watch-caption .icon{width:16px;height:16px}.watch-experience :focus-visible{outline:2px solid #6cdeec;outline-offset:3px}
@media(max-width:1100px){.watch-body{grid-template-columns:minmax(0,1fr) 265px}.watch-inspector{padding:25px 20px}.watch-intro{gap:60px}.watch-intro h2{font-size:52px}.watch-world{min-height:570px}.world-instructions{bottom:64px;left:20px}.world-controls{left:20px;right:auto}.watch-chapters{gap:10px}.watch-chapters button{font-size:12px;gap:8px}}
@media(max-width:800px){.watch-intro{grid-template-columns:1fr;gap:25px}.watch-intro h2{font-size:46px}.watch-intro p{font-size:16px}.watch-body{grid-template-columns:1fr}.watch-world{min-height:480px}.watch-inspector{border-left:0;border-top:1px solid #ffffff16;display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding:25px}.watch-inspector-top{grid-column:1;flex-direction:row;gap:10px;flex-wrap:wrap}.watch-inspector h3{grid-column:1;font-size:24px}.watch-inspector>p{grid-column:1;min-height:0}.watch-devices{grid-column:2;grid-row:1/3;margin:0 0 15px}.watch-telemetry{grid-column:2;grid-row:3/6;margin:0}.watch-next{grid-column:1;margin-top:20px}.watch-timeline{padding:0 20px;gap:15px}.world-instructions{bottom:26px}.world-controls{left:auto;right:18px}.watch-caption{flex-direction:column;gap:15px}.watch-demo-badge{font-size:8px}.watch-toolbar{padding:0 22px}.watch-chapters button{gap:6px;font-size:11px}}
@media(max-width:500px){.watch-section{padding-top:60px;padding-bottom:50px}.watch-intro{margin-bottom:30px}.watch-intro h2{font-size:42px}.watch-toolbar{height:78px;padding:0 18px}.watch-wordmark{font-size:20px}.watch-wordmark small{font-size:8px}.watch-demo-badge{max-width:104px;text-align:right;line-height:1.7}.watch-world{min-height:370px}.world-label{top:20px;left:18px;font-size:8px}.world-label span{display:block;margin:5px 0}.world-instructions{bottom:58px;left:18px;font-size:9px}.world-controls{bottom:16px;left:18px;right:auto}.watch-inspector{display:flex;padding:24px;gap:0}.watch-inspector-top{display:flex;flex-direction:row;justify-content:space-between}.watch-inspector h3{font-size:25px}.watch-inspector>p{min-height:0;font-size:13px}.watch-devices{margin:20px 0}.watch-devices button{padding:13px 4px;font-size:12px}.watch-telemetry{margin-bottom:20px}.watch-device-heading strong{font-size:12px}.watch-metrics strong{font-size:35px}.watch-metrics small,.watch-event{font-size:11px}.watch-next{margin-top:0;font-size:13px}.watch-timeline{flex-direction:column;gap:0;padding:0 20px 18px}.watch-chapters{width:100%;gap:12px}.watch-chapters button{flex-direction:column;align-items:start;gap:4px;padding:17px 0;font-size:12px}.watch-play{width:100%}.watch-experience{border-radius:10px}}