:root{--ink:#101114;--muted:#6b7079;--blue:#087bff;--line:rgba(27,36,51,.1);--glass:rgba(255,255,255,.62);--shadow:0 24px 80px rgba(26,51,91,.12)}
.brand-logo{display:block;width:44px;height:44px;object-fit:cover;border-radius:12px;background:#071b3f}.brand span{font-size:20px;letter-spacing:.12em}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;background:linear-gradient(180deg,#fafcff,#edf3fb);min-height:100vh;overflow-x:hidden}button,input{font:inherit}.ambient{position:fixed;border-radius:50%;filter:blur(4px);pointer-events:none;z-index:-1}.ambient-a{width:620px;height:620px;top:-260px;right:-150px;background:radial-gradient(circle,rgba(52,147,255,.25),transparent 68%)}.ambient-b{width:520px;height:520px;left:-200px;top:45%;background:radial-gradient(circle,rgba(178,126,255,.18),transparent 68%)}.glass{background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.44));border:1px solid rgba(255,255,255,.88);box-shadow:var(--shadow),inset 0 1px 0 #fff;backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%)}.nav{position:sticky;z-index:20;top:14px;max-width:1180px;margin:14px auto;border-radius:999px;padding:10px 12px 10px 18px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:750}.brand-mark{display:grid;place-items:center;width:34px;height:34px;color:#fff;font-weight:850;border-radius:11px;background:linear-gradient(145deg,#0b86ff,#705dff);box-shadow:0 8px 24px rgba(21,117,255,.28)}.brand-mark.large{width:52px;height:52px;margin:auto;border-radius:16px;font-size:22px}.nav nav{display:flex;align-items:center;gap:26px}.nav a{color:#4e535c;text-decoration:none;font-size:14px}.button{border:0;border-radius:999px;padding:14px 22px;color:#fff;background:linear-gradient(180deg,#148cff,#0674ed);box-shadow:0 10px 26px rgba(8,123,255,.25),inset 0 1px 0 rgba(255,255,255,.35);cursor:pointer;font-weight:650;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}.button:hover{transform:translateY(-1px);filter:brightness(1.03)}.button.secondary{color:#20242b;background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(30,50,80,.08)}.button.compact{padding:10px 17px;font-size:14px}.hero{max-width:1180px;margin:0 auto;padding:105px 28px 40px;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--blue);font-size:12px;font-weight:750}.hero h1{font-size:clamp(58px,8vw,104px);letter-spacing:-.065em;line-height:.88;margin:20px 0 28px}.hero h1 span{background:linear-gradient(90deg,#0a78f6,#7857e8);-webkit-background-clip:text;color:transparent}.hero>p{max-width:700px;margin:0 auto;color:var(--muted);font-size:20px;line-height:1.55}.hero-actions{display:flex;gap:12px;justify-content:center;margin:34px 0 64px}.tv-card{position:relative;margin:auto;max-width:900px;height:420px;border-radius:50px;padding:24px}.tv-screen{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:32px;color:#fff;background:radial-gradient(circle at 68% 30%,rgba(84,183,255,.8),transparent 28%),radial-gradient(circle at 30% 80%,rgba(135,74,242,.8),transparent 33%),#07162d;overflow:hidden}.tv-screen strong{font-size:52px;letter-spacing:-.04em}.tv-screen small{font-size:19px;margin-top:8px;color:rgba(255,255,255,.7)}.live{padding:7px 11px;border-radius:999px;background:#ff405c;font-weight:800;font-size:11px;margin-bottom:18px}.feature-grid{max-width:1180px;margin:80px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 28px}.feature-grid article{border-radius:28px;padding:30px}.feature-grid .icon{font-size:28px;color:var(--blue)}h3{margin:18px 0 8px;font-size:21px}p{color:var(--muted);line-height:1.55}.how,.dashboard{max-width:1124px;margin:110px auto;padding:44px;border-radius:38px}.how{display:grid;grid-template-columns:1fr 1.25fr;gap:50px}.how h2,.section-head h2{font-size:42px;letter-spacing:-.04em;margin:12px 0}.how ol{margin:0;padding:0;list-style:none;display:grid;gap:12px}.how li{display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.55);padding:14px;border-radius:20px}.how li b{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff;color:var(--blue)}.how li span{display:flex;flex-direction:column}.how li small{color:var(--muted);margin-top:3px}.dashboard{background:transparent;box-shadow:none;border:0;padding:0 28px}.section-head{display:flex;align-items:end;justify-content:space-between}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.metrics article{padding:26px;border-radius:26px}.metrics small{display:block;color:var(--muted)}.metrics strong{display:block;font-size:34px;margin-top:8px}.status-ok{color:#28a164}.device-panel{padding:28px;border-radius:30px}.device-add{display:flex;align-items:center;justify-content:space-between;gap:24px}.device-add h3{margin:0}.device-add p{margin:6px 0}.device-add form{display:flex;gap:10px}.device-add input,.auth-card input{border:1px solid var(--line);background:rgba(255,255,255,.72);border-radius:16px;padding:14px 16px;outline:0}.device-add input{width:155px;text-transform:uppercase;font-weight:800;letter-spacing:.14em}.device-list{display:grid;gap:10px;margin-top:24px}.device-row{display:grid;grid-template-columns:44px 1fr auto auto;gap:14px;align-items:center;padding:15px;border-radius:20px;background:rgba(255,255,255,.55)}.device-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff}.device-row small{display:block;color:var(--muted);margin-top:4px}.danger{color:#d64252;border:0;background:rgba(255,65,85,.09);padding:10px 14px;border-radius:999px;cursor:pointer}.modal{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(31,43,60,.22);backdrop-filter:blur(12px)}.auth-card{position:relative;width:min(440px,100%);border-radius:34px;padding:34px;text-align:center}.auth-card .close{position:absolute;right:18px;top:16px;border:0;background:rgba(0,0,0,.05);width:34px;height:34px;border-radius:50%;font-size:22px}.auth-card h2{font-size:34px;letter-spacing:-.04em;margin:18px 0 4px}.segmented{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:rgba(20,35,55,.06);border-radius:14px;margin:24px 0}.segmented button{border:0;background:transparent;padding:10px;border-radius:11px;color:var(--muted)}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 4px 15px rgba(30,50,80,.1)}.auth-card form{display:grid;gap:14px;text-align:left}.auth-card label{font-size:13px;font-weight:650}.auth-card input{display:block;width:100%;margin-top:7px}.auth-card form .button{margin-top:6px}.message{margin-top:16px;padding:12px 15px;border-radius:14px}.message.ok{color:#137442;background:#e8f7ee}.message.err{color:#a52d3a;background:#ffedf0}.hidden{display:none!important}.empty{padding:24px;text-align:center;color:var(--muted)}footer{max-width:1124px;margin:110px auto 30px;padding:24px 28px;border-top:1px solid var(--line);display:flex;gap:24px;color:var(--muted);font-size:13px}footer a{color:inherit;margin-left:auto}footer a+ a{margin-left:0}@media(max-width:760px){.nav{margin:10px}.nav nav a{display:none}.hero{padding-top:70px}.hero h1{font-size:56px}.hero>p{font-size:17px}.hero-actions{flex-direction:column}.tv-card{height:280px;padding:14px;border-radius:30px}.tv-screen{border-radius:22px}.tv-screen strong{font-size:34px}.feature-grid,.metrics{grid-template-columns:1fr}.how{grid-template-columns:1fr;margin:60px 14px;padding:28px}.device-add{align-items:stretch;flex-direction:column}.device-add form{flex-direction:column}.device-add input{width:100%}.device-row{grid-template-columns:44px 1fr auto}.device-row time{display:none}.section-head{align-items:start}.feature-grid{margin:50px auto}}