section{ padding: 54px 0; }

.section-head{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.kicker{
  color: rgba(10,163,163,.92);
  font-weight: 900;
  letter-spacing: .9px;
  text-transform: uppercase;
  font-size: 12px;
}

h1{
  margin: 14px 0 10px;
  font-size: clamp(34px, 4.3vw, 54px);
  line-height: 1.06;
  letter-spacing: -0.7px;
}
h2{
  margin: 8px 0 0;
  font-size: clamp(22px, 2.6vw, 34px);
  letter-spacing: -0.5px;
  line-height: 1.12;
}
.sub{
  color: var(--muted);
  max-width: 70ch;
  margin: 8px 0 0;
  font-size: 15px;
}

.hero{
  padding: clamp(34px, 5vw, 64px) 0 20px;
}
.hero-grid{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: clamp(18px, 4vw, 34px);
  align-items: center;
}
.lead{
  color: var(--muted);
  font-size: clamp(15px, 1.4vw, 17px);
  max-width: 56ch;
  margin: 0 0 18px;
}
.hero-actions{
  display:flex; gap:12px; flex-wrap:wrap;
  margin-top: 14px;
}
.cfg-highlight {
  outline: 2px solid rgba(0,0,0,0.15);
  outline-offset: 6px;
  border-radius: 12px;
  transition: outline 0.2s ease;
}