:root{
  --bg:#03050b;
  --shell:#080d17;
  --shell2:#0d1422;
  --panel:#0b101b;
  --panel2:#111827;
  --line:#293241;
  --text:#f3fbff;
  --muted:#a9bac7;
  --cyan:#22d3ee;
  --blue:#38bdf8;
  --orange:#fb923c;
  --lime:#a3e635;
  --purple:#c084fc;
  --yellow:#facc15;
  --pink:#f472b6;
  --red:#fb7185;
  --shadow:0 22px 60px rgba(0,0,0,.52);
  --inset:inset 0 0 0 1px rgba(255,255,255,.06), inset 0 0 24px rgba(34,211,238,.05);
  --radius:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#03050b}
body{
  margin:0;
  min-width:1220px;
  min-height:100vh;
  font-family:Verdana,Geneva,Tahoma,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 4% 4%,rgba(34,211,238,.16),transparent 22%),
    radial-gradient(circle at 86% 9%,rgba(251,146,60,.12),transparent 24%),
    linear-gradient(135deg,#02040a 0%,#07111f 45%,#02040a 100%);
  overflow-x:auto;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  background-image:
    linear-gradient(rgba(34,211,238,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(34,211,238,.08) 1px,transparent 1px);
  background-size:24px 24px;
  opacity:.35;
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    repeating-linear-gradient(90deg,transparent 0 28px,rgba(255,255,255,.015) 29px 30px),
    radial-gradient(circle at 16% 70%,rgba(192,132,252,.12),transparent 22%);
}
.scanlines{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:50;
  background:repeating-linear-gradient(to bottom,rgba(255,255,255,.045),rgba(255,255,255,.045) 1px,transparent 2px,transparent 6px);
  mix-blend-mode:screen;
  opacity:.10;
}
a{color:inherit}
.page-shell{
  width:1440px;
  min-height:980px;
  margin:14px auto 26px;
  border:2px solid rgba(255,255,255,.12);
  border-radius:8px;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(11,17,28,.98),rgba(3,6,12,.99)),
    #02040a;
  box-shadow:0 0 0 3px rgba(34,211,238,.15),0 0 38px rgba(34,211,238,.22),var(--shadow);
  position:relative;
}
.page-shell:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.04),transparent 18%,transparent 82%,rgba(255,255,255,.03)),
    repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 1px,transparent 1px 13px);
  opacity:.7;
}
.site-topbar{
  position:relative;
  z-index:2;
  height:78px;
  display:grid;
  grid-template-columns:320px 1fr 230px;
  align-items:center;
  gap:18px;
  padding:10px 16px;
  background:linear-gradient(180deg,#111827,#05070d 58%,#01030a);
  border-bottom:2px solid #202a3c;
  box-shadow:inset 0 -1px rgba(34,211,238,.26);
}
.brand-block{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;min-width:0}
.brand-mark{
  width:46px;height:46px;border-radius:8px;
  display:grid;place-items:center;
  color:#001018;font-weight:900;
  background:linear-gradient(135deg,#dff9ff,#22d3ee 55%,#38bdf8);
  box-shadow:0 0 16px rgba(34,211,238,.72),inset 0 0 0 3px rgba(0,0,0,.16);
  text-shadow:none;
}
.brand-name{
  font-size:2.06rem;
  line-height:.9;
  font-weight:1000;
  letter-spacing:.02em;
  text-transform:uppercase;
  text-shadow:3px 3px 0 #000,0 0 18px rgba(34,211,238,.5);
  background:linear-gradient(180deg,#ffffff,#60a5fa 44%,#cbd5e1 48%,#f8fafc 72%,#8aa0b3);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.brand-tagline{margin-top:6px;color:var(--lime);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;text-shadow:0 0 10px rgba(163,230,53,.3)}
.top-slogan{
  justify-self:center;
  width:100%;
  color:var(--orange);
  text-align:center;
  font-family:"Courier New",monospace;
  font-weight:900;
  letter-spacing:.12em;
  padding:8px 14px;
  border-left:1px solid rgba(255,255,255,.1);
  border-right:1px solid rgba(255,255,255,.1);
  background:linear-gradient(90deg,transparent,rgba(251,146,60,.08),transparent);
}
.visitor-box{
  justify-self:end;
  width:210px;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:8px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:8px;
  padding:8px 10px;
  background:#020617;
  box-shadow:inset 0 0 18px rgba(163,230,53,.1),0 0 15px rgba(0,0,0,.35);
}
.visitor-box span{font-size:.72rem;font-weight:900;color:#d1d5db;text-transform:uppercase;letter-spacing:.08em}
.visitor-box strong{
  color:var(--lime);
  font-family:"Courier New",monospace;
  letter-spacing:.12em;
  font-size:1.18rem;
  text-shadow:0 0 12px rgba(163,230,53,.55);
}
.layout-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:248px 1fr;
  grid-template-rows:640px 212px;
  grid-template-areas:
    "sidebar stage"
    "sidebar stage";
  gap:0;
  min-height:852px;
  background:radial-gradient(circle at 40% 10%,rgba(34,211,238,.08),transparent 28%);
}
.side-nav{
  grid-area:sidebar;
  padding:14px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015)),
    linear-gradient(180deg,#090f1b,#05070d 78%,#03050a);
  border-right:2px solid #202a3c;
  box-shadow:inset -10px 0 32px rgba(0,0,0,.35);
  position:relative;
  overflow:hidden;
}
.side-nav:before,.side-nav:after{
  content:"";
  position:absolute;
  left:10px;right:10px;height:46px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:4px;
  opacity:.55;
  pointer-events:none;
}
.side-nav:before{bottom:108px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 4px,transparent 4px 14px)}
.side-nav:after{bottom:50px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 3px,transparent 3px 12px)}
.nav-title{
  margin:2px 0 12px;
  color:var(--cyan);
  font-family:"Courier New",monospace;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
  text-shadow:0 0 12px rgba(34,211,238,.4);
}
.nav-link{
  display:grid;
  grid-template-columns:40px 1fr 14px;
  align-items:center;
  min-height:58px;
  margin-bottom:7px;
  padding:9px 8px;
  color:#f8fafc;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.12);
  border-radius:7px;
  background:linear-gradient(180deg,#151b27,#090d16);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 4px 0 rgba(0,0,0,.25);
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;
}
.nav-link:after{content:"›";color:#94a3b8;font-size:1.4rem;font-weight:900}
.nav-link:hover,.nav-link.active{transform:translateX(2px);border-color:var(--cyan);box-shadow:inset 0 0 18px rgba(34,211,238,.18),0 0 14px rgba(34,211,238,.18)}
.nav-link.active{background:linear-gradient(180deg,#0e4f87,#06172b);color:#fff}
.nav-icon{font-size:1.22rem;filter:drop-shadow(0 0 6px rgba(34,211,238,.4));text-align:center}
.nav-link strong{display:block;text-transform:uppercase;letter-spacing:.035em;font-size:1rem;line-height:1.1}
.nav-link em{display:block;color:#b4c4d4;font-size:.68rem;font-style:normal;line-height:1.15;margin-top:3px}
.retro-card,.diagnostic-card{
  margin-top:16px;
  border-radius:8px;
  padding:12px;
  background:#020617;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 0 18px rgba(0,0,0,.35);
}
.retro-card strong{display:block;color:var(--lime);font-family:"Courier New",monospace;font-size:.9rem}
.retro-card span{display:block;margin-top:8px;color:#38bdf8;font-size:.72rem;line-height:1.45;text-transform:uppercase}
.diagnostic-card{border-color:rgba(251,113,133,.75);box-shadow:0 0 14px rgba(251,113,133,.18),inset 0 0 18px rgba(251,113,133,.08);text-align:center;text-transform:uppercase}
.diagnostic-card span,.diagnostic-card strong{display:block;color:var(--lime);font-weight:1000;text-shadow:0 0 11px rgba(163,230,53,.45)}
.diagnostic-card strong{font-size:1.22rem;margin:3px 0}
.diagnostic-card em{font-style:normal;color:var(--pink);font-size:.72rem;font-weight:900}
.main-stage{
  grid-area:stage;
  min-width:0;
  display:grid;
  grid-template-rows:640px 212px;
  gap:0;
  background:rgba(0,0,0,.18);
}
.hero-lab{
  display:grid;
  grid-template-columns:322px 1fr;
  min-height:640px;
  overflow:hidden;
  border-bottom:2px solid #202a3c;
}
.hero-copy{
  padding:50px 22px 20px 34px;
  position:relative;
  background:
    linear-gradient(90deg,rgba(0,0,0,.64),rgba(0,0,0,.22)),
    repeating-linear-gradient(0deg,rgba(34,211,238,.05) 0 1px,transparent 1px 20px),
    repeating-linear-gradient(90deg,rgba(34,211,238,.05) 0 1px,transparent 1px 20px);
  border-right:2px solid #202a3c;
}
.hero-copy:before{
  content:"";
  position:absolute;
  top:0;right:-2px;bottom:0;width:46px;
  background:linear-gradient(90deg,transparent,rgba(34,211,238,.12));
  clip-path:polygon(0 0,100% 11%,100% 89%,0 100%);
}
.eyebrow{
  margin:0 0 14px;
  color:var(--orange);
  font-family:"Courier New",monospace;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.hero-copy h1{
  margin:0 0 20px;
  font-family:"Courier New",monospace;
  font-size:3.22rem;
  line-height:.92;
  text-transform:uppercase;
  letter-spacing:-.07em;
  color:var(--cyan);
  text-shadow:4px 4px 0 #000,0 0 20px rgba(34,211,238,.48);
}
.hero-copy h1::first-line{color:var(--orange)}
.hero-copy p:not(.eyebrow){margin:0;color:#f8fafc;font-size:1rem;line-height:1.45;text-shadow:1px 1px 0 #000;max-width:250px}
.hero-actions{display:grid;gap:10px;margin:22px 0 16px;max-width:240px}
.btn{
  display:flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;
  padding:12px 16px;
  border-radius:6px;
  text-decoration:none;
  font-family:"Courier New",monospace;
  font-weight:1000;
  text-transform:uppercase;
  border:2px solid rgba(255,255,255,.12);
  box-shadow:0 5px 0 rgba(0,0,0,.45),inset 0 0 18px rgba(255,255,255,.05);
}
.btn.primary{color:#dff9ff;background:linear-gradient(180deg,#0c78c9,#062f5e);border-color:#22d3ee;box-shadow:0 5px 0 #031b35,0 0 18px rgba(34,211,238,.42)}
.btn.secondary{color:#f8fafc;background:linear-gradient(180deg,#343a45,#111827);border-color:rgba(255,255,255,.18)}
.map-note{
  max-width:242px;
  margin-top:18px;
  padding:12px 12px;
  color:var(--cyan);
  border:1px solid rgba(34,211,238,.28);
  background:rgba(2,6,23,.72);
  border-radius:8px;
  font-family:"Courier New",monospace;
  font-size:.75rem;
  line-height:1.35;
  box-shadow:inset 0 0 18px rgba(34,211,238,.07);
}
.pc-map-card{min-width:0;position:relative;background:#020617;overflow:hidden;border-left:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.pc-map-card:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  box-shadow:inset 0 0 54px rgba(0,0,0,.62),inset 0 0 0 2px rgba(255,255,255,.05);
}
.pc-map-toolbar{
  position:absolute;
  z-index:8;
  top:12px;left:14px;right:14px;
  height:34px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:6px;
  background:rgba(2,6,23,.74);
  backdrop-filter:blur(5px);
  color:var(--cyan);
  font-family:"Courier New",monospace;
  font-weight:900;
  letter-spacing:.08em;
  text-shadow:0 0 8px rgba(34,211,238,.45);
}
.blink{color:var(--lime);animation:blink 1.2s step-end infinite}@keyframes blink{50%{opacity:.35}}
.pc-map{position:absolute;inset:0;overflow:hidden;background:#020617}
.pc-map img{
  width:100%;height:100%;display:block;object-fit:cover;object-position:center center;
  filter:contrast(1.06) saturate(1.03);
}
.hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:10;background:transparent;border:0;padding:0;cursor:pointer;color:#fff;font:inherit}
.hotspot-dot{
  width:32px;height:32px;border-radius:999px;
  display:grid;place-items:center;
  background:rgba(2,6,23,.82);
  border:3px solid currentColor;
  color:#fff;
  font-family:"Courier New",monospace;font-size:1.2rem;font-weight:1000;
  box-shadow:0 0 0 5px color-mix(in srgb,currentColor 18%,transparent),0 0 18px currentColor,0 0 34px rgba(255,255,255,.24);
  transition:transform .16s ease,filter .16s ease;
}
.hotspot:hover .hotspot-dot{transform:scale(1.16) rotate(90deg);filter:brightness(1.25)}
.hotspot-label{
  position:absolute;
  left:43px;top:50%;transform:translateY(-50%);
  min-width:160px;max-width:212px;
  padding:8px 10px;
  text-align:left;
  border:2px solid currentColor;
  border-radius:8px;
  background:rgba(2,6,23,.82);
  color:currentColor;
  box-shadow:0 0 15px color-mix(in srgb,currentColor 32%,transparent),inset 0 0 18px rgba(255,255,255,.04);
  backdrop-filter:blur(4px);
}
.hotspot-label:before{content:"";position:absolute;right:100%;top:50%;width:30px;height:2px;background:currentColor;box-shadow:0 0 10px currentColor}
.hotspot-label strong{display:block;font-family:"Courier New",monospace;font-weight:1000;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;color:currentColor;text-shadow:0 0 8px currentColor}
.hotspot-label em{display:block;margin-top:2px;color:#eef9ff;font-style:normal;font-size:.68rem;line-height:1.2;text-shadow:1px 1px 0 #000}
.dir-left .hotspot-label{left:auto;right:43px;text-align:right}.dir-left .hotspot-label:before{right:auto;left:100%}
.dir-top .hotspot-label{left:50%;top:auto;bottom:43px;transform:translateX(-50%);text-align:center}.dir-top .hotspot-label:before{right:auto;left:50%;top:100%;width:2px;height:30px}
.dir-bottom .hotspot-label{left:50%;top:43px;transform:translateX(-50%);text-align:center}.dir-bottom .hotspot-label:before{right:auto;left:50%;bottom:100%;top:auto;width:2px;height:30px}
.color-cyan{color:var(--cyan)}.color-blue{color:var(--blue)}.color-orange{color:var(--orange)}.color-lime{color:var(--lime)}.color-purple{color:var(--purple)}.color-yellow{color:var(--yellow)}.color-pink{color:var(--pink)}.color-red{color:var(--red)}
.module-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  padding:12px;
  background:linear-gradient(180deg,#080c14,#05070d);
}
.module-box{
  position:relative;
  min-height:188px;
  padding:13px 14px;
  border:2px solid currentColor;
  border-radius:7px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),
    #080d16;
  color:var(--cyan);
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 0 16px rgba(0,0,0,.34);
}
.module-box:before{content:"";position:absolute;left:0;right:0;top:0;height:28px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.1)}
.module-box h2{position:relative;margin:0 0 16px;font-family:"Courier New",monospace;text-transform:uppercase;letter-spacing:.05em;font-size:1rem;text-align:center;text-shadow:0 0 10px currentColor}
.module-box p{margin:0;color:#dcecff;font-size:.76rem;line-height:1.42;min-height:64px}
.module-box a{display:inline-block;margin-top:12px;color:currentColor;font-family:"Courier New",monospace;font-weight:1000;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor}
.module-box.blue{color:var(--cyan)}.module-box.orange{color:var(--orange)}.module-box.purple{color:var(--purple)}.module-box.green{color:var(--lime)}
.new-burst{position:absolute;right:10px;top:40px;z-index:2;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#111827;font-size:.7rem;font-family:"Courier New",monospace;font-weight:1000;transform:rotate(-13deg);box-shadow:0 0 16px rgba(250,204,21,.55)}
.service-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  padding:0 12px 12px;
  background:#05070d;
}
.service-strip article{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:10px;padding:11px;border:1px solid rgba(255,255,255,.11);border-radius:7px;background:rgba(255,255,255,.035);min-height:100px}
.service-icon{grid-row:1/3;font-size:1.7rem}.service-strip h3{margin:0;color:#fff;font-size:.9rem}.service-strip p{grid-column:2;margin:5px 0 0;color:#b8c7d5;font-size:.72rem;line-height:1.35}
.site-footer{
  position:relative;z-index:2;
  padding:10px 14px 14px;
  border-top:2px solid #202a3c;
  background:linear-gradient(180deg,#080c14,#02040a);
  color:#9fb6ca;
  text-align:center;
  font-size:.78rem;
}
.badge-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.badge-row span{display:inline-flex;align-items:center;min-height:27px;padding:5px 11px;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:rgba(255,255,255,.045);font-family:"Courier New",monospace;color:var(--cyan);font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.site-footer p{margin:0}
.lab-modal[hidden]{display:none}.lab-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(6px)}.modal-panel{position:relative;width:min(680px,calc(100vw - 40px));background:linear-gradient(145deg,#081225,#020617);border:2px solid var(--cyan);border-radius:16px;padding:24px;box-shadow:0 0 50px rgba(34,211,238,.35),var(--shadow)}.modal-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#111827;color:#fff;font-size:1.6rem;cursor:pointer}.modal-kicker{color:var(--lime);font-family:"Courier New",monospace;font-weight:900;letter-spacing:.16em}.modal-panel h2{font-size:2rem;margin:.2rem 0}.modal-label{color:var(--cyan);font-weight:900}.modal-content{color:#dbeafe;line-height:1.65;white-space:pre-line}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.modal-actions a{display:inline-flex;padding:11px 14px;border-radius:10px;text-decoration:none;font-weight:900}.modal-actions a:first-child{background:var(--cyan);color:#00131a}.modal-actions a:last-child{background:#1e293b;color:#fff}
/* Standard page fallback */
.simple-page{min-width:0}.simple-page .site-topbar{grid-template-columns:320px 1fr}.simple-page .page-shell{min-height:auto}.top-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.top-links a{color:var(--text);text-decoration:none;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 10px;background:rgba(255,255,255,.04)}.content-page{max-width:980px;margin:0 auto;padding:42px 20px}.content-page.narrow{max-width:720px}.content-page h1{font-size:clamp(2rem,5vw,4rem);margin:8px 0}.lead{color:var(--cyan);font-size:1.1rem}.content-card,.success-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:20px;line-height:1.75;color:#dbeafe}.success-box{border-color:var(--lime);color:var(--lime);margin-bottom:16px}.contact-form{display:grid;gap:14px}.contact-form label{display:grid;gap:6px;color:var(--cyan);font-weight:900}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:13px;border-radius:12px;border:1px solid #334155;background:#020617;color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.gallery-grid figure{margin:0;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;background:#020617}.gallery-grid img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.gallery-grid figcaption{padding:10px;color:var(--cyan)}
@media(max-width:1220px){
  body{min-width:1220px}
  .page-shell{margin-left:0;margin-right:0}
}
@media(max-width:760px){
  /* BYTEWERX intentionally keeps the desktop command-console layout and allows horizontal scroll. */
  .scanlines{display:none}
}
@media print{
  @page{size:landscape;margin:0.25in}
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  body{min-width:1440px;background:#02040a!important;zoom:.64}
  .page-shell{width:1440px;margin:0;box-shadow:none;break-inside:avoid;page-break-inside:avoid}
  .scanlines{display:none}
}

/* V2.3.0 Mobile Fit Patch
   Keeps the desktop command-console layout intact, but scales it down on narrow screens
   so the full BYTEWERX shell fits the mobile viewport instead of forcing sideways scroll. */
.mobile-fit-frame{width:100%;}
@media(max-width:1220px){
  html,body{min-width:0;width:100%;overflow-x:hidden;}
  body.site-body{min-width:0;overflow-x:hidden;}
  .mobile-fit-frame{
    width:100vw;
    overflow:hidden;
    position:relative;
    margin:0;
  }
  .mobile-fit-frame .page-shell{
    margin:0;
    transform-origin:top left;
    will-change:transform;
  }
}
.module-box.cyan{color:var(--cyan)}.module-box.lime{color:var(--lime)}.module-box.yellow{color:var(--yellow)}.module-box.pink{color:var(--pink)}.module-box.red{color:var(--red)}

/* V2.3.0 Console Page Loader
   Left navigation remains fixed while each section loads into the right-side stage. */
.main-stage{position:relative;}
.main-stage.is-loading:after{
  content:"LOADING MODULE...";
  position:absolute;
  inset:0;
  z-index:40;
  display:grid;
  place-items:center;
  color:var(--lime);
  font-family:"Courier New",monospace;
  font-weight:1000;
  letter-spacing:.18em;
  background:rgba(2,6,23,.72);
  text-shadow:0 0 14px rgba(163,230,53,.6);
}
.console-panel{
  grid-row:1 / -1;
  min-height:852px;
  padding:22px;
  background:
    radial-gradient(circle at 72% 12%,rgba(34,211,238,.11),transparent 28%),
    radial-gradient(circle at 8% 84%,rgba(251,146,60,.08),transparent 22%),
    repeating-linear-gradient(0deg,rgba(34,211,238,.035) 0 1px,transparent 1px 22px),
    repeating-linear-gradient(90deg,rgba(34,211,238,.035) 0 1px,transparent 1px 22px),
    linear-gradient(180deg,#070b14,#03050b);
  overflow:auto;
  border-left:0;
}
.panel-scroll{scrollbar-color:var(--cyan) #020617;scrollbar-width:thin;}
.panel-header-card,.panel-terminal-card,.console-gallery-grid figure,.error-box{
  border:2px solid rgba(34,211,238,.42);
  border-radius:10px;
  background:rgba(2,6,23,.74);
  box-shadow:inset 0 0 22px rgba(34,211,238,.06),0 0 22px rgba(0,0,0,.36);
}
.panel-header-card{
  padding:26px;
  margin-bottom:16px;
  position:relative;
  overflow:hidden;
}
.panel-header-card:after{
  content:"";
  position:absolute;
  top:0;right:0;width:220px;height:100%;
  background:repeating-linear-gradient(45deg,rgba(255,255,255,.055) 0 2px,transparent 2px 14px);
  opacity:.55;
  pointer-events:none;
}
.panel-header-card h1{
  margin:0 0 10px;
  font-family:"Courier New",monospace;
  font-size:3.1rem;
  line-height:1;
  text-transform:uppercase;
  color:var(--cyan);
  text-shadow:4px 4px 0 #000,0 0 20px rgba(34,211,238,.44);
}
.panel-header-card .lead{max-width:760px;margin:0;color:#e7f7ff;font-size:1rem;line-height:1.6;}
.panel-terminal-card{overflow:hidden;margin-bottom:16px;}
.terminal-titlebar{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:9px 14px;
  color:var(--lime);
  font-family:"Courier New",monospace;
  font-weight:1000;
  letter-spacing:.1em;
  background:linear-gradient(180deg,#111827,#03050b);
  border-bottom:1px solid rgba(255,255,255,.14);
}
.panel-body-text{
  min-height:330px;
  padding:24px;
  color:#dbeafe;
  font-size:1rem;
  line-height:1.82;
  white-space:normal;
}
.panel-body-text:before{
  content:"> ";
  color:var(--lime);
  font-family:"Courier New",monospace;
  font-weight:1000;
}
.console-gallery-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.console-gallery-grid figure{margin:0;overflow:hidden;border-color:rgba(163,230,53,.38);}
.console-gallery-grid img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;background:#020617;}
.console-gallery-grid figcaption{padding:10px 12px;color:var(--cyan);font-family:"Courier New",monospace;font-weight:900;font-size:.82rem;}
.console-contact-form{
  border:2px solid rgba(251,146,60,.48);
  border-radius:10px;
  padding:18px;
  background:rgba(2,6,23,.74);
  box-shadow:inset 0 0 22px rgba(251,146,60,.06),0 0 22px rgba(0,0,0,.36);
}
.error-box{border-color:var(--red);color:#ffe4e6;margin-bottom:16px;padding:14px 16px;}
.success-box{border-radius:10px;}
@media(max-width:1220px){
  .console-panel{overflow:hidden;}
}