.tf-compatibility{padding:70px 0 100px;color:#000;font-family:Avenir,Inter,sans-serif}
.tf-compatibility *{box-sizing:border-box}
.tf-compatibility__intro{text-align:center;margin-bottom:100px}
.tf-compatibility__intro p{font-size:16px;margin:0}
.tf-compatibility__intro h2{font:400 30px Impact,sans-serif;letter-spacing:1.4px;margin:10px 0 30px}
.tf-compatibility__steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,385px));gap:28px;padding:0 115px}
.tf-compatibility__step{position:relative;margin:0;min-width:0;height:413px;border:2px solid #000;padding:40px 20px 20px;display:flex;flex-direction:column}
.tf-compatibility__step:disabled{border-color:#bbb;color:#bbb}
/* Temporary fallback sizing, not a claim of Robinson equivalence. */
.tf-compatibility__heading{float:left;width:100%;padding:0 10px;font:400 55px 'Robinson Outline Oblique',Impact,sans-serif;letter-spacing:2px;line-height:1.1;white-space:nowrap}
.tf-compatibility__step-label{clear:both;font:400 25px/1 Impact,sans-serif;letter-spacing:.25px;margin:20px 0 0}
.tf-compatibility__controls{margin-top:auto}
.tf-compatibility label,.tf-compatibility__or{display:block;font:400 14px/1 Impact,sans-serif;letter-spacing:.14px;margin:8px 10px}
.tf-compatibility__or{margin:30px 10px}
.tf-compatibility input,.tf-compatibility select{width:100%;min-height:44px;border:1px solid #5c5c5c;border-radius:5px;padding:10px;font:12px Inter,sans-serif;background:#fff;color:#5c5c5c}
.tf-compatibility select{appearance:none;padding-right:42px}
.tf-compatibility__select{position:relative}
.tf-compatibility__select img{position:absolute;right:10px;top:11px;pointer-events:none}
.tf-compatibility :disabled input,.tf-compatibility :disabled select{border-color:#bbb;color:#bbb}
.tf-compatibility__help h3{font:400 17px/1 Impact,sans-serif;margin:20px 0 15px}
.tf-compatibility__help p{font:12px/1.2 Inter,sans-serif;margin:0}
.tf-compatibility__progress{position:absolute;top:463px;left:calc(50% - 403px);width:694px;height:21px}
.tf-compatibility__progress>img{position:absolute;top:10px}
.tf-compatibility__progress span{position:absolute;width:21px;height:21px;background:#000;left:0}
.tf-compatibility__progress span+span{left:413px}
.tf-compatibility button{min-height:44px;padding:10px 20px;border:1px solid #000;background:#fff;font:16px Impact,sans-serif}
.tf-compatibility__submit{grid-column:3;justify-self:center}
.tf-compatibility__status{grid-column:1/-1;font:14px Inter,sans-serif;margin:0}
@media(max-width:1100px){.tf-compatibility__steps{padding:0 24px}.tf-compatibility__heading{font-size:clamp(26px,3.4vw,45px)}.tf-compatibility__progress{display:none}}
@media(max-width:767px){.tf-compatibility__intro{margin-bottom:40px;padding:0 20px}.tf-compatibility__steps{grid-template-columns:1fr}.tf-compatibility__submit{grid-column:1}.tf-compatibility__heading{font-size:clamp(30px,9vw,55px)}.tf-compatibility__step{height:auto;min-height:413px}}

/* Same uppercase CTA voice as the submit button. */
[data-compatibility-reset]{text-transform:uppercase;letter-spacing:.04em}
