@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');:root{--bg:#11151b;--pane:#202732;--stroke:#343d4a;--txt:#f5f6fa;--muted:#9fabb9;--accent:#b8a8ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:13px Manrope,Inter,system-ui,sans-serif;color:var(--txt)}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.cmd-top{height:74px;border-bottom:1px solid #2b3542;display:flex;align-items:center;justify-content:space-between;padding:0 max(30px,calc((100% - 1220px)/2));background:#141921}.cmd-brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk';font-size:18px}.cmd-brand img{width:38px;height:38px;border-radius:50%}.cmd-brand span{font:800 9px Manrope;color:#a7b3c5;letter-spacing:.19em;margin-left:13px}.cmd-top nav{display:flex;align-items:center;gap:26px;color:#b2becd;font-size:11px;font-weight:800}.cmd-top nav a:hover{color:#b8a8ff}.cmd-main{max-width:1220px;margin:0 auto;padding:70px 30px 100px}.cmd-overline{font:800 10px Manrope;letter-spacing:.2em;color:#a5b5ca}.cmd-main h1{font:700 clamp(38px,5vw,66px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:18px 0}.cmd-main h1 em{font-style:normal;color:var(--accent)}.cmd-desc{max-width:720px;color:#a2adbc;line-height:1.8;margin:0 0 35px}.cmd-toolbar{display:flex;gap:14px;flex-wrap:wrap;align-items:end;border-top:1px solid #33404e;border-bottom:1px solid #33404e;padding:18px 0;margin-bottom:36px}.cmd-toolbar label{display:grid;gap:8px;flex:1;min-width:170px}.cmd-toolbar label:first-child{flex:2}.cmd-toolbar label span{font-weight:800;font-size:10px;color:#92a1b4;letter-spacing:.09em}.cmd-toolbar input,.cmd-toolbar select{height:44px;width:100%;background:#202a35;border:1px solid #3d4c5a;color:#fff;border-radius:8px;padding:0 12px;outline:none}.cmd-toolbar input:focus,.cmd-toolbar select:focus{border-color:#ada1fc}.cmd-toolbar #cmd-count{color:#c2b6ff;font-weight:800;font-size:11px;min-width:100px;padding-bottom:13px;text-align:right}.cmd-group{margin:0 0 38px}.cmd-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.cmd-heading h2{font:700 19px 'Space Grotesk';margin:0;letter-spacing:-.025em}.cmd-heading span{font-size:10px;color:#9da9ba}.cmd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cmd-card{border:1px solid var(--stroke);background:#1e2631;border-radius:10px;padding:17px;min-height:90px}.cmd-card:hover{border-color:#8173b1;background:#242b39}.cmd-card code{font-size:13px;font-weight:800;color:#d3c9ff}.cmd-card p{font-size:10px;color:#aab6c5;line-height:1.55;margin:7px 0 0}.cmd-card small{display:block;color:#d4ad7e;margin-top:7px;font-size:9px}.cmd-footnote{border:1px solid #454456;background:#242532;padding:16px;border-radius:10px;font-size:11px;color:#c1c1d4;line-height:1.6}.cmd-footnote strong{color:#edcb9b}footer{border-top:1px solid #303b48;padding:25px;text-align:center;color:#75879b;font-size:10px}@media(max-width:800px){.cmd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cmd-top{padding:0 20px}.cmd-main{padding:45px 20px 65px}}@media(max-width:500px){.cmd-grid{grid-template-columns:1fr}.cmd-brand span{display:none}.cmd-top nav{gap:12px}.cmd-toolbar #cmd-count{text-align:left}}

.demo-top-banner{background:#45365d;color:#fff;font:800 9px/1.5 system-ui;text-align:center;letter-spacing:.15em;padding:7px}