:root{color-scheme:light;--bg:#f5f7fb;--surface:rgba(255,255,255,0.82);--surface-strong:#ffffff;--text:#102033;--muted:#56708b;--line:rgba(16,32,51,0.12);--accent:#0a6e87;--accent-soft:#dff3f8;--warn:#bc7b18;--bad:#ab2d3e;--good:#19745d;--shadow:0 24px 50px rgba(16,32,51,0.08);--radius:24px}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at top left,rgba(10,110,135,.16),transparent 28%),radial-gradient(circle at top right,rgba(25,116,93,.18),transparent 28%),linear-gradient(180deg,#eef3f9,#f7f8fb);color:var(--text);font-family:IBM Plex Sans,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{max-width:1240px;margin:0 auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0 32px}.brand{font-weight:700;font-size:1.15rem;letter-spacing:.08em;text-transform:uppercase}.nav{display:flex;gap:18px;color:var(--muted)}.page,.page--marketing{display:flex;flex-direction:column;gap:24px}.narrow{max-width:720px}.card,.hero,.login-card{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:1.35fr .8fr;grid-gap:24px;gap:24px;padding:36px}.hero h1,.page h1{margin:0;font-size:clamp(2.2rem,6vw,4.2rem);line-height:.96;letter-spacing:-.05em}.page h1{font-size:clamp(2rem,5vw,3rem)}.fineprint,.hero-copy{color:var(--muted);line-height:1.6}.hero-actions,.inline-actions,.quick-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero-metrics{display:grid;grid-gap:12px;gap:12px}.metric-card{padding:18px;border-radius:18px;background:var(--surface-strong);border:1px solid var(--line)}.metric-card span{display:block;color:var(--muted);margin-bottom:8px}.metric-card strong{font-size:2rem}.card__header,.device-card,.page-header,.row-between{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.card{padding:24px}.card__header{margin-bottom:18px}.card__body{display:flex;flex-direction:column;gap:14px}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px}.plain-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.plain-list--numbered{list-style:decimal;padding-left:20px}.device-card{padding:14px 0;border-top:1px solid var(--line)}.device-card:first-child{border-top:0;padding-top:0}.device-card__meta{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:12px 18px;border:0;background:linear-gradient(135deg,#0a6e87,#19745d);color:white;cursor:pointer}.button--ghost{background:white;color:var(--text);border:1px solid var(--line)}.button--small{padding:8px 12px}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:7px 12px;border-radius:999px;background:#eef2f5;color:var(--text);font-size:.85rem}.status-pill--good{background:rgba(25,116,93,.12);color:var(--good)}.status-pill--warn{background:rgba(188,123,24,.12);color:var(--warn)}.status-pill--bad{background:rgba(171,45,62,.12);color:var(--bad)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px 8px;border-top:1px solid var(--line)}thead th{color:var(--muted);font-size:.88rem;font-weight:600;border-top:0}.eyebrow{margin:0 0 12px;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:.82rem;font-weight:700}.field{display:flex;flex-direction:column;gap:8px}.field input{border:1px solid var(--line);background:white;border-radius:16px;padding:14px 16px}.login-card{margin-top:24px;padding:24px;display:flex;flex-direction:column;gap:16px}@media (max-width:900px){.app-shell{padding:16px}.grid-two,.hero{grid-template-columns:1fr}.card__header,.device-card,.page-header,.row-between,.topbar{flex-direction:column}.nav{flex-wrap:wrap}.hero{padding:24px}}