:root{color-scheme:light;--blue: #0058c8;--blue-2: #0a7cff;--ink: #07111f;--muted: #5e6c80;--line: #dde6f2;--panel: #ffffff;--dark: #02101e}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:#f4f8fd}a{color:inherit;text-decoration:none}button,input{font:inherit}.landing{min-height:100vh;overflow-x:hidden;background:#f4f8fd}.brand{display:flex;align-items:center;gap:12px;min-width:245px;font-size:36px;letter-spacing:0;line-height:.85}.brand strong{display:block;font-weight:900}.brand em{display:block;color:var(--blue);font-style:normal;font-weight:800;font-size:19px;letter-spacing:10px}.brand-mark{width:54px;height:54px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,#003f98,#0d7eff);transform:rotate(45deg);border-radius:8px}.brand-mark svg{transform:rotate(-45deg)}.topbar{height:92px;padding:0 52px;background:#fff;box-shadow:0 6px 24px #05162e14;position:sticky;top:0;z-index:10}.topbar-inner{width:min(100%,1780px);height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.navlinks{display:flex;align-items:center;gap:38px;font-weight:700;font-size:14px}.navlinks a{padding:36px 0 32px;border-bottom:2px solid transparent}.navlinks .active{color:var(--blue);border-color:var(--blue)}.download,.primary,.secondary{min-height:48px;border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 24px;font-weight:800;cursor:pointer}.download,.primary{color:#fff;background:linear-gradient(135deg,#006ee8,#004cb3);box-shadow:0 10px 22px #005ac838}.secondary{color:#fff;border:1px solid rgba(255,255,255,.78);background:transparent}.compact{width:fit-content;margin-top:18px}.hero{min-height:670px;position:relative;color:#fff;overflow:hidden;background:radial-gradient(circle at 82% 24%,rgba(0,116,255,.3),transparent 24%),radial-gradient(circle at 78% 92%,rgba(0,116,255,.34),transparent 30%),linear-gradient(115deg,#010a13,#021d3b 54%,#001327)}.hero-inner{width:min(calc(100% - 104px),1780px);min-height:670px;margin:0 auto;display:grid;grid-template-columns:minmax(430px,.84fr) minmax(620px,1.16fr);align-items:center;gap:46px;padding:62px 0 78px;position:relative;z-index:1}.hero:after{content:"";position:absolute;inset:138px 40px auto auto;width:230px;height:180px;opacity:.45;background-image:radial-gradient(#0b78ee 1px,transparent 1px);background-size:18px 18px}.hero-copy h1{font-size:66px;margin:0 0 20px;font-weight:900}.hero-copy h1 span{color:var(--blue-2)}.hero-copy h2{font-size:31px;line-height:1.32;margin:0 0 28px}.hero-copy p{color:#d4deea;font-size:18px;line-height:1.65;max-width:560px;margin:0 0 34px}.hero-actions{display:flex;gap:22px;flex-wrap:wrap}.laptop{position:relative;width:min(100%,780px);height:430px;justify-self:end;transform:perspective(1000px) rotateX(2deg) rotateY(-7deg) rotate(-1deg)}.laptop:before{content:"";position:absolute;top:-42px;right:98px;bottom:18px;left:98px;border:1px solid rgba(10,124,255,.38);border-radius:28px;transform:rotate(45deg)}.screen{position:absolute;top:4px;right:42px;bottom:78px;left:42px;border:16px solid #171d24;border-radius:18px;background:linear-gradient(140deg,#021326,#00306a 70%,#001020);box-shadow:0 34px 55px #0000008c;display:flex;flex-direction:column;align-items:center;justify-content:center}.screen img{width:170px;height:170px;object-fit:cover;border-radius:8px;margin-bottom:12px}.screen button{width:210px;height:44px;border:0;border-radius:5px;background:linear-gradient(135deg,#0a7cff,#0050b7);color:#fff;font-weight:800}.session-input{width:210px;margin-top:12px;padding:10px 12px;border-radius:5px;background:#020c19a6;color:#7690ad;font-size:13px}.screen-icons{display:flex;gap:28px;margin-top:22px}.screen-icons span{width:14px;height:14px;display:block;border:2px solid rgba(255,255,255,.75);border-radius:50%}.base{position:absolute;left:0;right:0;bottom:24px;height:72px;background:linear-gradient(180deg,#2b333c,#111820 68%,#05080c);clip-path:polygon(12% 0,88% 0,100% 74%,58% 100%,0 74%);filter:drop-shadow(0 24px 24px rgba(0,0,0,.45))}.feature-strip{max-width:1680px;margin:0 auto;padding:44px 52px 54px;display:grid;grid-template-columns:repeat(4,1fr)}.feature-strip article{padding:0 36px;text-align:center;border-right:1px solid var(--line)}.feature-strip article:last-child{border-right:0}.feature-strip span,.info-card span{width:64px;height:64px;margin:0 auto 18px;display:grid;place-items:center;color:var(--blue);background:#edf5ff;border-radius:16px}.feature-strip h3,.info-card h3{margin:0 0 12px}.feature-strip p,.info-card p,.benefits p{color:#526176;line-height:1.55}.benefits{max-width:1680px;margin:0 auto;padding:46px 52px 72px;display:grid;grid-template-columns:.82fr 1.18fr;gap:92px;align-items:start}.eyebrow{color:var(--blue)!important;font-weight:900;font-size:13px;letter-spacing:.04em}.benefits h2{font-size:40px;line-height:1.12;margin:0 0 22px}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.info-card{min-height:174px;padding:28px;background:#fff;border:1px solid #e8eef7;border-radius:8px;box-shadow:0 16px 34px #0b1f3d14}.info-card span{width:38px;height:38px;margin:0 0 16px;border-radius:8px}.cta-band{width:min(calc(100% - 104px),1680px);max-width:1680px;min-height:150px;margin:0 auto;padding:24px 58px;color:#fff;background:linear-gradient(120deg,#003b84,#00182f);border-radius:8px 8px 0 0;display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:36px}.cta-band img{width:104px;height:104px;object-fit:cover;border-radius:8px}.cta-band h2{margin:0 0 8px;font-size:30px}.cta-band p{margin:0;color:#dce9f8}.download.light{background:#fff;color:var(--blue);box-shadow:none}.footer{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:40px;padding:44px max(52px,calc((100vw - 1680px)/2 + 52px)) 58px;color:#d6e5f4;background:linear-gradient(135deg,#02111f,#001b35)}.footer .brand{color:#fff;transform:scale(.75);transform-origin:left center;margin-bottom:4px}.footer div{display:flex;flex-direction:column;gap:12px}.footer strong{color:#fff;font-size:14px}.footer a,.footer p{color:#d6e5f4;font-size:14px;line-height:1.7;margin:0}.admin-shell{min-height:100vh;display:grid;grid-template-columns:286px 1fr;background:#07111f;color:#e7eef9}.login-shell{display:grid;grid-template-columns:1fr;place-items:center}.login-card{width:min(440px,calc(100vw - 32px));padding:32px;background:#0d1a2d;border:1px solid rgba(255,255,255,.08);border-radius:8px}.login-card .brand{margin-bottom:28px;color:#fff}.login-card h1{margin:0 0 24px}label{display:grid;gap:8px;color:#aebbd0;font-weight:700}input,select{width:100%;height:44px;padding:0 14px;border:1px solid #2a3950;border-radius:6px;color:#f5f8fc;background:#07111f}.login-card label+label{margin-top:16px}.error{color:#ff9a9a!important}.sidebar{padding:28px 22px;border-right:1px solid rgba(255,255,255,.08);background:#081420}.sidebar .brand{transform:scale(.76);transform-origin:left top;color:#fff;margin-bottom:32px}.admin-brand{display:flex;align-items:center;gap:12px;color:#fff;margin-bottom:32px}.admin-brand span{width:42px;height:42px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,#004aa9,#0a7cff);transform:rotate(45deg);border-radius:8px}.admin-brand span svg{transform:rotate(-45deg)}.admin-brand strong{font-size:24px;line-height:1}.admin-brand em{display:block;color:#58a4ff;font-style:normal;letter-spacing:6px;font-size:12px}.sidebar button{width:100%;border:0;display:flex;align-items:center;gap:12px;min-height:42px;margin-bottom:4px;padding:0 12px;border-radius:6px;background:transparent;color:#b8c6da;cursor:pointer;text-align:left}.sidebar button:hover,.sidebar button.active{background:#10243b;color:#fff}.sidebar button.active{box-shadow:inset 3px 0 #0a7cff}.workspace{padding:28px;overflow:auto}.workspace-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.workspace-top h1{margin:0;font-size:32px}.workspace-top button,.table-panel button,.danger-button{min-height:38px;border:1px solid #2e415b;background:transparent;color:#fff;border-radius:6px;padding:8px 14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.top-actions{display:flex;gap:10px;align-items:center}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metrics article,.connect-box,.table-panel{background:#0d1a2d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:18px}.metrics span{display:block;color:#9cabbd}.metrics strong{display:block;margin-top:10px;font-size:26px}.ok{color:#54d78a}.connect-box{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end;margin-bottom:18px}.operator-grid{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.25fr);gap:18px;align-items:start}.compact-panel{margin-top:0!important}.notice{margin-bottom:18px;padding:12px 14px;border-radius:8px;background:#ffffff14}.table-panel{margin-top:18px}.table-panel h2{margin:0 0 16px}.table-panel p{color:#c6d4e7;line-height:1.6}.user-form{display:grid;gap:14px;margin-top:0!important}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:18px}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid rgba(255,255,255,.08);padding:12px 8px;color:#d7e2f1}th{color:#8ea0b8;font-size:12px;text-transform:uppercase}td small{color:#8ea0b8}.pill{padding:4px 8px;border-radius:999px;background:#23344b;color:#dbe8f8;font-size:12px}.pill.connected{background:#124d30;color:#b8ffd7}.pill.pending_acceptance{background:#5a4210;color:#ffe0a1}.pill.rejected,.pill.expired{background:#57222a;color:#ffc6cc}.remote-workbench{min-height:calc(100vh - 120px);background:#0d1a2d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:18px}.remote-toolbar{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px}.remote-toolbar form{display:grid;grid-template-columns:minmax(220px,320px) auto;align-items:end;gap:12px}.danger-button{border-color:#763346;color:#ffc9d1}.viewer-status{min-height:44px;margin-bottom:14px;display:flex;align-items:center;gap:10px;color:#d8e8fb;background:#07111f;border-radius:8px;padding:0 14px}.remote-video{width:100%;aspect-ratio:16 / 9;display:block;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#0a7cff1f,#0a7cff00),#020812;outline:none;object-fit:contain}.remote-video:focus{box-shadow:0 0 0 2px #0a7cff}.hint{color:#9cabbd;margin-bottom:0}@media(max-width:980px){.topbar{padding:14px 22px;height:auto}.topbar-inner{flex-wrap:wrap}.navlinks{order:3;width:100%;overflow-x:auto;gap:22px}.hero-inner,.benefits{grid-template-columns:1fr}.hero-inner{width:min(calc(100% - 44px),720px);min-height:auto;padding:48px 0 58px}.laptop{justify-self:center;width:min(100%,680px)}.feature-strip,.metrics{grid-template-columns:repeat(2,1fr)}.footer{grid-template-columns:repeat(2,1fr);padding:34px 24px}.admin-shell{grid-template-columns:1fr}.sidebar{position:static}.operator-grid,.settings-grid{grid-template-columns:1fr}.remote-toolbar,.remote-toolbar form{grid-template-columns:1fr;display:grid}}@media(max-width:640px){.brand{min-width:auto;font-size:24px}.brand em{font-size:13px;letter-spacing:5px}.hero{min-height:auto}.hero-copy h1{font-size:44px}.hero-copy h2{font-size:24px}.laptop{height:300px}.feature-strip,.card-grid,.footer,.metrics,.connect-box,.cta-band{grid-template-columns:1fr}.feature-strip article{border-right:0;border-bottom:1px solid var(--line);padding:24px 10px}.cta-band{width:auto;margin:0 18px;padding:24px}table{min-width:700px}}