.command-center{padding:110px clamp(24px,6vw,100px);background:#090b0e;border-top:1px solid #24272c;color:#edece8}.cc-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:20px 80px;align-items:end}.cc-intro>.section-code{grid-column:1/-1;color:#f13345}.cc-intro h2{font-size:clamp(36px,4.5vw,66px);letter-spacing:-.04em;line-height:1.04;margin:0}.cc-intro h2 em{color:#e31325;font-style:normal}.cc-intro>p:last-child{color:#a4a7ac;font-size:16px;line-height:1.65;max-width:440px;margin:0}.cc-demo{margin-top:55px;border:1px solid #30343b;background:linear-gradient(135deg,#11151b,#080a0d);overflow:hidden}.cc-demo-top{display:flex;justify-content:space-between;padding:17px 24px;border-bottom:1px solid #292d33;color:#747f8e;font:9px monospace;letter-spacing:.14em}.cc-demo-top span:first-child{color:#dedfe2}.cc-devices{display:grid;grid-template-columns:1fr 150px 1fr;padding:36px 36px 15px;align-items:center}.cc-device-title span{font:9px monospace;letter-spacing:.12em;color:#7d8897;display:block;margin-bottom:8px}.cc-device-title strong{font-size:20px;font-weight:500}.cc-device-title{margin-bottom:22px}.cc-monitor{border:7px solid #282d35;border-radius:8px;background:#101722;box-shadow:0 15px 30px #0006}.cc-appbar{font:8px monospace;padding:12px 10px;border-bottom:1px solid #303946;display:flex;justify-content:space-between;gap:10px;color:#687d91}.cc-appbar b{color:#eaeaea;letter-spacing:.06em}.cc-screen{display:grid;grid-template-columns:1.3fr 1fr;min-height:220px}.cc-model{position:relative;background:radial-gradient(ellipse at center,#1b2b3a,#0a111b);min-height:210px;overflow:hidden}.cc-model svg{width:100%;height:100%;position:absolute;inset:0}.cc-pin{position:absolute;top:47%;left:52%;color:#ff364b;font-size:34px;line-height:1;filter:drop-shadow(0 0 8px #e3132577);z-index:2}.cc-pin small{font:8px monospace;display:block;background:#9e1020;color:white;padding:4px;text-align:center}.cc-task{border-left:1px solid #293441;padding:18px 12px}.cc-tag{font:7px monospace;color:#ec4052;letter-spacing:.04em}.cc-task strong{font-size:14px;line-height:1.35;display:block;margin-top:18px}.cc-task p{font-size:11px;line-height:1.6;color:#92a1b2}.cc-status{font:8px monospace;color:#91cab8;display:block;margin-top:20px}.cc-monitor-base{height:10px;width:65%;margin:0 auto;background:linear-gradient(90deg,#171b21,#3f4854,#171b21);border-radius:0 0 5px 5px}.cc-tablet{border:10px solid #30353d;border-radius:19px;box-shadow:0 15px 30px #0006}.cc-camera{position:relative;min-height:256px;overflow:hidden;border-radius:7px}.cc-real{background:linear-gradient(135deg,#3b4146,#20272e);min-height:256px}.cc-real .cc-pin{top:49%;left:54%}.cc-ar-label{position:absolute;top:12px;left:12px;right:12px;z-index:3;background:#0c141bd9;padding:10px;border-left:2px solid #e31325}.cc-ar-label span{font:8px monospace;color:#f64659;letter-spacing:.1em;display:block}.cc-ar-label strong{font-size:12px;display:block;margin-top:6px;font-weight:500}.cc-field-note{position:absolute;bottom:12px;left:12px;right:12px;background:#0c141be8;border:1px solid #516172;padding:10px;color:#c9d4df;font-size:10px;line-height:1.45;z-index:3}.cc-device-caption{font-size:11px;color:#8b939d;margin-top:18px}.cc-connection{align-self:center;color:#b4bac3;padding:0 12px;text-align:center;font:8px monospace;letter-spacing:.06em}.cc-connection>div{display:flex;align-items:center;gap:8px;margin:15px 0}.cc-connection i{height:1px;flex:1;background:#e31325}.cc-connection b{font-size:29px;color:#e31325}.cc-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #30343b}.cc-steps button{appearance:none;text-align:left;border:0;border-right:1px solid #30343b;background:#0e1217;padding:22px;color:#a4abb6;font-size:14px;cursor:pointer}.cc-steps button[aria-selected=true]{background:#201116;color:white;box-shadow:inset 0 2px #e31325}.cc-steps button:hover{background:#1d1f25}.cc-steps button:focus-visible{outline:2px solid #ee3549;outline-offset:-4px}.cc-steps button span{color:#e31325;font:10px monospace;margin-right:12px}.cc-steps button i{float:right;font-style:normal;color:#e31325}.cc-explanation{padding:30px 36px;min-height:150px}.cc-explanation h3{font-size:23px;font-weight:500;margin:0 0 12px}.cc-explanation p{font-size:14px;color:#a2a9b3;line-height:1.7;max-width:820px;margin:0}.cc-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:45px 0}.cc-benefits span{font:9px monospace;color:#e74456;letter-spacing:.1em}.cc-benefits h3{font-size:21px;font-weight:500;margin:13px 0}.cc-benefits p{font-size:14px;color:#929ba8;line-height:1.7}.cc-cta{display:inline-flex;gap:25px}.cc-demo[data-stage="1"] .cc-field .cc-pin{outline:1px solid #f44;border-radius:4px;outline-offset:10px}.cc-demo[data-stage="2"] .cc-status{color:#91e1bc}@media(max-width:1000px){.cc-devices{grid-template-columns:1fr 100px 1fr;padding:24px 18px}.cc-screen{grid-template-columns:1fr}.cc-task{border-top:1px solid #293441;border-left:0;min-height:110px}.cc-task strong{margin-top:9px}.cc-task p{margin:7px 0}.cc-status{margin-top:8px}.cc-camera,.cc-real{min-height:340px}}@media(max-width:650px){.command-center{padding:65px 22px}.cc-intro{grid-template-columns:1fr;gap:22px}.cc-intro h2{font-size:40px}.cc-devices{grid-template-columns:1fr;padding:22px}.cc-connection{margin:15px auto;max-width:190px}.cc-device-title{margin-bottom:16px}.cc-screen{grid-template-columns:1.2fr 1fr}.cc-camera,.cc-real{min-height:260px}.cc-steps button{font-size:11px;padding:18px 8px}.cc-steps button span{display:block;margin:0 0 8px}.cc-explanation{padding:24px;min-height:210px}.cc-explanation h3{font-size:20px}.cc-benefits{grid-template-columns:1fr;gap:17px}.cc-demo-top{font-size:7px;padding:14px}.cc-appbar span{font-size:7px}}