/*
 * Note: app-owned, migrated from gem's quarantine/landing/.
 * Belongs in this app (not the brand gem) long-term. Header below is
 * the original gem-side note kept for traceability.
 *
 * Migrate when: the gem ships the next release with quarantine/landing/
 * deleted (this file replaces the bundled copy).
 */

/*
 * Note — landing-page chrome: card-edge anchors.
 *
 * For pills/buttons that overhang or sit on a card's edges. The
 * parent must be `position: relative`. The half-overhang offsets
 * (-11/-12/-14/-16 px) are calibrated to specific element heights
 * used in the landing-page pricing cards — they aren't tokenizable.
 */

.card-anchor                       { position: absolute; z-index: 1; white-space: nowrap; }
.card-anchor--top-left-edge        { top: -14px; left: 50%; transform: translateX(-50%); } /* "Example" pill (28px tall .pill--lg), centered on the card's top border with a half-overhang. */
.card-anchor--top-center-edge      { top: -11px; left: 50%; transform: translateX(-50%); }  /* "Full Access" pill on the Lifetime card (22px tall) */
.card-anchor--top-right-inset      { top: var(--spacing-32); right: var(--spacing-32); }    /* "Early bird pricing" inside the Lifetime card */
.card-anchor--bottom-center-edge   { bottom: -16px; left: 50%; transform: translateX(-50%); } /* "Show Another" button under the rec card (32px tall) */