html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{overflow-x:hidden}#root,.site{width:100%;min-height:100vh}:root{--dark:#0b111c;--text:#111827;--muted:#4b5563;--line:#e5e7eb;--bg:#f6f7f9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}.header{background:var(--dark);justify-content:space-between;align-items:center;height:92px;padding:0 4vw;display:flex}.logo{object-fit:contain;max-width:320px;height:64px}.nav{gap:48px;display:flex}.nav a{color:#fff;font-size:17px;font-weight:800;text-decoration:none}.languageButton{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffffb3;border-radius:999px;padding:11px 20px;font-weight:900}.section{width:min(1600px,92vw);margin:0 auto;padding:80px 0}.lightSection{text-align:center;background:#fff}.lightSection h2,.contactCopy h2{color:var(--dark);letter-spacing:-2px;margin:0 0 12px;font-size:clamp(42px,5vw,68px);font-weight:900}.sectionIntro,.contactCopy p{color:var(--muted);margin:0;font-size:21px;line-height:1.5}.cards{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:28px;margin-top:48px;display:grid}.card{border:1px solid var(--line);text-align:left;background:#fbfcfd;border-radius:24px;min-height:250px;padding:36px}.card h3{color:var(--dark);margin:0 0 18px;font-size:30px;line-height:1.05}.card p{color:var(--muted);margin:0;font-size:19px;line-height:1.6}.cardDark{background:var(--dark);border-color:var(--dark)}.cardDark h3,.cardDark p{color:#fff}.cardIcon{display:none}.lecSection{background:var(--dark);color:#fff;border-radius:28px;justify-content:space-between;align-items:center;gap:36px;width:min(1600px,92vw);margin:60px auto;padding:56px;display:flex}.lecSection h2{color:#fff;margin:0 0 12px;font-size:48px}.lecSection p{color:#d1d5db;max-width:760px;font-size:19px;line-height:1.6}.button{border-radius:999px;justify-content:center;align-items:center;padding:15px 28px;font-weight:900;text-decoration:none;display:inline-flex}.buttonPrimary{color:var(--dark);background:#fff}.contactSection{border-top:1px solid var(--line);background:#fff;grid-template-columns:minmax(300px,500px) 1fr;align-items:center;gap:70px;display:grid}.contactCopy{text-align:left}.contactForm{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contactForm input,.contactForm textarea{color:#fff;background:#2b2a34;border:1px solid #333845;border-radius:12px;width:100%;padding:18px 20px;font-family:Arial,Helvetica,sans-serif;font-size:18px}.contactForm input::placeholder,.contactForm textarea::placeholder{color:#c4c7cc}.contactForm input:nth-child(3),.contactForm textarea{grid-column:span 2}.contactForm textarea{resize:vertical;min-height:150px}.contactForm button{background:var(--dark);color:#fff;cursor:pointer;border:none;border-radius:999px;width:fit-content;padding:15px 28px;font-size:16px;font-weight:900}.hero,.eyebrow,.badge,.darkText{display:none}@media (width<=900px){.header{flex-direction:column;gap:20px;height:auto;padding:22px}.nav{flex-wrap:wrap;justify-content:center;gap:18px}.cards,.contactSection,.contactForm{grid-template-columns:1fr}.contactForm input:nth-child(3),.contactForm textarea{grid-column:span 1}.lecSection{flex-direction:column;align-items:flex-start;margin:24px;padding:34px}}.lecCopy{max-width:620px}.lecCopy .button{margin-top:22px}.dashboardPreview{background:#ffffff14;border:1px solid #ffffff29;border-radius:24px;width:min(520px,100%);padding:26px}.dashboardHeader{color:#e5e7eb;align-items:center;gap:10px;margin-bottom:22px;font-weight:900;display:flex}.statusDot{background:#22c55e;border-radius:50%;width:11px;height:11px;box-shadow:0 0 18px #22c55e}.dashboardGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.dashMetric{background:#ffffff1a;border-radius:16px;padding:18px}.dashMetric strong{color:#fff;margin-bottom:6px;font-size:28px;display:block}.dashMetric span{color:#d1d5db;font-size:14px}@media (width<=900px){.dashboardGrid{grid-template-columns:1fr}}.heroBanner{text-align:center;background-color:#0000;background-image:linear-gradient(#0b111cd1,#0b111cd1),url(https://images.unsplash.com/photo-1517048676732-d65bc937f952?auto=format&fit=crop&w=1800&q=80);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;height:75vh;min-height:750px;padding:100px 6vw;display:flex}.heroInner{max-width:1100px}.heroCompany{color:#9ca3af;letter-spacing:4px;margin-bottom:20px;font-weight:800}.heroTitle{color:#fff;margin-bottom:24px;font-size:clamp(48px,6vw,88px);line-height:1}.heroSubtitle{color:#d1d5db;max-width:850px;margin:0 auto;font-size:24px;line-height:1.5}.heroButtons{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px;display:flex}.buttonSecondaryHero{color:#fff;background:0 0;border:1px solid #ffffff80}.heroCompany{color:#d1d5db;margin-bottom:28px}.heroCompanyName{letter-spacing:6px;text-transform:uppercase;font-weight:900}.heroTagline{color:#d1d5db;letter-spacing:1px;margin-top:14px;font-size:18px;font-weight:700}.heroInner{width:min(1200px,90vw);margin:0 auto}.heroTitle{min-height:180px}.heroSubtitle{min-height:80px}.footer{color:#fff;background:#0b111c;padding:48px 6vw 28px}.footer h3{margin:0 0 12px;font-size:26px}.footer p{color:#d1d5db;max-width:720px;line-height:1.6}.footerLinks{flex-wrap:wrap;gap:28px;margin:28px 0;display:flex}.footerLinks a{color:#fff;font-weight:800;text-decoration:none}.footerBottom{color:#9ca3af;border-top:1px solid #ffffff1f;padding-top:20px;font-size:14px}.loginPage{background:linear-gradient(#0b111ce0,#0b111ce0),radial-gradient(circle at 100% 0,#4b5563,#0b111c 50%);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.loginCard{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff29;border-radius:28px;width:min(460px,100%);padding:38px;box-shadow:0 30px 80px #00000052}.loginLogo{height:72px;margin-bottom:28px}.loginCard h1{color:#fff;margin:0 0 10px;font-size:42px}.loginCard p{color:#d1d5db;margin-bottom:28px}.loginForm{gap:14px;display:grid}.loginForm input{color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:14px;width:100%;padding:16px 18px;font-size:16px}.loginForm input::placeholder{color:#d1d5db}.loginForm button{color:#0b111c;cursor:pointer;background:#fff;border:none;border-radius:999px;margin-top:8px;padding:16px 20px;font-weight:900}.loginActions{justify-content:space-between;align-items:center;gap:18px;margin-top:24px;display:flex}.loginActions button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:999px;padding:8px 14px}.loginActions a{color:#d1d5db;font-weight:700;text-decoration:none}.forgotPassword{color:#d1d5db;text-align:center;margin-top:4px;font-size:14px;text-decoration:none}.forgotPassword:hover{color:#fff;text-decoration:underline}.dashboardPage{color:#111827;background:#f4f5f7;grid-template-columns:280px 1fr;min-height:100vh;display:grid}.dashboardSidebar{color:#fff;background:#0b111c;padding:28px}.dashboardLogo{width:210px;margin-bottom:42px}.dashboardNav{gap:12px;display:grid}.dashboardNav a{color:#d1d5db;border-radius:12px;padding:14px 16px;font-weight:800;text-decoration:none}.dashboardNav a.active,.dashboardNav a:hover{color:#fff;background:#ffffff1a}.dashboardMain{padding:42px}.dashboardTop{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:34px;display:flex}.dashboardLabel{color:#6b7280;text-transform:uppercase;letter-spacing:2px;margin:0 0 8px;font-weight:900}.dashboardTop h1{color:#0b111c;margin:0;font-size:48px}.dashboardSub{color:#6b7280;font-size:17px}.statusPill{border-radius:999px;padding:12px 18px;font-weight:900}.statusPill.online{color:#166534;background:#dcfce7}.overviewGrid{grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:34px;display:grid}.overviewCard{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:26px}.overviewCard p{color:#6b7280;margin:12px 0 8px;font-weight:800}.overviewCard h2{color:#0b111c;margin:0;font-size:32px}.greenDot{background:#22c55e;border-radius:50%;width:13px;height:13px;display:block;box-shadow:0 0 18px #22c55e}.dashboardSectionTitle{color:#0b111c;margin:34px 0 18px;font-size:24px}.telemetryGrid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;display:grid}.telemetryCard{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px}.telemetryCard p{color:#6b7280;margin:0 0 12px;font-weight:800}.telemetryCard h3{color:#0b111c;margin:0;font-size:30px}.telemetryCard.featured{color:#fff;background:#0b111c}.telemetryCard.featured p,.telemetryCard.featured h3{color:#fff}.alarmPanel{background:#fff;border:1px solid #e5e7eb;border-radius:22px;margin-top:34px;padding:26px}.alarmPanel h3{color:#0b111c;margin:0 0 10px}.alarmPanel p{color:#166534;font-weight:900}@media (width<=900px){.dashboardPage{grid-template-columns:1fr}.dashboardSidebar{position:relative}.dashboardTop{flex-direction:column}.overviewGrid{grid-template-columns:1fr}.dashboardMain{padding:24px}}.inlineStatus{color:#166534;background:#dcfce7;border-radius:999px;align-items:center;gap:9px;margin-top:12px;padding:9px 14px;font-size:14px;font-weight:900;display:inline-flex}.greenDot.small{width:9px;height:9px}.darkOverview{color:#fff;background:#0b111c}.darkOverview p,.darkOverview h2{color:#fff}.dashboardNav a,.dashboardLogout{align-items:center;gap:12px;display:flex}.dashboardLogout{color:#d1d5db;border-radius:12px;padding:14px 16px;font-weight:800;text-decoration:none;position:absolute;bottom:28px;left:28px;right:28px}.dashboardLogout:hover{color:#fff;background:#ffffff1a}.dashboardSidebar{position:relative}.statusPill{align-items:center;gap:8px;display:flex}.bigStatus{justify-content:space-between;align-items:center;min-height:150px;display:flex}.telemetryCard{justify-content:space-between;align-items:center;gap:16px;display:flex}.metricIcon svg{stroke-width:2px;width:34px;height:34px}.telemetryCard.featured .metricIcon{color:#22c55e}.alarmPanel{justify-content:space-between;align-items:center;display:flex}.bigStatus{flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:12px!important;min-height:150px!important;display:flex!important}.bigStatus>div{width:100%}.bigStatus p,.bigStatus h2{text-align:left!important}.loginError{color:#fecaca;background:#ef444429;border:1px solid #ef444459;border-radius:12px;padding:12px 14px;font-size:14px}.dashboardLogout{cursor:pointer;font-family:inherit;font-size:inherit;text-align:left;background:0 0;border:none}