/* ============================================================
   RAD SYNC AGENCY — /free-audit + /thank-you page styles
   Loaded AFTER styles.css. Single-purpose capture + confirmation.
   Reuses .form / .field / .ck / .btn; only adds layout + the
   offer card and the thank-you confirmation block.
   ============================================================ */

/* Compact capture hero */
.fa-hero { min-height: auto; padding-top: clamp(150px, 18vh, 220px); padding-bottom: clamp(60px, 9vh, 110px); }
/* minmax(0,…) + min-width:0 so the columns can actually shrink below
   min-content (the nowrap CTA otherwise inflates the track on phones) */
.fa-grid { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr); gap: clamp(30px, 5vw, 72px); align-items: center; }
.fa-grid > * { min-width: 0; }
.fa-card .btn { white-space: normal; }

/* Offer column */
.fa-intro .h-section { margin: 0.3em 0 0; }
.fa-points { list-style: none; margin: 1.7em 0 0; padding: 0; display: flex; flex-direction: column; gap: 13px; }
.fa-points li { display: flex; align-items: flex-start; gap: 11px; color: var(--text-2); font-size: 1rem; line-height: 1.5; }
.fa-points .ck { flex: none; width: 22px; height: 22px; padding: 4px; border-radius: 50%; box-sizing: border-box; background: var(--signal-tint); color: var(--signal); margin-top: 1px; }

/* Capture card */
.fa-card {
  padding: clamp(26px, 3vw, 42px);
  border: 1px solid transparent; border-radius: var(--radius);
  background: var(--card-bg) padding-box, linear-gradient(168deg, var(--signal), oklch(0.5 0.2 27 / 0.18) 60%) border-box;
  box-shadow: var(--card-shadow-2), 0 0 48px var(--signal-tint), var(--card-inset);
}
.fa-card__h { font-family: var(--ff-display); font-size: clamp(1.55rem, 2.4vw, 2.1rem); text-transform: uppercase; letter-spacing: 0.012em; color: var(--text); margin: 0 0 0.25em; }
.fa-card__sub { color: var(--text-2); font-size: 0.96rem; margin: 0 0 1.6em; }
.fa-card .form { grid-template-columns: 1fr; }
.fa-trust { margin: 1.3em 0 0; font-size: 0.84rem; color: var(--text-3); display: inline-flex; align-items: center; gap: 0.5em; }
.fa-trust svg { flex: none; width: 15px; height: 15px; color: var(--signal); }

@media (max-width: 880px) {
  .fa-grid { grid-template-columns: minmax(0, 1fr); }
}

/* ============================================================
   THANK-YOU confirmation
   ============================================================ */
.ty { min-height: 72vh; display: grid; place-items: center; text-align: center; }
.ty__inner { max-width: 640px; margin-inline: auto; }
.ty__ring { width: 76px; height: 76px; margin: 0 auto 26px; display: grid; place-items: center; border-radius: 50%; color: var(--signal); background: var(--signal-tint); border: 2px solid var(--signal-tint-2); }
.ty__ring svg { width: 34px; height: 34px; }
.ty .h-section { margin: 0.3em 0 0; }
.ty .lead { margin: 1.1em auto 2.2em; }
.ty__note { text-align: left; max-width: 540px; margin: 0 auto 2.4em; }
.ty__note .ty__result { display: inline-flex; align-items: baseline; gap: 0.5em; margin-top: 0.4em; }
.ty__note .ty__result b { font-family: var(--ff-display); font-size: 1.7rem; color: var(--signal); line-height: 1; }
.ty__note .ty__result span { font-size: 0.86rem; color: var(--text-3); }