:root{--bg:#060a10;--bg-raised:#0b121a;--panel:#ffffff08;--panel-border:#ffffff14;--ocean:#0d1826;--text:#9aa5b1;--text-h:#f3f5f7;--silver:#cbd3da;--accent:#4f9fe8;--accent-2:#8ec9f5;--accent-bg:#4f9fe81f;--accent-border:#4f9fe866;--sans:"Segoe UI", system-ui, Roboto, sans-serif;--heading:"Segoe UI", system-ui, Roboto, sans-serif;font:17px/155% var(--sans);letter-spacing:.15px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex;overflow-x:clip}h1,h2,h3{font-family:var(--heading);color:var(--text-h);margin:0;font-weight:600}h1{letter-spacing:-1px;font-size:52px;line-height:112%}@media (width<=1024px){h1{font-size:34px}}h2{letter-spacing:-.3px;font-size:32px}@media (width<=1024px){h2{font-size:26px}}h3{letter-spacing:.5px;font-size:20px}p{margin:0}a{color:inherit}.eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--accent-2);align-items:center;gap:10px;font-size:12px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:22px;height:1px}.btn{letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#071019;box-shadow:0 8px 24px -8px #4f9fe899}.btn-primary:hover{box-shadow:0 12px 28px -8px #4f9fe8bf}.btn-ghost{color:var(--text-h);border-color:var(--panel-border);background:0 0}.btn-ghost:hover{border-color:var(--accent-border);background:var(--accent-bg)}.site-header{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--panel-border);background:#060a10bf;align-items:center;gap:24px;padding:18px 40px;display:flex;position:sticky;top:0}@media (width<=720px){.site-header{padding:16px 20px}}.brand{align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:flex}.brand-mark{width:auto;height:28px}.brand-name{letter-spacing:3px;color:var(--text-h);text-transform:uppercase;font-size:15px;font-weight:700}.site-nav{gap:28px;display:flex}@media (width<=720px){.site-nav{display:none}}.site-nav a{letter-spacing:.5px;color:var(--text);font-size:14px;text-decoration:none;transition:color .2s}.site-nav a:hover{color:var(--text-h)}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.nav-cta{padding:10px 20px;font-size:12px}.page-loading{color:var(--text);flex:1;justify-content:center;align-items:center;padding:120px 24px;display:flex}.site-footer{border-top:1px solid var(--panel-border);text-align:center;flex-direction:column;align-items:center;gap:10px;margin-top:auto;padding:48px 40px;display:flex}.footer-mark{opacity:.9;width:auto;height:30px}.footer-tagline{letter-spacing:2px;text-transform:uppercase;color:var(--accent-2);font-size:13px}.footer-legal-links{align-items:center;gap:10px;font-size:13px;display:flex}.footer-legal-links a{color:var(--text);text-decoration:none}.footer-legal-links a:hover{color:var(--text-h);text-decoration:underline}.footer-meta{color:var(--text);font-size:13px}.hero{text-align:center;background:radial-gradient(ellipse at 50% -10%, var(--ocean) 0%, var(--bg) 60%);flex-direction:column;align-items:center;gap:24px;padding:100px 24px 120px;display:flex;position:relative;overflow:clip}.hero-glow{pointer-events:none;background:radial-gradient(closest-side,#4f9fe840,#0000);width:900px;height:500px;position:absolute;top:-220px;left:50%;transform:translate(-50%)}.hero-lockup{width:min(480px,80vw);height:auto;position:relative}.hero h1{max-width:760px;position:relative}.hero-sub{max-width:620px;font-size:18px;line-height:160%;position:relative}@media (width<=720px){.hero-sub{font-size:16px}}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:8px;display:flex;position:relative}.section{width:100%;max-width:1180px;margin:0 auto;padding:100px 40px}@media (width<=720px){.section{padding:64px 20px}}.center{text-align:center;margin-inline:auto;display:block}.section-sub{max-width:560px;margin-top:14px;font-size:17px}.models{border-top:1px solid var(--panel-border)}.model-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:56px;display:grid}@media (width<=800px){.model-grid{grid-template-columns:1fr}}.model-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:20px;flex-direction:column;align-items:flex-start;gap:12px;padding:40px;transition:border-color .2s,transform .2s;display:flex}.model-card:hover{border-color:var(--accent-border);transform:translateY(-2px)}.model-mark{width:auto;height:40px;margin-bottom:8px}.model-name{letter-spacing:4px}.model-tagline{color:var(--accent-2);font-size:15px;font-weight:600}.model-blurb{font-size:16px;line-height:165%}.model-powered{letter-spacing:1px;text-transform:uppercase;color:var(--text);align-items:center;gap:8px;margin-top:12px;font-size:13px;display:flex}.model-powered strong{color:var(--text-h);font-weight:700}.badge{letter-spacing:1px;text-transform:uppercase;color:var(--accent-2);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:999px;margin-top:16px;padding:6px 14px;font-size:12px}.systems{border-top:1px solid var(--panel-border)}.system-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:56px;display:grid}@media (width<=800px){.system-grid{grid-template-columns:1fr}}.system-card{background:var(--bg-raised);border:1px solid var(--panel-border);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:20px;padding:40px;display:flex}.system-logo{width:auto;height:90px}.system-blurb{max-width:420px;font-size:16px;line-height:165%}.contact{border-top:1px solid var(--panel-border);text-align:center;flex-direction:column;align-items:center;display:flex}.notify-form{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;max-width:440px;margin-top:32px;display:flex}.notify-form input{border:1px solid var(--panel-border);background:var(--panel);color:var(--text-h);border-radius:999px;flex:240px;padding:14px 18px;font-size:15px}.notify-form input:focus{border-color:var(--accent-border);outline:none}.notify-form input::placeholder{color:var(--text);opacity:.7}.auth-page{background:radial-gradient(ellipse at 50% -10%, var(--ocean) 0%, var(--bg) 60%);flex:1;justify-content:center;align-items:center;padding:80px 24px;display:flex}.auth-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:420px;padding:40px;display:flex}.auth-card-header{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-bottom:8px;display:flex}.auth-mark{width:auto;height:34px;margin-bottom:8px}.auth-sub{color:var(--text);font-size:15px}.auth-form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{letter-spacing:.5px;color:var(--text);font-size:13px}.field input{border:1px solid var(--panel-border);background:var(--bg-raised);color:var(--text-h);border-radius:10px;padding:12px 16px;font-size:15px}.field input:focus{border-color:var(--accent-border);outline:none}.auth-error{color:#f28b82;background:#f28b821a;border:1px solid #f28b8259;border-radius:10px;padding:10px 14px;font-size:14px}.auth-submit{width:100%;margin-top:4px}.auth-legal{color:var(--text);text-align:center;opacity:.8;font-size:12px;line-height:155%}.auth-legal a{color:var(--accent-2);text-decoration:none}.auth-legal a:hover{text-decoration:underline}.auth-footer-links{color:var(--text);justify-content:center;gap:8px;font-size:13px;display:flex}.auth-footer-links a{color:var(--accent-2);text-decoration:none}.auth-footer-links a:hover{text-decoration:underline}.auth-card-wide{max-width:640px}.field-row{gap:16px;display:flex}.field-row .field{flex:1;min-width:0}.field-row-3 .field{flex-basis:0}.field-hint{color:var(--text);opacity:.75;font-size:12px}.field-hint-link{color:var(--accent-2);align-self:flex-end;font-size:12px;text-decoration:none}.field-hint-link:hover{text-decoration:underline}.otp-input{text-align:center;letter-spacing:10px;font-family:Courier New,monospace;font-size:24px}.link-button{color:var(--accent-2);cursor:pointer;text-align:center;background:0 0;border:none;padding:0;font-size:13px}.link-button:hover{text-decoration:underline}.link-button:disabled{opacity:.6;cursor:default}@media (width<=560px){.field-row,.field-row-3{flex-direction:column}}.dash{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:56px 40px 100px}@media (width<=720px){.dash{padding:40px 20px 64px}}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;display:flex}.dash-header h1{margin-top:6px}.dash-status{text-align:center;color:var(--text);background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:48px 24px}.dash-error p{margin-bottom:8px}.dash-error-detail{color:var(--text);opacity:.75;font-size:13px;margin-bottom:16px!important}.add-device-form{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;flex-direction:column;gap:20px;margin-bottom:40px;padding:28px;display:flex}.add-device-fields{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=720px){.add-device-fields{grid-template-columns:1fr}}.field-hint{color:var(--text);opacity:.75;margin:-4px 0 0;font-size:13px}.add-device-fields select,.add-device-fields input{border:1px solid var(--panel-border);background:var(--bg-raised);color:var(--text-h);border-radius:10px;padding:12px 16px;font-size:15px}.add-device-fields select:focus,.add-device-fields input:focus{border-color:var(--accent-border);outline:none}.device-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.device-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;flex-direction:column;gap:14px;padding:24px;display:flex}.device-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.device-card-top h3{letter-spacing:.2px;font-size:17px}.device-model{color:var(--accent-2);margin-top:2px;font-size:13px}.device-serial{color:var(--text);letter-spacing:.5px;font-size:13px}.status-pill{letter-spacing:1px;text-transform:uppercase;border:1px solid var(--panel-border);color:var(--text);border-radius:999px;flex-shrink:0;padding:5px 12px;font-size:11px}.status-online{color:#7ee0a8;background:#7ee0a81a;border-color:#7ee0a866}.status-offline{color:var(--text);border-color:var(--panel-border)}.status-service{color:#f2c47e;background:#f2c47e1a;border-color:#f2c47e66}.device-telemetry{border-top:1px solid var(--panel-border);grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding-top:14px;display:grid}.device-telemetry dt{letter-spacing:.5px;text-transform:uppercase;color:var(--text);opacity:.75;font-size:11px}.device-telemetry dd{color:var(--text-h);margin:4px 0 0;font-size:14px;font-weight:600}.device-remove{color:var(--text);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:4px;padding:0;font-size:13px;text-decoration:underline}.device-remove:hover{color:var(--text-h)}.stat-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:48px;display:grid}@media (width<=900px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--panel);border:1px solid var(--panel-border);text-align:center;border-radius:16px;padding:20px}.stat-value{color:var(--text-h);font-size:30px;font-weight:700}.stat-label{letter-spacing:1px;text-transform:uppercase;color:var(--text);margin-top:6px;font-size:12px}.admin-table-title{margin-bottom:20px}.admin-table-wrap{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th{text-align:left;letter-spacing:1px;text-transform:uppercase;color:var(--text);border-bottom:1px solid var(--panel-border);padding:16px 20px;font-size:12px}.admin-table td{border-bottom:1px solid var(--panel-border);color:var(--text-h);padding:14px 20px}.admin-table tr:last-child td{border-bottom:none}.account-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;max-width:480px;margin-bottom:24px;padding:32px}.account-info{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.account-info-row{justify-content:space-between;font-size:14px;display:flex}.account-info-row dt{color:var(--text)}.account-info-row dd{color:var(--text-h);margin:0;font-weight:600}.account-card h2{margin-bottom:20px;font-size:18px}.auth-success{color:#7ee0a8;background:#7ee0a81a;border:1px solid #7ee0a859;border-radius:10px;padding:10px 14px;font-size:14px}.account-card-danger{border-color:#e07e7e59}.account-danger-copy{color:var(--text);margin-bottom:20px;font-size:14px}.account-danger-actions{align-items:center;gap:12px;display:flex}.btn-danger{color:#f0a3a3;background:#e07e7e1f;border:1px solid #e07e7e66}.btn-danger:hover{background:#e07e7e33;border-color:#e07e7e99}.legal-page{flex:1;padding:64px 24px 100px}.legal-doc{max-width:720px;margin:0 auto}.legal-doc h1{margin-bottom:8px}.legal-updated{color:var(--text);margin-bottom:32px;font-size:14px}.legal-notice{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--text);border-radius:12px;margin-bottom:40px;padding:16px 20px;font-size:14px;line-height:165%}.legal-notice strong{color:var(--text-h)}.legal-doc section{margin-bottom:36px}.legal-doc h2{margin-bottom:12px;font-size:20px}.legal-doc h3{letter-spacing:0;color:var(--text-h);margin:20px 0 8px;font-size:16px}.legal-doc p{color:var(--text);margin-bottom:12px;font-size:15px;line-height:172%}.legal-doc ul{color:var(--text);margin:0 0 12px;padding-left:22px;font-size:15px;line-height:172%}.legal-doc li{margin-bottom:6px}.legal-doc a{color:var(--accent-2);text-decoration:none}.legal-doc a:hover{text-decoration:underline}.legal-placeholder{color:var(--accent-2);font-style:italic}.legal-toc{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;flex-wrap:wrap;gap:8px 18px;margin-bottom:40px;padding:16px 20px;display:flex}.legal-toc a{color:var(--text);font-size:14px;text-decoration:none}.legal-toc a:hover{color:var(--accent-2)}
