/* ============================================================
   LAYOUT — Body, Scroll, Estrutura Base
   ============================================================ */

html {
  overflow-x: hidden;
  /* Impede qualquer elemento filho de expandir a largura do documento */
  max-width: 100%;
}

html, body {
  min-height: 100%;
}

body {
  background-color: var(--bg);
  color: var(--white);
  font-family: var(--font-tech);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  overflow-x: hidden;
  max-width: 100%;
}

/* Canvas fixo */
#orion-canvas {
  position: fixed;
  inset: 0; z-index: 1;
  pointer-events: none;
}

/* Noise overlay */
.noise-overlay {
  position: fixed;
  inset: 0; z-index: 40;
  pointer-events: none;
  opacity: .05;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.70' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");
}

/* bg-glows */
.bg-glows {
  position: fixed;
  inset: 0; z-index: 2;
  pointer-events: none;
  background:
    radial-gradient(600px 420px at 18% 50%, rgba(0,229,255,.16), transparent 60%),
    radial-gradient(560px 420px at 78% 28%, rgba(176,38,255,.14), transparent 62%),
    radial-gradient(900px 600px at 50% 110%, rgba(255,255,255,.06), transparent 65%);
  filter: saturate(1.1) contrast(1.05);
}

@media (max-width: 1024px) {
  .section-wrapper { padding: var(--space-xl) 22px; }
}