@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0a0d14;--panel:#121824;--line:#263143;--muted:#8e9bb0;--text:#f4f7fb;--accent:#8b7cff;--green:#4cdda0}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% -20%,#20214a 0,transparent 40%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}.top{height:70px;padding:0 max(22px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;background:#0b0e16cc}.brand{font-weight:800;font-size:20px;color:white;text-decoration:none;letter-spacing:-.6px}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:99px;padding:7px 11px;color:#c4ccda;font-size:12px}.pill i{width:7px;height:7px;background:var(--green);border-radius:50%}.wrap{max-width:1180px;margin:auto;padding:46px 22px 60px}.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.eyebrow{color:#a69cff;letter-spacing:2px;font-size:11px;font-weight:800}.hero h1{font-size:clamp(34px,5vw,54px);line-height:1.08;letter-spacing:-2px;margin:10px 0}.hero h1 span{color:#9c91ff}.muted{color:var(--muted);font-size:13px;line-height:1.6}button,.button-link{font:600 13px Inter, sans-serif;border:0;border-radius:10px;padding:12px 15px;background:#8b7cff;color:white;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:7px}button:hover,.button-link:hover{filter:brightness(1.1)}button.ghost,.ghost{background:#1a2231;color:#d5dcec;border:1px solid #2c374b}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0 45px}.stats article{background:linear-gradient(135deg,#151c2a,#10151f);border:1px solid var(--line);padding:19px;border-radius:15px}.stats small{color:var(--muted);display:block;font-size:12px}.stats strong{font-size:26px;display:block;margin-top:9px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.section-head h2,.section-head h1{margin:5px 0;font-size:25px;letter-spacing:-.7px}.section-head p{margin:5px 0}.devices{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:17px}.device-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.preview{height:190px;background:linear-gradient(135deg,#20243c,#121a27);display:flex;align-items:center;justify-content:center;position:relative}.phone-mark{width:92px;height:145px;border:3px solid #aab4cb;border-radius:16px;display:grid;place-items:center;font-size:36px;color:#8d82ff;box-shadow:0 0 40px #8274ff22}.preview-label{position:absolute;right:12px;bottom:12px;color:#a8b2c6;font-size:10px}.card-body{padding:17px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title h3{margin:0;font-size:16px}.status{font-size:10px;border-radius:99px;padding:5px 8px;background:#293243;color:#c7d0df}.status.running{background:#123c31;color:#66e5b0}.status.setup{background:#3a301b;color:#f0c66d}.card-actions{display:flex;justify-content:space-between;gap:8px;margin-top:17px}.card-actions .button-link,.card-actions button{font-size:11px;padding:10px}.empty{grid-column:1/-1;border:1px dashed #344057;padding:36px;border-radius:15px;color:var(--muted);text-align:center}.notice{margin-top:28px;border:1px solid #3c355d;background:#17152a;padding:14px;border-radius:10px;color:#aaa5cf;font-size:12px;line-height:1.6}.device-wrap{padding-top:35px}.console-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px}.screen-shell,.side{border:1px solid var(--line);border-radius:15px;background:var(--panel);overflow:hidden}.screen-head{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid var(--line);font-size:12px;color:#bdc7d8}.screen{aspect-ratio:3/2;background:#05070b;display:grid;place-items:center;max-height:720px}.screen-placeholder{text-align:center;color:#7e8ba2}.android{font-size:42px;color:#8b7cff}.screen-placeholder h2{font-size:17px;color:#e4e8f0}.side{padding:18px}.side h3{font-size:14px;margin:0 0 16px}.setting{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #ffffff0c;font-size:12px}.setting label{color:var(--muted)}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.button-grid button{font-size:11px;padding:10px}.tiny{font-size:10px}.side hr{border:0;border-top:1px solid var(--line);margin:18px 0}.full{width:100%}.actions{display:flex;gap:8px}@media(max-width:760px){.hero{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}.console-layout{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-wrap:wrap}.actions{flex-wrap:wrap}.wrap{padding-top:28px}.screen{min-height:210px}}