body { min-height: 100%; width: 100vw; background: #080b14; overflow-x: hidden; margin: 0; padding: 0; }
[data-theme="light"] body { background: #fafbff; }
.grid-bg, .glow-orb { display: none; }

main.page-frame {
  background: rgba(10,14,28,.48) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
[data-theme="light"] main.page-frame { background: transparent !important; }

#hero-nav { max-width: 100% !important; padding: 0 !important; margin: 0 !important; width: 100% !important; }
main.page-frame::before { left: 0 !important; right: 0 !important; }

/* Heading section — full width, no background seam */
.page-hero {
  max-width: 100% !important;
  text-align: center;
  padding: 20px 40px 24px !important;
  background: none !important;
  border-bottom: none !important;
}
.page-hero::before { display: none !important; }
.page-hero h1 { letter-spacing: -1.5px; }

/* Cases grid — constrained width, full section padding */
#cases {
  max-width: 100% !important;
  padding: 16px 40px 80px !important;
  position: relative;
  overflow: visible;
}
.cases-grid {
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  padding: 0 100px;
  box-sizing: border-box;
}

/* Side server racks — inside #cases, above page bg */
#cases .about-side-rack {
  position: absolute;
  top: 0;
  height: 100%;
  width: min(340px, 28vw);
  pointer-events: none;
  z-index: 0;
  opacity: .9;
}
#cases .about-side-rack-left  { left: 0; }
#cases .about-side-rack-right { right: 0; }
#cases .about-side-rack canvas { display: block; width: 100%; height: 100%; }
#cases .about-side-rack-left canvas {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 45%);
  mask-image: linear-gradient(to right, transparent 0%, black 45%);
}
#cases .about-side-rack-right canvas {
  -webkit-mask-image: linear-gradient(to left, transparent 0%, black 45%);
  mask-image: linear-gradient(to left, transparent 0%, black 45%);
}
[data-theme="light"] #cases .about-side-rack { opacity: .22; }
@media (max-width: 1100px) {
  .cases-grid { padding: 0 72px; }
  #cases .about-side-rack { opacity: .7; }
}
@media (max-width: 820px)  {
  .cases-grid { padding: 0; }
  #cases .about-side-rack { display: none; }
}

/* CTA section — full width */
.page-cta { max-width: 100% !important; }

/* Light theme */
[data-theme="light"] .page-hero h1 {
  background: linear-gradient(110deg, #1a2235 30%, var(--accent-text) 75%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
[data-theme="light"] .page-hero .section-sub { color: var(--muted); }

@media (max-width: 900px) {
  .page-hero { padding: 16px 24px 20px !important; }
  #cases { padding: 12px 24px 60px !important; }
}
@media (max-width: 560px) {
  .page-hero { padding: 12px 16px 16px !important; }
  #cases { padding: 12px 16px 40px !important; }
}