@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eaf2f8;background:#071a2c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--muted: #92a8bb;--panel: #0d2439;--line: rgba(160, 190, 215, .14);--cyan: #4bd6e8;--violet: #b59bff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#071a2c}button{font:inherit}.app-shell{min-height:100vh;background:radial-gradient(ellipse at 70% -15%,rgba(16,116,145,.28),transparent 38%),#071a2c}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1120px)/2));border-bottom:1px solid var(--line);background:#04121f94}.brand{display:inline-flex;align-items:center;gap:10px;color:#f4fbff;text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-.8px}.brand>span:last-child>span{color:var(--cyan)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#071a2c;background:var(--cyan)}.connection-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);padding:8px 11px;border-radius:30px;font-size:10px;font-weight:800;letter-spacing:1px;color:var(--muted)}.connection-pill.good{color:#5de1a5;border-color:#5de1a54d;background:#2fb47a14}.connection-pill.bad{color:#ff8e96}.status-dot{width:7px;height:7px;border-radius:100%;background:currentColor;box-shadow:0 0 12px currentColor}.content{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:54px 0 28px}.hero{padding:0 2px 32px}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:1.7px}.hero h1{margin:18px 0 12px;max-width:680px;color:#f3f8fc;font-size:clamp(38px,7vw,68px);line-height:.99;letter-spacing:-3.5px;font-weight:800}.hero h1 span{color:var(--cyan)}.hero p{margin:0;color:var(--muted);font-size:15px}.connect-panel{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid rgba(75,214,232,.2);border-radius:18px;background:linear-gradient(110deg,#184b636b,#0d2439eb);box-shadow:0 18px 50px #00000024}.device-symbol{display:grid;place-items:center;flex:0 0 46px;height:46px;color:var(--cyan);border-radius:14px;background:#4bd6e81f}.device-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.device-copy strong{font-size:14px}.status-message{overflow-wrap:anywhere;color:var(--muted);font-size:11px}.status-message.good{color:#5de1a5}.status-message.bad{color:#ff8e96}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:0 15px;border:0;border-radius:11px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.button:disabled{opacity:.6;cursor:not-allowed}.button.primary{color:#04202b;background:var(--cyan)}.button.secondary{color:#d9e8f1;border:1px solid var(--line);background:#ffffff0a}.section-label{display:flex;justify-content:space-between;margin:31px 2px 12px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:1.5px}.live-indicator{color:#6be2aa;letter-spacing:1px}.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric-card,.panel,.empty-state{border:1px solid var(--line);border-radius:18px;background:#0d2439db}.metric-card{padding:19px}.metric-heading,.panel-heading{display:flex;align-items:center;gap:11px}.metric-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px}.metric-card.cyan .metric-icon{color:var(--cyan);background:#4bd6e81a}.metric-card.violet .metric-icon{color:var(--violet);background:#b59bff1a}.metric-heading h2,.panel-heading h2{margin:0;font-size:14px;font-weight:800}.metric-heading p{margin:3px 0 0;color:var(--muted);font-size:10px}.axis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.axis-value{display:flex;min-width:0;flex-direction:column;gap:5px;padding-left:13px;border-left:1px solid var(--line)}.axis-value:first-child{padding-left:0;border-left:0}.axis-label{color:var(--muted);font-size:11px;font-weight:800}.axis-value strong{color:#f4fbff;font-family:DM Mono,monospace;font-size:clamp(17px,2.1vw,25px);letter-spacing:-1px}.axis-value small{color:#718da4;font-family:DM Mono,monospace;font-size:9px;overflow-wrap:anywhere}.empty-state{display:grid;justify-items:center;padding:50px 20px;text-align:center}.empty-icon{display:grid;place-items:center;width:56px;height:56px;color:var(--cyan);border-radius:17px;background:#4bd6e81a}.empty-state h2{margin:16px 0 5px;font-size:16px}.empty-state p{max-width:330px;margin:0;color:var(--muted);font-size:12px;line-height:1.6}.bottom-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;margin-top:14px}.panel{padding:18px}.panel-heading{margin-bottom:14px}.panel-heading svg{color:var(--cyan)}.panel-heading h2{font-size:13px}.stat-row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.stat-row:last-child{border-bottom:0}.stat-row strong{color:#e8f2f8;font-family:DM Mono,monospace;font-size:11px}.hex-value{min-height:58px;margin:4px 0 18px;color:var(--cyan);font-family:DM Mono,monospace;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.notice{display:flex;align-items:flex-start;gap:9px;padding:11px;border:1px solid rgba(239,190,91,.2);border-radius:12px;color:#e5c788;background:#a0711c14;font-size:10px;line-height:1.55}.notice svg{flex:0 0 auto}.footer{display:flex;justify-content:space-between;gap:14px;margin-top:25px;color:#658096;font-size:10px}@media(max-width:720px){.content{padding-top:38px}.connect-panel{align-items:flex-start;flex-wrap:wrap}.device-copy{flex-basis:calc(100% - 65px)}.connect-panel .button{width:100%}.metrics-grid,.bottom-grid{grid-template-columns:1fr}.hero h1{letter-spacing:-2.4px}.footer{flex-direction:column}}