@import url('project.css');

/* --- HERO SECTION PREMIUM REFINEMENT --- */
#rocketinterceptor-hero .hero-background {
  background: radial-gradient(ellipse at 60% 40%, rgba(0,212,255,0.18) 0%, rgba(156,39,176,0.10) 60%, transparent 100%),
    linear-gradient(120deg, #0a0a1a 0%, #1a0033 100%);
  opacity: 1;
}

#rocketinterceptor-hero .hero-gradient {
  background: linear-gradient(120deg, rgba(0,212,255,0.10) 0%, rgba(156,39,176,0.10) 100%);
  opacity: 0.7;
}

#rocketinterceptor-hero .hero-particles {
  background-image:
    radial-gradient(circle at 20% 80%, rgba(0, 212, 255, 0.18) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(78, 205, 196, 0.13) 0%, transparent 50%),
    radial-gradient(circle at 40% 40%, rgba(255, 107, 107, 0.13) 0%, transparent 50%);
  filter: blur(1.5px);
}

/* Prevent hero title overflow specifically for Rocket Interceptor */
#rocketinterceptor-hero .hero-title {
  word-wrap: break-word;       /* legacy alias */
  overflow-wrap: anywhere;     /* allow breaking anywhere to avoid overflow */
  hyphens: auto;               /* hyphenate long words where possible */
}

#rocketinterceptor-hero .hero-title .title-line {
  white-space: normal;         /* allow wrapping (override Flow.css nowrap) */
  word-break: break-word;      /* break long unbroken strings */
  overflow-wrap: anywhere;     /* ensure wrap even without spaces */
  max-width: 100%;
}

/* Responsive safety: gently reduce title size on narrower viewports */
@media (max-width: 480px) {
  #rocketinterceptor-hero .hero-title {
    font-size: clamp(1.6rem, 7vw, 2.3rem);
    line-height: 1.12;
  }
}

/* ...rest of Flow.css content unchanged... */