/* Responsive readability improvements for desktop, tablet and mobile */
.motorCard dl div {
  gap: 16px;
  font-size: clamp(12px, .82vw, 14px);
  line-height: 1.45;
}
.motorCard dt { flex: 0 0 auto; }
.motorCard dd { max-width: 62%; }
.motorCard > a {
  font-size: clamp(12px, .8vw, 14px);
  line-height: 1.4;
}
.note {
  font-size: clamp(11px, .7vw, 12px);
  line-height: 1.6;
}
.catalogFamilies span {
  font-size: clamp(13px, .86vw, 15px);
  line-height: 1.45;
  padding: 13px 0;
}
.features h3 {
  font-size: clamp(16px, 1.05vw, 19px);
  line-height: 1.35;
}
.features p {
  font-size: clamp(13px, .86vw, 15px);
  line-height: 1.65;
}
.process {
  font-size: clamp(11px, .76vw, 13px);
  line-height: 1.45;
}
.metric p {
  font-size: clamp(12px, .78vw, 14px);
}
.metric p b {
  font-size: clamp(14px, .9vw, 16px);
}
.requirements {
  font-size: clamp(13px, .84vw, 15px);
}
.signal p {
  font-size: clamp(12px, .82vw, 14px);
}
.signal b {
  font-size: clamp(14px, .95vw, 17px);
}
.signal small {
  font-size: clamp(9px, .64vw, 11px);
}
.trust {
  font-size: clamp(11px, .74vw, 13px);
}

@media (max-width: 900px) {
  .motorCard dl div,
  .motorCard > a { font-size: 13px; }
  .catalogFamilies span { font-size: 14px; }
  .features p { font-size: 14px; }
  .process { font-size: 12px; }
}

@media (max-width: 640px) {
  .motorCard dl div {
    font-size: 13px;
    padding: 12px 0;
  }
  .motorCard dd { max-width: 64%; }
  .motorCard > a { font-size: 13px; }
  .note { font-size: 11px; }
  .features h3 { font-size: 17px; }
  .features p { font-size: 14px; }
  .process { font-size: 12px; }
}
/* RFQ form readability */
.rfq form label {
  font-size: clamp(13px, .88vw, 15px);
  line-height: 1.4;
}
.rfq form input,
.rfq form select,
.rfq form textarea {
  min-height: 52px;
  padding: 14px 16px;
  font-size: clamp(14px, .9vw, 16px);
  line-height: 1.45;
}
.rfq form textarea {
  min-height: 128px;
}
.rfq form input::placeholder,
.rfq form textarea::placeholder {
  font-size: clamp(13px, .84vw, 15px);
  opacity: .82;
}
.formTitle strong {
  font-size: clamp(18px, 1.18vw, 21px);
  line-height: 1.35;
}
.formTitle small {
  font-size: clamp(12px, .78vw, 14px);
}
.formTitle > b {
  font-size: clamp(17px, 1.1vw, 20px);
}
.rfq form .btn {
  font-size: clamp(13px, .84vw, 15px);
}
.privacy {
  font-size: clamp(11px, .72vw, 13px);
  line-height: 1.5;
}

@media (max-width: 640px) {
  .rfq form label { font-size: 14px; }
  .rfq form input,
  .rfq form select,
  .rfq form textarea {
    min-height: 52px;
    padding: 14px;
    font-size: 16px;
  }
  .rfq form textarea { min-height: 136px; }
  .formTitle strong { font-size: 18px; }
  .formTitle small { font-size: 13px; }
  .rfq form .btn { font-size: 13px; }
  .privacy { font-size: 12px; }
}