:root{--bg:#020d18;--bg2:#061827;--panel:#071c2c;--panel2:#09263b;--line:#0f5572;--cyan:#14d9f4;--cyan2:#74e9f9;--text:#eefaff;--muted:#a8c7d8;--max:1280px;--radius:10px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020c16;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 55% -10%,rgba(14,80,112,.23),transparent 40%);pointer-events:none;z-index:-1}.topbar{background:#020b14;border-bottom:1px solid #0a3042;position:sticky;top:0;z-index:50}.topinner{width:min(var(--max),calc(100% - 28px));min-height:68px;margin:auto;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:18px}.brandmark img{width:158px;height:auto}.globalnav{display:flex;justify-content:center;gap:28px;font-size:12px;color:#e7f6fb}.globalnav a:hover{color:var(--cyan)}.engineering-link,.actions a,.centerbtn,.cardbtn,.backtop{border:1px solid #11637f;color:#5be4f5;border-radius:6px;padding:9px 15px;font-size:12px;font-weight:700}.engineering-link:hover,.actions a:hover,.centerbtn:hover{background:#08293b}.breadcrumb{width:min(var(--max),calc(100% - 28px));margin:0 auto;padding:18px 4px 12px;color:#7fa8b9;font-size:11px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--cyan);font-weight:800}.gateway-hero,.detailhero{width:min(var(--max),calc(100% - 28px));margin:0 auto;border:1px solid #12384b;background:#041320;position:relative;overflow:hidden}.gateway-hero{min-height:610px}.gateway-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.gateway-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,12,22,.98) 0%,rgba(2,12,22,.88) 27%,rgba(2,12,22,.22) 55%,rgba(2,12,22,.05) 100%)}.herooverlay{position:relative;z-index:2;width:43%;padding:90px 28px 40px}.herooverlay h1,.herocopy h1{font-size:clamp(46px,5vw,72px);line-height:.95;margin:14px 0 13px;letter-spacing:-.045em}.herooverlay h2{font-size:20px;color:#10d4e7;margin:0 0 16px}.herooverlay p,.herocopy p{color:#c7dfe9;font-size:16px;max-width:560px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.actions .primary{background:#08334b;color:#7cf1fb}.revision{position:absolute;right:18px;top:10px;z-index:3;color:#8bb0bf;font-size:10px}.intro,.sectionblock,.overview,.widepair,.stats,.classbox,.referencepanel{width:min(var(--max),calc(100% - 28px));margin:0 auto}.intro,.overview{padding:30px 16px;border-left:1px solid #12384b;border-right:1px solid #12384b}.intro h2{font-size:24px;margin:0 0 8px}.intro>p,.overview p{color:#b7d2de;max-width:1080px;margin:0}.classbox{border:1px solid #12384b;padding:18px;margin-top:8px;background:#041421}.classgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:12px}.classgrid article{display:flex;gap:12px;align-items:center;border:1px solid #0f3f55;padding:15px;background:#061827;min-height:110px}.classgrid i{font-style:normal;color:#22dff3;font-size:28px}.classgrid h3{font-size:17px;margin:0 0 4px}.classgrid p{font-size:11px;color:#a8c3d1;margin:0}.sectionblock{border-left:1px solid #12384b;border-right:1px solid #12384b;padding:16px}.cards{display:grid;gap:13px;margin-top:10px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.six{grid-template-columns:repeat(6,1fr)}.cards.five{grid-template-columns:repeat(5,1fr)}.syscard{border:1px solid #0f5671;background:linear-gradient(180deg,#062034,#041624);overflow:hidden;border-radius:8px;min-width:0;transition:.18s transform,.18s border-color}.syscard:hover{transform:translateY(-2px);border-color:#20d9ee}.syscard>img{width:100%;aspect-ratio:16/10;object-fit:cover}.cards.six .syscard>img{aspect-ratio:1.2}.gallery .syscard>img{aspect-ratio:16/9}.cardbody{padding:14px}.cardbody h3{font-size:17px;line-height:1.05;margin:4px 0 9px}.cardbody p{font-size:11.5px;color:#b1ccd8;margin:0 0 13px}.miniicon{display:inline-grid;place-items:center;width:23px;height:23px;border:1px solid #168aa9;border-radius:6px;color:#30dff0}.cardbtn{display:inline-block;padding:7px 10px;font-size:10px}.centerbtn{display:block;width:max-content;margin:18px auto 0;padding:8px 60px}.iconrow{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:10px}.iconrow article{border:1px solid #0f4056;min-height:100px;padding:14px 8px;text-align:center;background:#041421;display:flex;flex-direction:column;justify-content:center;align-items:center}.iconrow i{font-style:normal;color:#16d7ea;font-size:28px;margin-bottom:7px}.iconrow span{font-size:11px}.widepair{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-left:1px solid #12384b;border-right:1px solid #12384b;padding:16px}.widepair>a{border:1px solid #0e4c65;background:#062033;display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden;min-height:155px}.widepair>a>div{padding:18px}.widepair h3{margin:3px 0 7px;font-size:20px}.widepair p{font-size:12px;color:#b8d2de}.widepair img{width:100%;height:100%;object-fit:cover}.widepair span{color:#48dbe9;font-size:11px}.kicker{color:#64e0eb;font-size:11px}.stats{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #12384b;border-top:0}.stats>div{padding:15px 12px;border-right:1px solid #12384b;display:flex;gap:10px;align-items:center}.stats>div:last-child{border-right:0}.stats b{font-size:20px;color:#18d8ea}.stats span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#d8edf4}.detailhero{display:grid;grid-template-columns:38% 62%;min-height:480px}.herocopy{padding:58px 32px;background:linear-gradient(90deg,#031320,#031725)}.heroart{min-width:0;position:relative}.heroart img{width:100%;height:100%;object-fit:cover}.heroart:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,19,32,.7),transparent 35%)}.overview{border-top:1px solid #12384b;border-bottom:1px solid #12384b}.overview .eyebrow{margin-bottom:8px}.sitefooter{background:#020a12;border-top:1px solid #0e3448;margin-top:0}.footerinner{width:min(var(--max),calc(100% - 28px));margin:auto;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:20px;padding:26px 0}.footerbrand{display:flex;gap:10px;align-items:center}.aurora-a{font-size:38px;color:#19dff0}.footerbrand strong{letter-spacing:.16em;font-size:14px}.footerbrand small{font-size:8px}.copyright{text-align:center;color:#708d9b;font-size:10px}.copyright a{color:#708d9b}.backtop{font-size:10px}.referencepanel{border:1px solid #12384b;background:#041421;display:grid;grid-template-columns:1.4fr .6fr;gap:20px;padding:18px}.referencepanel>img{width:100%;border:1px solid #0f4056;background:#061827}.referencecopy{padding:10px}.referencecopy h2{font-size:28px;margin:8px 0}.referencecopy p{color:#b7d1dc;font-size:13px}.refhero{min-height:380px}
@media(max-width:1050px){.topinner{grid-template-columns:160px 1fr}.engineering-link{display:none}.globalnav{justify-content:flex-end;gap:14px}.gateway-hero{min-height:520px}.herooverlay{width:55%;padding-top:60px}.cards.four{grid-template-columns:repeat(3,1fr)}.cards.six{grid-template-columns:repeat(3,1fr)}.cards.five{grid-template-columns:repeat(3,1fr)}.iconrow{grid-template-columns:repeat(4,1fr)}.classgrid{grid-template-columns:repeat(2,1fr)}.detailhero{grid-template-columns:44% 56%}.stats{grid-template-columns:repeat(5,1fr)}}
@media(max-width:760px){.topbar{position:relative}.topinner{grid-template-columns:1fr}.brandmark img{width:150px}.globalnav{justify-content:flex-start;overflow-x:auto;gap:8px;padding-bottom:10px}.globalnav a{white-space:nowrap;border:1px solid #103447;padding:7px 9px;border-radius:5px}.gateway-hero{min-height:auto;display:grid}.gateway-bg{position:relative;height:250px;grid-row:2}.gateway-hero:after{display:none}.herooverlay{width:auto;padding:32px 22px;background:#031522}.revision{top:8px}.herooverlay h1,.herocopy h1{font-size:44px}.cards.four,.cards.six,.cards.five{grid-template-columns:repeat(2,1fr)}.widepair{grid-template-columns:1fr}.widepair>a{grid-template-columns:1fr .75fr}.detailhero{grid-template-columns:1fr}.heroart{height:300px;order:-1}.herocopy{padding:32px 22px}.referencepanel{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stats>div{border-bottom:1px solid #12384b}.footerinner{grid-template-columns:1fr;text-align:center}.footerbrand{justify-content:center}.backtop{justify-self:center}}
@media(max-width:500px){.cards.four,.cards.six,.cards.five,.classgrid,.iconrow,.stats{grid-template-columns:1fr}.sectionblock,.intro,.overview,.widepair{padding-left:10px;padding-right:10px}.widepair>a{grid-template-columns:1fr}.widepair img{height:130px}.heroart{height:230px}.herooverlay h1,.herocopy h1{font-size:38px}}


/* ======================================================================
   OUS VISUAL AUTHORITY REBUILD — 2026-08-28
   Approved-rendering rule: hero art leads full-width with text over art.
   Desktop composition is preserved at every viewport; mobile browsers fit
   the fixed 1280px canvas rather than collapsing card rows.
   ====================================================================== */
html,body{min-width:1280px!important;overflow-x:auto!important}
.topbar{min-width:1280px!important}
.topinner{width:1280px!important;max-width:1280px!important;grid-template-columns:164px minmax(0,1fr) auto auto auto!important;gap:10px!important;min-height:68px!important}
.brandmark img{width:150px!important}
.globalnav{display:flex!important;justify-content:center!important;align-items:center!important;gap:13px!important;overflow:visible!important;padding:0!important;font-size:11px!important}
.globalnav a{white-space:nowrap!important;border:0!important;padding:0!important;border-radius:0!important}
.utility-link,.engineering-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;border:1px solid #11637f!important;color:#62e6f6!important;border-radius:6px!important;padding:9px 12px!important;font-size:11px!important;font-weight:800!important;background:#03131f!important}
.utility-link:hover,.engineering-link:hover{background:#08293b!important;border-color:#20cfea!important;color:#eaffff!important}

.gateway-hero,.detailhero{width:1280px!important;max-width:1280px!important;margin-left:auto!important;margin-right:auto!important}
.gateway-hero{min-height:610px!important;display:block!important;position:relative!important}
.gateway-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.gateway-hero:after{display:block!important;background:linear-gradient(90deg,rgba(2,12,22,.995) 0%,rgba(2,12,22,.94) 30%,rgba(2,12,22,.56) 48%,rgba(2,12,22,.16) 68%,rgba(2,12,22,.02) 100%)!important}
.herooverlay{position:relative!important;z-index:2!important;width:49%!important;padding:92px 36px 46px!important;background:transparent!important}

/* Daughter pages: full-width visual lead, copy layered directly over art. */
.detailhero{display:block!important;grid-template-columns:none!important;min-height:500px!important;position:relative!important;overflow:hidden!important;background:#031522!important}
.detailhero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(2,12,22,.995) 0%,rgba(2,12,22,.94) 30%,rgba(2,12,22,.60) 49%,rgba(2,12,22,.18) 70%,rgba(2,12,22,.02) 100%)!important}
.heroart{position:absolute!important;inset:0!important;z-index:0!important;height:100%!important;min-width:0!important;order:initial!important}
.heroart img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.heroart:after{display:none!important}
.herocopy{position:relative!important;z-index:2!important;width:50%!important;min-height:500px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:56px 38px!important;background:transparent!important}
.herooverlay h1,.herocopy h1{font-size:58px!important;line-height:.96!important}
.herooverlay p,.herocopy p{font-size:15px!important;max-width:570px!important}

/* Preserve the approved desktop grid at ALL widths. */
.intro,.sectionblock,.overview,.widepair,.stats,.classbox,.referencepanel,.breadcrumb{width:1280px!important;max-width:1280px!important;margin-left:auto!important;margin-right:auto!important}
.cards.four{grid-template-columns:repeat(4,1fr)!important}
.cards.six{grid-template-columns:repeat(6,1fr)!important}
.cards.five{grid-template-columns:repeat(5,1fr)!important}
.classgrid{grid-template-columns:repeat(4,1fr)!important}
.iconrow{grid-template-columns:repeat(8,1fr)!important}
.widepair{grid-template-columns:1fr 1fr!important}
.widepair>a{grid-template-columns:1.25fr .75fr!important}
.stats{grid-template-columns:repeat(5,1fr)!important}
.referencepanel{grid-template-columns:1.4fr .6fr!important}
.footerinner{width:1280px!important;max-width:1280px!important;grid-template-columns:220px 1fr auto!important;text-align:initial!important}
.footerbrand{justify-content:flex-start!important}
.backtop{justify-self:end!important}
.engineering-link{display:inline-flex!important}

/* Card image authority: purpose-built crops from approved renderings. */
.syscard>img{width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;object-position:center!important}
.cards.six .syscard>img,.gallery .syscard>img{aspect-ratio:16/9!important}
.syscard .cardbtn{position:relative;z-index:3}
/* Gateway nested classification panel must stay inside the 1280px canvas. */
.intro .classbox{width:auto!important;max-width:none!important;margin-left:0!important;margin-right:0!important}