.join-page[data-join]{padding-top:0}.join-page .join-plans{margin:0 calc(var(--layout-gutter) * -1);padding:clamp(var(--space-10), 6vw, var(--space-20)) var(--layout-gutter) var(--space-12);border-radius:0 0 var(--radius-block) var(--radius-block);background-image:radial-gradient(var(--offer-dot) .7px, var(--color-transparent) .7px), radial-gradient(ellipse 60% 50% at 50% 0%, color-mix(in srgb, var(--accent) 10%, var(--color-transparent)), var(--color-transparent) 70%);background-size:var(--space-2) var(--space-2), 100% 100%;position:relative}.join-plans-heading{justify-items:center;gap:var(--space-3);margin-bottom:clamp(var(--space-8), 4vw, var(--space-12));text-align:center;display:grid}.join-plans-heading h1{font:500 clamp(var(--fs-24), 3vw, var(--h2)) / 1.2 var(--font-sans);letter-spacing:-.01em;text-wrap:balance;margin:0}.join-plans-heading p{color:var(--text-2);font-size:var(--fs-14);line-height:var(--line-help);margin:0}.join-plan-rail{flex-direction:column;display:flex}.join-plan-rail>.offer-grid{width:100%;position:relative}.join-plan-rail>.offer-redeem,.join-plan-rail>.offer-policy{order:2;align-self:center}.join-plan-rail>.offer-redeem{margin-top:var(--space-6)}.join-plan-rail>.offer-policy{max-width:40rem;margin-top:var(--space-2);color:var(--text-2);font-size:var(--fs-12);line-height:var(--line-help);text-align:center}.join-plan-dots{justify-content:center;gap:var(--space-1-5);margin-top:var(--space-4);order:1;display:flex}.join-plan-dots>span{width:var(--space-1-5);height:var(--space-1-5);border-radius:var(--radius-full);background:var(--border-strong);transition:transform var(--dur-base) var(--ease-ui), opacity var(--dur-base) var(--ease-ui);opacity:.6}.join-plan-dots>span[data-active]{background:var(--text-1);opacity:1;transform:scale(1.25)}.join-plans-note{justify-content:center;align-items:center;gap:var(--space-1) var(--space-4);margin:var(--space-4) 0 0;color:var(--text-2);font-size:var(--fs-13);flex-wrap:wrap;display:flex}.join-plans-note a{align-items:center;gap:var(--space-1);color:var(--text-1);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px;display:inline-flex}.join-plans-note a:hover{-webkit-text-decoration-color:var(--text-1);text-decoration-color:var(--text-1)}.join-plans-note>span:first-child{margin-right:calc(var(--space-3) * -1)}.join-about{max-width:44rem;margin:var(--section-space) auto 0;gap:var(--space-3);text-align:center;color:var(--text-2);justify-items:center;display:grid}@media (min-width:64rem){:is(.join-page,.loading-join) .join-plan-rail>.offer-grid:not([data-compact]){grid-template-columns:repeat(4,minmax(0,1fr))}}@media not (min-width:48rem){.join-page .join-plans{padding-bottom:var(--space-10);border-radius:0}.join-plans-heading h1{font-size:var(--fs-24)}:is(.join-page,.loading-join) .join-plan-rail>.offer-grid:not([data-compact]){gap:var(--space-3);margin-inline:calc(var(--layout-gutter) * -1);width:auto;padding:var(--space-2) var(--layout-gutter) var(--space-3);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--layout-gutter);scrollbar-width:none;display:flex;overflow-x:auto}:is(.join-page,.loading-join) .join-plan-rail>.offer-grid::-webkit-scrollbar{display:none}:is(.join-page,.loading-join) .join-plan-rail>.offer-grid>.offer-card{scroll-snap-align:center;flex:0 0 min(84%,20rem)}}@media (prefers-reduced-motion:reduce){.join-plan-dots>span{transition:none}}.join-page .offer-title-row .offer-tier{margin-left:var(--space-3);transform:none}.join-page .offer-tier-blur{display:none}.join-page .offer-tier-sharp{-webkit-mask-image:none;mask-image:none}.join-page .offer-tier-chip{inset:calc(var(--space-1-5) * -1) calc(var(--space-3) * -1);border-radius:var(--radius-full);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--border-strong)}.loading-join-heading{width:min(28rem,100%);margin-inline:auto}:is(.join-page,.loading-join) .join-plan-rail>.offer-grid:not([data-compact]){gap:var(--plan-gap)}:is(.join-page,.loading-join) .offer-grid:not([data-compact])>.offer-card{padding:var(--plan-pad-top) var(--plan-pad-x) var(--plan-pad-x);position:relative}.join-page .offer-grid:not([data-compact]) .offer-title-row{margin:var(--space-4) 0 var(--space-3)}.join-page .offer-grid:not([data-compact]) .offer-description{min-height:calc(var(--fs-13) * 1.6 * 2);margin-bottom:var(--space-6);color:var(--text-2);font-size:var(--fs-13);line-height:var(--line-help)}.join-page .offer-grid:not([data-compact]) .bingo-price .price-amount{--offer-price-size:var(--plan-price-size);font-weight:var(--font-weight-regular);letter-spacing:-.03em}.join-page .offer-grid:not([data-compact]) .offer-price-note{margin-top:var(--space-2);color:var(--text-3);font-size:var(--fs-11)}.join-page .offer-grid:not([data-compact]) .offer-card ul{gap:var(--plan-list-gap);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--paper-line)}.join-page .offer-grid:not([data-compact]) .offer-card li{gap:var(--space-2-5);line-height:1.6}.join-page .offer-grid:not([data-compact]) .offer-card li svg{color:var(--text-2);margin-top:.2em}.join-page .offer-grid:not([data-compact]) .offer-card[data-recommended] li svg{color:var(--accent-ink)}.join-page .offer-grid:not([data-compact]) .bingo-button.offer-button{margin-top:var(--space-8)}@property --plan-beam-angle{syntax:"<angle>";inherits:false;initial-value:40deg}.join-page .offer-grid:not([data-compact])>.offer-card[data-recommended]:after{content:"";z-index:0;border-radius:inherit;background:conic-gradient(from var(--plan-beam-angle), transparent 0 62%, color-mix(in srgb, var(--plan-beam) 50%, transparent) 74%, var(--plan-beam) 86%, transparent 96%);-webkit-mask:var(--mask-solid) content-box, var(--mask-solid);mask:var(--mask-solid) content-box, var(--mask-solid);pointer-events:none;animation:plan-beam var(--plan-beam-duration) linear infinite;padding:1.5px;position:absolute;inset:-1px;-webkit-mask-composite:xor;mask-composite:exclude}.join-page .offer-grid:not([data-compact])>.offer-card[data-recommended]{box-shadow:var(--offer-shadow), 0 var(--space-3) var(--space-10) color-mix(in srgb, var(--plan-beam) 14%, transparent)}@keyframes plan-beam{to{--plan-beam-angle:400deg}}@media (prefers-reduced-motion:reduce){.join-page .offer-grid:not([data-compact])>.offer-card[data-recommended]:after{animation:none}}.join-page .join-plan-rail[data-moving=false] .offer-card li path{opacity:1;animation:none;transform:none}