.free-content { padding: 120px 0; background: linear-gradient(135deg,rgba(255,255,255,.22),transparent 42%),var(--cyan); color: var(--navy); }
.free-content-grid { display: grid; grid-template-columns: minmax(0,.92fr) minmax(540px,1.08fr); gap: clamp(70px,9vw,150px); align-items: start; }
.free-intro h2 {
  margin: 0; font-size: clamp(50px,5.2vw,82px); font-weight: 800; letter-spacing: -.05em; line-height: .98;
}
.free-intro > p:not(.eyebrow) { max-width: 600px; margin: 30px 0 0; color: rgba(var(--navy-rgb),.72); font-size: 18px; line-height: 1.65; }
.free-cards { border-top: 1px solid rgba(var(--navy-rgb),.24); }
.free-cards article { display: grid; grid-template-columns: 54px .65fr 1.35fr; gap: 28px; align-items: start; padding: 30px 0; border-bottom: 1px solid rgba(var(--navy-rgb),.24); }
.free-cards article > span { font-size: 12px; font-weight: 900; letter-spacing: .12em; }
.free-cards h3 { margin: 0; font-size: 26px; font-weight: 800; letter-spacing: -.03em; }
.free-cards p { margin: 0; color: rgba(var(--navy-rgb),.68); font-size: 15px; line-height: 1.6; }

@media (max-width: 1180px) {
  .free-content-grid { gap: 70px; }
}

@media (max-width: 960px) {
  .free-content-grid { grid-template-columns: 1fr; gap: 72px; }
}

@media (max-width: 640px) {
  .free-content { padding: 86px 0; }
  .free-intro h2 { font-size: 46px; }
  .free-content-grid { gap: 56px; }
  .free-cards article { grid-template-columns: 42px 1fr; gap: 13px 16px; }
  .free-cards article p { grid-column: 2; }
}