@layer components{.referral-section{padding-block:0 var(--space-7);color:var(--color-text);position:relative}@media (width>=64rem){.referral-section{padding-block:0 var(--space-8)}}.referral-section__inner{position:relative;container:referral-section/inline-size}.referral-head{gap:var(--space-4);flex-direction:column;margin-block-end:var(--space-6);display:flex}@container referral-section (width>=55rem){.referral-head{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:3.75rem;margin-block-end:2.75rem}}.referral-head__intro{max-inline-size:35rem}.referral-head__eyebrow{color:var(--gold);text-transform:uppercase;margin:0 0 .875rem}.referral-head__title{color:var(--color-text);margin:0}.referral-head__title-line{display:block}.referral-head__lead{max-inline-size:26.25rem;color:var(--color-text-muted);margin:0}.referral-head__aside{flex-direction:column;align-items:flex-start;gap:1.125rem;display:flex}.referral-head__link{color:var(--gold);text-transform:uppercase;align-items:center;gap:.625rem;text-decoration:none;display:inline-flex}.referral-head__link .btn-arrow{transition:transform var(--duration-fast) var(--ease-standard)}.referral-head__link:focus-visible{outline:.1875rem solid var(--color-focus);outline-offset:.25rem}@media (hover:hover){.referral-head__link:hover .btn-arrow{transform:translate(.25rem)}}.referral-invited{gap:var(--space-3) var(--space-5);margin-block:var(--space-3) var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-16);background:var(--tile-honey);color:var(--tile-ink-honey);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.referral-invited__text{flex:22rem;margin:0}.referral-invited__eyebrow{color:var(--gold);text-transform:uppercase;margin-block-end:.25rem;display:block}.referral-invited__link{color:var(--tile-ink-honey);text-transform:uppercase;white-space:nowrap;align-items:center;gap:.625rem;text-decoration:none;display:inline-flex}.referral-invited__link:focus-visible{outline:.1875rem solid var(--color-focus);outline-offset:.25rem}.referral-invited__link .btn-arrow{transition:transform var(--duration-fast) var(--ease-standard)}@media (hover:hover){.referral-invited__link:hover .btn-arrow{transform:translate(.25rem)}}.referral-hero{padding-block:var(--space-3) var(--space-7);color:var(--color-text);position:relative}@media (width>=64rem){.referral-hero{padding-block:var(--space-4) var(--space-8)}}.referral-hero__decor{display:none}@container referral-section (width>=55rem){.referral-hero__decor{opacity:.18;pointer-events:none;background:url(./hero-honeycomb-decor-BaSFAedq.svg) 50%/contain no-repeat;block-size:7.5rem;inline-size:12.5rem;display:block;position:absolute;inset-block-start:-3.25rem;inset-inline-end:calc(var(--space-6) - .875rem)}}.referral-hero__head{gap:var(--space-5);flex-direction:column;margin-block-end:var(--space-6);display:flex;position:relative}@container referral-section (width>=55rem){.referral-hero__head{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:3.75rem;margin-block-end:var(--space-7)}}.referral-hero__intro{max-inline-size:35rem}.referral-hero__eyebrow{color:var(--gold);text-transform:uppercase;margin:0 0 .875rem}.referral-hero__title{color:var(--color-text);margin:0}.referral-hero__title-line{display:block}.referral-hero__lead{max-inline-size:27.5rem;color:var(--color-text-muted);margin:0}.referral-hero__split{gap:var(--space-5);display:grid}@container referral-section (width>=55rem){.referral-hero__split{grid-template-columns:minmax(0,700fr) minmax(0,412fr)}}.referral-hero__code,.referral-hero__side{min-inline-size:0;padding:var(--space-5);border-radius:var(--radius-16);overflow:clip}@media (width>=48rem){.referral-hero__code{padding:2.25rem}.referral-hero__side{padding:2.25rem 2rem}}.referral-hero__code{background:var(--tile-honey);color:var(--tile-ink-honey);flex-direction:column;align-items:flex-start;display:flex}.referral-hero__code-eyebrow{color:var(--gold);text-transform:uppercase;margin:0 0 1.125rem}.referral-hero__code-box{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-5);border:.0625rem dashed var(--tile-ink-honey);border-radius:var(--radius-8);background:var(--color-surface);flex-wrap:wrap;inline-size:100%;padding:1.25rem 1.5rem;display:flex}.referral-hero__code-value{min-inline-size:0;color:var(--color-text);font-variant-numeric:lining-nums;overflow-wrap:anywhere;margin:0}.referral-hero__code-box[data-state=locked] .referral-hero__code-value{color:var(--color-text-muted)}.referral-hero__code-copy,.referral-hero__code-aside{color:var(--gold);text-transform:uppercase;margin:0}.referral-hero__code-copy{cursor:pointer;background:0 0;border:0;margin-block:-.75rem;padding:.75rem 0}.referral-hero__code-copy:focus-visible{outline:.1875rem solid var(--color-focus);outline-offset:.25rem}.referral-hero__code-note{max-inline-size:35rem;margin:.875rem 0 var(--space-5)}.referral-hero__actions{gap:var(--space-3);inline-size:100%;margin-block-end:var(--space-5);display:grid}@container referral-section (width>=30rem){.referral-hero__actions{flex-wrap:wrap;gap:.875rem;inline-size:auto;display:flex}}.referral-hero__button{border-radius:var(--radius-8)}.referral-hero__button[data-variant=secondary]{border-color:var(--tile-ink-honey);color:var(--tile-ink-honey)}.referral-hero__button:focus-visible{outline:.1875rem solid var(--color-focus);outline-offset:.1875rem}@media (hover:hover){.referral-hero__button[data-variant=secondary]:hover:not(:disabled){background:color-mix(in srgb, var(--tile-ink-honey) 8%, transparent)}}.referral-hero__scene{block-size:auto;inline-size:100%;max-inline-size:35rem;margin-block-start:auto;display:block}.referral-hero__side{background:var(--tile-cream);color:var(--tile-ink-cream);flex-direction:column;align-items:flex-start;display:flex}.referral-hero__side-title{margin:0 0 var(--space-5);color:inherit;text-transform:uppercase}.referral-hero__applied{margin:calc(var(--space-2) - var(--space-5)) 0 var(--space-5)}.referral-hero__stats{inline-size:100%;margin:0 0 var(--space-5);padding:0;list-style:none}.referral-hero__stat{padding-block:var(--space-4);border-block-end:.0625rem solid var(--tile-ink-cream);align-items:center;gap:.875rem;display:flex}.referral-hero__stat:first-child{padding-block-start:0}.referral-hero__stat:last-child{border-block-end:0;padding-block-end:0}.referral-hero__stat-value{font-variant-numeric:lining-nums;flex:none}.referral-hero__stat-label{min-inline-size:0}.referral-hero__stat[data-kind=step]{align-items:baseline}.referral-hero__stat[data-kind=step] .referral-hero__stat-value{color:var(--gold)}.referral-hero__link{color:var(--gold);text-transform:uppercase;align-items:center;gap:.625rem;text-decoration:none;display:inline-flex}.referral-hero__link:focus-visible{outline:.1875rem solid var(--color-focus);outline-offset:.25rem}.referral-hero__link .btn-arrow{transition:transform var(--duration-fast) var(--ease-standard)}@media (hover:hover){.referral-hero__link:hover .btn-arrow{transform:translate(.25rem)}}.referral-steps__list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}@container referral-section (width>=55rem){.referral-steps__list{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr))}}.referral-steps__card{min-inline-size:0;padding:var(--space-5);border-radius:var(--radius-16);flex-direction:column;align-items:flex-start;display:flex;overflow:clip}.referral-steps__card[data-tile=honey]{--referral-step-numeral:var(--gold);background:var(--tile-honey);color:var(--tile-ink-honey)}.referral-steps__card[data-tile=cream]{--referral-step-numeral:var(--tile-ink-cream);background:var(--tile-cream);color:var(--tile-ink-cream)}.referral-steps__card[data-tile=olive]{--referral-step-numeral:var(--tile-ink-olive);background:var(--tile-olive);color:var(--tile-ink-olive)}@media (width>=48rem){.referral-steps__card{padding:var(--space-6)}}@container referral-section (width>=36rem) and (width<55rem){.referral-steps__card{column-gap:var(--space-6);grid-template-columns:10.5rem minmax(0,1fr);align-content:start;display:grid}.referral-steps__card>:not(.referral-steps__art){grid-column:2}.referral-steps__art{grid-row:1/span 3;align-self:center;margin-block-end:0}}.referral-steps__art{block-size:auto;inline-size:10.5rem;margin-block-end:1.375rem;display:block}.referral-steps__numeral{color:var(--referral-step-numeral,var(--gold));margin:0 0 .75rem}.referral-steps__title{color:inherit;margin:0 0 .625rem}.referral-steps__text{margin:0}.referral-rewards__list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}@container referral-section (width>=55rem){.referral-rewards__list{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}}.referral-rewards__card{min-inline-size:0;padding:var(--space-5);border-radius:var(--radius-16);flex-direction:column;display:flex;overflow:clip}.referral-rewards__card[data-tile=plum]{background:var(--tile-plum);color:var(--tile-ink-plum)}.referral-rewards__card[data-tile=olive]{background:var(--tile-olive);color:var(--tile-ink-olive)}@media (width>=48rem){.referral-rewards__card{padding:2.25rem}}.referral-rewards__label{text-transform:uppercase;margin:0 0 .875rem}.referral-rewards__value{color:inherit;font-variant-numeric:lining-nums;margin:0 0 .75rem}.referral-rewards__text{max-inline-size:30.25rem;margin:0}.referral-rewards__checks{margin:var(--space-5) 0 0;border-block-start:.0625rem solid;gap:.75rem;padding:1.25rem 0 0;list-style:none;display:grid}.referral-rewards__check{align-items:flex-start;gap:.625rem;display:flex}.referral-rewards__check-icon{flex:none;block-size:1.125rem;inline-size:1.125rem;margin-block-start:.1875rem}.referral-tiers__list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}@container referral-section (width>=36rem){.referral-tiers__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@container referral-section (width>=55rem){.referral-tiers__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}}.referral-tiers__card{border-radius:var(--radius-16);flex-direction:column;min-inline-size:0;padding:1.75rem 1.625rem;display:flex;overflow:clip}.referral-tiers__card[data-tile=cream]{background:var(--tile-cream);color:var(--tile-ink-cream)}.referral-tiers__card[data-tile=sand]{background:var(--tile-sand);color:var(--tile-ink-sand)}.referral-tiers__card[data-tile=honey]{background:var(--tile-honey);color:var(--tile-ink-honey)}.referral-tiers__card[data-tile=olive]{background:var(--tile-olive);color:var(--tile-ink-olive)}.referral-tiers__top{gap:var(--space-2);align-items:center;margin-block-end:1.25rem;display:flex}.referral-tiers__icon{flex:none;block-size:2.5rem;inline-size:2.5rem}.referral-tiers__badge{text-transform:uppercase;white-space:nowrap;border:.0625rem solid;border-radius:999px;align-self:flex-start;margin:-.5rem 0 .75rem;padding:.125rem .5rem}.referral-tiers__range{white-space:nowrap;margin-inline-start:auto}.referral-tiers__name{color:inherit;margin:0 0 .625rem}.referral-tiers__points{margin:0 0 .875rem;font-weight:500}.referral-tiers__text{margin:0}.referral-tiers__perk{border-block-start:.0625rem solid color-mix(in srgb, currentcolor 35%, transparent);margin:.75rem 0 0;padding-block-start:.75rem}.referral-tiers__perk-mark{color:var(--gold);font-weight:700}.referral-channels__list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}@container referral-section (width>=55rem){.referral-channels__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}}.referral-channels__card{gap:var(--space-3) 1.25rem;min-inline-size:0;padding:var(--space-5);border:.0625rem solid var(--color-border);border-radius:var(--radius-16);grid-template-columns:3rem minmax(0,1fr);align-items:center;display:grid}@media (width>=48rem){.referral-channels__card{padding:1.75rem}}@container referral-section (width>=30rem){.referral-channels__card{grid-template-columns:3rem minmax(0,1fr) auto}}.referral-channels__icon{block-size:2.5rem;inline-size:3rem;display:block}.referral-channels__body{min-inline-size:0}.referral-channels__name{color:var(--color-text);margin:0 0 .5rem}.referral-channels__text{color:var(--color-text-muted);overflow-wrap:anywhere;margin:0}.referral-channels__action{color:var(--gold);cursor:pointer;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;grid-column:2;justify-self:start;margin-block:-.75rem;padding:.75rem 0;text-decoration:none}.referral-channels__action:focus-visible{outline:.1875rem solid var(--color-focus);outline-offset:.25rem}@media (hover:hover){.referral-channels__action:hover{text-underline-offset:.25em;text-decoration:underline}}@container referral-section (width>=30rem){.referral-channels__action{grid-column:3;justify-self:end}}.referral-bonus__banner{gap:var(--space-6);padding:var(--space-6) var(--space-5);border-radius:var(--radius-16);background:var(--tile-plum);color:var(--tile-ink-plum);flex-direction:column;display:flex;overflow:clip}@media (width>=48rem){.referral-bonus__banner{padding:2.75rem}}@container referral-section (width>=55rem){.referral-bonus__banner{flex-direction:row;justify-content:space-between;align-items:center;gap:2.5rem}}.referral-bonus__content{flex-direction:column;align-items:flex-start;max-inline-size:31.25rem;display:flex}.referral-bonus__eyebrow{text-transform:uppercase;margin:0 0 .875rem}.referral-bonus__title{color:inherit;margin:0 0 .875rem}.referral-bonus__title-line{display:block}.referral-bonus__text{max-inline-size:28.75rem;margin:0 0 var(--space-5)}.referral-bonus__button{border-radius:var(--radius-8)}.referral-bonus__button[data-variant=secondary]{border-color:var(--tile-ink-plum);color:var(--tile-ink-plum)}.referral-bonus__button:focus-visible{outline:.1875rem solid var(--color-focus);outline-offset:.1875rem}.referral-bonus__button .btn-arrow{transition:transform var(--duration-fast) var(--ease-standard)}@media (hover:hover){.referral-bonus__button:hover:not(:disabled){background:color-mix(in srgb, var(--tile-ink-plum) 8%, transparent)}.referral-bonus__button:hover .btn-arrow{transform:translate(.25rem)}}.referral-bonus__scene{flex:none;block-size:auto;inline-size:100%;max-inline-size:25rem;display:block}.referral-rules__list{margin:0;padding:0;list-style:none}.referral-rules__rule{border-block-end:.0625rem solid var(--color-border);align-items:flex-start;gap:1.25rem;padding-block:1.375rem;display:flex}.referral-rules__mark{flex:none;block-size:1.5rem;inline-size:1.5rem}.referral-rules__body{min-inline-size:0}.referral-rules__title{color:var(--color-text);margin:0 0 .5rem}.referral-rules__rule[data-kind=no] .referral-rules__title{color:var(--color-text-muted)}.referral-rules__text{max-inline-size:55rem;color:var(--color-text-muted);margin:0}.referral-faq__list{margin:0;padding:0;list-style:none}.referral-faq__item{gap:var(--space-4);padding-block:var(--space-5);border-block-end:.0625rem solid var(--color-border);align-items:flex-start;display:flex}@container referral-section (width>=36rem){.referral-faq__item{gap:var(--space-6)}}.referral-faq__numeral{min-inline-size:1.375rem;color:var(--gold);flex:none;margin:.3125rem 0 0}.referral-faq__body{min-inline-size:0}.referral-faq__question{color:var(--color-text);margin:0 0 .625rem}.referral-faq__answer{max-inline-size:56.25rem;color:var(--color-text-muted);margin:0}}