/* Homepage "What should this load actually pay?" teaser. Scoped to .rch; uses the tokens from studio-site/css/base.css. */
.rch{display:block;width:100%;padding:96px 120px;padding-right:max(var(--gutter,120px),calc((100% - 1200px) / 2));padding-left:max(var(--gutter,120px),calc((100% - 1200px) / 2));box-sizing:border-box}
.rch-in{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.rch-h2{font-size:44px;line-height:1.05;letter-spacing:-.02em;font-weight:600;color:var(--hl-ink,#0D0E10)}
.rch-p{margin-top:16px;font-size:18px;line-height:1.55;color:var(--hl-ink2,#56595F)}
.rch-card{display:grid;gap:18px;padding:28px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px #fff,0 8px 24px -8px rgba(13,15,23,.08)}
.rch-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.rch-f{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;font-size:13px;font-weight:600;color:var(--hl-ink2,#56595F)}
.rch-f input{width:100%;min-height:44px;padding:0 12px;border:1px solid #D9DBD6;border-radius:12px;background:#fff;color:var(--hl-ink,#0D0E10);font:inherit;font-size:16px;box-sizing:border-box}
.rch-f input:focus-visible{outline:2px solid var(--hl-violet,#7A1CFF);outline-offset:2px}
.rch-big{font-size:32px;line-height:1.1;font-weight:700;letter-spacing:-.02em;color:var(--hl-ink,#0D0E10)}
.rch-dh{margin-top:8px;font-size:15px;line-height:1.5;color:var(--hl-ink2,#56595F)}
.rch-btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:48px;padding:0 24px;border-radius:99px;background:var(--hl-ink,#0D0E10);color:#fff;font-size:15px;font-weight:600}
@media (max-width:1180px){.rch{padding-left:40px;padding-right:40px}}
/* The homepage top bar has no room for the Calculator link below 1240px; the mobile menu and footer still list it. */
@media (max-width:1240px){a.d9[href="/tools/rate-per-mile-calculator"]{display:none}}
@media (max-width:900px){.rch-in{grid-template-columns:1fr}}
@media (max-width:760px){.rch{padding:40px 20px}.rch-h2{font-size:30px}.rch-p{font-size:16px}.rch-card{padding:20px}.rch-big{font-size:26px}}