/* /assets/components/hero.css */

.hero{
  max-width:1100px;
  margin:0 auto 46px;
  padding:60px 20px 40px;
  text-align:center;
  background:linear-gradient(135deg,#eef3ff,#ffffff);
}

.hero-inner{
  max-width:900px;
  margin:0 auto;
}

.hero h1{
  max-width:900px;
  margin:0 auto 22px;
  font-size:clamp(2.4rem,4.6vw,4rem);
  line-height:1.08;
  font-weight:900;
  letter-spacing:-1px;
  color:#0f172a;
}

.hero .subtitle{
  max-width:760px;
  margin:0 auto;
  font-size:1.2rem;
  line-height:1.65;
  color:#475569;
}