:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#102a43;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 22px}.hero-panel{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:28px;color:#fff;background:linear-gradient(135deg,#102a43,#1f4b6e);border-radius:24px;box-shadow:0 18px 50px #102a432e}.brand-mark{display:grid;place-items:center;width:60px;height:60px;border:1px solid rgba(255,255,255,.3);border-radius:18px;font-size:2rem;font-weight:800;background:#ffffff1f}.eyebrow{margin:0 0 8px;color:#6b7c93;font-size:.75rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.hero-panel .eyebrow{color:#b9d7ee}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(2rem,5vw,3.25rem);line-height:1}h2{margin-bottom:12px;font-size:clamp(1.25rem,2.5vw,1.65rem);line-height:1.15}.hero-copy{max-width:560px;margin-bottom:0;color:#d9e8f4;font-size:1rem;line-height:1.6}.status-pill,.mode-badge{display:inline-flex;align-items:center;gap:8px;width:fit-content;border-radius:999px;font-size:.82rem;font-weight:750;white-space:nowrap}.status-pill{padding:10px 14px;background:#ffffff1f}.status-dot{width:9px;height:9px;border-radius:50%;background:#f6c453}.status-connected .status-dot{background:#62d7a4}.status-unavailable .status-dot{background:#ff9f9f}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;margin-top:20px}.welcome-card,.diagnostics-card{padding:26px;border:1px solid #d9e2ec;border-radius:20px;background:#fff;box-shadow:0 10px 30px #102a430f}.welcome-card{display:flex;flex-direction:column;justify-content:center;min-height:300px}.welcome-card p:not(.eyebrow){max-width:500px;color:#486581;line-height:1.7}button{min-height:48px;padding:12px 18px;border:0;border-radius:12px;color:#fff;background:#147d92;font-weight:800;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid #f6c453;outline-offset:3px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.mode-badge{padding:8px 11px;color:#147d92;background:#e6f6f8}.diagnostics-list{margin:24px 0 0}.diagnostics-list div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid #e6edf3}.diagnostics-list dt{color:#627d98}.diagnostics-list dd{margin:0;color:#102a43;font-weight:750;text-align:right}.app-footer{display:flex;justify-content:center;gap:10px;padding:22px 0 0;color:#829ab1;font-size:.85rem}@media(max-width:720px){.app-shell{width:min(100% - 20px,560px);padding-top:10px}.hero-panel{grid-template-columns:auto 1fr;padding:22px;border-radius:18px}.status-pill{grid-column:1 / -1}.content-grid{grid-template-columns:1fr;gap:14px;margin-top:14px}.welcome-card,.diagnostics-card{padding:21px;border-radius:16px}.welcome-card{min-height:auto}.diagnostics-list div{align-items:flex-start}.diagnostics-list dd{max-width:55%}}