:root{--bg:#04111a;--panel:#0c2a3f;--line:#1e6a88;--txt:#f3fbff;--muted:#a9c5d8;--cyan:#2df2ff;--blue:#2e7dff;--green:#39f5a1;--red:#ff3d6e;--amber:#ffb742;--violet:#8a6cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 5%,rgba(45,242,255,.24),transparent 22%),radial-gradient(circle at 8% 10%,rgba(255,183,66,.16),transparent 22%),linear-gradient(135deg,#03101a,#062236 48%,#02080d);color:var(--txt);font-family:Arial,Helvetica,sans-serif}.header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:18px 34px;background:rgba(4,14,24,.84);backdrop-filter:blur(14px);border-bottom:1px solid rgba(45,242,255,.25)}.brand{display:flex;gap:12px;align-items:center}.logo{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--cyan),var(--blue) 52%,var(--violet));display:grid;place-items:center;font-size:23px;font-weight:900;box-shadow:0 0 30px rgba(45,242,255,.35)}.brand b{display:block;font-size:20px}.brand span{display:block;color:var(--muted);font-size:12px}nav{display:flex;gap:18px;align-items:center}nav a{color:#d8edf9;text-decoration:none;font-weight:700}.cta{background:linear-gradient(135deg,var(--cyan),var(--blue));border:1px solid rgba(255,255,255,.22);padding:10px 14px;border-radius:12px;color:#04111a}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;padding:70px 6vw 50px}.eyebrow,.title span{color:var(--cyan);font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(42px,6vw,78px);line-height:.96;margin:14px 0 22px;text-shadow:0 8px 50px rgba(45,242,255,.18)}.hero p{font-size:20px;line-height:1.6;color:#c9deeb;max-width:760px}.buttons{display:flex;gap:14px;margin:30px 0}.btn{display:inline-block;text-decoration:none;font-weight:900;border-radius:16px;padding:15px 20px}.primary{background:linear-gradient(135deg,var(--cyan),var(--green));color:#031018;box-shadow:0 18px 45px rgba(45,242,255,.18)}.secondary{border:1px solid #2a8fb2;color:white;background:rgba(12,42,63,.88)}.stats{display:flex;gap:14px;flex-wrap:wrap}.stats div{background:linear-gradient(180deg,rgba(12,42,63,.88),rgba(8,28,44,.88));border:1px solid rgba(45,242,255,.25);border-radius:16px;padding:14px 18px;min-width:130px}.stats b{display:block;font-size:28px;color:var(--cyan)}.stats span{color:var(--muted);font-size:13px}.monitor{background:linear-gradient(180deg,rgba(12,42,63,.9),rgba(5,21,34,.94));border:1px solid rgba(45,242,255,.32);border-radius:30px;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.34),0 0 80px rgba(45,242,255,.08)}.monitorTop{display:flex;align-items:center;gap:10px;margin-bottom:16px}.monitorTop span{width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}.monitorTop em{margin-left:auto;color:var(--green);font-style:normal;font-weight:900}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.summary div{border-radius:18px;padding:16px;background:#071a29}.summary small{display:block;color:#c9dceb;font-size:12px}.summary b{font-size:36px}.red{border:1px solid var(--red);color:var(--red)}.amber{border:1px solid var(--amber);color:var(--amber)}.green{border:1px solid var(--green);color:var(--green)}.gauges{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.gauge{--p:50;width:132px;height:132px;border-radius:50%;margin:auto;display:grid;place-items:center;background:conic-gradient(var(--cyan) 0 calc(var(--p)*.55%),var(--green) calc(var(--p)*.55%) calc(var(--p)*1%),#031018 0);position:relative;box-shadow:inset 0 0 18px rgba(0,0,0,.32)}.gauge:after{content:'';position:absolute;width:88px;height:88px;border-radius:50%;background:#0c2a3f}.gauge b,.gauge small{position:relative;z-index:1}.gauge b{font-size:24px}.gauge small{align-self:end;margin-bottom:22px;color:var(--muted);font-size:11px}.alarmList{display:grid;gap:10px}.alarm{display:flex;justify-content:space-between;gap:12px;background:#071a29;border-radius:14px;padding:14px;border:1px solid #2e5778}.redRow{border-color:var(--red);background:rgba(255,61,110,.13)}.ackRow{border-color:var(--amber);background:rgba(255,183,66,.12)}.alarm span{font-weight:900}.section{padding:70px 6vw}.title{text-align:center;max-width:900px;margin:0 auto 34px}.title h2{font-size:clamp(30px,4vw,50px);margin:10px 0}.title p{color:var(--muted)}.cards,.loginGrid{display:grid;gap:16px}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.cards div,.loginGrid a,.points div{background:linear-gradient(180deg,rgba(12,42,63,.84),rgba(7,26,41,.84));border:1px solid rgba(45,242,255,.22);border-radius:22px;padding:24px}.cards b{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--amber),var(--red));color:#12070a}.cards p,.loginGrid span,.points span{color:var(--muted);line-height:1.55}.demoGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.videoBox{min-height:390px;border-radius:24px;overflow:hidden;background:#07131f;border:1px solid rgba(45,242,255,.28);position:relative}.videoBox video{width:100%;height:100%;min-height:390px;object-fit:cover;background:#06111c}.videoOverlay{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;pointer-events:none;background:radial-gradient(circle,rgba(45,242,255,.17),rgba(3,9,16,.84))}.videoOverlay b{display:block;font-size:30px}.videoOverlay span{display:block;color:var(--muted);max-width:560px;margin-top:12px}.points{display:grid;gap:12px}.points b{display:block}.loginGrid{grid-template-columns:repeat(3,1fr)}.loginGrid a{text-decoration:none;color:white;min-height:150px;transition:.2s}.loginGrid a:hover{transform:translateY(-4px);border-color:var(--cyan);box-shadow:0 18px 45px rgba(45,242,255,.13)}.loginGrid b{display:block;font-size:24px}.loginGrid .admin{background:linear-gradient(135deg,rgba(45,242,255,.18),rgba(138,108,255,.24))}.loginExtra{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:18px}.loginExtra a{color:#031018;background:linear-gradient(135deg,var(--cyan),var(--green));text-decoration:none;font-weight:900;border-radius:12px;padding:12px 16px}footer{display:flex;justify-content:space-between;gap:12px;padding:30px 6vw;border-top:1px solid rgba(45,242,255,.18);color:var(--muted)}footer b{color:white}@media(max-width:950px){.header{padding:14px 18px}nav a:not(.cta){display:none}.hero{grid-template-columns:1fr;padding:48px 18px}.buttons{flex-direction:column}.stats{display:grid;grid-template-columns:repeat(3,1fr)}.stats div{min-width:auto}.gauges{grid-template-columns:repeat(3,1fr)}.gauge{width:96px;height:96px}.gauge:after{width:66px;height:66px}.gauge b{font-size:18px}.four,.three,.loginGrid,.demoGrid{grid-template-columns:1fr}.section{padding:52px 18px}.hero p{font-size:17px}footer{display:block}}