/* === Index-only: full-screen hero with no scrollbars === */
html, body { height: 100%; overflow: hidden; }

/* Keep chrome above the fixed hero */
header, nav, .footer { position: relative; z-index: 2; }

/* Footer pinned to bottom without scrolling */
.footer { position: absolute; left: 0; right: 0; bottom: 0; }

.home-main { height: 100svh; height: 100vh; }

.hero {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  z-index: 1; /* hero content above bg tint */
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Ensure the actual image fills even if background chain changes */
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  z-index: -1;
}

/* Center hero copy and give breathing space below nav */
.hero-content {
  text-align: center;
  margin-top: clamp(40px, 12vh, 120px);
  padding: 0 4vw;
}

/* Logo / title typography confined to the index only */
.hero .project-text {
  font-family: "Megatron","Oswald", Impact, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: clamp(18px, calc(var(--hero-scale) * 0.32), 44px);
  letter-spacing: 0.55em;
  margin: clamp(8px, 2.2vh, 26px) 0 0.35em 0; /* moved down a bit */
  text-transform: uppercase;
}

.hero .positron-text {
  font-family: "Megatron","Megatron Holo","Oswald", Impact, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: clamp(56px, 12vw, 220px);
  line-height: .8;
  letter-spacing: .08em;
  background: linear-gradient(180deg, #FFA500, #CC6600);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
}

.hero .tagline {
  font-family: "Orbitron","Megatron","Oswald","Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 900;
  letter-spacing: .04em;
  font-size: clamp(18px, calc(var(--hero-scale) * 0.20), 34px); /* a bit bigger */
  margin-top: clamp(18px, calc(var(--hero-scale) * 0.22), 42px); /* moved further down */
  color: #e5e7eb;
}

.hero .demo-btn {
  display: inline-block;
  margin-top: clamp(10px, 2vh, 18px);
  padding: 12px 18px;
  border-radius: 10px;
  border: 2px solid #ff9900;
  background: #ff9900;
  color: #111;
  font-weight: 800;
  text-decoration: none;
}
.hero .demo-btn:hover { filter: brightness(1.08); }


/* === POSITRON sizing cap + lime pulse glow (index-only) === */
:root {
  --positron-max: 150px;
  --positron-glow-rgb: 57,255,20; /* #39FF14 */
}

.hero-content {
  display: grid;
  justify-items: center;
  gap: clamp(10px, 2.4vh, 24px);
}

.hero .project-text {
  font-family: "Megatron","Oswald", Impact, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: clamp(18px, calc(var(--hero-scale) * 0.32), 44px);
  letter-spacing: 0.55em;
  margin: clamp(8px, 2.2vh, 26px) 0 0.35em 0; /* moved down a bit */
  text-transform: uppercase;
}

.hero .positron-text {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  color: #000;
  font-size: clamp(56px, 12vw, var(--positron-max));
  text-shadow:
    0 0 6px rgba(var(--positron-glow-rgb), .30),
    0 0 14px rgba(var(--positron-glow-rgb), .22);
  animation: positronPulse 2.2s ease-in-out infinite;
}

@keyframes positronPulse {
  0%, 100% {
    text-shadow:
      0 0 6px rgba(var(--positron-glow-rgb), .30),
      0 0 14px rgba(var(--positron-glow-rgb), .22);
  }
  50% {
    text-shadow:
      0 0 10px rgba(var(--positron-glow-rgb), .55),
      0 0 24px rgba(var(--positron-glow-rgb), .38);
  }
}

.hero-content input,
.hero-content .text-box,
.hero-content .cta,
.hero-content form {
  margin-top: clamp(6px, 1.6vh, 18px);
}

.hero .tagline {
  font-family: "Orbitron","Megatron","Oswald","Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 900;
  letter-spacing: .04em;
  font-size: clamp(18px, calc(var(--hero-scale) * 0.20), 34px); /* a bit bigger */
  margin-top: clamp(18px, calc(var(--hero-scale) * 0.22), 42px); /* moved further down */
  color: #e5e7eb;
}


/* === Unified hero scaling (index-only) === */
.hero {
  --hero-min: 56px;
  --hero-max: 150px;            /* cap for 'POSITRON' */
  --hero-scale: clamp(var(--hero-min), 12vw, var(--hero-max));
}

/* 'Project' scales in sync with POSITRON (smaller ratio) */
.hero .project-text {
  font-family: "Megatron","Oswald", Impact, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: clamp(18px, calc(var(--hero-scale) * 0.32), 44px);
  letter-spacing: 0.55em;
  margin: clamp(8px, 2.2vh, 26px) 0 0.35em 0; /* moved down a bit */
  text-transform: uppercase;
}

/* POSITRON sizing uses shared scale and stays capped */
.hero .positron-text {
  font-size: var(--hero-scale);
}

/* Tagline scales with the same base, just smaller */
.hero .tagline {
  font-family: "Orbitron","Megatron","Oswald","Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 900;
  letter-spacing: .04em;
  font-size: clamp(18px, calc(var(--hero-scale) * 0.20), 34px); /* a bit bigger */
  margin-top: clamp(18px, calc(var(--hero-scale) * 0.22), 42px); /* moved further down */
  color: #e5e7eb;
}