/* Cash For Cars San Angelo: homepage */
.cf-head__callword { display: none; }
@media (max-width: 767px) {
  .cf-head__num { display: none; }
  .cf-head__callword { display: inline; }
  .cf-head__call { min-width: 44px; padding: 8px 12px; }
}

/* hero */
.cf-hero { position: relative; overflow: hidden; padding: 44px 0 110px; background:
  radial-gradient(circle at 1px 1px, rgba(28,34,48,.07) 1px, transparent 0) 0 0 / 22px 22px, var(--paper); }
.cf-hero__grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 56px; align-items: start; }
.cf-hero h1 { font: 800 clamp(44px, 6.2vw, 82px)/.98 var(--display); letter-spacing: -.025em; margin: 18px 0 26px; font-variation-settings: "SOFT" 50, "WONK" 1; }
.cf-hero__city { position: relative; display: inline-block; color: var(--river); }
.cf-hero__city svg { position: absolute; left: -2%; bottom: -14px; width: 104%; height: 18px; color: var(--clay); overflow: visible; }
.cf-hero__copy p { font-size: 18px; line-height: 1.7; color: var(--ink-soft); max-width: 58ch; margin: 0 0 26px; white-space: pre-line; }
.cf-hero__phone { font-size: 18px; }

.cf-hero__form { position: relative; padding-top: 34px; }
.cf-note { position: absolute; top: -6px; left: -112px; font-size: 27px; transform: rotate(-6deg); margin: 0; }
.cf-note svg { display: block; width: 90px; height: 60px; margin: 2px 0 0 48px; color: var(--clay); }
.cf-card {
  position: relative; background: var(--card); border: 2px solid var(--ink); border-radius: 10px;
  padding: 28px 28px 22px; box-shadow: 10px 10px 0 var(--river);
}
.cf-card h2 { font: 700 27px/1.15 var(--display); margin: 0 0 20px; letter-spacing: -.01em; }
.cf-card .cf-field { margin-bottom: 14px; }
.cf-card__go { margin-top: 8px; font-size: 19px; min-height: 58px; }
.cf-card__go svg { width: 22px; height: 22px; }
.cf-card__err { margin: 0 0 10px; }
.cf-card__switch { display: block; margin: 12px auto 0; }
.cf-card__perks { display: flex; justify-content: center; gap: 22px; list-style: none; margin: 10px 0 0; padding: 14px 0 0; border-top: 1.5px dashed var(--line); font-weight: 600; font-size: 15.5px; }
.cf-card__perks li { display: flex; align-items: center; gap: 6px; }
.cf-card__perks svg { width: 18px; height: 18px; color: var(--ok); }
.cf-found { margin: 0 0 12px; padding: 12px 14px; background: var(--river-tint); border-left: 4px solid var(--river); border-radius: 4px; font-weight: 600; }

.cf-hero__land { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 120px; color: var(--line-strong); z-index: 1; }
.cf-hero__river { color: var(--river); opacity: .45; }

@media (max-width: 1023px) {
  .cf-hero__grid { grid-template-columns: 1fr; gap: 18px; }
  .cf-note { display: none; }
  .cf-hero__form { padding-top: 0; max-width: 560px; }
}
@media (max-width: 767px) {
  .cf-hero { padding: 18px 0 90px; }
  .cf-hero__grid { display: flex; flex-direction: column; gap: 0; }
  .cf-hero__copy { display: contents; }
  .cf-hero h1 { order: 1; font-size: 42px; margin: 4px 0 18px; }
  .cf-hero__form { order: 2; margin-bottom: 26px; }
  .cf-hero__copy p { order: 3; font-size: 17px; }
  .cf-hero__phone { order: 4; align-self: flex-start; }
  .cf-card { padding: 20px 16px 16px; box-shadow: 6px 6px 0 var(--river); }
  .cf-card h2 { font-size: 22px; margin-bottom: 14px; }
}

/* split bands */
.cf-band { padding: 84px 0; }
.cf-band--alt { background: var(--paper-2); }
.cf-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: center; }
.cf-split h3, .cf-why h3 { font: 700 clamp(32px, 3.6vw, 46px)/1.08 var(--display); margin: 0 0 18px; letter-spacing: -.015em; }
.cf-split p, .cf-why p { color: var(--ink-soft); margin: 0 0 20px; white-space: pre-line; }
.cf-split__art { margin: 0; color: var(--ink); }
.cf-art { width: 100%; height: auto; display: block; }
.cf-art__note { font-family: var(--hand); font-weight: 600; font-size: 25px; fill: var(--clay); }
.cf-art__note--sm { font-size: 21px; }
.cf-art__river { color: var(--river); opacity: .55; }
.cf-squiggle { display: block; width: 92px; height: 12px; margin: -6px 0 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 12'%3E%3Cpath d='M2 7c8-6 14 4 22-1s14-5 22 0 14 5 22 0 14-5 22 0' fill='none' stroke='%234f7a43' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat; }
@media (max-width: 899px) {
  .cf-band { padding: 56px 0; }
  .cf-split { grid-template-columns: 1fr; gap: 26px; }
  .cf-split--flip .cf-split__art { order: 2; }
  .cf-split__art { max-width: 440px; }
}

/* why */
.cf-why__inner { max-width: 1040px; }
.cf-why__cols { columns: 2; column-gap: 48px; }
.cf-why__cols p { break-inside: avoid; }
.cf-why__cols p:first-child::first-letter { float: left; font: 800 64px/.85 var(--display); color: var(--river); margin: 6px 10px 0 0; }
@media (max-width: 767px) { .cf-why__cols { columns: 1; } }

/* CTA band */
.cf-cta-band { background: var(--river); color: #fff; padding: 40px 0; }
.cf-cta-band__inner { display: flex; align-items: center; gap: 22px; }
.cf-cta-band__icon { width: 58px; height: 58px; color: var(--marigold); flex: none; }
.cf-cta-band h4 { font: 700 clamp(26px, 3vw, 36px)/1.1 var(--display); margin: 0; flex: 1; }
.cf-cta-band .cf-btn--go { box-shadow: 4px 4px 0 var(--river-deep); border-color: var(--ink); }
@media (max-width: 599px) { .cf-cta-band__inner { flex-direction: column; text-align: center; } }

.cf-horizon { background: var(--paper); color: var(--line-strong); line-height: 0; padding-top: 24px; }
.cf-horizon svg { width: 100%; height: 90px; }