body.affiliate-site {
  background: var(--lynx-background);
}

.affiliate-eyebrow {
  margin: 0 0 12px;
  color: var(--lynx);
  font: 700 12px/1.3 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: .055em;
  text-transform: uppercase;
}

.affiliate-hero {
  overflow: hidden;
  background: linear-gradient(118deg, #082c29, #0c3a35 62%, #102f2c);
  color: #fffdf7;
}

.affiliate-hero .affiliate-eyebrow {
  color: #e6ebe8;
}

.affiliate-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: clamp(40px, 7vw, 96px);
  align-items: center;
  padding-block: clamp(52px, 6vw, 80px);
}

.affiliate-hero h1,
.affiliate-overview h2,
.affiliate-section-heading h2,
.affiliate-application h2,
.affiliate-terms h2,
.affiliate-auth h1,
.affiliate-dashboard h1 {
  margin: 0;
  font-family: var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: var(--tracking-display);
}

.affiliate-hero h1 {
  max-width: 760px;
  color: #fffdf7;
  font-size: clamp(42px, 5.2vw, 64px);
  line-height: .96;
}

.affiliate-hero h1 span {
  display: block;
  color: #e2e8e5;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .24), 0 2px 3px rgba(0, 0, 0, .24);
}

.affiliate-hero__inner > p:not(.affiliate-eyebrow) {
  max-width: 650px;
  margin: 24px 0 0;
  color: rgba(255, 253, 247, .76);
  font-size: 17px;
  line-height: 1.65;
}

.affiliate-hero__copy > p:not(.affiliate-eyebrow) {
  max-width: 620px;
  margin: 22px 0 0;
  color: rgba(255, 253, 247, .76);
  font-size: 16px;
  line-height: 1.62;
}

.affiliate-rate-card {
  padding: 28px;
  border: 1px solid rgba(235, 242, 237, .32);
  border-radius: 18px;
  background: rgba(244, 241, 232, .08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13);
  -webkit-backdrop-filter: blur(10px) saturate(110%);
  backdrop-filter: blur(10px) saturate(110%);
}

.affiliate-rate-card span,
.affiliate-rate-card strong,
.affiliate-rate-card p,
.affiliate-rate-card small {
  display: block;
}

.affiliate-rate-card span {
  color: #c7ded2;
  font: 700 11px/1.2 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: .09em;
  text-transform: uppercase;
}

.affiliate-rate-card strong {
  margin-top: 10px;
  color: #e2e8e5;
  font: 750 clamp(58px, 7vw, 88px)/.9 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: -.07em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .24), 0 2px 3px rgba(0, 0, 0, .24);
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .affiliate-hero h1 span,
  .affiliate-rate-card strong {
    background: linear-gradient(104deg, #89938f 0%, #f9fbfa 17%, #bdc7c3 34%, #fff 48%, #9da9a4 65%, #e7ecea 82%, #77827e 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
}

.affiliate-rate-card p {
  margin: 16px 0 0;
  color: #fffdf7;
  font: 650 15px/1.35 var(--font-display, "Inter Tight", sans-serif);
}

.affiliate-rate-card small {
  margin-top: 10px;
  color: rgba(255, 253, 247, .65);
  font-size: 12px;
  line-height: 1.5;
}

.affiliate-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  margin-top: 32px;
}

.affiliate-hero__rates {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 620px;
  margin: 28px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid rgba(235, 242, 237, .2);
  list-style: none;
}

.affiliate-hero__rates li {
  min-width: 0;
  padding-right: 18px;
}

.affiliate-hero__rates li + li {
  padding-left: 18px;
  border-left: 1px solid rgba(235, 242, 237, .18);
}

.affiliate-hero__rates strong,
.affiliate-hero__rates span {
  display: block;
}

.affiliate-hero__rates strong {
  color: #fffdf7;
  font: 750 22px/1 var(--font-display, "Inter Tight", sans-serif);
}

.affiliate-hero__rates span {
  margin-top: 7px;
  color: rgba(255, 253, 247, .66);
  font-size: 11px;
  line-height: 1.35;
}

.affiliate-text-link {
  color: #fffdf7;
  font-weight: 700;
  text-decoration: none;
}

.affiliate-text-link:hover {
  opacity: .82;
}

.affiliate-text-link:active {
  text-decoration: none;
}

.affiliate-text-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
  border-radius: 2px;
}

.affiliate-overview {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: clamp(40px, 8vw, 112px);
  padding-block: clamp(52px, 6vw, 76px);
}

.affiliate-overview h2,
.affiliate-section-heading h2,
.affiliate-application h2,
.affiliate-terms h2 {
  color: var(--lynx-deep);
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.02;
}

.affiliate-overview > div > p:last-child,
.affiliate-application__intro > p:last-child {
  margin: 20px 0 0;
  color: #52625d;
  line-height: 1.7;
}

.affiliate-facts {
  display: grid;
  margin: 0;
  border-top: 1px solid #c5d0c7;
}

.affiliate-facts > div {
  display: grid;
  grid-template-columns: minmax(130px, .7fr) minmax(150px, 1fr);
  gap: 4px 20px;
  padding: 22px 0;
  border-bottom: 1px solid #c5d0c7;
}

.affiliate-facts dt,
.affiliate-facts small {
  color: #64716d;
}

.affiliate-facts dd {
  margin: 0;
  color: var(--lynx-deep);
  font: 700 19px/1.2 var(--font-display, "Inter Tight", sans-serif);
}

.affiliate-facts small {
  grid-column: 2;
}

.affiliate-steps {
  padding-block: clamp(48px, 6vw, 72px);
  background: #e5ece5;
}

.affiliate-steps ol {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px;
  padding: 0;
  margin: 34px 0 0;
  list-style: none;
}

.affiliate-steps li {
  padding-top: 20px;
  border-top: 1px solid #aebfb4;
}

.affiliate-steps li > span {
  color: var(--lynx);
  font: 700 12px/1 var(--font-display, "Inter Tight", sans-serif);
}

.affiliate-steps h3 {
  margin: 22px 0 10px;
  color: var(--lynx-deep);
  font: 700 22px/1.1 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: var(--tracking-ui-heading);
}

.affiliate-steps li p,
.affiliate-terms p {
  margin: 0;
  color: #53635e;
  line-height: 1.68;
}

.affiliate-application,
.affiliate-auth {
  display: grid;
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
  gap: clamp(40px, 8vw, 112px);
  padding-block: clamp(52px, 6vw, 76px);
}

.affiliate-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  padding: 28px;
  border: 1px solid #c5d0c7;
  border-radius: 18px;
  background: rgba(255, 253, 248, .74);
}

.affiliate-form--single {
  grid-template-columns: 1fr;
}

.affiliate-form label:not(.affiliate-form__terms) {
  display: grid;
  gap: 8px;
  color: var(--lynx-deep);
  font: 700 13px/1.35 var(--font-display, "Inter Tight", sans-serif);
}

.affiliate-form label > span,
.affiliate-form label > small {
  color: #71807a;
  font-weight: 500;
}

.affiliate-form input:not([type="checkbox"]),
.affiliate-form textarea {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid #b9c7be;
  border-radius: 10px;
  outline: 0;
  background: #fffdf8;
  color: #17211f;
  font: 15px/1.45 "Inter", sans-serif;
}

.affiliate-form textarea {
  min-height: 126px;
  resize: vertical;
}

.affiliate-form input:focus-visible,
.affiliate-form textarea:focus-visible {
  border-color: var(--lynx);
  box-shadow: 0 0 0 3px rgba(18, 63, 58, .14);
}

.affiliate-form__wide {
  grid-column: 1 / -1;
}

.affiliate-form__terms {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  color: #465650;
  font-size: 14px;
  line-height: 1.55;
}

.affiliate-form__terms input {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  margin-top: 1px;
  accent-color: var(--lynx);
}

.affiliate-form__terms a {
  color: var(--lynx-primary);
  font-weight: 700;
}

.affiliate-form__status {
  min-height: 22px;
  margin: 0;
  color: #52625d;
  font-size: 14px;
}

.affiliate-form__status.is-error {
  color: #8c2f2f;
}

.affiliate-form__account-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin: -4px 0 0;
  font-size: .88rem;
}

.affiliate-form__account-actions[hidden] {
  display: none;
}

.affiliate-terms {
  padding-block: clamp(56px, 7vw, 88px);
  background: var(--lynx-background);
}

.affiliate-terms__inner {
  display: grid;
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
  gap: clamp(40px, 8vw, 112px);
}

.affiliate-terms__inner > div:last-child {
  display: grid;
  gap: 16px;
}

.affiliate-tier-guide {
  padding-block: clamp(52px, 7vw, 84px);
  background: rgba(255, 253, 248, .58);
  border-block: 1px solid rgba(30, 75, 65, .12);
}

.affiliate-tier-guide .affiliate-section-heading {
  max-width: 760px;
}

.affiliate-tier-guide .affiliate-section-heading > p:last-child,
.affiliate-tier-guide__notes {
  color: #53635e;
  line-height: 1.65;
}

.affiliate-tier-guide__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 32px;
}

.affiliate-tier-guide__grid article {
  min-width: 0;
  padding: 22px;
  border: 1px solid rgba(30, 75, 65, .16);
  border-top: 3px solid var(--tier-accent, #956c4c);
  border-radius: 14px;
  background: rgba(255, 255, 255, .72);
}

.affiliate-tier-guide__grid article > div {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.affiliate-tier-guide__grid article > div small {
  color: #71807a;
  font-size: 10px;
  line-height: 1.3;
}

.affiliate-tier-guide__grid article[data-tier="bronze"] { --tier-accent: #9a6743; }
.affiliate-tier-guide__grid article[data-tier="silver"] { --tier-accent: #8b9996; }
.affiliate-tier-guide__grid article[data-tier="gold"] { --tier-accent: #b28a32; }
.affiliate-tier-guide__grid article[data-tier="prestige"] { --tier-accent: #174b43; }

.affiliate-tier-guide__grid span,
.affiliate-tier-label {
  color: #65736e;
  font: 750 11px/1.25 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: .09em;
  text-transform: uppercase;
}

.affiliate-tier-guide__grid strong {
  display: block;
  margin-top: 10px;
  color: var(--lynx-deep);
  font: 750 19px/1.15 var(--font-display, "Inter Tight", sans-serif);
}

.affiliate-tier-guide__grid p,
.affiliate-tier-guide__notes p {
  margin: 10px 0 0;
}

.affiliate-tier-guide__notes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(30, 75, 65, .12);
  font-size: 14px;
}

.affiliate-tier-guide__constants {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  margin: 24px 0 0;
  border: 1px solid rgba(30, 75, 65, .14);
  border-radius: 14px;
  background: rgba(30, 75, 65, .14);
}

.affiliate-tier-guide__constants > div {
  min-width: 0;
  padding: 20px;
  background: rgba(255, 253, 248, .94);
}

.affiliate-tier-guide__constants dt,
.affiliate-tier-guide__constants small {
  color: #64716d;
  font-size: 11px;
  line-height: 1.4;
}

.affiliate-tier-guide__constants dd {
  margin: 8px 0 5px;
  color: var(--lynx-deep);
  font: 760 22px/1.1 var(--font-display, "Inter Tight", sans-serif);
}

.affiliate-qualification,
.affiliate-public-rewards,
.affiliate-faq {
  padding-block: clamp(56px, 7vw, 88px);
}

.affiliate-qualification {
  background: #e5ece5;
}

.affiliate-qualification__grid,
.affiliate-faq__inner {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
  gap: clamp(40px, 8vw, 112px);
}

.affiliate-qualification h2,
.affiliate-verified-explainer h2,
.affiliate-public-rewards h2,
.affiliate-faq h2 {
  margin: 0;
  color: var(--lynx-deep);
  font: 750 clamp(32px, 4vw, 48px)/1.02 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: var(--tracking-section);
}

.affiliate-qualification__grid > div > p:not(.affiliate-eyebrow),
.affiliate-public-rewards .affiliate-section-heading > p:last-child,
.affiliate-faq__inner > div > p {
  color: #53635e;
  line-height: 1.65;
}

.affiliate-qualification__note {
  padding-left: 15px;
  border-left: 2px solid rgba(18, 63, 58, .38);
  font-size: 13px;
}

.affiliate-qualification ol {
  display: grid;
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(30, 75, 65, .16);
  list-style: none;
}

.affiliate-qualification li {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
  padding: 20px 0;
  border-bottom: 1px solid rgba(30, 75, 65, .16);
}

.affiliate-qualification li > span {
  color: var(--lynx);
  font: 750 12px/1.3 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: .06em;
  text-transform: uppercase;
}

.affiliate-qualification li strong {
  color: var(--lynx-deep);
  font: 720 18px/1.2 var(--font-display, "Inter Tight", sans-serif);
}

.affiliate-qualification li p {
  margin: 7px 0 0;
  color: #53635e;
  font-size: 13px;
  line-height: 1.55;
}

.affiliate-verified-explainer {
  padding-block: clamp(42px, 5vw, 62px);
  background: #0b3732;
}

.affiliate-verified-explainer__inner {
  display: grid;
  grid-template-columns: auto minmax(0, 760px);
  gap: 28px;
  align-items: center;
  justify-content: center;
}

.affiliate-verified-explainer .affiliate-eyebrow { color: #d9c177; }
.affiliate-verified-explainer h2 { color: #fffdf7; }
.affiliate-verified-explainer p:last-child { margin: 14px 0 0; color: rgba(255, 253, 247, .7); line-height: 1.65; }

.affiliate-verified-seal {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border: 1px solid #c9a74f;
  border-radius: 50%;
  background: linear-gradient(145deg, rgba(255, 245, 197, .18), rgba(184, 140, 35, .08));
  color: #ead28b;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16);
  font-size: 22px;
}

.affiliate-public-rewards { background: rgba(255, 253, 248, .62); }
.affiliate-public-rewards .affiliate-section-heading { max-width: 730px; }

.affiliate-public-rewards ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 34px 0 0;
  padding: 0;
  list-style: none;
}

.affiliate-public-rewards li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  min-width: 0;
  padding: 24px;
  border: 1px solid rgba(30, 75, 65, .14);
  border-radius: 16px;
  background: rgba(255, 255, 255, .72);
}

.affiliate-public-rewards li > span {
  color: #aa8230;
  font: 780 34px/.9 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: -.04em;
}

.affiliate-public-rewards strong,
.affiliate-public-rewards small { display: block; }
.affiliate-public-rewards strong { color: var(--lynx-deep); font: 720 15px/1.2 var(--font-display, "Inter Tight", sans-serif); }
.affiliate-public-rewards p { margin: 9px 0; color: #53635e; font-size: 13px; line-height: 1.5; }
.affiliate-public-rewards small { color: #75817d; font-size: 10px; text-transform: uppercase; letter-spacing: .04em; }

.affiliate-faq { background: #e8e3d9; }
.affiliate-text-link--dark { display: inline-flex; margin-top: 18px; color: var(--lynx-deep); }
.affiliate-faq__list { border-top: 1px solid rgba(30, 75, 65, .2); }
.affiliate-faq details { border-bottom: 1px solid rgba(30, 75, 65, .2); }
.affiliate-faq summary { padding: 20px 36px 20px 0; color: var(--lynx-deep); font: 700 16px/1.35 var(--font-display, "Inter Tight", sans-serif); cursor: pointer; }
.affiliate-faq details p { max-width: 720px; margin: -4px 0 20px; color: #53635e; line-height: 1.65; }
.affiliate-faq summary:focus-visible { outline: 2px solid var(--lynx); outline-offset: 4px; border-radius: 2px; }

.affiliate-v3 {
  --tier-accent: #966747;
  --tier-soft: rgba(150, 103, 71, .12);
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr);
  gap: 18px;
  margin-bottom: 28px;
}

.affiliate-tier--silver { --tier-accent: #84938f; --tier-soft: rgba(132, 147, 143, .15); }
.affiliate-tier--gold { --tier-accent: #b18a32; --tier-soft: rgba(177, 138, 50, .13); }
.affiliate-tier--prestige { --tier-accent: #e1e7e4; --tier-soft: rgba(225, 231, 228, .13); }

.affiliate-tier-card,
.affiliate-tier-progress,
.affiliate-next-milestone,
.affiliate-reward-roadmap {
  min-width: 0;
  padding: clamp(22px, 3vw, 32px);
  border: 1px solid rgba(30, 75, 65, .16);
  border-radius: 18px;
  background: rgba(255, 253, 248, .78);
}

.affiliate-tier-card {
  grid-row: span 2;
  border-top: 4px solid var(--tier-accent);
}

.affiliate-tier--prestige .affiliate-tier-card {
  border-color: rgba(225, 231, 228, .26);
  background: linear-gradient(135deg, #0a3732, #123f39);
  color: #f8f6ef;
}

.affiliate-tier-card__identity,
.affiliate-tier-progress__heading,
.affiliate-tier-progress__labels {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
}

.affiliate-tier-card h2 {
  margin: 8px 0 0;
  color: var(--lynx-deep);
  font: 800 clamp(38px, 5vw, 58px)/.9 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: var(--tracking-display);
}

.affiliate-tier--prestige .affiliate-tier-label,
.affiliate-tier--prestige .affiliate-tier-card > p { color: rgba(248, 246, 239, .68); }
.affiliate-tier--prestige .affiliate-tier-card h2,
.affiliate-tier--prestige .affiliate-tier-card__discount,
.affiliate-tier--prestige .affiliate-tier-card__rates dt,
.affiliate-tier--prestige .affiliate-tier-card__rates dd { color: #f8f6ef; }

.affiliate-verified-badge {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 7px;
  align-items: center;
  padding: 8px 11px;
  border: 1px solid #b38b34;
  border-radius: 999px;
  background: linear-gradient(135deg, #fff8dc, #ead7a4);
  color: #5d4616;
  font: 750 12px/1 var(--font-display, "Inter Tight", sans-serif);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75);
}

.affiliate-verified-badge > span {
  display: grid;
  width: 17px;
  height: 17px;
  place-items: center;
  border-radius: 50%;
  background: #9b7526;
  color: #fffaf0;
  font-size: 11px;
}

.affiliate-tier-card__discount {
  display: block;
  margin-top: 26px;
  color: var(--tier-accent);
  font: 800 clamp(30px, 4vw, 44px)/1 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: -.04em;
}

.affiliate-tier-card__discount span {
  display: block;
  margin-top: 7px;
  color: #53635e;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.affiliate-tier-card > p { margin: 15px 0 0; color: #53635e; }

.affiliate-tier-card__rates {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 28px 0 0;
  padding-top: 22px;
  border-top: 1px solid rgba(30, 75, 65, .14);
}

.affiliate-tier-card__rates div { min-width: 0; }
.affiliate-tier-card__rates dt { color: #64716d; font-size: 12px; line-height: 1.35; }
.affiliate-tier-card__rates dd { margin: 8px 0 0; color: var(--lynx-deep); font: 780 20px/1 var(--font-display, "Inter Tight", sans-serif); }
.affiliate-tier-card__rates small { display: block; margin-top: 7px; color: #72807b; font-size: 10px; line-height: 1.35; }
.affiliate-tier-card__rates .is-personal { border-top: 2px solid var(--tier-accent); padding-top: 12px; }
.affiliate-tier-card__rates .is-customer { border-top: 2px solid #2f7469; padding-top: 12px; }
.affiliate-tier-card__rates .is-commission { border-top: 2px solid #ad8738; padding-top: 12px; }

.affiliate-tier-progress h3,
.affiliate-next-milestone h3,
.affiliate-reward-roadmap h3 {
  margin: 7px 0 0;
  color: var(--lynx-deep);
  font: 750 22px/1.15 var(--font-display, "Inter Tight", sans-serif);
}

.affiliate-tier-progress__heading dl {
  display: flex;
  gap: 18px;
  margin: 0;
}

.affiliate-tier-progress__heading dt { color: #64716d; font-size: 11px; }
.affiliate-tier-progress__heading dd { margin: 4px 0 0; color: var(--lynx-deep); font: 750 20px/1 var(--font-display, "Inter Tight", sans-serif); }

.affiliate-tier-progress__track {
  overflow: hidden;
  height: 9px;
  margin-top: 24px;
  border-radius: 999px;
  background: #dfe5df;
}

.affiliate-tier-progress__track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--tier-accent);
}

.affiliate-tier-progress__labels { margin-top: 11px; color: #53635e; font-size: 13px; }
.affiliate-tier-progress__complete { margin: 22px 0 0; color: var(--lynx-deep); font-weight: 750; }
.affiliate-tier-progress__note { margin: 20px 0 0; color: #64716d; font-size: 13px; line-height: 1.55; }

.affiliate-next-milestone {
  border-color: color-mix(in srgb, var(--tier-accent) 38%, transparent);
  background: var(--tier-soft);
}

.affiliate-next-milestone p:last-child { margin: 10px 0 0; color: #53635e; }

.affiliate-reward-roadmap {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(220px, .65fr) minmax(0, 1.35fr);
  gap: 28px;
}

.affiliate-reward-roadmap > div > p:last-child { color: #64716d; font-size: 13px; line-height: 1.55; }
.affiliate-reward-roadmap ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.affiliate-reward-roadmap li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; padding: 16px; border: 1px solid rgba(30, 75, 65, .13); border-radius: 12px; background: rgba(255, 255, 255, .6); }
.affiliate-reward-roadmap li.is-reached { border-color: rgba(177, 138, 50, .42); background: rgba(243, 229, 185, .35); }
.affiliate-reward-roadmap li span,
.affiliate-reward-roadmap li strong,
.affiliate-reward-roadmap li small { display: block; }
.affiliate-reward-roadmap li span { color: #64716d; font-size: 11px; }
.affiliate-reward-roadmap li strong { margin-top: 8px; color: var(--lynx-deep); font-size: 14px; line-height: 1.4; }
.affiliate-reward-roadmap li small { margin-top: 10px; color: #64716d; font-size: 11px; line-height: 1.4; }
.affiliate-reward-roadmap .affiliate-reward-roadmap__number { color: var(--tier-accent); font: 780 24px/1 var(--font-display, "Inter Tight", sans-serif); }

.affiliate-auth-page,
.affiliate-dashboard-page {
  min-height: 70vh;
}

.affiliate-auth h1,
.affiliate-dashboard h1 {
  color: var(--lynx-deep);
  font-size: clamp(40px, 5vw, 56px);
}

.affiliate-auth > div > p:last-child,
.affiliate-dashboard header p:last-child {
  max-width: 560px;
  margin: 18px 0 0;
  color: #53635e;
  line-height: 1.65;
}

.affiliate-dashboard {
  padding-block: clamp(56px, 7vw, 88px);
}

.affiliate-dashboard > header {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-end;
  padding-bottom: 32px;
  border-bottom: 1px solid #c5d0c7;
}

.affiliate-dashboard__header-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.affiliate-dashboard__header-actions a { display: inline-flex; align-items: center; text-decoration: none; }

.affiliate-logout,
.affiliate-copy {
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid #aabbb0;
  border-radius: 10px;
  background: rgba(255, 253, 248, .65);
  color: var(--lynx-deep);
  font: 700 13px/1 var(--font-display, "Inter Tight", sans-serif);
  cursor: pointer;
}

.affiliate-dashboard__status {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  padding-block: 32px;
}

.affiliate-status {
  display: inline-flex;
  width: fit-content;
  padding: 7px 10px;
  border: 1px solid #aac0b3;
  border-radius: 999px;
  background: #e2ece4;
  color: var(--lynx-deep);
  font: 700 12px/1 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: .03em;
}

.affiliate-dashboard__status h2 {
  margin: 14px 0 8px;
  color: var(--lynx-deep);
  font: 700 30px/1.05 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: var(--tracking-ui-heading);
}

.affiliate-dashboard__status p {
  margin: 0;
  color: #53635e;
}

.affiliate-dashboard__status-rate {
  display: grid;
  min-width: 164px;
  padding: 16px 18px;
  border: 1px solid rgba(30, 75, 65, .16);
  border-radius: 13px;
  background: rgba(255, 253, 248, .7);
}

.affiliate-dashboard__status-rate span,
.affiliate-dashboard__status-rate small { color: #64716d; font-size: 10px; }
.affiliate-dashboard__status-rate strong { margin: 5px 0; color: var(--lynx-deep); font: 780 28px/1 var(--font-display, "Inter Tight", sans-serif); }

.affiliate-referral {
  display: grid;
  gap: 14px;
  padding: 24px;
  border: 1px solid #bfcbc3;
  border-radius: 16px;
  background: rgba(255, 253, 248, .7);
}

.affiliate-referral__heading {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 4px;
}

.affiliate-referral__heading h2 { margin: 6px 0 0; color: var(--lynx-deep); }
.affiliate-referral__heading > span { padding: 7px 10px; border-radius: 999px; background: #e2ece4; color: var(--lynx-deep); font: 700 11px/1.2 var(--font-display, "Inter Tight", sans-serif); }
.affiliate-referral > label { color: #64716d; font-size: 11px; font-weight: 700; }

.affiliate-referral__field {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

.affiliate-referral__field code {
  overflow-wrap: anywhere;
  padding: 14px;
  border-radius: 9px;
  background: #e9eee8;
  color: var(--lynx-deep);
}

.affiliate-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  padding-top: 28px;
  border-top: 1px solid #c5d0c7;
}

.affiliate-metrics article {
  min-height: 130px;
  padding: 20px;
  border: 1px solid #c5d0c7;
  border-radius: 14px;
  background: rgba(255, 253, 248, .48);
}

.affiliate-metrics span,
.affiliate-metrics small {
  display: block;
  color: #64716d;
}

.affiliate-metrics strong {
  display: block;
  margin: 16px 0 6px;
  color: var(--lynx-deep);
  font: 700 18px/1.15 var(--font-display, "Inter Tight", sans-serif);
}

.affiliate-activity {
  margin-top: 24px;
  padding: clamp(20px, 3vw, 32px);
  border: 1px solid rgba(30, 75, 65, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.7);
}

.affiliate-empty-state {
  min-height: 150px;
  align-content: center;
  background: rgba(255, 253, 248, .5);
}

.affiliate-empty-state h2 { margin: 7px 0 8px; color: var(--lynx-deep); font-size: 20px; }
.affiliate-empty-state > p:last-child { margin: 0; color: #64716d; }

.affiliate-activity__list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 16px;
  align-items: center;
  padding: 14px 0;
  border-top: 1px solid rgba(30, 75, 65, 0.1);
}

.affiliate-activity__list article div,
.affiliate-activity__list article small {
  display: block;
}

@media (max-width: 640px) {
  .affiliate-form input:not([type="checkbox"]),
  .affiliate-form textarea {
    font-size: 16px;
  }

  .affiliate-activity__list article {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .affiliate-activity__list article span {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}

.affiliate-loading,
.affiliate-dashboard__notice {
  padding: 28px 0;
  color: #53635e;
}
.affiliate-dashboard__notice-actions { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 0; }
.affiliate-dashboard__notice-actions .affiliate-logout { display: inline-flex; align-items: center; text-decoration: none; }

.affiliate-rewards {
  margin-top: 28px;
  padding: clamp(22px, 4vw, 36px);
  border: 1px solid rgba(7, 59, 54, .16);
  border-radius: 18px;
  background: rgba(255, 253, 248, .84);
}

.affiliate-rewards > h2 { margin: 4px 0 8px; }
.affiliate-rewards > p { max-width: 68ch; color: var(--text-muted); }
.affiliate-rewards__list { display: grid; gap: 14px; margin-top: 20px; }
.affiliate-reward-entitlement {
  padding: 18px;
  border: 1px solid rgba(7, 59, 54, .13);
  border-radius: 12px;
  background: #fffdf8;
}
.affiliate-reward-entitlement > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.affiliate-reward-entitlement > header div { display: grid; gap: 3px; }
.affiliate-reward-entitlement > header span,
.affiliate-reward-entitlement > header small { color: var(--text-muted); }
.affiliate-reward-entitlement > header b {
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(7, 59, 54, .08);
  color: #073b36;
  font-size: 12px;
  white-space: nowrap;
}
.affiliate-reward-claim { display: grid; gap: 14px; margin-top: 18px; }
.affiliate-reward-claim label,
.affiliate-reward-claim fieldset { display: grid; gap: 7px; min-width: 0; }
.affiliate-reward-claim fieldset {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 14px;
  border: 1px solid rgba(7, 59, 54, .13);
  border-radius: 10px;
}
.affiliate-reward-claim legend { padding: 0 5px; font-weight: 600; }
.affiliate-reward-claim input,
.affiliate-reward-claim select {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid rgba(7, 59, 54, .24);
  border-radius: 8px;
  background: #fff;
  color: #143b37;
  font: inherit;
}
.affiliate-reward-claim__ack { grid-template-columns: auto minmax(0, 1fr) !important; align-items: center; }
.affiliate-reward-claim__ack input { width: 20px; min-height: 20px; }
.affiliate-reward-claim .button { justify-self: start; }
.affiliate-reward-state-copy { margin: 14px 0 0; color: var(--text-muted); }
.affiliate-reward-history { margin-top: 16px; padding: 14px; border-left: 3px solid var(--lynx-green); background: rgba(255,255,255,.56); }
.affiliate-reward-history p { margin: 0 0 5px; }
.affiliate-reward-history small { color: var(--text-muted); }
.affiliate-performance { margin: 26px 0; padding: 24px; border: 1px solid rgba(30,75,65,.16); border-radius: 16px; background: rgba(255,255,255,.62); }
.affiliate-performance__heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 18px; }
.affiliate-performance__heading h2,.affiliate-performance__heading p { margin: 0; }
.affiliate-performance__heading p:last-child { margin-top: 6px; color: var(--text-muted); }
.affiliate-periods { display: flex; flex-wrap: wrap; gap: 6px; }
.affiliate-periods button { min-height: 42px; padding: 8px 11px; border: 1px solid rgba(30,75,65,.2); border-radius: 999px; background: #fff; color: var(--lynx-green); cursor: pointer; }
.affiliate-periods button[aria-pressed="true"] { background: var(--lynx-green); color: #fff; }
.affiliate-periods button:focus-visible { outline: 3px solid rgba(30,75,65,.3); outline-offset: 2px; }
.affiliate-reporting-status { min-height: 1.4em; margin: -8px 0 8px; color: var(--text-muted); font-size: 13px; }
.affiliate-commission-breakdown { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin: 14px 0 0; }
.affiliate-commission-breakdown div { padding: 12px; border-top: 1px solid rgba(30,75,65,.14); }
.affiliate-commission-breakdown dt { color: var(--text-muted); }
.affiliate-commission-breakdown dd { margin: 5px 0 0; font-weight: 700; overflow-wrap: anywhere; }
.affiliate-adjustment { margin: 10px 0 0; padding: 10px 12px; border-left: 3px solid #8f7651; background: rgba(143,118,81,.08); color: var(--text-muted); }
.affiliate-reward-products { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.affiliate-reward-product { display: grid !important; grid-template-columns: auto 52px minmax(0,1fr); align-items: center; gap: 10px !important; padding: 10px; border: 1px solid rgba(30,75,65,.18); border-radius: 10px; background: rgba(255,255,255,.7); cursor: pointer; }
.affiliate-reward-product:has(input:checked) { border-color: var(--lynx-green); box-shadow: 0 0 0 2px rgba(30,75,65,.12); }
.affiliate-reward-product input { width: 18px; min-height: 18px; }
.affiliate-reward-product img { width: 52px; height: 52px; object-fit: contain; }
.affiliate-reward-product span,.affiliate-reward-product strong,.affiliate-reward-product small { display: block; min-width: 0; }
.affiliate-reward-product small { margin-top: 3px; color: var(--text-muted); }
.affiliate-reward-confirm { padding: 18px; border: 1px solid rgba(30,75,65,.24); border-radius: 12px; background: rgba(246,249,246,.95); outline: none; }
.affiliate-reward-confirm[hidden] { display: none; }
.affiliate-reward-confirm:focus-visible,.affiliate-reward-success:focus-visible { outline: 3px solid rgba(30,75,65,.35); outline-offset: 3px; }
.affiliate-reward-confirm h3,.affiliate-reward-success h3 { margin: 0 0 12px; }
.affiliate-reward-confirm dl { display: grid; grid-template-columns: 1fr auto; gap: 8px 18px; margin: 0; }
.affiliate-reward-confirm dd { margin: 0; text-align: right; }
.affiliate-reward-confirm > div { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
.affiliate-reward-success { padding: 18px; border: 1px solid rgba(30,75,65,.25); border-radius: 12px; background: rgba(232,241,234,.8); }

@media (max-width: 860px) {
  .affiliate-hero__inner {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .affiliate-rate-card {
    max-width: 440px;
  }

  .affiliate-overview,
  .affiliate-application,
  .affiliate-auth,
  .affiliate-terms__inner {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .affiliate-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .affiliate-steps ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .affiliate-tier-guide__grid,
  .affiliate-reward-roadmap ol,
  .affiliate-public-rewards ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .affiliate-public-rewards li:last-child { grid-column: 1 / -1; }

  .affiliate-v3,
  .affiliate-reward-roadmap {
    grid-template-columns: 1fr;
  }

  .affiliate-tier-card { grid-row: auto; }
  .affiliate-reward-roadmap { grid-column: auto; }
}

@media (max-width: 640px) {
  .affiliate-performance { padding: 20px; }
  .affiliate-performance__heading { align-items: stretch; flex-direction: column; }
  .affiliate-periods { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .affiliate-commission-breakdown { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .affiliate-steps ol,
  .affiliate-form {
    grid-template-columns: 1fr;
  }

  .affiliate-form__wide {
    grid-column: auto;
  }

  .affiliate-hero__inner {
    gap: 24px;
    padding-block: 44px 48px;
  }

  .affiliate-hero h1 {
    font-size: clamp(38px, 12vw, 52px);
  }

  .affiliate-rate-card {
    width: 100%;
    padding: 22px;
  }

  .affiliate-rate-card strong {
    font-size: 58px;
  }

  .affiliate-dashboard > header,
  .affiliate-dashboard__status {
    align-items: flex-start;
    flex-direction: column;
    display: flex;
  }

  .affiliate-referral__field {
    grid-template-columns: 1fr;
  }

  .affiliate-tier-guide__grid,
  .affiliate-tier-guide__constants,
  .affiliate-tier-guide__notes,
  .affiliate-reward-roadmap ol,
  .affiliate-public-rewards ol,
  .affiliate-tier-card__rates {
    grid-template-columns: 1fr;
  }

  .affiliate-qualification__grid,
  .affiliate-faq__inner { grid-template-columns: 1fr; gap: 32px; }
  .affiliate-public-rewards li:last-child { grid-column: auto; }
  .affiliate-verified-explainer__inner { grid-template-columns: 1fr; justify-items: start; }

  .affiliate-tier-card__identity,
  .affiliate-tier-progress__heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .affiliate-tier-progress__heading dl { width: 100%; justify-content: space-between; }

  .affiliate-referral__heading { flex-direction: column; }
  .affiliate-reward-claim fieldset { grid-template-columns: 1fr; }
  .affiliate-reward-claim input,
  .affiliate-reward-claim select { font-size: 16px; }
  .affiliate-reward-products { grid-template-columns: 1fr; }
}

@media (max-width: 420px) {
  .affiliate-hero__actions,
  .affiliate-hero__actions .button,
  .affiliate-form .button,
  .affiliate-logout,
  .affiliate-copy {
    width: 100%;
  }

  .affiliate-form {
    padding: 20px;
  }

  .affiliate-hero__rates { grid-template-columns: 1fr; gap: 14px; }
  .affiliate-hero__rates li { padding: 0; }
  .affiliate-hero__rates li + li { padding: 14px 0 0; border-top: 1px solid rgba(235, 242, 237, .18); border-left: 0; }
  .affiliate-qualification li { grid-template-columns: 58px minmax(0, 1fr); gap: 14px; }
  .affiliate-public-rewards li { padding: 20px; }

  .affiliate-metrics {
    grid-template-columns: 1fr;
  }

  .affiliate-tier-card,
  .affiliate-tier-progress,
  .affiliate-next-milestone,
  .affiliate-reward-roadmap {
    padding: 20px;
  }

  .affiliate-rewards { padding: 20px; }
  .affiliate-reward-entitlement > header { flex-direction: column; }
  .affiliate-reward-claim .button { width: 100%; }

  .affiliate-tier-progress__labels {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }
}

/* Account dashboard correction: restrained, consistent reporting surfaces. */
.affiliate-dashboard > header h1 { color: var(--lynx-deep); }
.affiliate-dashboard > header p { margin-top: 9px; font-size: 14px; line-height: 1.5; }
.affiliate-dashboard__status { gap: clamp(20px, 4vw, 48px); }
.affiliate-dashboard__verified {
  display: inline-flex;
  align-items: center;
  margin-left: 10px;
  padding: 7px 11px;
  border: 1px solid #bda66e;
  border-radius: 999px;
  background: #f3ecda;
  color: #5a4821;
  font: 700 12px/1 var(--font-display, "Inter Tight", sans-serif);
}
.affiliate-dashboard__status-rate {
  min-width: min(100%, 236px);
  min-height: 142px;
  align-content: center;
  padding: 24px 28px;
  border: 1px solid rgba(223, 233, 230, .7);
  border-radius: 16px;
  background: linear-gradient(145deg, #586d69, #879894 46%, #455d58);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 12px 28px rgba(13,42,35,.12);
  color: #fff;
}
.affiliate-dashboard__status-rate span,
.affiliate-dashboard__status-rate small { color: #f0f4f1; font-size: 12px; }
.affiliate-dashboard__status-rate strong { margin: 9px 0; color: #fff; font-size: 44px; }
.affiliate-performance { margin-block: 22px; background: rgba(255,253,248,.75); }
.affiliate-performance__heading h2 { color: var(--lynx-deep); font: 700 clamp(23px, 3vw, 30px)/1.15 var(--font-display, "Inter Tight", sans-serif); }
.affiliate-performance__heading p:last-child { max-width: 56ch; font-size: 13px; line-height: 1.5; }
.affiliate-periods { gap: 8px; }
.affiliate-periods button { font: 650 13px/1 var(--font-display, "Inter Tight", sans-serif); }
.affiliate-metrics { gap: 12px; padding-top: 20px; }
.affiliate-metrics article { min-height: 112px; padding: 18px; background: rgba(255,255,255,.7); }
.affiliate-metrics strong { margin-top: 12px; overflow-wrap: anywhere; }
.affiliate-commission-breakdown { gap: 10px; }
.affiliate-commission-breakdown div { padding: 14px; background: rgba(255,255,255,.48); border-radius: 9px; }
.affiliate-rewards,.affiliate-activity { background: rgba(255,253,248,.8); }
.affiliate-rewards > h2,.affiliate-activity > h2 { margin-top: 0; color: var(--lynx-deep); font: 700 23px/1.2 var(--font-display, "Inter Tight", sans-serif); }
.affiliate-rewards > p,.affiliate-activity > p { font-size: 14px; line-height: 1.5; }
@media (max-width: 640px) {
  .affiliate-dashboard__status-rate { width: 100%; }
  .affiliate-dashboard__verified { margin: 8px 0 0; }
  .affiliate-metrics { gap: 10px; }
  .affiliate-metrics article { min-height: 106px; padding: 14px; }
}

/* Affiliate landing page Phase B */
.affiliate-landing {
  background: #fff;
}

.affiliate-landing .affiliate-hero {
  background:
    radial-gradient(circle at 78% 18%, rgba(166, 185, 177, .12), transparent 34%),
    linear-gradient(120deg, #061f1d 0%, #0a332f 62%, #102f2c 100%);
}

.affiliate-landing .affiliate-hero__inner {
  grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
  column-gap: clamp(30px, 4vw, 56px);
  row-gap: 0;
  align-items: start;
  min-height: 0;
  padding-block: clamp(30px, 3.6vw, 44px);
}

.affiliate-landing .affiliate-hero__copy {
  display: contents;
}

.affiliate-landing .affiliate-hero__copy > * {
  grid-column: 1;
}

.affiliate-landing .affiliate-hero__copy > .affiliate-eyebrow { grid-row: 1; }
.affiliate-landing .affiliate-hero__copy > h1 { grid-row: 2; }
.affiliate-landing .affiliate-hero__lead { grid-row: 3; }
.affiliate-landing .affiliate-hero__body { grid-row: 4; }
.affiliate-landing .affiliate-hero__actions { grid-row: 5; }

.affiliate-landing .affiliate-hero h1 {
  max-width: 660px;
  font-size: clamp(48px, 5.7vw, 74px);
  line-height: .96;
}

.affiliate-hero__lead {
  max-width: 620px;
  margin: 14px 0 0;
  color: #f5f7f5;
  font: 700 clamp(21px, 2vw, 28px)/1.22 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: -.025em;
}

.affiliate-hero__body {
  max-width: 570px;
  margin: 10px 0 0;
  color: rgba(255, 253, 247, .72);
  font-size: 15px;
  line-height: 1.65;
}

.affiliate-landing .affiliate-hero__actions {
  margin-top: 18px;
}

.affiliate-landing .affiliate-hero__rates {
  grid-column: 1 / -1;
  grid-row: 6;
  max-width: none;
  gap: clamp(12px, 1.4vw, 18px);
  margin-top: clamp(18px, 2vw, 24px);
  padding: 0;
  border-top: 0;
}

.affiliate-landing .affiliate-hero__rates > div {
  display: flex;
  min-width: 0;
  min-height: 84px;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  padding: clamp(14px, 1.5vw, 18px);
  border: 1px solid rgba(235, 242, 237, .22);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .045));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13), 0 10px 26px rgba(0, 14, 12, .12);
  text-align: center;
  -webkit-backdrop-filter: blur(12px) saturate(110%);
  backdrop-filter: blur(12px) saturate(110%);
}

.affiliate-landing .affiliate-hero__rates > div + div {
  border-left: 1px solid rgba(235, 242, 237, .2);
}

.affiliate-landing .affiliate-hero__rates dt {
  margin-top: 6px;
  color: rgba(255, 253, 247, .78);
  font-size: 12px;
  line-height: 1.35;
}

.affiliate-landing .affiliate-hero__rates dd {
  margin: 0;
  color: #fffdf7;
  font: 750 clamp(27px, 2.5vw, 34px)/1 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: -.025em;
}

.affiliate-landing .affiliate-hero__rates > div:first-child dt {
  color: #d9e0df;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .12);
}

.affiliate-landing .affiliate-hero__rates > div:first-child dd {
  color: #e8edec;
  background: linear-gradient(105deg, #8f9999 0%, #f8fbfa 28%, #b5bdbc 58%, #eef2f1 78%, #899493 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .18);
}

.affiliate-hero__media {
  position: relative;
  overflow: hidden;
  grid-column: 2;
  grid-row: 1 / 6;
  width: min(100%, 560px);
  aspect-ratio: 3 / 2;
  justify-self: end;
  border: 1px solid rgba(227, 236, 232, .22);
  border-radius: 22px;
  background: #0a2926;
  box-shadow: 0 28px 70px rgba(0, 10, 9, .28), inset 0 1px 0 rgba(255, 255, 255, .1);
}

.affiliate-hero__media picture,
.affiliate-hero__media img {
  display: block;
  width: 100%;
  height: 100%;
}

.affiliate-hero__media img {
  object-fit: cover;
  object-position: center;
}

.affiliate-hero__media > span {
  display: none;
}

.affiliate-landing .affiliate-section-heading {
  max-width: 720px;
}

.affiliate-landing .affiliate-section-heading h2,
.affiliate-qualification-compact h2,
.affiliate-verified-compact h2,
.affiliate-landing .affiliate-application h2,
.affiliate-landing .affiliate-terms h2 {
  margin: 0;
  color: var(--lynx-deep);
  font: 750 clamp(31px, 3.8vw, 46px)/1.02 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: var(--tracking-section);
}

.affiliate-landing .affiliate-steps,
.affiliate-landing .affiliate-tier-guide,
.affiliate-landing .affiliate-public-rewards {
  padding-block: clamp(54px, 6.5vw, 78px);
  border: 0;
  background: #fff;
}

.affiliate-landing .affiliate-steps ol {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(20px, 3vw, 38px);
  margin-top: 40px;
}

.affiliate-landing .affiliate-steps li {
  padding: 18px;
  border: 1px solid #d4e0da;
  border-radius: 11px;
  background: #fff;
}

.affiliate-landing .affiliate-steps h3 {
  margin-top: 20px;
  font-size: 20px;
}

.affiliate-landing .affiliate-steps li p {
  font-size: 14px;
  line-height: 1.6;
}

.affiliate-landing .affiliate-tier-guide {
  padding-block: clamp(42px, 5vw, 58px);
  background: #fff;
}

.affiliate-landing .affiliate-tier-guide .affiliate-section-heading > p:last-child {
  position: relative;
  max-width: 650px;
  margin: 14px 0 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
}

.affiliate-landing .affiliate-tier-guide .affiliate-section-heading > p:last-child::after {
  display: block;
  color: #53635e;
  content: "Your tier changes only your personal discount. Customer discount stays 10% and commission stays 20%.";
  font-size: 15px;
  line-height: 1.6;
}

.affiliate-landing .affiliate-tier-guide__grid {
  gap: clamp(12px, 1.5vw, 18px);
  margin-top: 28px;
}

.affiliate-landing .affiliate-tier-guide__grid article {
  --tier-border: #9f7758;
  --tier-edge: rgba(80, 48, 28, .34);
  --tier-depth: rgba(70, 42, 24, .2);
  --tier-number-fallback: #65391f;
  --tier-number-outline: rgba(70, 36, 17, .66);
  --tier-number-metal: linear-gradient(180deg, #5a3019 0%, #d89a68 20%, #fff0d9 38%, #a65e31 53%, #e4ad7c 72%, #522914 100%);
  --tier-metal:
    linear-gradient(112deg, rgba(255, 255, 255, .46) 0%, rgba(255, 255, 255, 0) 23%, rgba(255, 255, 255, .2) 48%, rgba(55, 30, 17, .14) 100%),
    repeating-linear-gradient(98deg, rgba(255, 255, 255, .07) 0 1px, rgba(40, 24, 14, .035) 1px 3px),
    linear-gradient(145deg, #b57a4f 0%, #e4ba91 22%, #9a6038 49%, #d9a575 69%, #7d482b 100%);
  position: relative;
  display: flex;
  min-height: 218px;
  flex-direction: column;
  padding: 25px 24px 23px;
  overflow: hidden;
  border: 2px solid var(--tier-border);
  border-radius: 16px;
  background: var(--tier-metal);
  background-size: 100% 100%, 4px 100%, 100% 100%;
  box-shadow:
    0 18px 34px var(--tier-depth),
    0 3px 7px rgba(16, 40, 35, .12),
    inset 3px 3px 5px rgba(255, 255, 255, .42),
    inset -4px -4px 7px var(--tier-edge);
  isolation: isolate;
}

.affiliate-landing .affiliate-tier-guide__grid article::before {
  position: absolute;
  inset: 6px;
  z-index: -1;
  border: 1px solid rgba(255, 255, 255, .48);
  border-bottom-color: var(--tier-edge);
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px rgba(31, 47, 42, .08), 0 1px 1px rgba(255, 255, 255, .24);
  content: "";
}

.affiliate-landing .affiliate-tier-guide__grid article::after {
  position: absolute;
  inset: 9px 10px auto;
  z-index: -1;
  height: 34%;
  border-radius: 8px 8px 50% 50%;
  background:
    linear-gradient(108deg, transparent 0 35%, rgba(255, 255, 255, .34) 43%, rgba(255, 255, 255, .05) 53%, transparent 62%),
    linear-gradient(180deg, rgba(255, 255, 255, .34), rgba(255, 255, 255, 0));
  content: "";
  pointer-events: none;
}

.affiliate-landing .affiliate-tier-guide__grid strong {
  margin-top: 20px;
  color: var(--tier-number-fallback);
  font-size: clamp(38px, 3.6vw, 46px);
  letter-spacing: -.045em;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, .72),
    0 2px 0 rgba(18, 40, 35, .22),
    0 5px 7px rgba(12, 34, 29, .22);
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .affiliate-landing .affiliate-tier-guide__grid strong {
    background: var(--tier-number-metal);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: .45px var(--tier-number-outline);
    filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .62)) drop-shadow(0 3px 2px rgba(18, 44, 38, .24));
  }
}

.affiliate-landing .affiliate-tier-guide__grid small {
  display: block;
  margin-top: 6px;
  color: #24443d;
  font-weight: 600;
  font-size: 12px;
}

.affiliate-landing .affiliate-tier-guide__grid p {
  margin: auto 0 0;
  padding-top: 22px;
  border-top: 1px solid rgba(23, 58, 51, .2);
  color: #243f39;
  font-size: 13px;
}

.affiliate-landing .affiliate-tier-guide__grid article > span {
  color: var(--tier-accent, #5f3a23);
  text-shadow: 0 1px 0 rgba(255, 255, 255, .62), 0 1px 2px rgba(22, 45, 40, .24);
}

.affiliate-landing .affiliate-tier-guide__grid article[data-tier="bronze"] {
  --tier-accent: #603820;
  --tier-border: #8f5a37;
  --tier-edge: rgba(77, 42, 22, .4);
  --tier-depth: rgba(94, 54, 30, .24);
  --tier-number-fallback: #65391f;
  --tier-number-outline: rgba(75, 38, 18, .68);
  --tier-number-metal: linear-gradient(180deg, #4c2714 0%, #a85c32 15%, #f2c29a 34%, #fff0db 43%, #9a512b 57%, #d58b58 73%, #542914 100%);
}

.affiliate-landing .affiliate-tier-guide__grid article[data-tier="silver"] {
  --tier-accent: #40514e;
  --tier-border: #8f9b98;
  --tier-edge: rgba(54, 69, 65, .3);
  --tier-depth: rgba(55, 73, 68, .2);
  --tier-number-fallback: #33413f;
  --tier-number-outline: rgba(36, 53, 49, .58);
  --tier-number-metal: linear-gradient(180deg, #24302e 0%, #7d8b88 14%, #f9ffff 32%, #a8b5b2 46%, #ffffff 57%, #687673 73%, #202b29 100%);
  --tier-metal:
    linear-gradient(112deg, rgba(255, 255, 255, .72) 0%, rgba(255, 255, 255, .08) 22%, rgba(255, 255, 255, .54) 47%, rgba(70, 84, 80, .16) 100%),
    repeating-linear-gradient(98deg, rgba(255, 255, 255, .16) 0 1px, rgba(70, 84, 80, .045) 1px 3px),
    linear-gradient(145deg, #9da9a6 0%, #eef2f0 21%, #a7b1ae 46%, #f9faf9 64%, #7c8985 100%);
}

.affiliate-landing .affiliate-tier-guide__grid article[data-tier="gold"] {
  --tier-accent: #684b08;
  --tier-border: #a77b13;
  --tier-edge: rgba(91, 62, 4, .4);
  --tier-depth: rgba(116, 82, 11, .23);
  --tier-number-fallback: #73520a;
  --tier-number-outline: rgba(91, 58, 0, .62);
  --tier-number-metal: linear-gradient(180deg, #5e4000 0%, #b77d08 15%, #fff2a4 34%, #fffbd5 42%, #bb8111 56%, #f3cf62 73%, #604000 100%);
  --tier-metal:
    linear-gradient(112deg, rgba(255, 250, 213, .64) 0%, rgba(255, 255, 255, .03) 24%, rgba(255, 245, 190, .43) 48%, rgba(83, 54, 2, .16) 100%),
    repeating-linear-gradient(98deg, rgba(255, 248, 206, .1) 0 1px, rgba(78, 53, 5, .045) 1px 3px),
    linear-gradient(145deg, #b6841d 0%, #efd884 23%, #b48620 45%, #f5df8e 64%, #8a610d 100%);
}

.affiliate-landing .affiliate-tier-guide__grid article[data-tier="prestige"] {
  --tier-accent: #785a0d;
  --tier-border: #b49028;
  --tier-edge: rgba(14, 57, 49, .42);
  --tier-depth: rgba(7, 48, 41, .28);
  --tier-number-fallback: #173f38;
  --tier-number-outline: rgba(69, 53, 10, .6);
  --tier-number-metal: linear-gradient(180deg, #263431 0%, #84918e 13%, #ffffff 29%, #d9bc62 43%, #fff3ae 51%, #9c7a19 63%, #f6faf8 76%, #31423e 100%);
  --tier-metal:
    linear-gradient(112deg, rgba(255, 255, 255, .86) 0%, rgba(255, 255, 255, .08) 21%, rgba(255, 246, 197, .34) 47%, rgba(35, 65, 59, .18) 100%),
    repeating-linear-gradient(98deg, rgba(255, 255, 255, .18) 0 1px, rgba(67, 83, 79, .055) 1px 3px),
    linear-gradient(145deg, #aeb8b5 0%, #f8faf9 21%, #a7b3af 43%, #fffdf2 63%, #7d8c87 100%);
  box-shadow:
    0 21px 42px var(--tier-depth),
    0 0 22px rgba(183, 145, 43, .17),
    inset 3px 3px 6px rgba(255, 255, 255, .62),
    inset -5px -5px 9px var(--tier-edge),
    0 0 0 1px rgba(255, 235, 160, .45);
}

.affiliate-landing .affiliate-tier-guide__grid article[data-tier="prestige"] > span,
.affiliate-landing .affiliate-tier-guide__grid article[data-tier="prestige"] > strong {
  color: #123f38;
}

.affiliate-landing .affiliate-tier-guide__grid::after {
  grid-column: 1 / -1;
  justify-self: start;
  margin-top: 4px;
  padding: 9px 13px;
  border: 1px solid rgba(30, 75, 65, .1);
  border-radius: 10px;
  background: #f6f8f4;
  color: #5e6d68;
  content: "Customers always receive 10% off. Affiliate commission remains 20%.";
  font-size: 12px;
  line-height: 1.5;
}

.affiliate-qualification-verification {
  padding-block: clamp(56px, 7vw, 82px);
  background: var(--lynx-background);
}

.affiliate-qualification-verification__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(300px, .88fr);
  gap: clamp(48px, 8vw, 110px);
  align-items: center;
}

.affiliate-qualification-compact > p:not(.affiliate-eyebrow) {
  max-width: 680px;
  margin: 20px 0 0;
  color: #53635e;
  line-height: 1.65;
}

.affiliate-qualification-compact ol {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 3vw, 34px);
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}

.affiliate-qualification-compact ol::before {
  position: absolute;
  top: 27px;
  right: 16.5%;
  left: 16.5%;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #a8bbb4, #477a6f 52%, #174b43);
  box-shadow: inset 0 1px 1px rgba(6, 40, 34, .22), 0 1px 0 rgba(255, 255, 255, .9);
  content: "";
}

.affiliate-qualification-compact li {
  display: grid;
  position: relative;
  z-index: 1;
  gap: 14px;
  min-width: 0;
  justify-items: center;
  padding: 0;
  text-align: center;
}

.affiliate-qualification-compact li .affiliate-qualification-compact__node {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border: 2px solid #6c8b82;
  border-radius: 50%;
  background: radial-gradient(circle at 34% 28%, #fbfdfc 0%, #dbe5e1 40%, #9cb2aa 100%);
  color: #204c43;
  box-shadow: 0 7px 15px rgba(17, 65, 56, .18), inset 2px 2px 3px rgba(255, 255, 255, .88), inset -3px -3px 5px rgba(39, 78, 69, .24);
  font: 800 11px/1 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: .08em;
}

.affiliate-qualification-compact li:last-child .affiliate-qualification-compact__node {
  border-color: #b69a44;
  background: radial-gradient(circle at 34% 28%, #2e7265 0%, #174b43 52%, #0c302b 100%);
  color: #fff8d8;
  box-shadow: 0 8px 19px rgba(12, 61, 52, .27), 0 0 0 4px rgba(180, 151, 59, .13), inset 2px 2px 3px rgba(255, 255, 255, .2), inset -3px -3px 5px rgba(0, 25, 21, .34);
}

.affiliate-qualification-compact li > div {
  width: 100%;
  min-height: 92px;
  padding: 16px 12px 14px;
  border: 1px solid rgba(30, 75, 65, .14);
  border-radius: 12px;
  background: rgba(255, 255, 255, .7);
  box-shadow: 0 8px 18px rgba(16, 57, 50, .07), inset 0 1px 0 #fff;
}

.affiliate-qualification-compact li strong {
  color: var(--lynx-deep);
  font: 750 14px/1.3 var(--font-display, "Inter Tight", sans-serif);
}

.affiliate-qualification-compact li p {
  margin: 7px 0 0;
  color: #66766f;
  font-size: 12px;
  line-height: 1.4;
}

.affiliate-landing .affiliate-qualification__note {
  margin-top: 22px;
}

.affiliate-verified-compact {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  padding: clamp(28px, 3.5vw, 42px);
  overflow: hidden;
  border: 1px solid rgba(24, 85, 74, .52);
  border-radius: 20px;
  background:
    radial-gradient(circle at 10% 20%, rgba(184, 158, 73, .13) 0 11%, transparent 11.5%),
    radial-gradient(circle at 100% 0%, rgba(23, 75, 67, .12), transparent 47%),
    linear-gradient(145deg, #fcfdfb 0%, #e7efeb 100%);
  box-shadow: 0 18px 38px rgba(9, 55, 47, .15), inset 2px 2px 0 rgba(255, 255, 255, .92), inset -3px -3px 8px rgba(31, 83, 73, .12);
}

.affiliate-verified-compact::after {
  position: absolute;
  right: -54px;
  bottom: -72px;
  width: 190px;
  height: 190px;
  border: 1px solid rgba(23, 75, 67, .09);
  border-radius: 50%;
  box-shadow: 0 0 0 18px rgba(23, 75, 67, .035), 0 0 0 38px rgba(183, 151, 55, .025);
  content: "";
  pointer-events: none;
}

.affiliate-verified-compact__seal {
  display: grid;
  position: relative;
  z-index: 1;
  width: 78px;
  height: 78px;
  place-items: center;
  border: 0;
  border-radius: 0;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .72) 0 13%, transparent 28% 67%, rgba(93, 58, 0, .22) 85%),
    repeating-linear-gradient(108deg, rgba(255, 250, 203, .12) 0 1px, rgba(105, 70, 5, .06) 1px 3px),
    linear-gradient(145deg, #8c6207 0%, #e8c34f 22%, #fff0a2 40%, #b17b0c 62%, #f0cf61 78%, #745005 100%);
  color: #123f38;
  filter: drop-shadow(0 10px 12px rgba(74, 54, 5, .24)) drop-shadow(0 0 7px rgba(217, 180, 58, .22));
  clip-path: polygon(50% 0, 61% 10%, 74% 5%, 80% 18%, 94% 20%, 91% 34%, 100% 45%, 90% 56%, 94% 70%, 80% 76%, 75% 91%, 61% 88%, 50% 100%, 39% 89%, 24% 93%, 20% 78%, 6% 71%, 10% 56%, 0 45%, 9% 34%, 6% 19%, 21% 17%, 27% 4%, 40% 10%);
  box-shadow: inset 3px 3px 5px rgba(255, 255, 255, .4), inset -4px -4px 7px rgba(86, 56, 2, .34);
  font-size: 25px;
}

.affiliate-verified-compact__seal::before {
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(255, 247, 198, .76);
  border-radius: 50%;
  background: radial-gradient(circle at 34% 28%, #ffe999 0%, #d3a826 42%, #916405 100%);
  box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .58), inset -3px -3px 5px rgba(92, 59, 0, .34), 0 0 0 2px rgba(103, 70, 5, .24);
  content: "";
}

.affiliate-verified-compact__seal span {
  position: relative;
  z-index: 1;
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  transform: translateY(-1px);
  color: #123f38;
  text-shadow: 0 1px 0 rgba(255, 251, 216, .7), 0 2px 3px rgba(65, 43, 1, .2);
}

.affiliate-verified-compact > div {
  position: relative;
  z-index: 1;
}

.affiliate-verified-compact h2 {
  font-size: clamp(25px, 3vw, 34px);
}

.affiliate-verified-compact p:not(.affiliate-eyebrow) {
  margin: 14px 0 0;
  color: #53635e;
  line-height: 1.6;
}

.affiliate-verified-compact small {
  display: block;
  margin-top: 12px;
  color: #73807b;
  line-height: 1.5;
}

.affiliate-landing .affiliate-public-rewards {
  background: #fff;
}

.affiliate-landing .affiliate-public-rewards ol {
  gap: 1px;
  margin-top: 36px;
  border-block: 1px solid rgba(30, 75, 65, .16);
  border-radius: 0;
  background: transparent;
}

.affiliate-landing .affiliate-public-rewards li {
  min-height: 122px;
  padding: 25px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.affiliate-landing .affiliate-public-rewards li + li {
  border-left: 1px solid rgba(30, 75, 65, .14);
}

.affiliate-landing .affiliate-public-rewards li > span {
  color: #6f7d78;
  font-size: 31px;
}

.affiliate-landing .affiliate-public-rewards p {
  margin-bottom: 0;
  font-size: 14px;
}

.affiliate-public-rewards__note {
  margin: 18px 0 0;
  color: #66746f;
  font-size: 12px;
}

.affiliate-landing .affiliate-application {
  padding-block: 0;
}

@media (max-width: 860px) {
  .affiliate-landing .affiliate-hero__inner {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .affiliate-hero__media {
    grid-column: 1;
    grid-row: 6;
    width: 100%;
    max-width: 680px;
    aspect-ratio: 8 / 5;
    justify-self: center;
  }

  .affiliate-landing .affiliate-hero__rates {
    grid-column: 1;
    grid-row: 7;
  }

  .affiliate-landing .affiliate-steps ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .affiliate-qualification-verification__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .affiliate-landing .affiliate-hero h1 {
    font-size: clamp(38px, 11vw, 48px);
  }

  .affiliate-landing .affiliate-hero__inner {
    column-gap: 0;
    row-gap: 0;
  }

  .affiliate-landing .affiliate-hero__rates {
    grid-template-columns: 1fr;
  }

  .affiliate-qualification-compact ol {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .affiliate-qualification-compact ol::before {
    top: 28px;
    bottom: 28px;
    left: 27px;
    width: 4px;
    height: auto;
  }

  .affiliate-qualification-compact li {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    justify-items: stretch;
    text-align: left;
  }

  .affiliate-qualification-compact li > div {
    min-height: 0;
    padding: 15px 16px;
  }

  .affiliate-verified-compact {
    grid-template-columns: 1fr;
  }

  .affiliate-landing .affiliate-public-rewards li + li {
    border-top: 1px solid rgba(30, 75, 65, .14);
    border-left: 0;
  }

  .affiliate-landing .affiliate-form input:not([type="checkbox"]),
  .affiliate-landing .affiliate-form textarea {
    font-size: 16px;
  }
}

@media (max-width: 420px) {
  .affiliate-landing .affiliate-steps ol,
  .affiliate-landing .affiliate-tier-guide__grid,
  .affiliate-landing .affiliate-public-rewards ol {
    grid-template-columns: 1fr;
  }

  .affiliate-landing .affiliate-hero__actions {
    align-items: stretch;
  }

  .affiliate-landing .affiliate-hero__actions .affiliate-text-link {
    display: grid;
    width: 100%;
    min-height: 46px;
    place-items: center;
  }

  .affiliate-landing .affiliate-hero__rates {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .affiliate-landing .affiliate-hero__rates > div {
    min-height: 82px;
    padding: 14px;
  }

  .affiliate-landing .affiliate-hero__rates > div + div {
    border-top: 1px solid rgba(235, 242, 237, .2);
    border-left: 1px solid rgba(235, 242, 237, .2);
  }

  .affiliate-landing .affiliate-hero__rates dt {
    font-size: 11px;
  }

  .affiliate-landing .affiliate-hero__rates dd {
    font-size: 28px;
  }

  .affiliate-hero__media {
    aspect-ratio: 3 / 2;
  }

  .affiliate-landing .affiliate-terms {
    padding: 22px;
  }
}

.affiliate-code-input {
  display: block;
  overflow: hidden;
  border: 1px solid rgba(7, 59, 54, .24);
  border-radius: 8px;
  background: #fffdf8;
}

.affiliate-code-input input { border: 0; border-radius: 0; }
.affiliate-code-input:focus-within { outline: 2px solid rgba(22, 111, 99, .45); outline-offset: 2px; }
.affiliate-socials { margin: 0; padding: 0; border: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.affiliate-socials legend { font: 600 15px/1.3 "Inter Tight", sans-serif; }
.affiliate-socials > p { grid-column: 1 / -1; margin: 0; color: var(--text-muted); }
@media (max-width: 640px) { .affiliate-socials { grid-template-columns: 1fr; } }
/* Affiliate landing minimalism pass */




.affiliate-landing .affiliate-hero__inner {
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .7fr);
  column-gap: clamp(42px, 5vw, 72px);
  align-items: center;
  min-height: 400px;
  padding-block: clamp(34px, 4vw, 48px);
}

.affiliate-landing .affiliate-hero__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-block: 4px;
}

.affiliate-landing .affiliate-hero__copy > * {
  margin-inline: 0;
}

.affiliate-landing .affiliate-hero__lead {
  margin-top: 20px;
}

.affiliate-landing .affiliate-hero__body {
  max-width: 500px;
  margin-top: 14px;
}

.affiliate-landing .affiliate-hero__actions {
  margin-top: 22px;
}





.affiliate-hero__commission-feature {
  position: relative;
  isolation: isolate;
  display: flex;
  overflow: hidden;
  grid-column: 2;
  grid-row: 1;
  min-height: 244px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: clamp(28px, 4vw, 46px);
  border: 1px solid rgba(235, 241, 239, .52);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(247, 250, 249, .16), transparent 31%),
    linear-gradient(150deg, #526864 0%, #7f918d 38%, #425b56 70%, #6f817d 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .54),
    inset 0 -1px 0 rgba(13, 39, 35, .34),
    inset 12px 0 30px rgba(255, 255, 255, .035),
    0 22px 46px rgba(0, 14, 12, .22);
  color: #fffdf7;
  text-align: center;
}

.affiliate-hero__commission-feature::before {
  position: absolute;
  z-index: -1;
  inset: -55% auto -55% 14%;
  width: 18%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .16), transparent);
  content: "";
  pointer-events: none;
  transform: rotate(16deg);
}

.affiliate-hero__commission-feature::after {
  position: absolute;
  z-index: -1;
  inset: 7px;
  border: 1px solid rgba(244, 248, 246, .14);
  border-radius: 14px;
  box-shadow: inset 0 0 28px rgba(9, 42, 37, .16);
  content: "";
  pointer-events: none;
}

.affiliate-hero__commission-feature span {
  color: rgba(250, 252, 251, .82);
  font: 700 12px/1.2 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: .14em;
  text-shadow: 0 1px 1px rgba(10, 35, 31, .34);
  text-transform: uppercase;
}

.affiliate-hero__commission-feature strong {
  margin-top: 14px;
  color: #f5f7f6;
  background: linear-gradient(105deg, #b7c1bf 2%, #fbfcfb 28%, #8f9e9b 51%, #f4f6f5 72%, #a6b2af 98%);
  background-clip: text;
  font: 750 clamp(68px, 8vw, 104px)/.82 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: -.065em;
  filter: drop-shadow(0 2px 1px rgba(11, 39, 35, .4)) drop-shadow(0 11px 18px rgba(7, 31, 28, .22));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: .35px rgba(248, 250, 249, .34);
}

.affiliate-hero__commission-feature p {
  max-width: 220px;
  margin: 20px 0 0;
  color: rgba(251, 252, 251, .86);
  font-size: 13px;
  line-height: 1.45;
  text-shadow: 0 1px 1px rgba(10, 35, 31, .3);
}


.affiliate-landing .affiliate-steps {
  padding-block: clamp(34px, 4vw, 48px);
}

.affiliate-landing .affiliate-steps ol {
  gap: 34px;
  margin-top: 20px;
}

.affiliate-landing .affiliate-steps li:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: -34px;
  width: 34px;
  color: #345e52;
  content: "→";
  font: 600 16px/1 var(--font-display, "Inter Tight", sans-serif);
  transform: translateY(-50%);
  text-align: center;
}

.affiliate-landing .affiliate-steps li {
  position: relative;
  display: grid;
  grid-template-rows: 12px minmax(0, 1fr);
  row-gap: 12px;
  min-height: 126px;
  align-content: start;
  padding: 16px 18px;
  border: 1px solid #ccdbd1;
  border-radius: 11px;
  background: #fffefb;
  transition: border-color .18s ease, transform .18s ease;
}

.affiliate-landing .affiliate-steps li:hover {
  border-color: #90ae9e;
  transform: translateY(-2px);
}

.affiliate-landing .affiliate-steps h3 {
  margin: 0;
  font-size: 17px;
}

.affiliate-landing .affiliate-steps li > div {
  display: grid;
  grid-template-rows: 19px minmax(0, 1fr);
  row-gap: 6px;
  min-width: 0;
  align-content: start;
}

.affiliate-landing .affiliate-steps li p {
  font-size: 13px;
  line-height: 1.5;
}

.affiliate-benefits {
  padding-block: clamp(50px, 6vw, 72px);
  background: var(--lynx-background);
}

.affiliate-landing .affiliate-benefits .affiliate-tier-guide,
.affiliate-landing .affiliate-benefits .affiliate-public-rewards {
  padding: 0;
  background: transparent;
}

.affiliate-landing .affiliate-benefits .affiliate-section-heading > p:last-child {
  max-width: 660px;
  margin: 10px 0 0;
  color: #53635e;
  font-size: 15px;
  line-height: 1.55;
}

.affiliate-landing .affiliate-benefits .affiliate-section-heading > p:last-child::after {
  content: none;
}

.affiliate-landing .affiliate-tier-guide__grid {
  gap: clamp(12px, 1.5vw, 18px);
  margin-top: 26px;
}

.affiliate-landing .affiliate-tier-guide__grid article {
  --tier-accent: #95633e;
  --tier-border: rgba(91, 61, 42, .3);
  --tier-shadow: rgba(72, 48, 32, .12);
  --tier-surface: linear-gradient(145deg, #f6eee7 0%, #eaded4 100%);
  --tier-number-fallback: #754b34;
  --tier-number-metal: linear-gradient(105deg, #4f3022 0%, #896044 42%, #4d3023 100%);
  position: relative;
  display: grid;
  grid-template-rows: 18px 48px 18px minmax(32px, 1fr);
  min-height: 166px;
  padding: 19px;
  overflow: hidden;
  border: 1px solid var(--tier-border);
  border-radius: 12px;
  background: var(--tier-surface);
  box-shadow:
    0 9px 22px var(--tier-shadow),
    inset 0 1px 0 rgba(255, 255, 255, .8);
  isolation: isolate;
}

.affiliate-landing .affiliate-tier-guide__grid article::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  border: 0;
  border-radius: 0;
  background:
    linear-gradient(112deg, rgba(255, 255, 255, .28), rgba(255, 255, 255, 0) 48%),
    repeating-linear-gradient(100deg, rgba(255, 255, 255, .025) 0 1px, rgba(25, 51, 44, .012) 1px 3px);
  box-shadow: none;
  content: "";
  pointer-events: none;
}

.affiliate-landing .affiliate-tier-guide__grid article::after {
  content: none;
}

.affiliate-landing .affiliate-tier-guide__grid article[data-tier="bronze"] {
  --tier-accent: #805030;
  --tier-border: rgba(118, 73, 45, .32);
  --tier-shadow: rgba(92, 55, 33, .14);
  --tier-surface: linear-gradient(145deg, #f7eee7 0%, #e8d9cd 100%);
  --tier-number-fallback: #75462d;
  --tier-number-metal: linear-gradient(105deg, #4f2d1d 0%, #916243 44%, #523322 100%);
}

.affiliate-landing .affiliate-tier-guide__grid article[data-tier="silver"] {
  --tier-accent: #536661;
  --tier-border: rgba(92, 111, 106, .28);
  --tier-shadow: rgba(51, 75, 69, .11);
  --tier-surface: linear-gradient(145deg, #f4f6f5 0%, #e2e8e6 100%);
  --tier-number-fallback: #50615d;
  --tier-number-metal: linear-gradient(105deg, #334743 0%, #70827d 46%, #354944 100%);
}

.affiliate-landing .affiliate-tier-guide__grid article[data-tier="gold"] {
  --tier-accent: #765b18;
  --tier-border: rgba(148, 111, 25, .3);
  --tier-shadow: rgba(112, 81, 13, .12);
  --tier-surface: linear-gradient(145deg, #faf4e5 0%, #eee3c5 100%);
  --tier-number-fallback: #806018;
  --tier-number-metal: linear-gradient(105deg, #5d450f 0%, #94752a 44%, #5e4812 100%);
}

.affiliate-landing .affiliate-tier-guide__grid article[data-tier="prestige"] {
  --tier-accent: #6b5620;
  --tier-border: rgba(115, 128, 122, .34);
  --tier-shadow: rgba(24, 60, 52, .15);
  --tier-surface:
    linear-gradient(118deg, rgba(255, 248, 218, .34) 0%, rgba(255, 255, 255, 0) 40%),
    linear-gradient(145deg, #f5f7f6 0%, #dfe6e3 100%);
  --tier-number-fallback: #355049;
  --tier-number-metal: linear-gradient(105deg, #304944 0%, #687e76 48%, #735b20 100%);
  box-shadow:
    0 12px 26px var(--tier-shadow),
    inset 0 1px 0 rgba(255, 255, 255, .86),
    0 0 0 1px rgba(165, 133, 47, .1);
}

.affiliate-landing .affiliate-tier-guide__grid article > span,
.affiliate-landing .affiliate-tier-guide__grid article[data-tier="prestige"] > span {
  position: relative;
  z-index: 1;
  align-self: start;
  color: var(--tier-accent);
  text-shadow: none;
}

.affiliate-landing .affiliate-tier-guide__grid strong,
.affiliate-landing .affiliate-tier-guide__grid article[data-tier="prestige"] > strong {
  position: relative;
  z-index: 1;
  align-self: end;
  margin: 0;
  background: var(--tier-number-metal);
  -webkit-background-clip: text;
  background-clip: text;
  color: var(--tier-number-fallback);
  filter: none;
  font-size: clamp(34px, 3vw, 40px);
  letter-spacing: -.035em;
  text-shadow: 0 1px 1px rgba(255, 255, 255, .18);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0;
}

.affiliate-landing .affiliate-tier-guide__grid small {
  position: relative;
  z-index: 1;
  align-self: start;
  margin: 0;
  color: #36544d;
}

.affiliate-landing .affiliate-tier-guide__grid p {
  position: relative;
  z-index: 1;
  align-self: start;
  margin: 15px 0 0;
  padding-top: 0;
  border-top: 0;
  color: #38514b;
  font-size: 12px;
  line-height: 1.4;
}

.affiliate-landing .affiliate-tier-guide__grid::after {
  content: none;
}

.affiliate-landing {
  --affiliate-mid-grid-max: var(--page-max);
  --affiliate-mid-section-space: clamp(36px, 4.5vw, 50px);
  --affiliate-mid-content-gap: 22px;
  --affiliate-mid-detail-gap: 14px;
}

.affiliate-landing .affiliate-benefits .affiliate-tier-guide {
  width: min(100%, var(--affiliate-mid-grid-max));
  margin-inline: auto;
}

.affiliate-landing .affiliate-public-rewards {
  width: min(100%, var(--affiliate-mid-grid-max));
  margin: clamp(34px, 4vw, 44px) auto 0;
  padding-top: clamp(30px, 3.5vw, 38px);
  border-top: 0;
}

.affiliate-landing .affiliate-public-rewards ol {
  grid-auto-rows: 1fr;
  gap: clamp(14px, 1.8vw, 18px);
  width: 100%;
  margin: var(--affiliate-mid-content-gap) 0 0;
  border: 0;
}

.affiliate-landing .affiliate-public-rewards li {
  min-height: 102px;
  grid-template-columns: 66px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  padding: 19px 21px;
  border: 1px solid rgba(30, 75, 65, .14);
  border-radius: 12px;
  background: #fffefa;
}

.affiliate-landing .affiliate-public-rewards li + li {
  border-left: 1px solid rgba(30, 75, 65, .14);
}





.affiliate-landing .affiliate-public-rewards li > span {
  --reward-number-fallback: #765039;
  --reward-number-metal: linear-gradient(105deg, #4f2f20 0%, #85583d 38%, #c18a67 50%, #70462f 62%, #43291d 100%);
  background: var(--reward-number-metal);
  -webkit-background-clip: text;
  background-clip: text;
  color: var(--reward-number-fallback);
  font-size: 36px;
  line-height: 1;
  letter-spacing: -.04em;
  inline-size: 100%;
  overflow: visible;
  padding-block: .08em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .45), 0 2px 3px rgba(64, 42, 29, .12);
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: .2px rgba(45, 34, 27, .24);
}

.affiliate-landing .affiliate-public-rewards li:nth-child(2) > span {
  --reward-number-fallback: #596764;
  --reward-number-metal: linear-gradient(105deg, #2f403c 0%, #62716d 38%, #aab6b2 50%, #52625e 62%, #2c3c38 100%);
}

.affiliate-landing .affiliate-public-rewards li:nth-child(3) > span {
  --reward-number-fallback: #80611f;
  --reward-number-metal: linear-gradient(105deg, #57400f 0%, #927124 38%, #cfad54 50%, #7c5e18 62%, #4c380c 100%);
}

.affiliate-landing .affiliate-public-rewards li > div {
  align-self: center;
}

.affiliate-landing .affiliate-public-rewards li p {
  margin-top: 6px;
}

.affiliate-landing .affiliate-public-rewards p.affiliate-public-rewards__note {
  width: min(100%, 620px);
  max-width: 620px;
  margin: 12px auto 0;
  padding: 0;
  border: 0;
  color: #254c41;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
  text-align: center;
}

.affiliate-landing .affiliate-public-rewards p.affiliate-public-rewards__note-secondary {
  width: min(100%, 620px);
  max-width: 620px;
  margin: 4px auto 0;
  color: #73807b;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
  text-align: center;
}

.affiliate-qualification-verification {
  padding-block: clamp(34px, 3.6vw, 48px);
}

.affiliate-qualification-verification__grid {
  width: min(calc(100% - (var(--page-gutter) * 2)), 860px);
  display: block;
}

.affiliate-qualification-compact {
  margin-inline: auto;
  text-align: center;
}

.affiliate-qualification-compact > p:not(.affiliate-eyebrow) {
  margin-top: var(--affiliate-mid-detail-gap);
}

.affiliate-qualification-compact > .affiliate-qualification-compact__explanation {
  position: relative;
  left: 50%;
  width: min(100%, 620px);
  max-width: 620px;
  margin: 18px auto 0;
  transform: translateX(-50%);
  line-height: 1.55;
  text-align: center;
}

.affiliate-qualification-compact ol {
  --affiliate-qualification-gap: clamp(38px, 5vw, 58px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--affiliate-qualification-gap);
  width: 100%;
  max-width: none;
  margin: 16px 0 0;
  padding: 0;
  border: 0;
}

.affiliate-qualification-compact ol::before {
  content: none;
}

.affiliate-qualification-compact li {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 92px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 15px;
  border: 1px solid #d6e1da;
  border-radius: 10px;
  background: #f6f8f6;
  text-align: left;
}

.affiliate-qualification-compact li:nth-child(2) {
  border-color: #b9d0c0;
  background: #eaf2eb;
}

.affiliate-qualification-compact li:last-child {
  border-color: #164a40;
  background: #164a40;
}

.affiliate-qualification-compact li + li {
  border-width: 1px;
}

.affiliate-qualification-compact li:not(:last-child)::after {
  position: absolute;
  top: 50%;
  left: calc(100% + (var(--affiliate-qualification-gap) / 2));
  z-index: 1;
  color: #386b5d;
  content: "→";
  font-size: 15px;
  transform: translate(-50%, -50%);
}

.affiliate-qualification-compact li .affiliate-qualification-compact__node {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #91a8a0;
  border-radius: 7px;
  background: #f7faf8;
  color: #34564d;
  box-shadow: none;
  font: 750 11px/1 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: .01em;
}

.affiliate-qualification-compact li:nth-child(2) .affiliate-qualification-compact__node {
  border-color: #678b7f;
  background: #e5f0e9;
  color: #214e41;
}

.affiliate-qualification-compact li:last-child .affiliate-qualification-compact__node {
  border-color: rgba(255,255,255,.5);
  background: rgba(255,255,255,.12);
  color: #fff;
  box-shadow: none;
}

.affiliate-qualification-compact li strong {
  color: #254c41;
  font-size: 13px;
  line-height: 1.3;
}

.affiliate-qualification-compact li:last-child strong {
  color: #fff;
}

.affiliate-landing .affiliate-qualification__note {
  position: relative;
  left: 50%;
  width: min(100%, 620px);
  max-width: 620px;
  margin: 7px auto 0;
  padding: 0;
  border: 0;
  background: none;
  color: #4c625b;
  transform: translateX(-50%);
  text-align: center;
  line-height: 1.45;
}

.affiliate-join {
  padding-block: clamp(34px, 4vw, 48px);
  background: var(--lynx-surface, #fff);
}

.affiliate-join__card {
  width: min(100%, 620px);
  padding: clamp(24px, 3vw, 32px);
  margin-inline: auto;
  border: 1px solid #e0e7e3;
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
  text-align: center;
}

.affiliate-join__card h2 {
  color: #123f3a;
  font-size: clamp(24px, 2.5vw, 28px);
  line-height: 1.2;
  letter-spacing: var(--tracking-section);
}

.affiliate-join h2 {
  margin-top: 8px;
}

.affiliate-join__card > p:not(.affiliate-eyebrow):not(.affiliate-join__signin) {
  max-width: 520px;
  margin: 10px auto 0;
  color: var(--lynx-text-muted, #5f6f68);
}

.affiliate-join__card .button {
  width: min(100%, 280px);
  min-height: 42px;
  margin-top: 18px;
  border-color: #123f3a;
  background: #123f3a;
  color: #fff;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.affiliate-join__card .button::before,
.affiliate-join__card .button::after {
  content: none;
}

.affiliate-join__card .button:hover {
  border-color: #1b5146;
  background: #1b5146;
}

.affiliate-join__signin {
  margin: 14px 0 0;
  color: var(--lynx-text-muted, #5f6f68);
}

.affiliate-join .affiliate-text-link,
.affiliate-proof .affiliate-text-link,
.affiliate-programme-terms .affiliate-text-link {
  color: var(--lynx-primary, #123f3a);
  text-decoration: none;
}

.affiliate-join .affiliate-text-link:hover,
.affiliate-proof .affiliate-text-link:hover,
.affiliate-programme-terms .affiliate-text-link:hover {
  text-decoration: none;
}

.affiliate-join .affiliate-text-link:focus-visible,
.affiliate-proof .affiliate-text-link:focus-visible,
.affiliate-programme-terms .affiliate-text-link:focus-visible {
  outline: 2px solid var(--lynx-primary, #123f3a);
  outline-offset: 3px;
}

.affiliate-proof {
  padding: 0 0 clamp(48px, 5vw, 68px);
  background: var(--lynx-surface, #fff);
}

.affiliate-proof__inner {
  width: min(calc(100% - (var(--page-gutter) * 2)), 1120px);
  margin-inline: auto;
}

.affiliate-proof h2 {
  margin: 0;
  color: var(--lynx-heading, #0b2e2b);
  font-size: clamp(18px, 2vw, 23px);
  letter-spacing: .08em;
  text-align: center;
}

.affiliate-proof ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: clamp(20px, 2.5vw, 28px) 0 0;
  padding: 0;
  list-style: none;
}

.affiliate-proof li {
  display: grid;
  min-height: 94px;
  place-items: center;
  align-content: center;
  gap: 5px;
  padding: 16px 12px;
  border: 1px solid var(--lynx-border, #d3ddd6);
  border-radius: 11px;
  background: var(--lynx-surface, #fff);
  color: var(--lynx-heading, #0b2e2b);
  font-size: 0;
  text-align: center;
  text-transform: uppercase;
}

.affiliate-proof li::before {
  color: var(--lynx-heading, #0b2e2b);
  font: 700 clamp(15px, 1.5vw, 18px)/1.05 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: .035em;
}

.affiliate-proof li::after {
  color: var(--lynx-text-muted, #5f6f68);
  font: 600 10px/1.25 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: .1em;
}

.affiliate-proof li:nth-child(1)::before { content: "99%+"; }
.affiliate-proof li:nth-child(1)::after { content: "PURITY"; }
.affiliate-proof li:nth-child(2)::before { content: "EVERY BATCH"; }
.affiliate-proof li:nth-child(2)::after { content: "TESTED"; }
.affiliate-proof li:nth-child(3)::before { content: "SAME-DAY"; }
.affiliate-proof li:nth-child(3)::after { content: "UK FULFILMENT"; }
.affiliate-proof li:nth-child(4)::before { content: "THOUSANDS"; }
.affiliate-proof li:nth-child(4)::after { content: "OF ORDERS FULFILLED"; }

.affiliate-proof__inner > .affiliate-text-link {
  display: block;
  width: fit-content;
  margin: 18px auto 0;
  font-weight: 600;
  text-align: center;
}

@media (max-width: 840px) {
  .affiliate-proof ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.affiliate-programme-terms {
  padding-block: clamp(54px, 6vw, 78px);
  background: var(--lynx-background, #f7f9f7);
}

.affiliate-programme-terms__inner {
  width: min(calc(100% - (var(--page-gutter) * 2)), 820px);
  margin-inline: auto;
}

.affiliate-programme-terms__inner > header :is(h1, h2) {
  margin-top: 9px;
  font-size: clamp(34px, 4.2vw, 48px);
}

.affiliate-programme-terms__inner > header > p:last-child {
  max-width: 660px;
  margin: 15px 0 0;
  color: var(--lynx-text-muted, #5f6f68);
  line-height: 1.65;
}

.affiliate-programme-terms__content {
  margin-top: var(--s5);
}

.affiliate-programme-terms__content section {
  padding-block: 24px;
}

.affiliate-programme-terms__content h3 {
  color: var(--lynx-heading, #0b2e2b);
  font-size: 18px;
  line-height: 1.3;
}

.affiliate-programme-terms__content p {
  max-width: 760px;
  margin: 9px 0 0;
  color: var(--lynx-text-muted, #5f6f68);
  font-size: 14px;
  line-height: 1.7;
}

.affiliate-programme-terms__footer {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  padding-top: 28px;
}

.affiliate-application-page__main {
  padding-block: clamp(46px, 6vw, 78px);
  background: #fbfaf7;
}

.affiliate-application-page__main > .page-container > header {
  max-width: 700px;
}

.affiliate-application-page__main h1 {
  margin-top: 10px;
  color: var(--lynx-deep, #0b3d36);
  font: 760 clamp(38px, 5vw, 62px)/.98 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: var(--tracking-display);
}

.affiliate-application-page__main header > p:last-child {
  margin: 18px 0 0;
  color: #53635e;
  font-size: 17px;
}

.affiliate-application-page__layout {
  display: grid;
  grid-template-columns: minmax(250px, .65fr) minmax(0, 1.35fr);
  gap: clamp(36px, 6vw, 78px);
  align-items: start;
  margin-top: clamp(var(--s5), 3vw, var(--s6));
}

.affiliate-application-page__summary {
  padding-top: 6px;
}

.affiliate-application-page__summary h2 {
  font-size: 25px;
}

.affiliate-application-page__summary ul {
  display: grid;
  gap: 12px;
  margin: 20px 0 0;
  padding-left: 20px;
  color: #53635e;
  line-height: 1.55;
}

.affiliate-application-page__summary p {
  margin: 24px 0 0;
  color: #53635e;
}

.affiliate-application-page__summary a {
  color: var(--lynx-primary);
  font-weight: 700;
}

.affiliate-form--application {
  padding: clamp(24px, 3vw, 36px);
  border: 1px solid rgba(30, 75, 65, .16);
  border-radius: 14px;
  background: #fffdfa;
  box-shadow: 0 10px 28px rgba(15, 52, 45, .06);
}

.affiliate-form--application .affiliate-socials {
  grid-template-columns: 1fr;
}

.affiliate-socials__additional {
  margin-top: 2px;
  border-top: 1px solid rgba(30, 75, 65, .15);
}

.affiliate-socials__additional summary {
  padding: 13px 0;
  color: var(--lynx-deep, #0b3d36);
  font-weight: 700;
  cursor: pointer;
}

.affiliate-socials__additional > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding-top: 2px;
}

.affiliate-landing-site #linksy-widget,
.affiliate-application-site #linksy-widget {
  position: absolute;
  z-index: 45;
  right: 16px;
  bottom: 16px;
  overflow: clip;
  pointer-events: none;
}

.affiliate-landing-site .linksy-launcher,
.affiliate-application-site .linksy-launcher {
  position: static;
  pointer-events: auto;
}

.affiliate-landing-site .linksy-panel,
.affiliate-application-site .linksy-panel {
  pointer-events: auto;
}

.affiliate-landing-site,
.affiliate-application-site {
  position: relative;
}

@media (max-width: 860px) {
  .affiliate-landing-site #linksy-widget,
  .affiliate-application-site #linksy-widget {
    position: static;
    overflow: visible;
  }

  .affiliate-landing-site .linksy-launcher,
  .affiliate-application-site .linksy-launcher {
    position: fixed;
    right: 16px;
    bottom: calc(16px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 860px) {
  .affiliate-landing .affiliate-hero__inner {
    grid-template-columns: 1fr;
    padding-block: 34px 38px;
  }

  .affiliate-hero__commission-feature {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    min-height: 190px;
    margin-top: 30px;
  }

  .affiliate-application-page__layout {
    grid-template-columns: 1fr;
  }

  .affiliate-landing .affiliate-steps li:not(:last-child)::after {
    content: none;
  }

  .affiliate-landing .affiliate-steps ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .affiliate-qualification-compact ol {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    --affiliate-qualification-gap: clamp(26px, 4vw, 38px);
  }
}

@media (max-width: 640px) {
  .affiliate-landing .affiliate-steps {
    padding-block: 34px;
  }

  .affiliate-landing .affiliate-steps ol {
    margin-top: 20px;
  }

  .affiliate-benefits {
    padding-block: 40px;
  }

  .affiliate-landing .affiliate-tier-guide__grid {
    margin-top: 20px;
  }

  .affiliate-landing .affiliate-public-rewards {
    margin-top: var(--affiliate-mid-section-space);
    padding-top: var(--affiliate-mid-section-space);
  }

  .affiliate-landing .affiliate-public-rewards ol {
    margin-top: var(--affiliate-mid-content-gap);
  }

  .affiliate-landing .affiliate-public-rewards li {
    min-height: 82px;
    padding: 14px 16px;
  }

  .affiliate-qualification-verification {
    padding-block: var(--affiliate-mid-section-space);
  }

  .affiliate-qualification-compact ol {
    margin-top: var(--affiliate-mid-content-gap);
  }

  .affiliate-qualification-compact li:not(:last-child)::after {
    content: none;
  }

  .affiliate-landing .affiliate-qualification__note {
    margin-top: 4px;
  }

  .affiliate-landing .affiliate-hero h1 {
    font-size: clamp(38px, 11vw, 46px);
  }

  .affiliate-landing .affiliate-hero__lead {
    margin-top: 22px;
  }

  .affiliate-landing .affiliate-hero__body {
    margin-top: 14px;
  }

  .affiliate-landing .affiliate-hero__actions {
    margin-top: 24px;
  }

  .affiliate-hero__commission-feature {
    min-height: 170px;
    padding: 25px 20px;
  }

  .affiliate-hero__commission-feature strong {
    font-size: clamp(64px, 21vw, 82px);
  }

  .affiliate-landing .affiliate-steps ol,
  .affiliate-landing .affiliate-tier-guide__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .affiliate-landing .affiliate-steps ol {
    gap: 12px;
  }

  .affiliate-landing .affiliate-steps li {
    min-width: 0;
  }

  .affiliate-landing .affiliate-steps h3 {
    font-size: 16px;
  }

  .affiliate-landing .affiliate-steps li p {
    font-size: 12px;
  }

  .affiliate-qualification-compact ol {
    grid-template-columns: 1fr;
    gap: 9px;
    margin-top: 18px;
  }

  .affiliate-qualification-compact ol::before {
    content: none;
  }

  .affiliate-qualification-compact li {
    min-height: 0;
    flex-direction: row;
    gap: 12px;
    align-items: center;
    padding: 12px;
    text-align: left;
  }

  .affiliate-qualification-compact li + li {
    margin-top: 0;
  }

  .affiliate-qualification-compact li strong {
    font-size: 13px;
  }

  .affiliate-join__inner {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .affiliate-join__actions {
    gap: 12px;
  }

  .affiliate-join__actions .affiliate-text-link {
    text-align: center;
  }

  .affiliate-proof__inner > .affiliate-text-link {
    margin-inline: auto;
    text-align: center;
  }

  .affiliate-programme-terms__footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  .affiliate-socials__additional > div {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 420px) {







  .affiliate-landing .affiliate-hero__actions {
    align-items: stretch;
  }





  .affiliate-landing .affiliate-steps ol {
    grid-template-columns: 1fr;
  }

  .affiliate-landing .affiliate-steps li {
    min-height: 104px;
  }

  .affiliate-landing .affiliate-public-rewards li {
    min-height: 82px;
    padding: 14px;
  }

  .affiliate-form--application {
    padding: 20px 16px;
  }
}

/* Affiliate reporting: one restrained financial-dashboard system. */
.affiliate-dashboard .affiliate-performance {
  margin-block: 24px;
  padding: clamp(20px, 2.6vw, 30px);
  border: 1px solid rgba(34, 77, 67, .16);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .86), rgba(249, 247, 240, .74)),
    rgba(255, 253, 248, .78);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .94),
    0 14px 34px rgba(13, 47, 40, .07);
  color: var(--lynx-deep);
  font-family: Inter, Arial, sans-serif;
}

.affiliate-dashboard .affiliate-performance__heading {
  align-items: flex-end;
  gap: 20px 28px;
  margin-bottom: 20px;
}

.affiliate-dashboard .affiliate-performance__heading h2 {
  color: var(--lynx-deep);
  font: 700 clamp(24px, 3vw, 30px)/1.1 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: var(--tracking-section);
}

.affiliate-dashboard .affiliate-performance__heading p:last-child {
  max-width: 60ch;
  margin-top: 7px;
  color: #63736e;
  font: 400 13px/1.55 Inter, Arial, sans-serif;
}

.affiliate-dashboard .affiliate-periods {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.affiliate-dashboard .affiliate-periods button {
  min-width: 44px;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid rgba(21, 72, 61, .3);
  border-radius: 10px;
  background: rgba(250, 249, 244, .9);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
  color: #164c42;
  font: 700 13px/1 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: .01em;
}

.affiliate-dashboard .affiliate-periods button:hover {
  border-color: rgba(21, 72, 61, .56);
  background: #fff;
}

.affiliate-dashboard .affiliate-periods button[aria-pressed="true"] {
  border-color: #154c42;
  background: #154c42;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 5px 14px rgba(13, 47, 40, .12);
  color: #fff;
}

.affiliate-dashboard .affiliate-periods button:focus-visible {
  outline: 3px solid rgba(184, 151, 82, .42);
  outline-offset: 3px;
}

.affiliate-dashboard .affiliate-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding-top: 20px;
  border-top-color: rgba(34, 77, 67, .14);
}

.affiliate-dashboard .affiliate-metrics article {
  display: flex;
  min-height: 116px;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px;
  border: 1px solid rgba(34, 77, 67, .15);
  border-radius: 13px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .9), rgba(246, 247, 242, .66));
  box-shadow: inset 0 1px 0 #fff, 0 8px 20px rgba(13, 47, 40, .045);
}

.affiliate-dashboard .affiliate-metrics span,
.affiliate-dashboard .affiliate-metrics small {
  color: #64736e;
  font: 650 11px/1.35 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: .055em;
  text-transform: uppercase;
}

.affiliate-dashboard .affiliate-metrics strong {
  margin: 14px 0 0;
  color: #0c443b;
  font: 700 clamp(21px, 2.1vw, 28px)/1.08 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: -.025em;
}

.affiliate-dashboard .affiliate-commission-breakdown {
  gap: 10px;
  margin-top: 12px;
}

.affiliate-dashboard .affiliate-commission-breakdown--audit {
  margin-top: 10px;
}

.affiliate-dashboard .affiliate-commission-breakdown div {
  min-width: 0;
  padding: 13px 14px;
  border: 1px solid rgba(34, 77, 67, .12);
  border-radius: 10px;
  background: rgba(255, 255, 255, .52);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82);
}

.affiliate-dashboard .affiliate-commission-breakdown dt {
  color: #687873;
  font: 600 11px/1.35 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: .025em;
}

.affiliate-dashboard .affiliate-commission-breakdown dd {
  margin-top: 7px;
  color: #164c42;
  font: 700 16px/1.2 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: -.01em;
}

@media (max-width: 900px) {
  .affiliate-dashboard .affiliate-performance__heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .affiliate-dashboard .affiliate-periods {
    justify-content: flex-start;
  }

  .affiliate-dashboard .affiliate-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .affiliate-dashboard .affiliate-performance {
    padding: 18px;
  }

  .affiliate-dashboard .affiliate-periods {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .affiliate-dashboard .affiliate-periods button {
    width: 100%;
  }

  .affiliate-dashboard .affiliate-metrics article {
    min-height: 108px;
    padding: 15px;
  }
}

@media (max-width: 420px) {
  .affiliate-dashboard .affiliate-performance {
    padding: 16px;
  }

  .affiliate-dashboard .affiliate-metrics {
    grid-template-columns: 1fr;
  }

  .affiliate-dashboard .affiliate-metrics article {
    min-height: 96px;
  }

  .affiliate-dashboard .affiliate-commission-breakdown {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Affiliate dashboard Phase 4C: restrained metal and glass materials. */
.affiliate-dashboard .affiliate-dashboard__status-rate {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-width: min(100%, 224px);
  min-height: 190px;
  align-content: center;
  justify-items: center;
  padding: 24px;
  border: 1px solid rgba(87, 105, 102, .34);
  border-radius: 18px;
  background:
    linear-gradient(118deg, transparent 12%, rgba(255, 255, 255, .72) 31%, transparent 49%),
    linear-gradient(145deg, #f8faf8 0%, #d5dcda 42%, #eef2f0 70%, #bcc8c4 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .96),
    inset 0 -1px 0 rgba(66, 88, 83, .16),
    0 14px 30px rgba(13, 47, 40, .11);
  color: #163f38;
  text-align: center;
}

.affiliate-dashboard .affiliate-dashboard__status-rate::after {
  position: absolute;
  z-index: -1;
  inset: 7px;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 12px;
  box-shadow: inset 0 0 18px rgba(255, 255, 255, .34);
  content: "";
  pointer-events: none;
}

.affiliate-dashboard .affiliate-dashboard__status-rate span,
.affiliate-dashboard .affiliate-dashboard__status-rate small {
  color: #526762;
  font-family: var(--font-display, "Inter Tight", sans-serif);
}

.affiliate-dashboard .affiliate-dashboard__status-rate span {
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.affiliate-dashboard .affiliate-dashboard__status-rate small {
  font-size: 11px;
  font-weight: 650;
}

.affiliate-dashboard .affiliate-dashboard__status-rate strong {
  margin: 13px 0 12px;
  background: linear-gradient(180deg, #294941 0%, #71847e 20%, #173f37 43%, #dce4e1 54%, #36564f 68%, #153d35 100%);
  color: #16483f;
  font: 820 clamp(48px, 5vw, 62px)/.88 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: -.055em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .76), 0 2px 2px rgba(14, 48, 41, .2);
  -webkit-text-stroke: .35px rgba(14, 54, 47, .62);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.affiliate-dashboard .affiliate-v3.affiliate-tier--bronze .affiliate-tier-card {
  border: 1px solid rgba(107, 70, 43, .46);
  background:
    linear-gradient(112deg, transparent 8%, rgba(255, 247, 235, .4) 29%, transparent 47%),
    repeating-linear-gradient(96deg, rgba(255, 255, 255, .04) 0 1px, rgba(91, 55, 34, .025) 1px 3px),
    linear-gradient(145deg, #cbb298 0%, #99765a 34%, #b99b7d 63%, #7e5f49 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 246, 230, .88),
    inset 0 -2px 0 rgba(85, 50, 29, .2),
    0 16px 32px rgba(73, 45, 29, .14);
}

.affiliate-dashboard .affiliate-v3.affiliate-tier--bronze .affiliate-tier-label,
.affiliate-dashboard .affiliate-v3.affiliate-tier--bronze .affiliate-tier-card > p,
.affiliate-dashboard .affiliate-v3.affiliate-tier--bronze .affiliate-tier-card__discount span {
  color: #543823;
}

.affiliate-dashboard .affiliate-v3.affiliate-tier--bronze .affiliate-tier-card h2 {
  background: linear-gradient(180deg, #fff0d8 0%, #744626 26%, #3f281a 58%, #bd8250 81%, #51321f 100%);
  color: #4f311f;
  text-shadow: 0 1px 0 rgba(255, 236, 210, .82), 0 2px 2px rgba(66, 38, 22, .2);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.affiliate-dashboard .affiliate-v3.affiliate-tier--bronze .affiliate-tier-card__discount {
  display: inline-block;
  padding: 2px 2px 5px;
  background: linear-gradient(180deg, #fff2dc 0%, #a46a3e 25%, #59351f 54%, #d49a65 76%, #6d4329 100%);
  color: #623b24;
  font-size: clamp(42px, 5vw, 58px);
  text-shadow:
    0 1px 0 rgba(255, 239, 216, .9),
    0 2px 0 rgba(91, 53, 31, .28),
    0 4px 5px rgba(67, 39, 23, .18);
  -webkit-text-stroke: .25px rgba(78, 45, 27, .48);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.affiliate-dashboard .affiliate-v3.affiliate-tier--bronze .affiliate-tier-card__discount span {
  -webkit-text-fill-color: #543823;
}

.affiliate-dashboard .affiliate-v3.affiliate-tier--bronze .affiliate-tier-card__rates {
  border-top-color: rgba(86, 52, 31, .24);
}

.affiliate-dashboard .affiliate-v3.affiliate-tier--bronze .affiliate-tier-card__rates div {
  min-height: 128px;
  padding: 16px;
  border: 1px solid rgba(91, 55, 34, .3);
  border-radius: 12px;
  background:
    linear-gradient(145deg, rgba(255, 244, 230, .52), rgba(99, 70, 49, .14)),
    rgba(218, 193, 165, .52);
  box-shadow: inset 0 1px 0 rgba(255, 245, 228, .7), 0 7px 16px rgba(81, 49, 29, .07);
}

.affiliate-dashboard .affiliate-v3.affiliate-tier--bronze .affiliate-tier-card__rates .is-personal,
.affiliate-dashboard .affiliate-v3.affiliate-tier--bronze .affiliate-tier-card__rates .is-customer,
.affiliate-dashboard .affiliate-v3.affiliate-tier--bronze .affiliate-tier-card__rates .is-commission {
  padding-top: 16px;
  border-top-width: 1px;
  border-top-color: rgba(91, 55, 34, .3);
}

.affiliate-dashboard .affiliate-v3.affiliate-tier--bronze .affiliate-tier-card__rates dt,
.affiliate-dashboard .affiliate-v3.affiliate-tier--bronze .affiliate-tier-card__rates small {
  color: #61432f;
}

.affiliate-dashboard .affiliate-v3.affiliate-tier--bronze .affiliate-tier-card__rates dd {
  color: #3e291c;
  font-size: 24px;
}

.affiliate-dashboard .affiliate-v3.affiliate-tier--bronze .affiliate-next-milestone {
  border: 1px solid rgba(91, 110, 106, .34);
  background:
    linear-gradient(118deg, transparent 7%, rgba(255, 255, 255, .66) 28%, transparent 48%),
    repeating-linear-gradient(94deg, rgba(255, 255, 255, .04) 0 1px, rgba(58, 78, 73, .025) 1px 3px),
    linear-gradient(145deg, #f2f5f3 0%, #c7d0cd 38%, #e6ebe9 66%, #aebbb7 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .96),
    inset 0 -1px 0 rgba(62, 82, 77, .16),
    0 12px 25px rgba(13, 47, 40, .08);
}

.affiliate-dashboard .affiliate-v3.affiliate-tier--bronze .affiliate-next-milestone .affiliate-tier-label {
  color: #596b67;
}

.affiliate-dashboard .affiliate-v3.affiliate-tier--bronze .affiliate-next-milestone h3 {
  color: #223f39;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .86), 0 2px 2px rgba(35, 59, 54, .12);
}

.affiliate-dashboard .affiliate-v3.affiliate-tier--bronze .affiliate-next-milestone p:last-child {
  color: #4f625e;
}

@media (max-width: 640px) {
  .affiliate-dashboard .affiliate-dashboard__status-rate {
    width: min(100%, 280px);
    min-height: 170px;
  }

  .affiliate-dashboard .affiliate-v3.affiliate-tier--bronze .affiliate-tier-card__rates div {
    min-height: 0;
  }
}

@media (max-width: 420px) {
  .affiliate-dashboard .affiliate-dashboard__status-rate {
    width: 100%;
  }

  .affiliate-dashboard .affiliate-v3.affiliate-tier--bronze .affiliate-tier-card__discount {
    font-size: 46px;
  }
}

/* Affiliate dashboard Phase 4D: cohesive lower-section rhythm. */
.affiliate-dashboard [data-affiliate-dashboard] > .affiliate-performance,
.affiliate-dashboard [data-affiliate-dashboard] > .affiliate-referral,
.affiliate-dashboard [data-affiliate-dashboard] > .affiliate-rewards,
.affiliate-dashboard [data-affiliate-dashboard] > .affiliate-reward-roadmap,
.affiliate-dashboard [data-affiliate-dashboard] > .affiliate-activity {
  width: 100%;
  margin: 0 0 20px;
}

.affiliate-dashboard .affiliate-referral,
.affiliate-dashboard .affiliate-rewards,
.affiliate-dashboard .affiliate-reward-roadmap,
.affiliate-dashboard .affiliate-activity {
  padding: clamp(20px, 2.5vw, 28px);
  border: 1px solid rgba(34, 77, 67, .16);
  border-radius: 17px;
  background: rgba(255, 253, 248, .82);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 9px 24px rgba(13, 47, 40, .045);
}

.affiliate-dashboard .affiliate-referral {
  gap: 10px;
}

.affiliate-dashboard .affiliate-referral__heading {
  align-items: center;
  gap: 12px 20px;
  margin-bottom: 8px;
}

.affiliate-dashboard .affiliate-referral__heading h2,
.affiliate-dashboard .affiliate-rewards > h2,
.affiliate-dashboard .affiliate-reward-roadmap h2,
.affiliate-dashboard .affiliate-activity > h2 {
  margin: 0;
  color: var(--lynx-deep);
  font: 700 clamp(22px, 2.4vw, 26px)/1.15 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: var(--tracking-section);
}

.affiliate-dashboard .affiliate-referral__heading h2 {
  margin-top: 4px;
}

.affiliate-dashboard .affiliate-referral > label {
  margin-top: 4px;
  color: #526761;
  font: 700 11px/1.3 var(--font-display, "Inter Tight", sans-serif);
  letter-spacing: .035em;
}

.affiliate-dashboard .affiliate-referral__field {
  align-items: stretch;
  gap: 8px;
}

.affiliate-dashboard .affiliate-referral__field code {
  display: flex;
  min-width: 0;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid rgba(34, 77, 67, .1);
  border-radius: 9px;
  background: rgba(232, 239, 233, .64);
  font-size: 13px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.affiliate-dashboard .affiliate-referral .affiliate-copy {
  min-width: 108px;
  min-height: 44px;
}

.affiliate-dashboard .affiliate-referral > p:last-child,
.affiliate-dashboard .affiliate-rewards > p,
.affiliate-dashboard .affiliate-reward-roadmap > div > p:last-child,
.affiliate-dashboard .affiliate-activity > p {
  color: #5c7069;
  font: 400 13px/1.55 Inter, Arial, sans-serif;
}

.affiliate-dashboard .affiliate-referral > p:last-child {
  max-width: 80ch;
  margin: 8px 0 0;
}

.affiliate-dashboard .affiliate-rewards > p {
  margin: 10px 0 0;
}

.affiliate-dashboard .affiliate-rewards__list {
  gap: 12px;
  margin-top: 18px;
}

.affiliate-dashboard .affiliate-reward-entitlement {
  padding: 16px 18px;
  background: rgba(255, 255, 255, .68);
}

.affiliate-dashboard .affiliate-reward-roadmap {
  grid-template-columns: minmax(180px, .55fr) minmax(0, 1.45fr);
  gap: 20px;
  align-items: start;
}

.affiliate-dashboard .affiliate-reward-roadmap h2 {
  margin-top: 5px;
}

.affiliate-dashboard .affiliate-reward-roadmap ol {
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
  gap: 10px;
}

.affiliate-dashboard .affiliate-reward-roadmap li {
  min-width: 0;
  padding: 14px;
  border-color: rgba(34, 77, 67, .16);
  background: linear-gradient(145deg, rgba(255, 255, 255, .84), rgba(245, 248, 244, .62));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .84);
}

.affiliate-dashboard .affiliate-reward-roadmap li strong {
  margin-top: 5px;
  font: 700 13px/1.4 var(--font-display, "Inter Tight", sans-serif);
}

.affiliate-dashboard .affiliate-activity__list {
  margin-top: 14px;
}

.affiliate-dashboard .affiliate-activity__list article {
  min-width: 0;
  gap: 12px;
  padding: 14px 0;
}

.affiliate-dashboard .affiliate-activity__list article strong,
.affiliate-dashboard .affiliate-activity__list article b {
  color: var(--lynx-deep);
  font-family: var(--font-display, "Inter Tight", sans-serif);
}

.affiliate-dashboard .affiliate-activity__list article small {
  margin-top: 4px;
  color: #63756e;
  line-height: 1.4;
}

.affiliate-dashboard .affiliate-empty-state {
  min-height: 0;
}

.affiliate-dashboard .affiliate-empty-state > p:last-child {
  margin-bottom: 0;
}

@media (max-width: 900px) {
  .affiliate-dashboard .affiliate-reward-roadmap {
    grid-template-columns: 1fr;
  }

  .affiliate-dashboard .affiliate-reward-roadmap ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .affiliate-dashboard .affiliate-referral,
  .affiliate-dashboard .affiliate-rewards,
  .affiliate-dashboard .affiliate-reward-roadmap,
  .affiliate-dashboard .affiliate-activity {
    padding: 18px;
  }

  .affiliate-dashboard .affiliate-referral__heading {
    align-items: flex-start;
  }

  .affiliate-dashboard .affiliate-reward-roadmap ol {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 420px) {
  .affiliate-dashboard .affiliate-referral .affiliate-copy {
    width: 100%;
  }

  .affiliate-dashboard .affiliate-activity__list article {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}

/* Keep current steps and qualification presentation; restore approved benefits. */
.affiliate-landing .affiliate-steps,
.affiliate-landing .affiliate-qualification-verification {
  --affiliate-mid-grid-max: 1080px;
  --affiliate-mid-section-space: clamp(36px, 3.5vw, 44px);
  padding-block: var(--affiliate-mid-section-space);
}

.affiliate-landing .affiliate-steps > .page-container,
.affiliate-landing .affiliate-qualification-verification__grid {
  width: min(calc(100% - (var(--page-gutter) * 2)), var(--affiliate-mid-grid-max));
  margin-inline: auto;
}

.affiliate-landing .affiliate-steps .affiliate-section-heading,
.affiliate-landing .affiliate-qualification-compact h2 {
  max-width: 760px;
  margin-inline: auto;
  text-align: center;
}

.affiliate-landing .affiliate-steps ol {
  margin-top: 22px;
}

.affiliate-landing .affiliate-steps li {
  align-items: start;
  justify-items: center;
  text-align: center;
}

.affiliate-landing .affiliate-steps li > div {
  width: 100%;
}

.affiliate-landing .affiliate-steps h3 {
  margin: 0;
}

.affiliate-landing .affiliate-qualification-compact {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.affiliate-landing .affiliate-qualification-compact ol {
  width: 100%;
  margin: 22px 0 0;
}

.affiliate-landing .affiliate-qualification-compact li {
  min-height: 110px;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.affiliate-landing .affiliate-qualification-compact > .affiliate-qualification-compact__explanation,
.affiliate-landing .affiliate-qualification__note {
  position: static;
  left: auto;
  width: min(100%, 620px);
  max-width: 620px;
  margin-inline: auto;
  transform: none;
  text-align: center;
}

.affiliate-landing .affiliate-qualification-compact > .affiliate-qualification-compact__explanation {
  margin-top: 12px;
  color: #254c41;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
}

.affiliate-landing .affiliate-qualification-compact > .affiliate-qualification__note {
  margin-top: 4px;
  color: #73807b;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
}

@media (hover: hover) and (pointer: fine) {
  .affiliate-landing .affiliate-qualification-compact li {
    transition: border-color .18s ease, transform .18s ease, background-color .18s ease;
  }

  .affiliate-landing .affiliate-qualification-compact li:hover {
    transform: translateY(-2px);
  }
}

@media (max-width: 640px) {
  .affiliate-landing .affiliate-qualification-compact li {
    flex-direction: column;
  }
}

/* Neutral presentation before the first qualified referral; no named tier. */
.affiliate-tier--unassigned { --tier-accent: #84938f; --tier-soft: rgba(132, 147, 143, .15); }

/* Public programme framing: reuse the existing spacing tokens without affecting dashboards. */
.affiliate-landing { --affiliate-mid-content-gap: 20px; }
.affiliate-landing .affiliate-hero__inner { min-height: 0; padding-block: 36px; }
.affiliate-landing .affiliate-hero__commission-feature { min-height: 212px; padding: 28px; }
.affiliate-landing .affiliate-steps,
.affiliate-landing .affiliate-qualification-verification { --affiliate-mid-section-space: 32px; }
.affiliate-landing .affiliate-steps li { min-height: 88px; padding: 14px 16px; }
.affiliate-landing .affiliate-benefits { padding-block: 40px; }
.affiliate-landing .affiliate-tier-guide__grid { margin-top: 20px; }
.affiliate-landing .affiliate-public-rewards { margin-top: 28px; padding-top: 24px; }
.affiliate-landing .affiliate-qualification-compact li { min-height: 76px; }
.affiliate-landing .affiliate-join { padding-block: 32px; }
.affiliate-landing .affiliate-join__card { padding: 20px 22px; }
.affiliate-landing .affiliate-join__card > .affiliate-eyebrow { margin: 0 0 6px; }
.affiliate-landing .affiliate-join__card h2 { margin: 0 auto; max-width: 540px; }
.affiliate-landing .affiliate-join__card > p:not(.affiliate-eyebrow):not(.affiliate-join__signin) { max-width: 480px; margin-top: 8px; }
.affiliate-landing .affiliate-join__card > .button { margin-top: 14px; }
.affiliate-landing .affiliate-join__card > .affiliate-join__signin { margin-top: 10px; }
.affiliate-landing .affiliate-proof { padding-bottom: 48px; }
@media (max-width: 860px) {
  .affiliate-landing .affiliate-hero__inner { padding-block: 30px; }
  .affiliate-landing .affiliate-hero__commission-feature { min-height: 168px; margin-top: 20px; padding: 22px; }
}
@media (max-width: 640px) {
  .affiliate-landing .affiliate-steps,
  .affiliate-landing .affiliate-qualification-verification { --affiliate-mid-section-space: 28px; }
  .affiliate-landing .affiliate-steps li { min-height: 86px; }
  .affiliate-landing .affiliate-benefits { padding-block: 32px; }
  .affiliate-landing .affiliate-public-rewards { margin-top: 22px; padding-top: 18px; }
  .affiliate-landing .affiliate-join { padding-block: 28px; }
  .affiliate-landing .affiliate-join__card { padding: 18px; }
  .affiliate-landing .affiliate-proof { padding-bottom: 36px; }
}

/* Centre the public tier and reward presentation within the shared content grid. */
.affiliate-landing .affiliate-benefits .affiliate-tier-guide .affiliate-section-heading,
.affiliate-landing .affiliate-benefits .affiliate-public-rewards .affiliate-section-heading {
  max-width: 760px;
  margin-inline: auto;
  text-align: center;
}
.affiliate-landing .affiliate-benefits .affiliate-section-heading > p:last-child {
  max-width: 720px;
  margin: 10px auto 0;
}
.affiliate-landing .affiliate-tier-guide__grid article {
  justify-items: center;
  text-align: center;
  box-shadow: 0 9px 22px var(--tier-shadow), inset 0 1px 0 rgba(255, 255, 255, .8);
}
.affiliate-landing .affiliate-tier-guide__grid article[data-tier="prestige"] {
  box-shadow: 0 12px 26px var(--tier-shadow), inset 0 1px 0 rgba(255, 255, 255, .86), 0 0 0 1px rgba(165, 133, 47, .1);
}
.affiliate-landing .affiliate-tier-guide__grid strong,
.affiliate-landing .affiliate-tier-guide__grid article[data-tier="prestige"] > strong {
  background: var(--tier-number-metal);
  -webkit-background-clip: text;
  background-clip: text;
  color: var(--tier-number-fallback);
  text-shadow: 0 1px 1px rgba(255, 255, 255, .18);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0;
}
.affiliate-landing .affiliate-tier-guide__grid p { margin-top: 12px; }
.affiliate-landing .affiliate-public-rewards {
  margin-top: 34px;
  padding-top: 0;
}
.affiliate-landing .affiliate-public-rewards ol { margin-top: 24px; }
.affiliate-landing .affiliate-public-rewards li {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 44px auto 1fr;
  gap: 8px;
  justify-items: center;
  align-content: start;
  min-height: 154px;
  text-align: center;
  box-shadow: 0 3px 12px rgba(30, 75, 65, .045);
}
.affiliate-landing .affiliate-public-rewards li > span {
  align-self: center;
  background: none;
  color: var(--reward-number-fallback);
  text-shadow: none;
  -webkit-text-fill-color: currentColor;
  -webkit-text-stroke: 0;
}
.affiliate-landing .affiliate-public-rewards li > div { align-self: start; }
.affiliate-landing .affiliate-public-rewards li p { margin: 10px auto 0; }
@media (max-width: 640px) {
  .affiliate-landing .affiliate-public-rewards { margin-top: 30px; }
  .affiliate-landing .affiliate-public-rewards li { min-height: 142px; }
}

/* The promo is the hero canvas; the copy sits in its upper safe area. */
.affiliate-landing .affiliate-hero__inner {
  position: relative;
  display: block;
  width: 100%;
  max-width: none;
  min-height: 0;
  margin: 0;
  padding: 0;
}
.affiliate-landing .affiliate-hero__copy {
  position: absolute;
  z-index: 3;
  top: clamp(14px, 2vw, 24px);
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: none;
  align-items: center;
  padding-inline: clamp(20px, 4vw, 64px);
  text-align: center;
  pointer-events: none;
}
.affiliate-landing .affiliate-hero__copy .affiliate-eyebrow {
  margin: 0 0 5px;
  font-size: 10px;
}
.affiliate-landing .affiliate-hero h1 {
  max-width: none;
  font-size: clamp(36px, 4vw, 54px);
  text-shadow: none;
}
.affiliate-landing .affiliate-hero__copy .affiliate-eyebrow,
.affiliate-landing .affiliate-hero__actions .affiliate-text-link {
  text-shadow: none;
}
.affiliate-landing .affiliate-hero.has-bright-copy h1,
.affiliate-landing .affiliate-hero.has-bright-copy .affiliate-eyebrow,
.affiliate-landing .affiliate-hero.has-bright-copy .affiliate-text-link { color: #123f3a; }
.affiliate-landing .affiliate-hero__actions {
  width: auto;
  margin-top: 7px;
  justify-content: center;
  align-items: center;
  gap: 10px 22px;
  pointer-events: auto;
}
.affiliate-landing .affiliate-hero__actions .button {
  min-height: 40px;
  padding: 9px 20px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 7px;
  background: rgba(255,255,255,.06);
  color: #fff;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  white-space: nowrap;
}
.affiliate-landing .affiliate-hero__actions .button:hover {
  border-color: rgba(255,255,255,.8);
  background: rgba(255,255,255,.12);
  transform: none;
}
.affiliate-landing .affiliate-hero__actions .button::before,
.affiliate-landing .affiliate-hero__actions .button::after {
  content: none;
}
.affiliate-landing .affiliate-hero.has-bright-copy .affiliate-hero__actions .button {
  border-color: rgba(18,63,58,.55);
  background: rgba(18,63,58,.06);
  color: #123f3a;
}
.affiliate-landing .affiliate-hero.has-bright-copy .affiliate-hero__actions .button:hover {
  border-color: rgba(18,63,58,.8);
  background: rgba(18,63,58,.12);
}
.affiliate-landing .affiliate-hero__actions a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
.affiliate-landing .affiliate-hero__actions .affiliate-text-link {
  display: inline-flex;
  width: auto;
  min-height: 40px;
  align-items: center;
  padding: 8px 4px;
  border: 0;
  background: transparent;
  color: #fff;
  box-shadow: none;
}
.affiliate-landing .affiliate-hero__promo {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  height: clamp(500px, 63vh, 700px);
  isolation: isolate;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #123f3a;
}
.affiliate-landing .affiliate-hero__promo::before {
  position: absolute;
  z-index: 0;
  inset: -32px;
  background: url('/assets/media/affiliate-promo-landscape-poster.png') center / cover;
  filter: blur(10px);
  content: '';
  pointer-events: none;
}
.affiliate-landing .affiliate-hero__promo::after {
  content: none;
}
.affiliate-hero__promo-background {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  /* Overscan the blur kernel so it cannot expose a dark strip at the hero edge. */
  transform: scale(1.16);
  filter: blur(10px);
  pointer-events: none;
}
.affiliate-hero__promo.is-playing .affiliate-hero__promo-background.is-ready { opacity: 1; }
.affiliate-hero__promo-poster,
.affiliate-hero__promo-video {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  pointer-events: none;
}
.affiliate-hero__promo-poster { transition: opacity 180ms ease; }
.affiliate-hero__promo-video { opacity: 0; }
.affiliate-hero__promo.is-playing .affiliate-hero__promo-poster { opacity: 0; }
.affiliate-hero__promo.is-playing .affiliate-hero__promo-video { opacity: 1; }
/* Desktop panels can be wider than the selected landscape source. Fill them
 * proportionally; keep the established full-frame mobile/tablet composition. */
@media (min-width: 861px) {
  .affiliate-hero__promo-poster,
  .affiliate-hero__promo-video { object-fit: cover; }
}
.affiliate-hero__promo-pause {
  position: absolute;
  right: clamp(12px, 2vw, 24px);
  bottom: clamp(12px, 2vw, 24px);
  z-index: 4;
  padding: 6px 10px;
  border: 1px solid rgba(241, 249, 245, .35);
  border-radius: 20px;
  background: rgba(8, 44, 41, .7);
  color: #fff;
  font: 500 11px/1.2 var(--font-body);
  cursor: pointer;
}
.affiliate-hero__promo-pause[hidden] { display: none; }
/* Native approved composition: no decorative fill and no content cropping.
 * Selection is locked at initialization; resizing preserves the same source. */
.affiliate-landing .affiliate-hero__promo[data-ultrawide] {
  height: auto;
  aspect-ratio: 640 / 189;
}
.affiliate-landing .affiliate-hero__promo[data-ultrawide]::before { content: none; background: none; }
.affiliate-hero__promo[data-ultrawide] .affiliate-hero__promo-background { display: none; }
@media (min-width: 1440px) {
  .affiliate-landing .affiliate-hero__promo:not([data-media-selected]) {
    height: auto;
    aspect-ratio: 640 / 189;
  }
  .affiliate-landing .affiliate-hero__promo:not([data-media-selected])::before { content: none; background: none; }
  .affiliate-hero__promo:not([data-media-selected]) .affiliate-hero__promo-background { display: none; }
}
.affiliate-hero__promo-pause:focus-visible { outline: 2px solid #fffdf7; outline-offset: -4px; }
@media (min-width: 1025px) {
  .affiliate-hero__promo-pause { right: 88px; }
}
@media (min-width: 641px) and (max-width: 860px) {
  .affiliate-landing .affiliate-hero__promo { height: clamp(480px, 68vw, 550px); }
}
@media (max-width: 640px) {
  .affiliate-landing .affiliate-hero__copy { top: 10px; padding-inline: 16px; }
  .affiliate-landing .affiliate-hero__copy .affiliate-eyebrow { margin-bottom: 1px; font-size: 9px; }
  .affiliate-landing .affiliate-hero h1 { margin-top: 0; font-size: clamp(26px, 7.4vw, 32px); }
  .affiliate-landing .affiliate-hero__actions {
    width: auto;
    margin-top: 3px;
    flex-direction: row;
    gap: 8px 16px;
  }
  .affiliate-landing .affiliate-hero__actions .button {
    width: auto;
    min-height: 34px;
    padding: 7px 12px;
    border-radius: 6px;
  }
  .affiliate-landing .affiliate-hero__actions .affiliate-text-link {
    display: inline-flex;
    width: auto;
    min-height: 34px;
    align-items: center;
    padding-block: 4px;
  }
  .affiliate-landing .affiliate-hero__promo { height: clamp(420px, 115vw, 520px); }
  .affiliate-landing .affiliate-steps { padding-top: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .affiliate-hero__promo-video, .affiliate-hero__promo-background, .affiliate-hero__promo-pause { display: none !important; }
}

/* Application hierarchy uses spacing and typography; borders belong only to controls. */
body.affiliate-application-site,
.affiliate-application-page,
.affiliate-application-page__main { background: #fff; }
.affiliate-application-page__main { padding-block: 18px 36px; }
.affiliate-application-page__main > .page-container { width: min(calc(100% - 40px), 1080px); }
.affiliate-application-intro { max-width: none !important; padding-bottom: 0; border: 0; }
.affiliate-application-intro .affiliate-eyebrow { margin: 0 0 7px; color: #123f3a; font-size: 11px; letter-spacing: .12em; }
.affiliate-application-page__main h1 { margin: 0; color: var(--lynx-page-title-color); font: var(--lynx-page-title-weight) clamp(30px, 3vw, 40px)/var(--lynx-page-title-line-height) var(--font-display); letter-spacing: var(--lynx-page-title-tracking); }
.affiliate-application-page__main .affiliate-application-intro > p:last-child { margin-top: 6px; font-size: 14px; line-height: 1.5; }
.affiliate-application-page__layout { grid-template-columns: minmax(0, .8fr) minmax(0, 1.7fr); gap: 48px; margin-top: 24px; }
.affiliate-application-page__summary { padding: 0; }
.affiliate-application-page__summary h2 { margin: 0; color: #123f3a; font: 650 12px/1.4 var(--font-display); letter-spacing: .12em; text-transform: uppercase; }
.affiliate-application-snapshot { display: grid; gap: 22px; margin: 18px 0 0; }
.affiliate-application-snapshot > div { display: grid; grid-template-columns: 1fr; gap: 3px; padding: 0; border: 0; }
.affiliate-application-snapshot > div:first-child { padding-top: 0; }
.affiliate-application-snapshot dd { grid-row: 1; margin: 0 0 3px; color: #123f3a; font: 600 34px/1.08 var(--font-display); letter-spacing: 0; font-kerning: normal; font-variant-numeric: lining-nums; }
.affiliate-application-snapshot dt { grid-row: 2; color: #182c25; font-size: 14px; font-weight: 600; }
.affiliate-application-snapshot small { color: #61706a; font-size: 12px; }
.affiliate-application-page__summary p { margin: 16px 0 0; font-size: 13px; line-height: 1.6; }
.affiliate-application-page__summary a { display: inline-block; margin-top: 2px; color: #123f3a; font-weight: 600; text-decoration: none; }
.affiliate-application-page .affiliate-form--application { display: grid; grid-template-columns: 1fr; gap: 26px; margin: 0; padding: 0; border: 0; border-radius: 0; background: #fff; box-shadow: none; }
.affiliate-application-page .affiliate-application-section { display: block; min-width: 0; margin: 0; padding: 0; border: 0; }
.affiliate-application-page .affiliate-application-section + .affiliate-application-section { padding-top: 0; border: 0; }
.affiliate-application-page .affiliate-application-section legend { display: block; float: none; width: 100%; margin-bottom: 10px; padding: 0; color: #123f3a; font: 650 16px/1.2 var(--font-display); letter-spacing: .045em; text-transform: uppercase; }
.affiliate-application-page .affiliate-application-section > p { margin: 0 0 14px; color: #61706a; font-size: 13px; line-height: 1.5; }
.affiliate-application-page .affiliate-application-section > label:not(.affiliate-form__terms) { margin-top: 12px; }
.affiliate-application-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; }
.affiliate-application-page .affiliate-form label:not(.affiliate-form__terms) { min-width: 0; align-content: start; gap: 8px; color: #213b31; font-weight: 600; font-size: 13px; }
.affiliate-application-page .affiliate-form label small { color: #61706a; font-size: 12px; line-height: 1.5; }
.affiliate-application-page .affiliate-form input:not([type="checkbox"]),
.affiliate-application-page .affiliate-form textarea { box-sizing: border-box; min-height: 50px; padding: 12px 14px; border: 1px solid #cbd8d1; border-radius: 8px; background: #fff; color: #17251f; box-shadow: none; font-size: 16px; }
.affiliate-application-page .affiliate-form input:focus-visible,
.affiliate-application-page .affiliate-form textarea:focus-visible { border-color: #123f3a; outline: 2px solid #123f3a; outline-offset: 2px; box-shadow: none; }
.affiliate-application-page .affiliate-form textarea { min-height: 96px; }
.affiliate-application-page .affiliate-form input:not([type="checkbox"]) { height: 50px; }
.affiliate-application-page .affiliate-code-input { display: block; }
.affiliate-application-page .affiliate-socials { grid-template-columns: 1fr; }
.affiliate-application-page .affiliate-socials__additional { margin: 12px 0 0; border: 0; }
.affiliate-application-page .affiliate-socials__additional summary { padding: 4px 0; color: #123f3a; font-size: 13px; font-weight: 600; }
.affiliate-application-page .affiliate-socials__additional summary:focus-visible { outline: 2px solid #123f3a; outline-offset: 4px; }
.affiliate-application-page .affiliate-socials__additional > div { padding-top: 16px; gap: 16px 20px; }
.affiliate-application-page .affiliate-form__terms { align-items: start; gap: 12px; margin-top: 16px; font-size: 13px; line-height: 1.55; }
.affiliate-application-page .affiliate-form__terms input { flex: 0 0 18px; width: 18px; height: 18px; margin: 1px 0 0; accent-color: #123f3a; }
.affiliate-application-page .affiliate-form__terms a { color: #123f3a; font-weight: 600; text-decoration: none; }
.affiliate-application-page .affiliate-application-submit { display: flex; width: 100%; min-height: 52px; align-items: center; justify-content: center; margin-top: 18px; border: 1px solid #123f3a; border-radius: 9px; background: #123f3a; color: #fff; box-shadow: none; font: 600 15px/1.2 var(--font-body); text-transform: none; letter-spacing: 0; transition: background .15s; }
.affiliate-application-page .affiliate-application-submit:hover { background: #0b302b; }
.affiliate-application-page .affiliate-application-submit:active { background: #08251f; }
.affiliate-application-page .affiliate-application-submit:focus-visible { outline: 2px solid #123f3a; outline-offset: 3px; }
.affiliate-application-page .affiliate-application-submit:disabled { background: #758b81; border-color: #758b81; cursor: wait; }
.affiliate-application-page .affiliate-application-section > .affiliate-application-confirmation { margin: 12px 0 0; font-size: 12px; }
.affiliate-application-page .affiliate-form__status { margin: 0; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.affiliate-application-page .affiliate-form [hidden] { display: none !important; }
@media (min-width: 1100px) {
  .affiliate-application-page__summary { position: sticky; top: 112px; }
}
@media (max-width: 1024px) {
  .affiliate-application-page__layout { grid-template-columns: 1fr; gap: 28px; }
  .affiliate-application-snapshot { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .affiliate-application-snapshot > div {
    grid-template-rows: 38px minmax(36px, auto) auto;
    justify-items: center;
    align-content: start;
    min-width: 0;
    padding: 0;
    text-align: center;
  }
  .affiliate-application-snapshot dd { display: flex; align-items: baseline; justify-content: center; }
  .affiliate-application-snapshot dt { max-width: 16ch; line-height: 1.3; }
  .affiliate-application-snapshot small { max-width: 20ch; line-height: 1.35; }
}
@media (max-width: 640px) {
  .affiliate-application-page__main { padding-block: 16px 32px; }
  .affiliate-application-intro { padding-bottom: 0; }
  .affiliate-application-page__layout { margin-top: 20px; gap: 24px; }
  .affiliate-application-snapshot { gap: 8px; margin-top: 14px; }
  .affiliate-application-snapshot > div { grid-template-columns: minmax(0, 1fr); grid-template-rows: 32px 30px auto; gap: 3px; }
  .affiliate-application-snapshot dd { grid-row: 1; margin: 0; font-size: clamp(22px, 6vw, 26px); }
  .affiliate-application-snapshot dt { grid-column: 1; grid-row: 2; font-size: 11px; line-height: 1.3; }
  .affiliate-application-snapshot small { grid-column: 1; grid-row: 3; font-size: 10px; line-height: 1.35; }
  .affiliate-application-fields, .affiliate-application-page .affiliate-socials__additional > div { grid-template-columns: 1fr; }
}

@media (max-width: 1024px) {
  body:is(.affiliate-landing-site, .affiliate-application-site) #linksy-widget .linksy-launcher { display: none; }
}

.affiliate-application-page .affiliate-other-profile { display: grid; gap: 12px; align-content: start; }
.affiliate-application-page .affiliate-form select { width: 100%; height: 50px; padding: 12px 14px; border: 1px solid #cbd8d1; border-radius: 8px; background: #fff; color: #17251f; font: 400 16px var(--font-body); box-shadow: none; }
.affiliate-application-page .affiliate-form select:focus-visible { border-color: #123f3a; outline: 2px solid #123f3a; outline-offset: 2px; }
.affiliate-application-page .affiliate-socials__additional summary { display: flex; align-items: center; gap: 8px; list-style: none; text-decoration: none; }
.affiliate-application-page .affiliate-socials__additional summary::-webkit-details-marker { display: none; }
.affiliate-application-page .affiliate-socials__additional summary::after { content: ''; width: 6px; height: 6px; border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); transition: transform .15s; }
.affiliate-application-page .affiliate-socials__additional[open] summary::after { transform: rotate(225deg); }
.affiliate-application-page .affiliate-socials__additional summary:hover,
.affiliate-application-page .affiliate-form__terms a:hover,
.affiliate-application-page__summary a:hover { color: #39745c; }
.affiliate-application-page .affiliate-form__terms a:focus-visible,
.affiliate-application-page__summary a:focus-visible { color: #0b302b; outline: 2px solid #123f3a; outline-offset: 3px; border-radius: 2px; }
@media (max-width: 800px) {
  .affiliate-application-fields, .affiliate-application-page .affiliate-socials__additional > div { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .affiliate-application-page .affiliate-socials__additional summary::after { transition: none; }
}

.affiliate-application-range-dash { display: inline-block; margin-inline: .11em; transform: translateY(-.04em); }

/* Keep the public tiers compact and readable on narrow screens. */
@media (max-width: 640px) {
  .affiliate-landing .affiliate-tier-guide__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }
  .affiliate-landing .affiliate-tier-guide__grid article,
  .affiliate-landing .affiliate-tier-guide__grid article[data-tier="prestige"] {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto auto;
    min-height: 0;
    gap: 2px 12px;
    justify-items: start;
    align-items: center;
    padding: 13px 16px;
    text-align: left;
    border-color: color-mix(in srgb, var(--tier-accent) 25%, #dce7e1);
    background: var(--tier-surface);
    box-shadow: 0 9px 22px var(--tier-shadow), inset 0 1px 0 rgba(255, 255, 255, .8);
  }
  .affiliate-landing .affiliate-tier-guide__grid article > span {
    grid-column: 1;
    grid-row: 1;
    font-size: 12px;
    font-weight: 700;
  }
  .affiliate-landing .affiliate-tier-guide__grid strong,
  .affiliate-landing .affiliate-tier-guide__grid article[data-tier="prestige"] > strong {
    grid-column: 2;
    grid-row: 1 / 4;
    align-self: center;
    font-size: 36px;
  }
  .affiliate-landing .affiliate-tier-guide__grid small {
    grid-column: 1;
    grid-row: 2;
    font-size: 12px;
  }
  .affiliate-landing .affiliate-tier-guide__grid p {
    grid-column: 1;
    grid-row: 3;
    margin: 2px 0 0;
    font-size: 12px;
  }
}

/* Passwordless email confirmation */
.affiliate-email-state h2{font-size:clamp(1.4rem,3vw,2rem);margin:0 0 1rem}.affiliate-email-state p{line-height:1.65}.affiliate-email-state form{display:grid;gap:1rem}.affiliate-email-state input{width:100%;box-sizing:border-box}.affiliate-email-state button{white-space:normal;min-height:48px}.affiliate-form[hidden]{display:none!important}
.affiliate-email-state{scroll-margin-top:130px}