/* Omni CLI: a command at the centre, a world of responses around it. */
.cli-section{overflow:clip;padding-bottom:85px}
.cli-section .connect-header{position:relative;text-align:center}
.cli-section .connect-header .eyebrow{justify-content:center;margin-bottom:20px}
.cli-section .connect-header h2{font-size:clamp(35px,4.4vw,60px);font-weight:500;line-height:1.3}
.cli-title-accent{color:#d9cfef}
.cli-section .connect-header .section-description{max-width:630px;margin:24px auto 0;font-size:15px;line-height:1.9}
.cli-universe{position:relative;display:grid;grid-template-columns:minmax(145px,1fr) minmax(430px,2.4fr) minmax(145px,1fr);gap:0 20px;align-items:center;margin-top:52px;padding-top:24px;isolation:isolate}
.cli-orbit{position:absolute;inset:-3% -4% 10%;z-index:-2;background:radial-gradient(ellipse at 50% 42%,#8870b31a,transparent 62%);pointer-events:none}
.cli-orbit:before,.cli-orbit:after{content:'';position:absolute;inset:8% 0 16%;border:1px solid #c9bad40b;border-radius:50%;transform:rotate(-9deg)}
.cli-orbit:after{inset:0 10% 2%;transform:rotate(12deg)}
.cli-wires{position:absolute;inset:0;z-index:-1;width:100%;height:100%;overflow:visible;pointer-events:none;stroke-width:1.2}
.cli-wire-bases path{stroke:#c1b2df24;fill:none}
.cli-wire-signals path{stroke-width:2;fill:none;stroke-dasharray:13 87;opacity:0}
.cli-console{min-width:0;position:relative;z-index:2;border:1px solid #d4c8e637;border-radius:20px;background:linear-gradient(140deg,#23212be8,#16191e 54%);box-shadow:0 24px 75px #0005,0 1px 0 #ffffff13 inset;overflow:hidden}
.cli-console:before{content:'';position:absolute;inset:0 20% auto;height:1px;background:linear-gradient(90deg,transparent,#e8d7ff88,transparent);pointer-events:none}
.cli-console-chrome{height:51px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ffffff03;border-bottom:1px solid #ffffff0d}
.cli-console-name{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;letter-spacing:.01em}
.cli-console-name img{width:19px;height:19px}
.cli-console-tag{font-size:8px;letter-spacing:.1em;color:#85818f}
.cli-console-body{padding:23px 25px 22px}
.cli-session{display:flex;align-items:center;gap:8px;color:#9692a3;font-size:10px;letter-spacing:.02em}
.cli-session .status-dot{width:5px;height:5px}
.cli-session-wave{display:flex;align-items:center;gap:3px;height:14px;margin-left:auto;color:#b9a6df}
.cli-session-wave i{width:2px;height:5px;background:currentColor;border-radius:2px;transform-origin:center}
.cli-session-wave i:nth-child(2){height:12px}.cli-session-wave i:nth-child(3){height:9px}
.cli-prompt{display:flex;align-items:baseline;gap:10px;min-height:86px;padding:22px 0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;line-height:1.8}
.cli-prompt-arrow{color:#dac6fb;flex-shrink:0;font-size:17px}
.cli-prompt p{color:#f0e9f8;overflow-wrap:anywhere}
.cli-command-caret{display:block;flex-shrink:0;width:6px;height:15px;background:#c8b3ee;border-radius:1px;opacity:.7}
.cli-log{display:grid;gap:3px;font-size:11px;line-height:1.6;color:#a9adb8;margin-bottom:17px}
.cli-log>div{display:grid;grid-template-columns:12px 77px 1fr;column-gap:7px;align-items:center;min-height:34px;opacity:1}
.cli-log-icon{color:#a9d9c4;font-size:13px}
.cli-log-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;letter-spacing:.04em;color:#a293bb}
.cli-result{display:flex;align-items:center;gap:10px;min-height:48px;padding:11px 12px;border-radius:9px;border:1px solid #bba9dc19;background:linear-gradient(95deg,#b19ec411,#9dccb406);font-size:12px;color:#d7cce8}
.cli-result-mark{color:#d9bd91;font-size:20px}.cli-result-count{margin-left:auto;white-space:nowrap;color:#94c7b3;font-size:14px}.cli-result-count small{font-size:9px;color:#969ca2;margin-left:3px}
.cli-console-footer{min-height:43px;padding:0 18px;border-top:1px solid #ffffff0b;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;color:#9c98a8}
.cli-console-footer>span{display:flex;align-items:center;gap:6px}.cli-console-footer>span>i{width:4px;height:4px;background:#a3b6ad;border-radius:50%}
#cli-motion{display:flex;align-items:center;gap:4px;padding:8px 0;background:transparent;font-size:9px;color:#b8b0c4;min-height:40px;flex-shrink:0}
#cli-motion svg{width:13px;height:13px}#cli-motion:disabled{cursor:default;color:#85818c}
.cli-device{position:relative;min-width:0;z-index:1;align-self:center}
.cli-device-art{position:relative;aspect-ratio:1;max-width:250px;width:100%;margin:auto;isolation:isolate}
.cli-device-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;position:relative;z-index:1;transform-origin:50% 88%;filter:drop-shadow(0 12px 15px #0004)}
.cli-robot-node .cli-device-art{max-width:238px}
.cli-device-halo{position:absolute;inset:5% -10% -8%;border-radius:50%;z-index:-1;opacity:.14;background:radial-gradient(ellipse,#b89bec60,transparent 67%);pointer-events:none}
.cli-lamp-node .cli-device-halo{background:radial-gradient(ellipse,#ffc28a77,transparent 67%)}
.cli-device-floor{position:absolute;bottom:7%;left:7%;right:7%;height:11%;border:1px solid #c5b5e21c;border-radius:50%;background:radial-gradient(ellipse,#b39dce0b,transparent);z-index:0}
.cli-device-caption{display:grid;grid-template-columns:6px auto;justify-content:center;align-items:center;gap:4px 7px;position:relative;margin-top:12px;text-align:left}
.cli-device-caption strong{font-size:13px;color:#ddd9e2;font-weight:400}.cli-device-caption small{grid-column:2;font-size:10px;color:#8d8998;min-height:17px}
.cli-node-dot{width:5px;height:5px;border-radius:50%;background:#d3c1ed;opacity:.35}
.cli-lamp-node .cli-node-dot{background:#ffd5a3}
.cli-endpoints{grid-column:1/-1;display:flex;justify-content:center;gap:44px;margin-top:38px;position:relative;z-index:1}
.cli-endpoint{display:flex;align-items:center;gap:12px;min-width:205px;background:linear-gradient(135deg,#202329,#191c21);padding:12px 15px;border-radius:12px;border:1px solid #aab9b31a;box-shadow:0 9px 28px #0002}
.cli-endpoint>svg{width:24px;height:24px;color:#9eb8b1}.cli-endpoint>span{display:grid;gap:3px}.cli-endpoint strong{font-size:11px;font-weight:400;color:#c7ced0}.cli-endpoint small{font-size:9px;letter-spacing:.02em;color:#828d94}.cli-endpoint>i{margin-left:auto;width:4px;height:4px;background:#a0d3bf;border-radius:50%;opacity:.45}
.cli-interactions{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:36px}
.cli-try-label{color:#a6a1af;font-size:11px}
.cli-scenarios{display:flex;gap:6px;padding:5px;background:#ffffff03;border:1px solid #ffffff0c;border-radius:40px}
.cli-scenarios button{display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;color:#9896a4;padding:9px 13px;border-radius:30px;font-size:11px;min-height:40px;transition:background .25s,color .25s,box-shadow .25s;white-space:nowrap}
.cli-scenarios button>span:first-child{font-size:17px;line-height:1}.cli-scenarios button:hover{color:#ede3f9;background:#ffffff06}.cli-scenarios button.selected{color:#e4d9f5;background:#bba5e018;box-shadow:inset 0 0 0 1px #cebbe833}
.cli-section .connection-note{margin-top:24px;text-align:center;color:#7e7b89;font-size:10px;line-height:1.7}
.cli-feedback{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1100px){.cli-universe{grid-template-columns:minmax(115px,1fr) minmax(380px,2.8fr) minmax(115px,1fr);gap:0 8px}.cli-console-body{padding:20px}.cli-device-caption strong{font-size:11px}.cli-device-caption small{font-size:9px}.cli-prompt{font-size:13px}.cli-console-tag{font-size:7px}}
@media(max-width:800px){.cli-universe{grid-template-columns:1fr 1fr;gap:0 24px;max-width:620px;margin:35px auto 0;padding-top:0}.cli-console{grid-column:1/-1;grid-row:1}.cli-lamp-node{grid-column:1;grid-row:2}.cli-robot-node{grid-column:2;grid-row:2}.cli-device{margin-top:28px}.cli-device-art{max-width:210px}.cli-robot-node .cli-device-art{max-width:210px}.cli-device-caption{margin-top:0}.cli-device-caption strong{font-size:12px}.cli-device-caption small{font-size:10px}.cli-endpoints{gap:14px;margin-top:26px;width:100%}.cli-endpoint{min-width:0;flex:1;padding:11px;gap:9px}.cli-interactions{flex-direction:column;gap:10px;margin-top:28px}.cli-orbit{inset:25% -8% 10%}.cli-console-body{padding:22px 25px}.cli-prompt{font-size:15px}.cli-section .connect-header .section-description{font-size:14px;max-width:560px}}
@media(max-width:600px){.cli-section{padding-block:65px}.cli-section .connect-header{text-align:left}.cli-section .connect-header .eyebrow{justify-content:flex-start;font-size:8px;gap:10px}.cli-section .connect-header h2{font-size:36px;line-height:1.3;letter-spacing:-.04em}.cli-section .connect-header .section-description{font-size:12px;line-height:1.9;margin-top:20px}.cli-universe{gap:0 12px;margin-top:28px}.cli-console{border-radius:15px}.cli-console-chrome{padding:0 14px;height:45px}.cli-console-name{font-size:12px}.cli-console-tag{font-size:6px}.cli-console-body{padding:18px 15px}.cli-session{font-size:9px}.cli-prompt{font-size:12px;gap:7px;min-height:80px;padding-top:18px;line-height:1.85}.cli-command-caret{width:4px;height:12px}.cli-log{font-size:10px;gap:4px}.cli-log>div{grid-template-columns:12px 1fr;gap:5px;min-height:27px}.cli-log-code{display:none}.cli-result{font-size:11px;padding:10px 9px;gap:7px;min-height:48px}.cli-result-count{font-size:12px}.cli-result-count small{font-size:8px}.cli-console-footer{padding-inline:12px;font-size:8px;gap:8px}.cli-device{margin-top:22px}.cli-device-art,.cli-robot-node .cli-device-art{max-width:190px}.cli-device-caption{gap:3px 6px;margin-top:3px}.cli-device-caption strong{font-size:11px}.cli-device-caption small{font-size:9px}.cli-device-halo{inset:0 -6% -5%}.cli-endpoints{margin-top:22px;gap:10px}.cli-endpoint{padding:10px;gap:7px;border-radius:10px}.cli-endpoint>svg{width:19px;height:19px}.cli-endpoint strong{font-size:10px;line-height:1.5}.cli-endpoint small{font-size:8px;line-height:1.5}.cli-endpoint>i{display:none}.cli-scenarios{gap:2px;padding:4px;max-width:100%;width:100%}.cli-scenarios button{flex:1;padding:8px 7px;font-size:10px;gap:4px}.cli-scenarios button>span:first-child{font-size:14px}.cli-interactions{gap:11px;align-items:stretch}.cli-try-label{text-align:center;font-size:10px}.cli-section .connection-note{font-size:9px;margin-top:18px}.cli-orbit:after{display:none}}
@media(max-width:360px){.cli-section .connect-header h2{font-size:31px}.cli-console-tag{display:none}.cli-session{font-size:8px}.cli-prompt{font-size:11px;min-height:86px}.cli-result{font-size:10px}.cli-result-count{display:none}.cli-endpoint{gap:6px;padding:9px 7px}.cli-endpoint strong{font-size:9px}.cli-endpoint small{font-size:7px}.cli-device-caption strong{font-size:10px}.cli-scenarios button{font-size:9px;padding-inline:5px}}
@media(prefers-reduced-motion:reduce){.cli-device-art img{transform:none!important}.cli-wire-signals path{display:none}.cli-command-caret{opacity:.6!important}}