:root{
    --ink:#06152f;--ink2:#0a234d;--blue:#0785ff;--blue2:#0055cf;--cyan:#20d7ff;
    --green:#42d563;--amber:#ffb51b;--violet:#9b5cff;--muted:#667793;--line:#dce6f4;
    --panel:#0a1932;--panel2:#0d2854;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff}
img{max-width:100%}
a,button,input,select,textarea{font:inherit}
.site-header{
    min-height:84px;padding:10px clamp(20px,4.5vw,76px);display:flex;align-items:center;justify-content:space-between;
    border-bottom:1px solid rgba(118,153,202,.22);position:sticky;top:0;z-index:30;
    background:rgba(3,14,34,.96);backdrop-filter:blur(18px)
}
.brand img{display:block;width:min(355px,35vw);max-height:62px;object-fit:contain;object-position:left}
.site-header nav{display:flex;align-items:center;gap:24px}
.site-header nav a{color:#cbd9ee;text-decoration:none;font-size:.86rem;font-weight:800}
.site-header nav a:hover{color:#fff}
.portal-link{padding:11px 15px;border:1px solid #1d84ff;border-radius:9px;background:#0a2d5f;color:#fff!important}
.mobile-menu{display:none;border:1px solid #346497;background:#0b2448;color:#fff;border-radius:8px;padding:9px 12px;font-weight:800}

.hero{
    min-height:730px;padding:74px clamp(20px,5vw,88px) 64px;display:grid;grid-template-columns:.73fr 1.27fr;gap:50px;align-items:center;
    background:
        radial-gradient(circle at 73% 38%,rgba(0,114,255,.22),transparent 29%),
        radial-gradient(circle at 92% 20%,rgba(130,54,255,.13),transparent 28%),
        linear-gradient(135deg,#020914 0,#06152e 48%,#020914 100%);
    color:#fff;overflow:hidden
}
.hero-copy{position:relative;z-index:2}
.release-pill{display:inline-flex;margin-top:18px;padding:8px 11px;border:1px solid #2368ad;border-radius:999px;background:rgba(8,78,153,.28);color:#9ed8ff;font-size:.66rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.eyebrow,.section-title>span{display:inline-block;font-size:.75rem;font-weight:950;letter-spacing:.13em;color:#47bcff}
h1,h2,h3,p{margin-top:0}
.hero h1{font-size:clamp(3.4rem,5.7vw,6.6rem);line-height:.95;letter-spacing:-.055em;margin:17px 0 26px;max-width:850px}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#22caff,#087bff 58%,#7f63ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{font-size:1.13rem;line-height:1.72;color:#aebed5;max-width:720px}
.hero-actions{display:flex;gap:12px;margin:29px 0 28px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border-radius:9px;font-weight:900;text-decoration:none;letter-spacing:.01em}
.primary{background:linear-gradient(135deg,#0b92ff,#0057d8);color:#fff;box-shadow:0 14px 35px rgba(0,111,255,.28)}
.secondary{border:1px solid #3a608e;color:#d9e9ff;background:rgba(255,255,255,.035)}
.hero-trust{display:flex;flex-wrap:wrap;gap:8px}
.hero-trust span{display:flex;align-items:center;gap:7px;border:1px solid #1b3c67;border-radius:7px;padding:7px 10px;background:#071b39;color:#c0d1e7;font-size:.72rem;font-weight:750}
.hero-trust b{color:#45caff}

.hero-machine{position:relative;min-width:0;border:1px solid #153c70;border-radius:18px;background:linear-gradient(180deg,#071b37,#030b18);padding:14px;box-shadow:0 35px 90px rgba(0,0,0,.42)}
.machine-status{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:5px 5px 12px;color:#88b8ec;font-size:.7rem;font-weight:900;letter-spacing:.1em}
.machine-status strong{color:#dcecff;font-size:.76rem;letter-spacing:.02em;text-align:right}
.production-art{display:block;width:100%;border-radius:11px;border:1px solid #1a3f6d;background:#020710}
.machine-overlay{position:absolute;left:17%;right:13%;top:45%;height:35%;pointer-events:none;overflow:visible}
.scan-beam{position:absolute;top:0;bottom:0;width:11%;background:linear-gradient(90deg,transparent,rgba(37,205,255,.22),rgba(37,205,255,.6),transparent);filter:blur(2px);animation:scanBeam 6.2s linear infinite}
.flow-packet{position:absolute;bottom:21%;width:13px;height:13px;border-radius:50%;background:#5df66f;box-shadow:0 0 7px #5df66f,0 0 18px #22caff;animation:packet 6.2s linear infinite}
.packet-two{animation-delay:3.1s;background:#55b7ff}
.pipeline-counters{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center;padding:12px 2px 2px}
.pipeline-counters div{min-width:0;text-align:center;border:1px solid #17365f;background:#07182f;border-radius:9px;padding:8px 4px;transition:.25s}
.pipeline-counters div.active{border-color:#27a9ff;background:#0b2854;box-shadow:0 0 22px rgba(34,174,255,.18)}
.pipeline-counters span{display:block;color:#7593b9;font-size:.61rem;text-transform:uppercase;font-weight:850;letter-spacing:.08em}
.pipeline-counters strong{display:block;color:#fff;font-size:1.25rem;margin-top:2px}
.pipeline-counters i{font-style:normal;color:#3a75b9;font-size:1.35rem}
.machine-caption{padding:11px 4px 1px;color:#6f91ba;font-size:.67rem;text-align:right}
.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#30d66a;margin-right:6px;box-shadow:0 0 10px #30d66a;animation:pulse 1.5s ease-in-out infinite}

.brand-strip{padding:22px clamp(20px,5vw,88px);display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:12px;align-items:center;background:#f4f8fd;border-bottom:1px solid #dce6f2}
.brand-strip>div:first-child{display:grid;gap:3px}
.brand-strip strong{font-size:.95rem}
.brand-strip span{font-size:.73rem;color:#627491}
.mini-feature{border-left:1px solid #d1dceb;padding-left:17px;display:grid;gap:2px}
.mini-feature b{color:#075ec7;font-size:.76rem;letter-spacing:.08em}

.workflow,.marketing{padding:92px clamp(20px,5vw,88px)}
.section-title{text-align:center;max-width:850px;margin:0 auto 46px}
.section-title h2,.crm-band h2,.operations h2,.demo h2{font-size:clamp(2.35rem,4.1vw,4.5rem);line-height:1.02;letter-spacing:-.045em;margin:10px 0 14px}
.section-title p,.operations p,.crm-band p,.demo p{color:var(--muted);line-height:1.7}
.workflow-stage{max-width:1450px;margin:auto}
.workflow-track{height:90px;margin:0 8.3% 8px;position:relative;border-bottom:6px solid #d9e4f2}
.workflow-track:before{content:'';position:absolute;left:0;right:0;bottom:-6px;height:6px;background:repeating-linear-gradient(90deg,#8ea3bc 0 24px,#c6d2df 24px 47px);opacity:.5}
.track-fill{position:absolute;left:0;bottom:-6px;width:0;height:6px;background:linear-gradient(90deg,#0b81f4,#15b9ff,#4acb68);transition:width .65s ease}
.asset-cart{position:absolute;left:0;bottom:8px;width:82px;height:58px;border-radius:8px;background:linear-gradient(145deg,#102d54,#07152d);border:2px solid #168cff;box-shadow:0 12px 23px rgba(7,55,116,.22);display:grid;place-items:center;transition:left .65s ease;transform:translateX(-50%)}
.asset-cart:after{content:'';position:absolute;width:58px;height:6px;bottom:-14px;background:#6c7d91;border-radius:4px}
.asset-screen{color:#6ad2ff;border:1px solid #277cc4;background:#041327;padding:5px 12px;font-size:.73rem;font-weight:950}
.asset-cart small{position:absolute;top:-20px;font-size:.56rem;font-weight:950;color:#0673d8;letter-spacing:.1em}
.workflow-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}
.workflow-grid article{padding:23px 18px;border:1px solid var(--line);border-radius:14px;background:#fbfdff;min-height:245px;transition:.3s;position:relative}
.workflow-grid article.active{border-color:#178cff;background:#f3f9ff;box-shadow:0 15px 35px rgba(18,108,205,.12);transform:translateY(-4px)}
.workflow-grid article b{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#0c65cc;color:#fff;font-size:.7rem}
.stage-icon{float:right;color:#0b73df;font-size:1.3rem;font-weight:900}
.workflow-grid h3{margin:18px 0 9px;font-size:1.16rem}
.workflow-grid p{font-size:.83rem;line-height:1.58;color:#64748b}

.operations{padding:88px clamp(20px,5vw,88px);display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center;background:linear-gradient(130deg,#06172f,#0b2a56);color:#fff}
.operations p{color:#bacce3;max-width:700px}
.operations-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}
.operations-list span{padding:12px 14px;border:1px solid #21446e;background:#0a2247;border-radius:9px;color:#d8e6f7;font-size:.8rem;font-weight:800}
.brand-visual{text-align:center}
.brand-visual img{width:min(760px,100%);filter:drop-shadow(0 25px 40px rgba(0,0,0,.38))}

.crm-band{padding:94px clamp(20px,5vw,88px);display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;background:#f3f7fd}
.crm-band .eyebrow{color:#0669d4}
.channel-row{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 14px}
.channel-row span{background:#fff;border:1px solid #d6e3f2;border-radius:999px;padding:9px 12px;color:#17436f;font-size:.76rem;font-weight:900}
.channel-note{font-size:.83rem}
.crm-demo{background:#081a34;border-radius:18px;padding:0 20px 20px;color:#fff;box-shadow:0 28px 65px rgba(14,50,96,.22)}
.crm-window-bar{height:45px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #17365e;color:#7895ba;font-size:.7rem}
.crm-window-bar span{width:8px;height:8px;border-radius:50%;background:#2b517d}
.crm-window-bar b{margin-left:auto;font-size:.7rem}
.crm-person{display:flex;align-items:center;gap:13px;padding:20px 0;border-bottom:1px solid #17365e}
.avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#0b66d4;font-weight:950}
.crm-person>div:nth-child(2){display:grid;gap:3px}
.crm-person>div:nth-child(2) span{color:#85a0c2;font-size:.74rem}
.crm-person em{margin-left:auto;font-style:normal;font-size:.61rem;background:#183c2a;color:#73df91;border:1px solid #286344;border-radius:999px;padding:6px 8px}
.crm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px 0}
.crm-stats div{background:#0d2549;border:1px solid #183a68;border-radius:10px;padding:12px}
.crm-stats span{display:block;color:#7997bb;font-size:.65rem}
.crm-stats strong{display:block;margin-top:4px}
.crm-timeline{display:grid;gap:8px}
.crm-timeline>div{display:grid;grid-template-columns:55px 1fr auto;gap:12px;align-items:center;padding:12px;background:#0b2243;border:1px solid #16375f;border-radius:10px}
.crm-timeline i{font-style:normal;color:#58c4ff;font-size:.61rem;font-weight:950}
.crm-timeline p{margin:0;color:#fff!important;display:grid;gap:2px;line-height:1.3!important}
.crm-timeline p b{font-size:.79rem}.crm-timeline p span{font-size:.69rem;color:#8ba5c4}
.crm-timeline time{font-size:.64rem;color:#6f8daf}

.marketing{background:#fff}
.marketing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;max-width:1250px;margin:auto}
.marketing-grid article{padding:29px;border:1px solid var(--line);border-radius:16px;background:#fbfdff}
.marketing-grid article>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#e5f2ff;color:#0565cb;font-weight:950;font-size:.72rem}
.marketing-grid h3{font-size:1.17rem;margin:17px 0 9px}
.marketing-grid p{font-size:.86rem;line-height:1.65;color:var(--muted)}

.communications-showcase{padding:96px clamp(20px,5vw,88px);display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:center;background:linear-gradient(135deg,#031025,#071d3d 55%,#082957);color:#fff;overflow:hidden}
.communications-copy h2{font-size:clamp(2.4rem,4.2vw,4.7rem);line-height:1.01;letter-spacing:-.048em;margin:12px 0 18px}
.communications-copy>p{color:#afc3dc;line-height:1.7;max-width:700px}
.communications-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0 29px}
.communications-capabilities div{display:grid;gap:4px;padding:13px 14px;border:1px solid #244b78;border-radius:10px;background:rgba(8,38,76,.68)}
.communications-capabilities strong{font-size:.78rem;color:#eef7ff}.communications-capabilities span{font-size:.68rem;line-height:1.45;color:#82a5cb}
.communications-window{border:1px solid #2d5e93;border-radius:18px;background:#f6f9fd;color:#0b1d38;box-shadow:0 34px 90px rgba(0,0,0,.38);overflow:hidden;transform:rotate(.3deg)}
.comm-window-bar{height:48px;padding:0 17px;display:flex;align-items:center;gap:7px;background:#071a35;color:#8da9c9;border-bottom:1px solid #234366;font-size:.72rem}
.comm-window-bar>span{width:8px;height:8px;border-radius:50%;background:#315476}.comm-window-bar b{margin-left:7px;color:#e8f3ff}.comm-window-bar em{margin-left:auto;font-style:normal;color:#72e897;font-size:.59rem;font-weight:950;letter-spacing:.1em}
.comm-layout{min-height:440px;display:grid;grid-template-columns:128px .82fr 1.18fr}
.comm-layout aside{padding:20px 12px;border-right:1px solid #d7e2ef;background:#eef4fb;display:grid;align-content:start;gap:6px}
.comm-layout aside>strong,.comm-list>small{font-size:.58rem;letter-spacing:.1em;color:#778ba5;margin-bottom:5px}
.comm-layout aside>span{display:flex;justify-content:space-between;padding:9px 8px;border-radius:7px;font-size:.68rem;font-weight:750;color:#3d5675}.comm-layout aside>span.active{background:#dceaff;color:#075fc5}.comm-layout aside b{font-size:.61rem}
.comm-list{padding:20px 10px;border-right:1px solid #d7e2ef;background:#fff}
.comm-list article{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:12px 8px;border-bottom:1px solid #e5ebf3}
.comm-list article.active{margin:0 -4px;background:#e8f2ff;border:1px solid #b9d5f7;border-radius:8px}
.comm-list i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#dce9fa;color:#1767bd;font-style:normal;font-size:.63rem;font-weight:900}
.comm-list article>div{display:grid;min-width:0}.comm-list strong{font-size:.68rem}.comm-list span{font-size:.59rem;color:#70849e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comm-list time{font-size:.56rem;color:#7890aa}
.comm-detail{padding:30px 24px;background:#fbfdff}.comm-detail h3{font-size:1.35rem;margin:14px 0 3px}.comm-detail>a{color:#1768c4;font-size:.72rem;font-weight:800}
.comm-badge{display:inline-block;padding:5px 7px;border-radius:999px;background:#e2f8e8;color:#18733a;font-size:.55rem;font-weight:950;letter-spacing:.06em}
.message-bubble{margin:35px 0 20px;padding:15px;border-radius:13px 13px 13px 3px;background:#e8f2ff;color:#173b68;font-size:.77rem;line-height:1.5}
.comm-context{display:grid;gap:5px;padding:13px;border:1px solid #d9e4f0;border-radius:9px;background:#fff}.comm-context strong{font-size:.72rem}.comm-context span{font-size:.64rem;color:#6e839d}
.comm-actions{display:flex;gap:7px;margin-top:16px}.comm-actions button{border:1px solid #b9cee5;background:#fff;color:#155ba7;border-radius:7px;padding:8px 10px;font-size:.64rem;font-weight:850}

.cta-ribbon{margin:0 clamp(20px,5vw,88px);padding:24px 28px;border:1px solid #1b4c83;border-radius:18px;background:linear-gradient(120deg,#04152f,#092d61);display:grid;grid-template-columns:1.4fr .8fr auto;gap:25px;align-items:center;color:#fff}
.cta-ribbon img{width:100%;max-height:130px;object-fit:contain;object-position:left}
.cta-ribbon>div{display:grid;gap:5px}.cta-ribbon>div span{color:#9fb4cf;font-size:.78rem}

.demo{padding:100px clamp(20px,5vw,88px);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start;background:#fff}
.demo-copy{position:sticky;top:120px}
.demo-points{display:grid;gap:11px;margin-top:28px;color:#315076;font-weight:800;font-size:.83rem}
.lead-form{background:linear-gradient(145deg,#061a3a,#0a2c5e);padding:30px;border-radius:19px;color:#fff;box-shadow:0 28px 80px rgba(15,48,95,.2)}
.lead-form .row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.lead-form label{display:block;font-size:.77rem;font-weight:850;margin-bottom:15px;color:#dbe7fa}
.lead-form input,.lead-form select,.lead-form textarea{width:100%;margin-top:7px;border:1px solid #53719d;background:#fff;color:#102347;border-radius:9px;padding:12px 13px;outline:none}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{box-shadow:0 0 0 3px rgba(40,137,255,.22);border-color:#4ba2ff}
.check{display:flex!important;gap:10px;align-items:flex-start;font-weight:500!important}.check input{width:auto!important;margin-top:2px}
.submit-button{width:100%;border:0;border-radius:9px;padding:14px;background:linear-gradient(90deg,#0b8af6,#0059d5);color:#fff;font-weight:950;font-size:1rem;cursor:pointer}
.honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.validation,.field-errors{color:#ffd1d1;font-size:.78rem}.field-errors{display:flex;gap:15px;margin-top:10px}

footer{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:28px clamp(20px,5vw,88px);background:#020b18;color:#98abc5;font-size:.78rem}
footer img{width:260px;max-height:70px;object-fit:contain;object-position:left}
footer div{display:flex;gap:18px}footer a{color:#8fc8ff;text-decoration:none;font-weight:850}

@keyframes scanBeam{0%{left:-10%}100%{left:105%}}
@keyframes packet{0%{left:0;opacity:0}7%{opacity:1}92%{opacity:1}100%{left:98%;opacity:0}}
@keyframes pulse{0%,100%{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}

@media(max-width:1180px){
    .hero,.operations,.crm-band,.demo,.communications-showcase{grid-template-columns:1fr}.hero{padding-top:55px}.hero-machine{max-width:1000px;margin:auto}.workflow-grid{grid-template-columns:repeat(3,1fr)}
    .workflow-track{display:none}.cta-ribbon{grid-template-columns:1fr auto}.cta-ribbon img{grid-column:1/-1;max-height:105px}.demo-copy{position:static}.site-header nav{gap:13px}.site-header nav a:not(.portal-link){display:none}
    .brand-strip{grid-template-columns:1.5fr repeat(2,1fr)}.brand-strip .mini-feature:nth-child(4),.brand-strip .mini-feature:nth-child(5){display:none}
}
@media(max-width:720px){
    .site-header{min-height:68px;padding:8px 16px}.brand img{width:245px}.mobile-menu{display:block}.site-header nav{display:none;position:absolute;left:0;right:0;top:68px;padding:14px 18px;background:#06162f;border-bottom:1px solid #23466f;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.site-header nav a,.site-header nav a:not(.portal-link){display:block;padding:9px 4px}.portal-link{text-align:center}
    .hero,.workflow,.operations,.crm-band,.marketing,.demo,.communications-showcase{padding:58px 18px}.hero{min-height:0}.hero h1{font-size:3.35rem}.hero-machine{padding:8px}.machine-status{align-items:flex-start;flex-direction:column}.pipeline-counters{grid-template-columns:repeat(5,1fr);gap:4px}.pipeline-counters i{display:none}.pipeline-counters div{padding:7px 2px}.pipeline-counters span{font-size:.48rem}.pipeline-counters strong{font-size:1rem}.machine-overlay{display:none}
    .brand-strip{grid-template-columns:1fr 1fr;padding:19px 18px}.brand-strip>div:first-child{grid-column:1/-1}.mini-feature{padding-left:11px}
    .workflow-grid{grid-template-columns:1fr}.workflow-grid article{min-height:0}.workflow-grid article.active{transform:none}
    .operations-list,.communications-capabilities{grid-template-columns:1fr}.crm-stats{grid-template-columns:1fr}.crm-timeline>div{grid-template-columns:46px 1fr}.crm-timeline time{display:none}.marketing-grid{grid-template-columns:1fr}.comm-layout{grid-template-columns:88px 1fr}.comm-detail{grid-column:1/-1;border-top:1px solid #d7e2ef}.comm-layout{min-height:0}.comm-layout aside{padding:14px 7px}.comm-list{padding:14px 7px}
    .cta-ribbon{margin:0 18px;padding:20px;grid-template-columns:1fr}.cta-ribbon .button{width:100%}
    .lead-form .row{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start}footer img{width:240px}
}
@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}.scan-beam,.flow-packet,.pulse-dot{animation:none}.workflow-grid article,.track-fill,.asset-cart{transition:none}
}

/* 2.17.1 - make the hero production-line animation unmistakable */
.hero-asset{
    position:absolute;left:2%;bottom:7%;width:76px;height:72px;z-index:8;
    transition:left .78s cubic-bezier(.22,.75,.25,1), transform .28s ease;
    filter:drop-shadow(0 9px 10px rgba(0,0,0,.55))
}
.hero-asset-monitor{
    width:58px;height:43px;margin:auto;border:3px solid #42c7ff;border-radius:6px;
    background:linear-gradient(145deg,#07244e,#0b67c7);box-shadow:0 0 12px #168cff,0 0 26px rgba(22,140,255,.65);
    display:grid;place-items:center
}
.hero-asset-monitor span{font-weight:950;font-size:.8rem;color:#fff;text-shadow:0 0 7px #35bfff}
.hero-asset-base{width:68px;height:9px;margin:3px auto 0;border-radius:50%;background:#1c3652;border:2px solid #5299d2}
.hero-asset small{
    position:absolute;left:50%;top:-24px;transform:translateX(-50%);white-space:nowrap;
    color:#fff;background:#086fde;border:1px solid #4dc7ff;border-radius:999px;padding:3px 7px;
    font-size:.55rem;font-weight:950;letter-spacing:.08em;box-shadow:0 0 15px rgba(0,127,255,.55)
}
.hero-asset.processing{transform:translateY(-7px) scale(1.06)}
.station-lights{position:absolute;left:0;right:0;bottom:2%;display:grid;grid-template-columns:repeat(6,1fr);align-items:center}
.station-lights span{
    justify-self:center;width:18px;height:18px;border-radius:50%;border:2px solid #315278;background:#07162c;
    box-shadow:0 0 0 rgba(0,0,0,0);transition:.25s
}
.station-lights span.active{
    background:#5cff7a;border-color:#baffc7;
    box-shadow:0 0 8px #5cff7a,0 0 20px #2ce955,0 0 35px rgba(44,233,85,.75)
}
.pipeline-counters div.active{transform:translateY(-3px) scale(1.04);border-color:#56caff!important;box-shadow:0 0 12px #148cff,0 0 28px rgba(20,140,255,.36)!important}
.pipeline-counters div.active strong{color:#75e6ff;text-shadow:0 0 10px #1ea9ff}
.machine-status strong{min-height:1em}