/* === CRITICAL ABOVE THE FOLD (SEO SAFE) === */
.hero-section{
  min-height:100vh;
  display:flex;
  align-items:center;
  contain:layout paint;
}
.hero-section h1{
  font-size:clamp(32px,5vw,54px);
  line-height:1.15;
  margin:0 0 12px;
}
.hero-section p{
  max-width:560px;
  opacity:.9;
}

/* Offer Tagline (Stable LCP) */
.offer-tagline{
  font-size:24px;
  font-weight:700;
  text-align:center;
  padding:14px 22px;
  border-radius:50px;
  color:#fff;
  background:linear-gradient(270deg,#0d6efd,#00c6ff,#6f42c1);
  background-size:400% 400%;
  animation:gradientMove 6s ease infinite;
  margin:20px auto;
  width:fit-content;
}

/* Reduced motion = Google friendly */
@media (prefers-reduced-motion: reduce){
  .offer-tagline{animation:none}
}

@keyframes gradientMove{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

/* Mobile */
@media(max-width:768px){
  .offer-tagline{font-size:18px;padding:12px 18px}
}