:root{
  --bg:#090b0e; --panel:#14191e; --panel2:#0d1115; --line:#6d747c; --line2:#30373e;
  --text:#f2f5f7; --muted:#aeb6bd; --blue:#2aa4ff; --green:#32d17d; --mag:#e30098; --silver:#c8ced3;
  --amber:#e5b85b; --danger:#ff5c6b;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;color:var(--text);font-family:"Arial Narrow",Inter,Arial,sans-serif;background:
radial-gradient(circle at 50% -20%,#252b31 0,#0c0f12 38%,#07090b 100%);min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:
repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px),
repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px);mix-blend-mode:screen}
a{color:inherit}.wrap{width:min(1480px,calc(100% - 24px));margin:auto;padding:12px 0 28px}
.metal{background:linear-gradient(180deg,#1c2228,#10151a 52%,#0b0f13);border:1px solid #707881;border-radius:9px;
box-shadow:inset 0 0 0 2px #080a0c,inset 0 0 0 3px #2d343b,0 10px 30px rgba(0,0,0,.35)}
.screw{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e6e6e6 0,#777 35%,#222 75%);box-shadow:0 0 0 1px #050505}
.screw.tl{left:9px;top:9px}.screw.tr{right:9px;top:9px}.screw.bl{left:9px;bottom:9px}.screw.br{right:9px;bottom:9px}
.topbar{position:sticky;top:8px;z-index:50;display:grid;grid-template-columns:280px 1fr auto;gap:16px;align-items:center;padding:12px 18px;margin-bottom:12px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.mark{width:48px;height:48px;border:1px solid #9098a0;border-radius:6px;display:grid;place-items:center;
font-size:29px;font-weight:900;background:linear-gradient(#20272d,#0a0d10);box-shadow:inset 0 0 15px #000;color:#fff}.brandtext b{font-size:27px;letter-spacing:-.6px}.brandtext b span{color:#fff}.brandtext small{display:block;color:#9ca6ae;letter-spacing:2.4px;font-size:9px;margin-top:2px}
nav{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}nav a{text-decoration:none;font-size:10px;letter-spacing:.7px;color:#c5ccd2;padding:7px 9px;border:1px solid #3d454c;border-radius:4px;background:#0e1216}nav a:hover,nav a.active{border-color:#9ca4ab;color:#fff;background:#171d22}
.actions{display:flex;gap:7px;align-items:center}.mini{font-size:10px;text-decoration:none;border:1px solid #555f68;background:#0b0f12;padding:8px 10px;border-radius:4px;color:#dce1e5}.mini.primary{border-color:#6abefe;color:#e7f5ff}
.hero{position:relative;display:grid;grid-template-columns:1.03fr .97fr;gap:24px;padding:30px;margin-bottom:12px;min-height:430px;overflow:hidden}
.kicker{font-size:10px;letter-spacing:2px;color:#8fa0ad;margin-bottom:8px}.hero h1{font-size:58px;line-height:.95;margin:0 0 14px;letter-spacing:-2px}.hero h1 span{color:var(--blue)}
.hero p{max-width:700px;color:#c3c9ce;line-height:1.55;font-size:16px}.statusline{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 20px}.pill{font-size:10px;border:1px solid #49535c;border-radius:20px;padding:6px 9px;color:#c6ced4}.pill.live{border-color:#2d8c59;color:#7ff0aa}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;background:#39d87f;box-shadow:0 0 9px #39d87f}
.ctaRow{display:flex;flex-wrap:wrap;gap:9px}.btn{display:inline-block;text-decoration:none;padding:11px 15px;border-radius:5px;border:1px solid #6abefe;background:linear-gradient(#143d59,#082235);font-size:11px;font-weight:900;letter-spacing:.55px}.btn.secondary{border-color:#666f77;background:linear-gradient(#2b3238,#12171b)}.btn.mag{border-color:#ff61c4;background:linear-gradient(#640044,#2b001d)}.btn.green{border-color:#59d89a;background:linear-gradient(#124b31,#08291b)}.btn.disabled{opacity:.48;pointer-events:none}
.monitor{align-self:center;border:1px solid #666f78;border-radius:12px;background:linear-gradient(#252c33,#0b0f13);padding:14px;box-shadow:0 18px 35px rgba(0,0,0,.4),inset 0 0 0 2px #050607}.monitorTop{display:flex;justify-content:space-between;color:#aeb8c0;font-size:10px;letter-spacing:1.2px;margin-bottom:8px}.screen{background:#030608;border:1px solid #2a333b;border-radius:5px;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:290px}.scope{border:1px solid #1e2b32;border-radius:4px;background:linear-gradient(rgba(42,164,255,.03),rgba(42,164,255,.01)),repeating-linear-gradient(0deg,#061118 0 1px,transparent 1px 26px),repeating-linear-gradient(90deg,#061118 0 1px,transparent 1px 34px);position:relative;overflow:hidden}.scope h4{font-size:9px;margin:7px;color:#718693;letter-spacing:1px}.trace{position:absolute;inset:25px 6px 7px}.trace svg{width:100%;height:100%}.scope.phase .trace path{stroke:#41cf83}.scope.mag .trace path{stroke:#2aa4ff}.scope.imp .trace path{stroke:#f0c463}.scope.rta .bars{position:absolute;left:8px;right:8px;bottom:8px;top:30px;display:flex;align-items:flex-end;gap:3px}.scope.rta i{display:block;flex:1;background:linear-gradient(#2aa4ff,#0a4368);border-radius:2px 2px 0 0}
.sectionHead{display:flex;justify-content:space-between;gap:14px;align-items:end;margin:28px 0 10px;padding:0 4px}.sectionHead h2{font-size:28px;margin:0}.sectionHead p{margin:0;color:#9ea8b0;font-size:12px;max-width:620px;text-align:right;line-height:1.45}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.toolCard{position:relative;padding:17px;min-height:228px;display:flex;flex-direction:column}.toolCard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:9px 0 0 9px;background:var(--blue)}.toolCard.video:before{background:var(--green)}.toolCard.light:before{background:var(--mag)}.toolCard.neutral:before{background:var(--silver)}.toolCard h3{font-size:22px;margin:7px 0 5px}.toolCard p{color:#adb6bd;font-size:12px;line-height:1.45;margin:0 0 13px}.tag{font-size:9px;color:#9aa5ad;letter-spacing:1.2px}.toolCard .bottom{margin-top:auto;display:flex;gap:7px;flex-wrap:wrap}.toolCard .price{font-size:11px;color:#d9dee2;margin:2px 0 12px}.toolCard .state{position:absolute;right:12px;top:12px;font-size:8px;padding:4px 6px;border:1px solid #44505a;border-radius:9px;color:#aab5bd}.toolCard .state.ready{color:#65e29b;border-color:#2d8454}.toolCard .state.beta{color:#f1c46c;border-color:#86692d}
.wide{position:relative;padding:22px;margin-top:12px}.wideGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide h3{font-size:28px;margin:4px 0 8px}.wide p{color:#b8c1c8;line-height:1.55;font-size:13px}.featureList{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;margin:14px 0}.featureList span{font-size:11px;color:#c6cdd3;border-bottom:1px solid #2c343b;padding:7px 0}.band{border-left:4px solid var(--blue)}.band.academy{border-left-color:#a8b2bc}.band.services{border-left-color:#59d89a}.band.fx{border-left-color:#e3a857}
.serviceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.service{border:1px solid #343d45;background:#0c1014;border-radius:6px;padding:14px}.service b{display:block;margin-bottom:5px;font-size:14px}.service p{font-size:11px;margin:0;color:#9fa9b0;line-height:1.45}.fxGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:12px}.fxTile{min-height:135px;border:1px solid #343c43;border-radius:6px;background:radial-gradient(circle at 50% 15%,rgba(229,184,91,.16),transparent 38%),#0b0f12;padding:12px;display:flex;flex-direction:column;justify-content:end}.fxIcon{font-size:28px;filter:grayscale(.25)}.fxTile b{font-size:12px;margin-top:8px}.fxTile small{font-size:9px;color:#89959e;line-height:1.35}
.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.role{border:1px solid #343d45;background:#0d1115;border-radius:6px;padding:14px}.role h4{margin:0 0 7px}.role p{font-size:11px;color:#9faab2;line-height:1.45}.role ul{font-size:10px;color:#b8c1c8;padding-left:16px;line-height:1.55}
.footer{margin-top:14px;padding:15px 18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#9aa5ad;font-size:10px;border-top:1px solid #606870}.footer strong{color:#dfe4e8}.pageHero{padding:26px;margin-bottom:12px}.pageHero h1{font-size:40px;margin:0 0 8px}.pageHero p{color:#adb8c0;max-width:820px;line-height:1.55}.formPanel{padding:18px;margin-top:12px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.formGrid .full{grid-column:1/-1}.formPanel label{font-size:10px;color:#9eabb4;letter-spacing:.6px}.formPanel input,.formPanel select,.formPanel textarea{width:100%;margin-top:5px;background:#080b0e;border:1px solid #46515a;border-radius:5px;color:#f1f3f5;padding:10px;font:inherit}.formPanel textarea{min-height:120px;resize:vertical}.formPanel button{cursor:pointer}.faq details{border-bottom:1px solid #303840;padding:12px 0}.faq summary{cursor:pointer;font-weight:700}.faq p{font-size:12px;color:#adb7be;line-height:1.5}.portalPreview{display:grid;grid-template-columns:230px 1fr;gap:10px;margin-top:12px}.sideMenu{padding:14px}.sideMenu a{display:block;text-decoration:none;border-bottom:1px solid #2d353c;padding:10px 4px;font-size:11px;color:#b6c0c7}.dash{padding:16px}.dashCards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.dashCard{border:1px solid #343d45;background:#0c1014;border-radius:6px;padding:13px}.dashCard b{display:block;font-size:18px;margin-top:5px}.notice{border:1px solid #735f31;background:#1a160b;color:#e1c47f;padding:10px 12px;border-radius:5px;font-size:11px;line-height:1.45;margin:10px 0}
.chatBox{border:1px solid #303940;background:#090d10;border-radius:7px;overflow:hidden}.chatLog{min-height:200px;padding:14px;color:#aeb9c1;font-size:12px}.chatInput{display:flex;border-top:1px solid #303940}.chatInput input{flex:1;border:0;border-radius:0;background:#07090b;color:#fff;padding:12px}.chatInput button{width:110px;border:0;background:#12364f;color:#fff;font-weight:800}
@media(max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}.fxGrid{grid-template-columns:repeat(3,1fr)}.serviceGrid{grid-template-columns:1fr 1fr}.topbar{grid-template-columns:1fr}.actions,nav{justify-content:flex-start}.hero{grid-template-columns:1fr}.monitor{width:100%}}
@media(max-width:700px){.wrap{width:min(100% - 10px,1480px)}.hero{padding:20px}.hero h1{font-size:38px}.grid,.wideGrid,.roles,.serviceGrid,.formGrid,.portalPreview{grid-template-columns:1fr}.fxGrid{grid-template-columns:1fr 1fr}.sectionHead{align-items:flex-start;flex-direction:column}.sectionHead p{text-align:left}.topbar{position:static}.brandtext b{font-size:23px}.screen{min-height:240px}.dashCards{grid-template-columns:1fr}.formGrid .full{grid-column:auto}}


/* Shared visibility utility */
.hidden{display:none!important}

/* 2026-09-20 rack-front website pass */
.webRack .topbar,.webRack .hero,.webRack .toolCard,.webRack .wide,.webRack .footer{
  border-radius:1px!important;
  background:
    repeating-linear-gradient(94deg,rgba(255,255,255,.014) 0 1px,transparent 1px 4px),
    repeating-linear-gradient(0deg,rgba(0,0,0,.065) 0 1px,transparent 1px 3px),
    linear-gradient(180deg,#4a89a0 0,#39758b 10%,#28576a 58%,#1b3f4e 100%)!important;
  border:2px solid #8caab5!important;
  box-shadow:inset 0 0 0 2px #061014,inset 0 0 0 3px #698b98,0 7px 16px #000b!important
}
.webRack .rackFace{position:relative;overflow:hidden}
.webRack .rackFace:after{content:attr(data-rack);position:absolute;right:42px;bottom:9px;color:#a8c1ca;font:900 9px ui-monospace,monospace;letter-spacing:.16em}
.webRack .hero.rack3u{min-height:360px}
.webRack .hero.rack3u:after{content:"3U · SYSTEM ALIGNMENT"}
.webRack .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.webRack .toolCard.rack2u{min-height:178px;padding:18px 42px}
.webRack .toolCard.rack2u:after{content:"2U"}
.webRack .rackFace{
 background-image:
   radial-gradient(circle at 14px 14px,#f1f2f2 0 2px,#777d81 3px 6px,#24292c 7px 8px,transparent 9px),
   radial-gradient(circle at calc(100% - 14px) 14px,#f1f2f2 0 2px,#777d81 3px 6px,#24292c 7px 8px,transparent 9px),
   radial-gradient(circle at 14px calc(100% - 14px),#f1f2f2 0 2px,#777d81 3px 6px,#24292c 7px 8px,transparent 9px),
   radial-gradient(circle at calc(100% - 14px) calc(100% - 14px),#f1f2f2 0 2px,#777d81 3px 6px,#24292c 7px 8px,transparent 9px),
   repeating-linear-gradient(94deg,rgba(255,255,255,.014) 0 1px,transparent 1px 4px),
   repeating-linear-gradient(0deg,rgba(0,0,0,.065) 0 1px,transparent 1px 3px),
   linear-gradient(180deg,#4a89a0 0,#39758b 10%,#28576a 58%,#1b3f4e 100%)!important;
 background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat,repeat,no-repeat!important
}
.webRack .toolCard:before{left:28px!important;width:3px!important;top:14px!important;bottom:14px!important;border-radius:0!important}
.webRack .btn,.webRack .mini,.webRack nav a{
 border-radius:1px!important;background:linear-gradient(90deg,#080b0d,#252b30 18%,#3b4348 48%,#111518 54%,#07090a)!important;
 border-color:#9aa8ae!important;box-shadow:inset 0 0 0 1px #020304,inset 0 1px 1px #fff3,0 2px 4px #0008!important
}
@media(max-width:850px){.webRack .grid{grid-template-columns:1fr}.webRack .toolCard.rack2u{min-height:165px}.webRack .hero.rack3u{min-height:0}}

.socialLinks{display:flex;gap:12px;flex-wrap:wrap}.socialLinks a{color:#a8dfff;text-decoration:none;font-size:10px}.socialLinks a:hover{color:#fff}.notice.ok{border-color:var(--green);color:var(--green)}