.live-scada-page{--o:#ED8B00;--cyan:#35c7ff;--green:#28d17c;min-height:100vh;background:#02070c;color:#f5f7fa;overflow-x:hidden}.live-scada-hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(237,139,0,.26);background:radial-gradient(circle at 76% 28%,rgba(29,112,166,.24),transparent 29%),radial-gradient(circle at 18% 76%,rgba(237,139,0,.12),transparent 30%),linear-gradient(180deg,#06131e,#02070c)}.live-scada-grid-bg{position:absolute;inset:0;opacity:.34;background-image:linear-gradient(rgba(237,139,0,.055) 1px,transparent 0),linear-gradient(90deg,rgba(53,199,255,.055) 1px,transparent 0);background-size:50px 50px;-webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.75) 72%,transparent);mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.75) 72%,transparent)}.live-scada-orbit{position:absolute;border:1px solid rgba(53,199,255,.14);border-radius:50%;pointer-events:none}.live-scada-orbit.one{width:580px;height:580px;right:-120px;top:-170px}.live-scada-orbit.two{width:380px;height:380px;right:80px;top:-70px;border-style:dashed}.live-scada-orbit.three{width:210px;height:210px;right:245px;top:15px;border-color:rgba(237,139,0,.22)}.live-scada-hero-inner{position:relative;z-index:2;min-height:500px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.48fr);grid-gap:56px;gap:56px;align-items:center;padding:66px 0 62px}.live-scada-kicker{color:var(--o);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:950}.live-scada-hero h1{margin:12px 0 0;font-size:clamp(46px,5.4vw,78px);line-height:.94;letter-spacing:-.055em}.live-scada-hero h1 span{display:block;color:var(--o);text-shadow:0 0 44px rgba(237,139,0,.23)}.live-scada-hero p{max-width:850px;color:#becbd6;font-size:17px;line-height:1.66}.live-scada-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.live-scada-badges span{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(237,139,0,.3);border-radius:999px;padding:9px 12px;background:rgba(5,15,24,.76);font-size:12px;font-weight:850}.live-scada-badges svg{width:16px;color:var(--o)}.live-scada-status{position:relative;padding:25px;border:1px solid rgba(237,139,0,.55);border-radius:18px;background:linear-gradient(180deg,rgba(8,25,38,.96),rgba(3,11,18,.97));box-shadow:0 28px 84px rgba(0,0,0,.45);overflow:hidden}.live-scada-status:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--o),var(--cyan),transparent)}.live-scada-status-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.live-scada-status-top span{font-size:11px;color:var(--o);font-weight:950;letter-spacing:.14em;text-transform:uppercase}.live-scada-live-dot{display:inline-flex;align-items:center;gap:8px!important;color:#bdebd5!important;letter-spacing:.08em!important}.live-scada-live-dot i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(40,209,124,.8)}.live-scada-status strong{display:block;margin-top:10px;font-size:30px}.live-scada-status p{font-size:14px}.live-scada-status small{display:block;color:#8194a4;line-height:1.58}.live-scada-status-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:18px;padding-top:17px;border-top:1px solid rgba(255,255,255,.08)}.live-scada-status-grid div{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025)}.live-scada-status-grid b{display:block;color:#fff;font-size:13px}.live-scada-status-grid span{display:block;margin-top:4px;color:#748896;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.live-scada-section{padding:58px 0;background:linear-gradient(180deg,#02070c,#040c13)}.live-scada-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}.live-scada-section-head h2{margin:8px 0 0;font-size:clamp(32px,3.4vw,48px);letter-spacing:-.045em}.live-scada-section-head p{margin:8px 0 0;color:#8fa0ae;max-width:760px;line-height:1.55}.live-scada-state{display:flex;align-items:center;gap:9px;color:#a7b6c2;font-size:12px;font-weight:850;white-space:nowrap}.live-scada-state i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(40,209,124,.75)}.live-scada-pipeline{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px;margin-bottom:24px}.live-scada-pipeline-step{position:relative;min-height:116px;padding:17px;border:1px solid rgba(87,137,169,.22);border-radius:14px;background:linear-gradient(180deg,#081722,#040d14)}.live-scada-pipeline-step:not(:last-child):after{content:"→";position:absolute;right:-13px;top:43px;z-index:2;color:var(--o);font-weight:950}.live-scada-pipeline-step svg{color:var(--o);width:22px}.live-scada-pipeline-step strong{display:block;margin-top:10px;font-size:13px}.live-scada-pipeline-step span{display:block;margin-top:5px;color:#738796;font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.06em}.live-scada-shell{border:1px solid rgba(237,139,0,.36);border-radius:20px;overflow:hidden;background:#050d14;box-shadow:0 28px 80px rgba(0,0,0,.35)}.live-scada-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,#091722,#071019)}.live-scada-brand{display:flex;align-items:center;gap:12px}.live-scada-brand svg{color:var(--o)}.live-scada-brand strong{display:block;font-size:14px}.live-scada-brand span{display:block;margin-top:2px;color:#748796;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.live-scada-open{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 13px;border:1px solid rgba(237,139,0,.5);border-radius:9px;background:#0b151d;color:#fff;font-size:11px;font-weight:900;text-transform:uppercase}.live-scada-open:hover{background:#161d22}.live-scada-open svg{width:15px;color:var(--o)}.live-scada-frame-wrap{position:relative;height:min(760px,72vw);min-height:540px;background:radial-gradient(circle at 50% 42%,rgba(53,199,255,.07),transparent 36%),#03090e}.live-scada-frame{display:block;width:100%;height:100%;border:0;background:#03090e}.live-scada-placeholder{height:100%;min-height:540px;display:grid;place-items:center;padding:36px}.live-scada-placeholder-inner{max-width:720px;text-align:center}.live-scada-placeholder-icon{width:84px;height:84px;margin:0 auto 20px;display:grid;place-items:center;border-radius:22px;border:1px solid rgba(237,139,0,.45);background:rgba(237,139,0,.08);box-shadow:0 0 56px rgba(237,139,0,.1)}.live-scada-placeholder-icon svg{color:var(--o)}.live-scada-placeholder h3{margin:0;font-size:28px}.live-scada-placeholder p{color:#8ea0ad;line-height:1.65}.live-scada-placeholder code{display:inline-block;margin-top:8px;padding:7px 10px;border-radius:8px;background:#0a1720;color:#f1b25a;font-size:12px}.live-scada-cap-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-top:24px}.live-scada-cap{padding:20px;border:1px solid rgba(94,140,168,.22);border-radius:14px;background:rgba(7,20,30,.86)}.live-scada-cap svg{color:var(--o);width:23px}.live-scada-cap strong{display:block;margin-top:12px;font-size:15px}.live-scada-cap p{margin:6px 0 0;color:#8193a1;font-size:12px;line-height:1.5}.live-scada-note{margin-top:20px;display:flex;gap:14px;align-items:flex-start;border:1px solid rgba(237,139,0,.25);border-radius:14px;padding:17px 19px;background:rgba(6,18,28,.75)}.live-scada-note svg{color:var(--o);flex:0 0 auto}.live-scada-note strong{font-size:13px}.live-scada-note p{margin:4px 0 0;color:#8799a6;line-height:1.55;font-size:12px}@media(max-width:1100px){.live-scada-hero-inner{grid-template-columns:1fr}.live-scada-status{max-width:680px}.live-scada-pipeline{grid-template-columns:repeat(3,1fr)}.live-scada-pipeline-step:after{display:none}.live-scada-cap-grid{grid-template-columns:1fr 1fr}.live-scada-frame-wrap{height:720px}}@media(max-width:760px){.live-scada-hero-inner,.live-scada-section{padding:44px 0}.live-scada-section-head{align-items:flex-start;flex-direction:column}.live-scada-pipeline{grid-template-columns:1fr 1fr}.live-scada-cap-grid{grid-template-columns:1fr}.live-scada-frame-wrap{height:680px;min-height:500px}.live-scada-bar{align-items:flex-start;flex-direction:column}.sst-shell{width:min(100% - 28px,1380px)}}.live-scada-demo-dot{display:inline-flex;align-items:center;gap:8px!important;color:#f2c27a!important;letter-spacing:.08em!important}.live-scada-demo-dot i{width:9px;height:9px;border-radius:50%;background:var(--o);box-shadow:0 0 14px rgba(237,139,0,.7)}.live-scada-state-demo i{background:var(--o);box-shadow:0 0 12px rgba(237,139,0,.7)}.live-scada-snapshot-badge{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid rgba(237,139,0,.55);border-radius:9px;background:rgba(237,139,0,.08);color:#f3b85e;font-size:10px;font-weight:950;letter-spacing:.12em}.live-scada-static-wrap{height:auto;min-height:0;padding:24px;background:radial-gradient(circle at 50% 35%,rgba(53,199,255,.08),transparent 35%),#03090e}.live-scada-static-panel{position:relative;min-height:610px;padding:26px;border:1px solid rgba(80,145,180,.38);border-radius:14px;background:linear-gradient(180deg,#07141e,#03090e);box-shadow:inset 0 0 60px rgba(0,0,0,.38);overflow:hidden}.live-scada-static-panel:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(53,199,255,.055) 1px,transparent 0),linear-gradient(90deg,rgba(53,199,255,.055) 1px,transparent 0);background-size:32px 32px}.live-scada-static-footer,.live-scada-static-head,.live-scada-static-health,.live-scada-static-title,.live-scada-static-values,.live-scada-static-watermark{position:relative;z-index:1}.live-scada-static-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.09)}.live-scada-static-head strong{display:block;font-size:17px;letter-spacing:.02em}.live-scada-static-head span{display:block;margin-top:3px;color:#7890a0;font-size:10px;text-transform:uppercase;letter-spacing:.13em}.live-scada-static-state{display:flex;align-items:center;gap:8px;color:#f0c27e;font-size:10px;font-weight:950;letter-spacing:.12em}.live-scada-static-state i{width:8px;height:8px;border-radius:50%;background:var(--o);box-shadow:0 0 14px rgba(237,139,0,.7)}.live-scada-static-title{padding:28px 0 22px;text-align:center}.live-scada-static-title>span{color:var(--o);font-size:10px;font-weight:950;letter-spacing:.18em}.live-scada-static-title h3{margin:6px 0 5px;font-size:31px;letter-spacing:-.035em}.live-scada-static-title p{margin:0 auto;max-width:720px;color:#8296a5;font-size:12px}.live-scada-static-values{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.live-scada-static-values article{position:relative;padding:20px 18px;border:1px solid rgba(79,135,166,.28);border-radius:12px;background:linear-gradient(180deg,rgba(10,29,42,.96),rgba(5,15,22,.96));text-align:center}.live-scada-static-values article:after{content:"";position:absolute;left:14%;right:14%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--o),transparent)}.live-scada-static-values span{display:block;color:#8da1ae;font-size:10px;font-weight:900;letter-spacing:.11em}.live-scada-static-values strong{display:inline-block;margin-top:8px;color:#fff;font:800 clamp(32px,4vw,58px)/1 Courier New,monospace;text-shadow:0 0 22px rgba(53,199,255,.2)}.live-scada-static-values b{margin-left:7px;color:var(--o);font-size:13px}.live-scada-static-values small{display:block;margin-top:9px;color:#617785;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.live-scada-static-health{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px;margin-top:16px}.live-scada-static-health div{padding:13px 10px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.025);text-align:center}.live-scada-static-health span{display:block;color:#6f8593;font-size:9px;font-weight:850;letter-spacing:.09em}.live-scada-static-health strong{display:block;margin-top:5px;color:#4be094;font-size:12px;letter-spacing:.06em}.live-scada-static-footer{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:22px;padding:13px;border:1px solid rgba(237,139,0,.18);border-radius:9px;background:rgba(237,139,0,.035)}.live-scada-static-footer span{color:#a9b8c2;font-size:9px;font-weight:900;letter-spacing:.1em}.live-scada-static-footer i{color:var(--o);font-style:normal;font-weight:950}.live-scada-static-watermark{margin-top:18px;text-align:center;color:#687c89;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}@media(max-width:900px){.live-scada-static-values{grid-template-columns:1fr 1fr}.live-scada-static-health{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.live-scada-static-wrap{padding:12px}.live-scada-static-panel{padding:16px}.live-scada-static-values{grid-template-columns:1fr}.live-scada-static-health{grid-template-columns:1fr 1fr}.live-scada-static-head{align-items:flex-start;flex-direction:column}}