/* ============================================================
   GUARANTEED PROSPERITY — V4 "THE LOVE SPECTRUM"
   PAGE LAYER for thanks.html
   ------------------------------------------------------------
   Loads AFTER v4.css. v4.css already owns the palette, type,
   cards, fields, countdowns, quotes, FAQ, footer and the whole
   .dark section system — this file only adds the pieces the
   thank-you page uses that the landing page doesn't:
     · .ghost      secondary button (light + dark)
     · the legacy --ivory/--good aliases the inline colours use
   V5 CUT the offer page, so the pricing card, value stack, film
   plate, plan select and bridge portrait styles that lived here
   are gone with it. The arrival stage lives in v5-thanks.css.
   ============================================================ */

/* Legacy aliases — the thank-you page carries inline colours written for
   the old dark-gold theme. Re-pointing the two variables converts every
   one of them at once instead of hand-editing dozens of attributes.
   --ivory meant "the bright text colour"; on paper that is ink. */
:root{
  --ivory:#171219;
  --good:#1C7A57;          /* savings green, ~5.2:1 on white */
}
/* ...but inside a .dark band, bright text is bright again — and --muted has
   to flip too, or every inline color:var(--muted) in the markup renders dark
   grey on near-black. Rescoping here fixes them all at once; v4.css's own
   .dark rules are more specific, so nothing it already handles changes. */
.dark{--ivory:#FBF5F9;--good:#7FD9B0;--muted:rgba(248,241,246,.72)}

/* ============================================================
   GHOST — the quiet second option next to a pill
   ============================================================ */
.ghost{
  font-family:"Montserrat",sans-serif;text-transform:uppercase;letter-spacing:.14em;
  font-weight:700;font-size:12.5px;
  color:var(--love-deep);background:transparent;
  border:1px solid rgba(224,42,102,.34);
  padding:12px 22px;border-radius:999px;text-decoration:none;display:inline-block;
  transition:border-color .18s ease, background .18s ease, transform .18s ease;
}
.ghost:hover{border-color:var(--love);background:rgba(224,42,102,.06);transform:translateY(-2px)}
.dark .ghost{color:var(--love-3);border-color:rgba(255,124,176,.42)}
.dark .ghost:hover{border-color:var(--love-2);background:rgba(255,124,176,.12)}
header.bar .ghost{cursor:default;color:var(--muted);border-color:var(--line)}

/* ============================================================
   THANKS — the confirmation stage carries the hero's world over,
   so registering never feels like it changed companies
   ============================================================ */
/* Anchor jumps land UNDER the sticky header without this — the heading you
   just jumped to ends up hidden behind the bar. */
#next{scroll-margin-top:86px}