/* PAGE-BODY CSS (self-contained) — equipment-monitoring-diagnostics (applications/equipment-monitoring-diagnostics)
   Extracted verbatim from CEO-approved production handoff v1 (03 Applications).
   Shared header/footer styled by global.css (loaded after this file). */


/* GLOBAL HEADER / GLOBAL FOOTER — current v2 LinkedIn Only */

  :root {
    --ghf-navy:#001733;
    --ghf-navy-2:#00213f;
    --ghf-navy-3:#082b4f;
    --ghf-cyan:#6ec6e9;
    --ghf-cyan-muted:#335d7c;
    --ghf-gold:#f6aa00;
    --ghf-white:#ffffff;
    --ghf-text-muted:#a9bdd1;
    --ghf-page-bg:#f4f7fa;
    --ghf-focus:#9adcf5;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--ghf-page-bg);color:#081c37;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
  a{text-underline-offset:3px}
  button,a{-webkit-tap-highlight-color:transparent}
  :focus-visible{outline:3px solid var(--ghf-focus);outline-offset:3px}

  /* ==========================================================
     GLOBAL HEADER — desktop values match approved v3 LinkedIn-only master.
     Route note: replace handoff hrefs with final sitemap/CMS URLs.
     Active nav can be set with body[data-active-nav], e.g. Solutions.
     ========================================================== */
  .site-header{position:relative;z-index:1000;height:82px;background:linear-gradient(90deg,var(--ghf-navy-2) 0%,var(--ghf-navy) 45%,#00142d 100%);color:#fff;border-bottom:1px solid rgba(110,198,233,.18)}
  .header-inner{height:100%;padding:0 30px;display:grid;grid-template-columns:180px 1fr 164px;align-items:center;gap:20px;max-width:1440px;margin:0 auto}
  .logo-wrap{display:flex;align-items:center;width:max-content}
  .logo{display:block;width:108px;height:auto}
  .primary-nav{display:flex;align-items:stretch;justify-content:center;height:100%;gap:0}
  .nav-link{position:relative;min-width:102px;height:100%;display:flex;align-items:center;justify-content:center;padding:4px 16px 0;color:#fff;text-decoration:none;font-size:15px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}
  .nav-link::after{content:"";position:absolute;left:9px;right:9px;bottom:10px;height:2px;background:rgba(110,198,233,.18)}
  .nav-link.active::after,.nav-link[aria-current="page"]::after{background:var(--ghf-gold);height:3px}
  .nav-link:hover{color:#fff}
  .header-actions{justify-self:end;display:flex;align-items:center;gap:10px}
  .header-cta,.footer-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:40px;padding:0 18px;border:2px solid var(--ghf-gold);border-radius:4px;color:var(--ghf-gold);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
  .global-arrow{font-size:18px;line-height:1;margin-top:-1px}
  .menu-toggle{display:none;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:4px;background:transparent;color:#fff;align-items:center;justify-content:center;cursor:pointer}
  .menu-toggle-lines{width:20px;height:14px;position:relative;display:block}
  .menu-toggle-lines::before,.menu-toggle-lines::after,.menu-toggle-lines span{content:"";position:absolute;left:0;width:20px;height:2px;background:currentColor;border-radius:2px;transition:transform .18s ease,opacity .18s ease,top .18s ease}
  .menu-toggle-lines::before{top:0}
  .menu-toggle-lines span{top:6px}
  .menu-toggle-lines::after{top:12px}
  .site-header.menu-open .menu-toggle-lines::before{top:6px;transform:rotate(45deg)}
  .site-header.menu-open .menu-toggle-lines span{opacity:0}
  .site-header.menu-open .menu-toggle-lines::after{top:6px;transform:rotate(-45deg)}

  /* PAGE CONTENT PLACEHOLDER ONLY — demonstrates standard section spacing. */
  
  
  .placeholder-note strong{display:block;color:#486079;font-size:24px;line-height:1.2;margin-bottom:8px}
  .placeholder-note span{font-size:14px;line-height:1.5}

  /* ==========================================================
     GLOBAL FOOTER — desktop values match approved v3 LinkedIn-only master.
     ========================================================== */
  .site-footer{background:linear-gradient(90deg,#00203e 0%,var(--ghf-navy) 44%,#00142d 100%);color:#fff;border-top:1px solid rgba(110,198,233,.16)}
  .footer-main{padding:36px 30px 24px;max-width:1440px;margin:0 auto}
  .footer-top{min-height:94px;display:grid;grid-template-columns:220px 1fr 164px;align-items:center;gap:20px}
  .footer-brand .logo{width:116px}
  .footer-nav{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:nowrap}
  .footer-nav a{position:relative;color:#fff;text-decoration:none;font-size:14px;font-weight:600;padding:10px 12px 13px;white-space:nowrap}
  .footer-nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:1px;background:rgba(110,198,233,.26)}
  .footer-cta{justify-self:end}
  .footer-divider{height:1px;background:rgba(110,198,233,.18)}

  .utility-wrap{padding:20px 30px 18px;max-width:1440px;margin:0 auto}
  .utility-grid{border:1px solid rgba(246,170,0,.72);border-radius:8px;display:grid;grid-template-columns:repeat(7,1fr);overflow:hidden;background:rgba(255,255,255,.015)}
  .utility-item{min-height:70px;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;color:#dfeaf3;text-decoration:none;font-size:13.5px;font-weight:600;text-align:left;white-space:nowrap}
  .utility-item + .utility-item{border-left:1px solid rgba(246,170,0,.45)}
  .utility-item svg{width:25px;height:25px;flex:0 0 25px;stroke:#88bfe0;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
  .utility-item.talk{color:#fff}
  .utility-item.talk svg{stroke:var(--ghf-gold)}

  .footer-bottom{max-width:1440px;margin:0 auto;padding:12px 30px 18px;display:flex;align-items:center;justify-content:space-between;color:#8fa6ba;font-size:11px}
  .footer-bottom-left{display:flex;gap:18px;align-items:center}
  .socials{display:flex;align-items:center;gap:9px}
  .social{width:24px;height:24px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:11px;font-weight:700}

  /* TABLET — responsive derivative of approved desktop master. */
  @media (max-width:1100px){
    .header-inner{grid-template-columns:1fr auto;padding:0 24px;gap:12px}
    .logo{width:104px}
    .header-actions{grid-column:2;grid-row:1}
    .menu-toggle{display:inline-flex}
    .primary-nav{display:none;position:absolute;left:0;right:0;top:82px;height:auto;padding:16px 24px 20px;background:linear-gradient(90deg,var(--ghf-navy-2) 0%,var(--ghf-navy) 45%,#00142d 100%);border-top:1px solid rgba(110,198,233,.15);border-bottom:1px solid rgba(110,198,233,.22);box-shadow:0 14px 24px rgba(0,15,35,.24);grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 20px}
    .site-header.menu-open .primary-nav{display:grid}
    .nav-link{min-width:0;height:52px;justify-content:flex-start;padding:0 12px;font-size:15px}
    .nav-link::after{left:12px;right:12px;bottom:5px}
    

    .footer-main{padding:32px 24px 22px}
    .footer-top{grid-template-columns:1fr auto;gap:18px;min-height:0}
    .footer-brand .logo{width:112px}
    .footer-cta{grid-column:2;grid-row:1}
    .footer-nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 12px;justify-content:stretch}
    .footer-nav a{padding:12px 10px 14px}
    .utility-wrap{padding:18px 24px 16px}
    .utility-grid{grid-template-columns:repeat(4,1fr)}
    .utility-item{justify-content:flex-start;white-space:normal;border-left:1px solid rgba(246,170,0,.45);border-top:1px solid rgba(246,170,0,.45)}
    .utility-item:nth-child(-n+4){border-top:0}
    .utility-item:nth-child(4n+1){border-left:0}
    .footer-bottom{padding:12px 24px 18px}
  }

  /* MOBILE — all approved content remains present; no content is omitted. */
  @media (max-width:700px){
    .header-inner{padding:0 16px;gap:8px}
    .logo{width:96px}
    .header-actions{gap:8px}
    .header-cta{padding:0 12px}
    .primary-nav{padding:12px 16px 18px;grid-template-columns:1fr}
    .nav-link{height:50px;padding:0 8px}
    .nav-link::after{left:8px;right:8px}
    
    .placeholder-note strong{font-size:22px}

    .footer-main{padding:30px 16px 20px}
    .footer-top{grid-template-columns:1fr;gap:18px;align-items:start}
    .footer-brand .logo{width:108px}
    .footer-cta{grid-column:1;grid-row:auto;justify-self:start}
    .footer-nav{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}
    .footer-nav a{padding:11px 8px 13px}
    .footer-nav a::after{left:8px;right:8px}
    .utility-wrap{padding:16px}
    .utility-grid{grid-template-columns:repeat(2,1fr)}
    .utility-item{min-height:70px;padding:12px 10px}
    .utility-item:nth-child(-n+4){border-top:1px solid rgba(246,170,0,.45)}
    .utility-item:nth-child(4n+1){border-left:1px solid rgba(246,170,0,.45)}
    .utility-item:nth-child(-n+2){border-top:0}
    .utility-item:nth-child(odd){border-left:0}
    .footer-bottom{padding:12px 16px 18px;gap:16px;align-items:flex-start}
  }

  @media (max-width:420px){
    .header-cta{height:38px;padding:0 10px;font-size:13px}
    .global-arrow{font-size:17px}
    .utility-grid{grid-template-columns:1fr}
    .utility-item{border-left:0!important;border-top:1px solid rgba(246,170,0,.45)!important}
    .utility-item:first-child{border-top:0!important}
    .footer-bottom{flex-direction:column}
    .socials{align-self:flex-start}
  }

  @media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    .menu-toggle-lines::before,.menu-toggle-lines::after,.menu-toggle-lines span{transition:none}
  }
.skip-link{position:fixed;left:16px;top:12px;z-index:2000;padding:10px 14px;border-radius:4px;background:#fff;color:#001733;font-weight:700;text-decoration:none;transform:translateY(-160%);transition:transform .15s ease}.skip-link:focus{transform:translateY(0)}

/* PAGE CONTENT — CEO-approved v13 desktop baseline */
#main-content{background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}
#main-content a{text-decoration:none;color:inherit}
#main-content section[id]{scroll-margin-top:92px}


:root{
  --navy:#031b2e; --navy-deep:#021526; --navy-mid:#062742; --navy-soft:#0b3556;
  --light:#f7f6f3; --light2:#efeeea; --ink:#0b1e30; --muted:#465768;
  --gold:#f6aa00; --gold2:#e58c00; --blue:#145da0; --cyan:#63c4e5; --purple:#9d70b8;
  --lineL:rgba(10,34,54,.17); --lineD:rgba(255,255,255,.18); --max:1280px;
}
*{box-sizing:border-box}
.container{width:min(var(--max),calc(100% - 160px));margin:0 auto}
.section{padding:60px 0;position:relative;overflow:hidden}
.light{background:linear-gradient(180deg,#fbfaf8 0%,#f2f1ee 100%);color:var(--ink)}
.dark{background:
  radial-gradient(circle at 84% 7%,rgba(18,70,112,.65) 0,rgba(7,43,72,.48) 24%,rgba(3,27,46,0) 52%),
  linear-gradient(180deg,#05243d 0%,#031b2e 100%);color:#fff}
.eyebrow{font-size:24px;line-height:1.15;font-weight:700;letter-spacing:.01em;color:var(--gold);text-transform:uppercase;margin:0 0 20px}
h1,h2,h3,p{margin-top:0}
h1{font-size:64px;line-height:1.02;letter-spacing:-.04em;font-weight:500;margin:0 0 34px}
h2{font-size:48px;line-height:1.08;letter-spacing:-.032em;font-weight:500;margin:0 0 18px;max-width:1030px}
h3{font-size:24px;line-height:1.22;font-weight:650;margin:0 0 9px}
.body{font-size:20px;line-height:1.56;margin:0;max-width:940px}
.support{font-size:18px;line-height:1.5;margin:0}
.dark .support{color:#d9e6ef}
.dark .body{color:#edf4f8}
.btnrow{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border:1px solid currentColor;font-size:18px;font-weight:650;letter-spacing:-.01em;border-radius:3px}
.btn.primary{background:var(--gold);border-color:var(--gold);color:#071827}
.btn.secondary{border-color:rgba(255,255,255,.72);color:#fff}
.light .btn.secondary{border-color:#385e80;color:#173e60}
.btn .arr{font-size:22px;margin-left:13px;line-height:1}
.section-intro{max-width:1050px}
.section-intro .body{max-width:930px}
/* hero */
.hero{padding:60px 0;position:relative;overflow:hidden;background:#031b2e;color:#fff}
.hero:before{content:"";position:absolute;inset:0;background:
 radial-gradient(circle at 76% 22%,#0b3a61 0,#062743 28%,#031b2e 63%),
 linear-gradient(180deg,#031b2e,#02192b)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.06fr .94fr;gap:54px;align-items:center}
.hero-copy{padding-top:8px}
.hero-grid .hero-copy h1{margin-bottom:34px}
.hero-copy .body{max-width:650px}
.hero-copy .support{max-width:640px;margin-top:18px;color:#cfdce5}
.hero-visual{height:565px;position:relative;isolation:isolate}
.hero-machine{position:absolute;right:-18px;top:-18px;width:56%;height:600px;overflow:hidden;opacity:.92;z-index:1}
.hero-machine img{width:100%;height:100%;object-fit:cover;object-position:center 19%;display:block;filter:brightness(.75) saturate(.88) contrast(1.08)}
.hero-machine:after{content:"";position:absolute;inset:-2px;background:
 linear-gradient(90deg,#031b2e 0%,rgba(3,27,46,.76) 8%,rgba(3,27,46,.12) 34%,rgba(3,27,46,.02) 68%,rgba(3,27,46,.40) 100%),
 linear-gradient(180deg,rgba(3,27,46,.28) 0%,rgba(3,27,46,.00) 34%,rgba(3,27,46,.05) 66%,#031b2e 100%);
 box-shadow:inset 0 0 70px rgba(3,27,46,.55)}
.hero-gridlines{position:absolute;inset:32px 14px 28px 20px;z-index:0;opacity:.23;background-image:
 linear-gradient(rgba(99,196,229,.25) 1px,transparent 1px),
 linear-gradient(90deg,rgba(99,196,229,.25) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000 17%,#000 90%,transparent)}
.gateway-hub{position:absolute;left:114px;top:198px;width:170px;height:170px;border-radius:50%;border:1px solid rgba(99,196,229,.66);background:rgba(2,26,45,.80);box-shadow:0 0 0 18px rgba(99,196,229,.06),0 0 45px rgba(99,196,229,.13);z-index:5;display:grid;place-items:center}
.gateway-hub:before,.gateway-hub:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(99,196,229,.24)}
.gateway-hub:before{inset:-35px} .gateway-hub:after{inset:25px;border-color:rgba(243,163,31,.30)}
.gateway-icon{width:76px;height:76px;border:1px solid rgba(255,255,255,.34);border-radius:14px;display:grid;place-items:center;background:linear-gradient(180deg,#0b3556,#06243d)}
.gateway-icon svg{width:45px;height:45px;stroke:#fff;fill:none;stroke-width:2;stroke-linejoin:round}
.protocol-stack{position:absolute;left:0;top:102px;z-index:6;display:grid;gap:12px}
.protocol-chip{width:112px;height:55px;border:1px solid rgba(99,196,229,.40);background:rgba(4,34,57,.82);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#d8eff8;box-shadow:0 10px 26px rgba(0,0,0,.12)}
.protocol-chip:nth-child(2){border-color:rgba(243,163,31,.42);color:#f3c66d}
.signal-line{position:absolute;height:1px;transform-origin:left center;z-index:4;background:linear-gradient(90deg,rgba(99,196,229,.10),var(--cyan),rgba(99,196,229,.15))}
.signal-line:after{content:"";position:absolute;right:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(99,196,229,.08)}
.sl1{left:104px;top:160px;width:125px;transform:rotate(24deg)} .sl2{left:104px;top:226px;width:105px;transform:rotate(2deg)} .sl3{left:276px;top:278px;width:218px;transform:rotate(-9deg)} .sl4{left:267px;top:321px;width:232px;transform:rotate(17deg)}
.diag-console{position:absolute;right:10px;bottom:28px;width:330px;height:215px;z-index:7;border:1px solid rgba(255,255,255,.22);background:rgba(2,24,42,.87);backdrop-filter:blur(5px);padding:22px;box-shadow:0 18px 46px rgba(0,0,0,.30)}
.console-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.console-titlebar{width:94px;height:8px;border-radius:5px;background:#d8e6ef;opacity:.72}
.console-status{width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(243,163,31,.11)}
.spark{height:64px;border-left:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:15px;position:relative}
.spark svg{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px)} .spark polyline{fill:none;stroke:var(--cyan);stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}
.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.metric{height:39px;border:1px solid rgba(255,255,255,.12);position:relative;background:rgba(255,255,255,.018)} .metric:before{content:"";position:absolute;left:10px;top:12px;width:56%;height:5px;border-radius:4px;background:rgba(216,230,239,.38)} .metric:after{content:"";position:absolute;right:10px;top:10px;width:8px;height:8px;border-radius:50%;background:var(--gold)}
/* icons */
.icon{width:66px;height:66px;margin-bottom:22px;color:#174f7c}
.icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.dark .icon{color:var(--gold)}
/* section 2 */
.loop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;border-top:1px solid var(--lineL);border-bottom:1px solid var(--lineL)}
.loop-item{padding:30px 28px 30px 0;min-height:240px;border-right:1px solid var(--lineL)}
.loop-item:not(:first-child){padding-left:28px} .loop-item:last-child{border-right:0;padding-right:0}
.loop-item .support{color:#3e4f60}
.flow-rail{counter-reset:fr;margin-top:34px;padding:22px 24px;border:1px solid #d6e3f0;border-radius:16px;background:linear-gradient(180deg,#f2f7fc,#e4eef7);display:grid;grid-template-columns:repeat(7,auto);justify-content:center;align-items:stretch;gap:12px;box-shadow:0 10px 26px rgba(21,52,85,.10)}
.flow-rail span:not(.arrow){counter-increment:fr;display:flex;align-items:center;gap:12px;padding:14px 22px;background:linear-gradient(180deg,#fff,#f6faff);border:1px solid #d0deee;border-radius:12px;box-shadow:0 4px 12px rgba(21,52,85,.08);font-size:16px;font-weight:800;color:#153455;letter-spacing:.02em}
.flow-rail span:not(.arrow):before{content:counter(fr);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(150deg,#f6aa00,#e6b34a);color:#0b1c2c;font-size:14px;font-weight:800;box-shadow:0 3px 9px rgba(246,170,0,.4);flex:none}
.flow-rail .arrow{align-self:center;display:flex;align-items:center;color:transparent;font-size:0}
.flow-rail .arrow:before{content:"";display:block;width:20px;height:3px;border-radius:3px;background:linear-gradient(90deg,#c79f47,#f6aa00)}
.flow-rail .arrow:after{content:"";display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:9px solid #f6aa00}
/* section 3 */
.diagnostic-band{margin-top:46px;position:relative;border-top:1px solid var(--lineD);border-left:1px solid var(--lineD);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(2,23,40,.18)}
.diag-card{padding:30px 26px 32px;border-right:1px solid var(--lineD);border-bottom:1px solid var(--lineD);min-height:265px;position:relative}
.diag-card:after{content:"";position:absolute;left:27px;bottom:21px;width:54px;height:2px;background:var(--gold);opacity:.8}
.diag-card h3{font-size:22px} .diag-card .support{padding-bottom:22px}
.telemetry-workflow{counter-reset:tn;margin-top:34px;border:1px solid rgba(120,180,225,.30);border-radius:16px;background:linear-gradient(180deg,rgba(18,58,92,.55),rgba(8,38,64,.45));padding:24px 24px;position:relative;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.30)}
.telemetry-workflow:before{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(120,196,240,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(120,196,240,.3) 1px,transparent 1px);background-size:30px 30px}
.telemetry-track{position:relative;z-index:2;display:grid;grid-template-columns:repeat(7,auto);align-items:stretch;justify-content:space-between;gap:12px}
.telemetry-node{counter-increment:tn;min-height:58px;min-width:168px;padding:14px 18px;border:none;border-radius:12px;display:flex;align-items:center;gap:12px;text-align:left;font-size:14px;line-height:1.25;font-weight:800;color:#10263c;background:linear-gradient(180deg,#ffffff,#e9f2fb);box-shadow:0 6px 18px rgba(0,0,0,.30)}
.telemetry-node:before{content:counter(tn);flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(150deg,#f6aa00,#e6b34a);color:#0b1c2c;font-size:14px;font-weight:800;box-shadow:0 3px 9px rgba(246,170,0,.45)}
.telemetry-track .arrow{align-self:center;display:flex;align-items:center;color:transparent;font-size:0}
.telemetry-track .arrow:before{content:"";display:block;width:18px;height:3px;border-radius:3px;background:linear-gradient(90deg,#c79f47,#f6aa00)}
.telemetry-track .arrow:after{content:"";display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:9px solid #f6aa00}
.inline-link{display:inline-flex;align-items:center;gap:12px;margin-top:28px;color:var(--gold);font-size:18px;font-weight:700} .inline-link span{font-size:22px}
/* section 4 */
.ops-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;margin-top:46px;align-items:stretch}
.ops-list{border-top:1px solid var(--lineL)}
.ops-item{display:grid;grid-template-columns:64px 1fr;gap:22px;padding:24px 0;border-bottom:1px solid var(--lineL)}
.ops-item .icon{width:54px;height:54px;margin:0;color:#174f7c} .ops-item h3{font-size:22px} .ops-item .support{color:#415161}
.remote-console{border:1px solid rgba(13,55,88,.18);background:#fff;box-shadow:0 22px 52px rgba(16,38,57,.08);padding:28px;position:relative;overflow:hidden;min-height:410px}
.remote-console:before{content:"";position:absolute;right:-70px;top:-70px;width:230px;height:230px;border-radius:50%;border:1px solid rgba(20,93,160,.10);box-shadow:0 0 0 32px rgba(20,93,160,.025),0 0 0 64px rgba(20,93,160,.02)}
.rtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px} .rtitle{width:118px;height:9px;background:#d9e2e8;border-radius:5px} .rdots{display:flex;gap:7px} .rdots i{width:8px;height:8px;border-radius:50%;background:#a8bac8} .rdots i:first-child{background:var(--gold)}
.rchart{height:130px;border-left:1px solid #dce4e9;border-bottom:1px solid #dce4e9;position:relative;margin-bottom:24px}
.rchart svg{position:absolute;inset:9px;width:calc(100% - 18px);height:calc(100% - 18px)} .rchart polyline{fill:none;stroke:#2b78b1;stroke-width:3;stroke-linejoin:round;stroke-linecap:round} .rchart circle{fill:var(--gold)}
.rrows{display:grid;gap:11px} .rrow{display:grid;grid-template-columns:13px 1fr 72px;gap:12px;align-items:center} .rrow i{width:11px;height:11px;border-radius:50%;border:3px solid var(--blue)} .rbar{height:7px;background:#e6ecef;position:relative} .rbar:after{content:"";position:absolute;inset:0 auto 0 0;background:#759ab7;width:64%} .rrow:nth-child(2) .rbar:after{width:82%} .rrow:nth-child(3) .rbar:after{width:47%} .rtag{height:22px;border:1px solid #c0cdd6;background:#f7f9fa}
.ops-flow{counter-reset:of;margin-top:34px;border:1px solid #d6e3f0;border-radius:16px;background:linear-gradient(180deg,#f2f7fc,#e4eef7);padding:22px 24px;display:grid;grid-template-columns:repeat(7,auto);align-items:stretch;justify-content:center;gap:12px;box-shadow:0 10px 26px rgba(21,52,85,.10)}
.ops-flow span:not(.arrow){counter-increment:of;display:flex;align-items:center;gap:12px;padding:14px 20px;background:linear-gradient(180deg,#fff,#f6faff);border:1px solid #d0deee;border-radius:12px;box-shadow:0 4px 12px rgba(21,52,85,.08);font-size:15px;font-weight:800;color:#153455;letter-spacing:.02em}
.ops-flow span:not(.arrow):before{content:counter(of);flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(150deg,#f6aa00,#e6b34a);color:#0b1c2c;font-size:14px;font-weight:800;box-shadow:0 3px 9px rgba(246,170,0,.4)}
.ops-flow .arrow{align-self:center;display:flex;align-items:center;color:transparent;font-size:0}
.ops-flow .arrow:before{content:"";display:block;width:18px;height:3px;border-radius:3px;background:linear-gradient(90deg,#c79f47,#f6aa00)}
.ops-flow .arrow:after{content:"";display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:9px solid #f6aa00}
/* section 5 */
.distributed-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:46px;border-top:1px solid var(--lineD);border-left:1px solid var(--lineD)}
.dist-item{min-height:205px;padding:26px;border-right:1px solid var(--lineD);border-bottom:1px solid var(--lineD);background:rgba(4,30,52,.28)}
.dist-item.feature{display:grid;grid-template-columns:66px 1fr;gap:20px} .dist-item.feature .icon{margin:0;width:56px;height:56px}
.dist-item h3{font-size:22px} .dist-item .support{color:#d8e5ee}
.avail{display:inline-flex;margin:3px 0 10px;padding:4px 9px;border:1px solid rgba(243,163,31,.55);color:#f5c66f;font-size:14px;font-weight:700;letter-spacing:.02em;border-radius:3px}
.asset-network{margin-top:34px;height:300px;border:1px solid rgba(120,180,225,.24);border-radius:16px;background:linear-gradient(180deg,rgba(10,44,74,.5),rgba(3,24,42,.55));position:relative;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.asset-network:before{content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(99,196,229,.20) 1px,transparent 1px),linear-gradient(90deg,rgba(99,196,229,.20) 1px,transparent 1px);background-size:38px 38px}
.asset-svg{position:relative;z-index:2;display:block;width:100%;height:100%}
.net-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;border:1px solid var(--cyan);display:grid;place-items:center;background:#062a47;box-shadow:0 0 0 17px rgba(99,196,229,.05);z-index:2}
.net-hub svg{width:48px;height:48px;stroke:white;fill:none;stroke-width:2}
.net-node{position:absolute;width:64px;height:64px;border:1px solid rgba(255,255,255,.26);background:#062a47;display:grid;place-items:center;z-index:2} .net-node svg{width:34px;height:34px;stroke:var(--gold);fill:none;stroke-width:2}
.nn1{left:9%;top:26px} .nn2{left:9%;bottom:26px} .nn3{right:9%;top:26px} .nn4{right:9%;bottom:26px} .nn5{left:50%;bottom:13px;transform:translateX(-50%)}
.netline{position:absolute;height:1px;background:linear-gradient(90deg,rgba(99,196,229,.15),var(--cyan),rgba(99,196,229,.15));transform-origin:left center;z-index:1}
.nl1{left:13%;top:57px;width:39%;transform:rotate(14deg)} .nl2{left:13%;bottom:58px;width:39%;transform:rotate(-14deg)} .nl3{left:52%;top:116px;width:35%;transform:rotate(-17deg)} .nl4{left:52%;top:118px;width:35%;transform:rotate(17deg)} .nl5{left:50%;top:120px;width:1px;height:64px;background:var(--cyan)}
/* section 6 */
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:46px;border-top:1px solid var(--lineL);border-bottom:1px solid var(--lineL)}
.value-item{min-height:245px;padding:30px 26px;border-right:1px solid var(--lineL)} .value-item:last-child{border-right:0}
.value-item .icon{width:58px;height:58px;margin-bottom:20px;color:#174f7c} .value-item h3{font-size:22px} .value-item .support{color:#3f5060}
.branch-flow{margin-top:34px;border:1px solid #d6e3f0;border-radius:16px;background:linear-gradient(180deg,#f2f7fc,#e4eef7);padding:22px 24px;display:grid;grid-template-columns:230px 54px 1fr;gap:18px;align-items:stretch;box-shadow:0 10px 26px rgba(21,52,85,.10)}
.branch-source{border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#0b1c2c;text-align:center;padding:14px;background:linear-gradient(150deg,#f6aa00,#e6b34a);box-shadow:0 6px 16px rgba(246,170,0,.32)}
.branch-arrow{align-self:center;display:flex;align-items:center;justify-content:center;color:transparent;font-size:0}
.branch-arrow:before{content:"";display:block;width:22px;height:3px;border-radius:3px;background:linear-gradient(90deg,#c79f47,#f6aa00)}
.branch-arrow:after{content:"";display:block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #f6aa00}
.branch-dests{display:grid;grid-template-columns:repeat(4,1fr);gap:10px} .branch-dest{min-height:74px;border:1px solid #d0deee;border-radius:12px;display:grid;place-items:center;padding:12px;text-align:center;font-size:14px;font-weight:800;color:#153455;background:linear-gradient(180deg,#fff,#f6faff);box-shadow:0 4px 12px rgba(21,52,85,.08)}
/* section 7 */
.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:46px;border-top:1px solid var(--lineD);border-left:1px solid var(--lineD)}
.start-item{padding:30px 28px 34px;border-right:1px solid var(--lineD);border-bottom:1px solid var(--lineD);min-height:250px;background:rgba(4,30,52,.34)} .stepno{font-size:60px;line-height:1;font-weight:800;letter-spacing:-.01em;margin-bottom:16px;background:linear-gradient(150deg,#f6aa00,#ffcf6b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#f6aa00;filter:drop-shadow(0 3px 10px rgba(246,170,0,.35))} .start-item h3{font-size:23px} .start-item .support{color:#dce7ef}
.whatyouget{margin-top:28px;border:1px solid rgba(255,255,255,.22);background:rgba(1,21,37,.32);display:grid;grid-template-columns:175px 1fr;gap:24px;align-items:center;padding:22px 26px}
.what-label{font-size:18px;font-weight:750;color:var(--gold)} .what-copy{font-size:18px;line-height:1.5;color:#f2f6f8}
.final-actions{margin-top:28px}
.related{margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.20);display:flex;gap:12px;flex-wrap:wrap;font-size:16px;color:#dce6ee} .related .sep{color:var(--gold)}
/* v2 requested image replacements only */
.hero-replacement{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent}
.hero-replacement:after{display:none}
.hero-replacement img{width:100%;height:100%;max-width:100%;display:block;object-fit:contain;object-position:center center;clip-path:none;margin:0}
.remote-console{padding:0;display:flex;align-items:center;justify-content:center;background:#fff;min-height:410px}
.remote-console:before{display:none}
.remote-replacement{width:100%;height:100%;min-height:410px;object-fit:contain;display:block}


/* RESPONSIVE ADAPTATION — LEXI Responsive Design Standard v1.5 */
@media (max-width:1199px){
  .container{width:min(calc(100% - 64px),1040px)}
  .section,.hero{padding-top:64px;padding-bottom:64px}
  h1{font-size:52px}
  h2{font-size:40px}
  h3{font-size:22px}
  .eyebrow{font-size:22px}
  .body{font-size:19px}
  .support{font-size:17px}
  .btn{font-size:17px}
  .icon{width:56px;height:56px}
  .hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:38px}
  .hero-visual{height:500px}
  .loop-grid,.diagnostic-band,.value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .loop-item:nth-child(2){border-right:0}
  .loop-item:nth-child(-n+2){border-bottom:1px solid var(--lineL)}
  .diag-card:nth-child(2){border-right:0}
  .distributed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .distributed-grid .dist-item:last-child{grid-column:1/-1}
  .ops-layout{gap:42px}
  .branch-flow{grid-template-columns:180px 44px 1fr;gap:14px}
  .start-item{padding:26px 22px 30px}
}
@media (max-width:1100px){
  .hero-grid,.ops-layout{grid-template-columns:1fr;gap:34px}
  .hero-copy .body,.hero-copy .support{max-width:760px}
  .hero-visual{height:min(60vw,600px)}
  .remote-console{min-height:0}
  .remote-replacement{min-height:0;height:auto;max-height:560px}
  .telemetry-track,.ops-flow{grid-template-columns:1fr;justify-content:stretch}
  .telemetry-node{min-width:0;width:100%}
  .telemetry-track .arrow,.ops-flow .arrow{transform:rotate(90deg);text-align:center;height:28px}
  .branch-flow{grid-template-columns:1fr}
  .branch-source{height:auto;min-height:70px}
  .branch-arrow{transform:rotate(90deg)}
  .branch-dests{grid-template-columns:repeat(2,minmax(0,1fr))}
  .asset-network{height:280px}
}
@media (max-width:767px){
  .container{width:calc(100% - 40px)}
  .section,.hero{padding-top:48px;padding-bottom:48px}
  h1{font-size:40px;line-height:1.04;letter-spacing:-.035em;margin-bottom:20px}
  h2{font-size:32px;line-height:1.1;letter-spacing:-.024em;margin-bottom:15px}
  h3{font-size:21px}
  .eyebrow{font-size:18px;line-height:1.2;margin-bottom:14px}
  .body{font-size:18px;line-height:1.5}
  .support{font-size:16px;line-height:1.5}
  .btnrow{display:grid;grid-template-columns:1fr;width:100%;gap:12px;margin-top:24px}
  .btn{font-size:16px;line-height:1.15;justify-content:center;width:100%;white-space:normal;text-align:center;min-height:48px;padding:14px 18px}
  .hero-copy{padding-top:0}
  .hero-copy .support{margin-top:16px}
  .hero-visual{height:min(88vw,430px)}
  .loop-grid,.diagnostic-band,.distributed-grid,.value-grid,.start-grid{grid-template-columns:1fr;margin-top:30px}
  .loop-item,.loop-item:not(:first-child){padding:24px 0;border-right:0;border-bottom:1px solid var(--lineL);min-height:0}
  .loop-item:last-child{border-bottom:0}
  .flow-rail{grid-template-columns:1fr;padding:18px;gap:4px;margin-top:24px}
  .flow-rail .arrow{transform:rotate(90deg);text-align:center;height:28px}
  .diag-card{min-height:0;padding:24px 20px 34px;border-right:1px solid var(--lineD)}
  .diagnostic-band{border-top:1px solid var(--lineD)}
  .telemetry-workflow{padding:18px;margin-top:24px}
  .ops-layout{margin-top:30px}
  .ops-item{grid-template-columns:50px 1fr;gap:16px;padding:20px 0}
  .ops-item .icon{width:46px;height:46px}
  .ops-flow{padding:18px;margin-top:24px}
  .dist-item{min-height:0;padding:22px 20px}
  .dist-item.feature{grid-template-columns:52px 1fr;gap:16px}
  .distributed-grid .dist-item:last-child{grid-column:auto}
  .asset-network{height:360px;margin-top:24px}
  .net-hub{width:86px;height:86px}
  .net-node{width:55px;height:55px}
  .nn1{left:6%;top:24px}.nn2{left:6%;bottom:24px}.nn3{right:6%;top:24px}.nn4{right:6%;bottom:24px}.nn5{bottom:18px}
  .value-item{min-height:0;padding:24px 0;border-right:0;border-bottom:1px solid var(--lineL)}
  .value-item:last-child{border-bottom:0}
  .branch-flow{padding:18px;margin-top:24px}
  .branch-dests{grid-template-columns:1fr}
  .start-item{min-height:0;padding:24px 20px}
  .whatyouget{grid-template-columns:1fr;gap:8px;padding:20px;margin-top:22px}
  .what-label,.what-copy{font-size:16px}
  .related{font-size:15px;margin-top:26px;padding-top:20px;gap:8px}
}
@media (max-width:420px){
  .container{width:calc(100% - 32px)}
  h1{font-size:36px}
  h2{font-size:30px}
  .hero-visual{height:min(92vw,390px)}
  .asset-network{height:330px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skip-link{transition:none}}
@media print{.menu-toggle{display:none!important}}


/* ===== Flat hero (Equipment Monitoring and Diagnostics Dashboard) ===== */
.emd-hero-flat{padding:0!important;background:linear-gradient(120deg,#0058b0 0%,#001c3d 45%,#001935 100%)}

.flat-hotspot--emd-hero-see {left: 6.1%;top: 73.7%;width: 29.3%;height: 7.3%}
.flat-hotspot--emd-hero-talk {left: 6%;top: 84%;width: 11.8%;height: 7.4%;}
.flat-hotspot--emd-hero-pdf {left: 19.4%;top: 84%;width: 19%;height: 7.4%;}

/* ===== Flat section: dark blend (Equipment Fault Detection + distributed assets) ===== */
.emd-dark-flat{background:linear-gradient(120deg,#004298 0%,#001c42 50%,#00142c 100%)}

/* ===== Flat section: expansion-path CTA (dark) ===== */
.emd-cta-flat{background:linear-gradient(135deg,#033058 0%,#001937 55%,#001229 100%)}
.flat-hotspot--emd-start-see {left: 8%;top: 88.6%;width: 31.6%;height: 6.5%}
.flat-hotspot--emd-start-talk {left: 41.5%;top: 88.6%;width: 15.7%;height: 6.6%;}

/* ===== Flat section: More Value cross-links (light) ===== */
.flat-hotspot--emd-val-energy {left: 7.5%;top: 38.5%;width: 20.2%;height: 40.2%}
.flat-hotspot--emd-val-occ {left: 28.9%;top: 38.5%;width: 20%;height: 40.2%}
.flat-hotspot--emd-val-safety {left: 50.1%;top: 38.5%;width: 19.8%;height: 40.2%}
.flat-hotspot--emd-val-ai {left: 71%;top: 38.5%;width: 20%;height: 40.2%}