/* SpartNex responsive landing – background image fix */
:root{
  --pad: clamp(16px, 3vw, 40px);
  --gap: clamp(20px, 3.5vw, 36px);
  --maxw: min(1100px, 92vw);
}
*{box-sizing:border-box}
html, body {height:100%}
body{
  margin:0;
  color:#fff;
  background:#000;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, "Helvetica Neue", Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.bg{
  position:fixed;
  inset:0;
  z-index:-2;
  background: #000 url('background.png') center / cover no-repeat fixed;
}

/* subtle dark layer to keep text readable on any image */
body::after{
  content:"";
  position:fixed;
  inset:0;
  background: rgba(0,0,0,.55);
  z-index:-1;
}

.hero{
  min-height:100svh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap: var(--gap);
  text-align:center;
  padding: var(--pad);
}

h1{
  margin:0;
  font-size: clamp(40px, 7vw, 72px);
  font-weight: 800;
  letter-spacing: .4px;
}

.it, .en{
  margin:0;
  font-size: clamp(20px, 3.2vw, 34px);
  line-height:1.3;
  max-width: var(--maxw);
}

footer{
  margin-top: clamp(28px, 4.5vw, 60px);
  font-size: clamp(12px, 1.8vw, 16px);
  opacity:.9;
}