.diagnosis-section {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 70px;
  align-items: start;
  padding-top: 80px !important;
  padding-bottom: 88px !important;
  border-block: 1px solid #e4e6eb;
}
.diagnosis-copy { position: sticky; top: 110px; }
.diagnosis-copy > span { color: #111; font: 700 10px "Space Grotesk"; letter-spacing: .16em; }
.diagnosis-copy h2 { max-width: 480px; margin: 20px 0 15px; color: #111; font: 700 clamp(2.5rem,4.5vw,4.5rem)/.98 "Space Grotesk"; letter-spacing: -.06em; }
.diagnosis-copy p { max-width: 480px; color: #686d76; font-size: 16px; line-height: 1.55; }
.diagnosis-form { display: grid; gap: 13px; padding: 28px; border: 1px solid #dfe2e8; border-radius: 20px; background: rgba(255,255,255,.9); box-shadow: 0 20px 60px rgba(35,48,66,.08); }
.diagnosis-form label { color: #626873; font: 700 9px "Space Grotesk"; letter-spacing: .12em; }
.diagnosis-form input,.diagnosis-form select { display: block; width: 100%; box-sizing: border-box; margin-top: 7px; padding: 13px 14px; border: 1px solid #d9dde5; border-radius: 9px; background: #f7f8fa; color: #111; font: 14px "DM Sans"; }
.diagnosis-form select option { background: #fff; color: #111; }
.diagnosis-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.diagnosis-submit { display: flex; justify-content: space-between; margin-top: 4px; padding: 15px 17px; border: 0; border-radius: 9px; background: #111; color: #fff; font: 800 10px "Space Grotesk"; letter-spacing: .09em; cursor: pointer; }
.diagnosis-form > small { color: #7b808a; text-align: center; }
@media(max-width:760px) {
  .diagnosis-section { grid-template-columns: 1fr; gap: 30px; padding-top: 58px !important; padding-bottom: 64px !important; }
  .diagnosis-copy { position: static; }
  .diagnosis-copy h2 { font-size: 2.45rem; }
  .diagnosis-form { padding: 20px 16px; }
  .diagnosis-row { grid-template-columns: 1fr; }
}
