*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  color: var(--text);

  /* Fundo “cimento queimado / cinza espacial” + Audi vibes */
  background:
    radial-gradient(1200px 700px at 15% 10%, rgba(255,255,255,.10), transparent 60%),
    radial-gradient(900px 600px at 85% 0%, rgba(255,77,26,.10), transparent 62%),
    radial-gradient(900px 700px at 50% 120%, rgba(0,0,0,.35), transparent 55%),
    linear-gradient(180deg, #535B66 0%, #2B313A 55%, #11151A 100%);

  /* 🔥 trava o fundo no viewport (para não “trocar tapete” ao rolar) */
  background-attachment: fixed, fixed, fixed, fixed;
  background-repeat: no-repeat;

  position: relative;
}

a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }

.container{
  width: min(var(--container), calc(100% - 32px));
  margin: 0 auto;
}

.hr{
  height: 1px;
  border: 0;
  margin: 0;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.10),
    transparent
  );
  opacity: .75;
}

.section{
  padding: 80px 0;
  position: relative;
}

.hero::before, .hero::after{ z-index:0; }
.hero .container{ position:relative; z-index:1; }

.small{ font-size: 12px; color: var(--muted); }