/* =========================
   HERO (UNIQUE)
========================= */

.demo-container{
  max-width:1100px;
  margin:0 auto;
  padding:32px 20px 68px;
}

.demo-hero{
  margin-bottom:24px;
}

.section-kicker{
  display:inline-block;
  margin-bottom:10px;
  font-size:11px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#8b93a6;
}

.demo-hero h1{
  margin:0 0 14px;
  font-size:clamp(36px,5vw,60px);
  line-height:.98;
  letter-spacing:-.03em;
}

.demo-hero p{
  margin:0;
  max-width:900px;
  font-size:18px;
  line-height:1.7;
  color:#e5e7eb;
}