/* Referral rewards: a bold invitation, a transparent breakdown, a clear next step. */
.referral-page { --rf-muted: #5b6c5d; --rf-cream: #f7f5eb; --rf-lilac: #e2daf4; }
.referral-page main :focus-visible { outline-color: #47752d; }
.referral-page .rf-hero :focus-visible { outline-color: var(--lime); }
.rf-hero { background: var(--teal); color: var(--paper); padding: 76px 0 72px; position: relative; }
.rf-hero-grid { display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: 76px; }
.rf-hero-copy { min-width: 0; }
.rf-hero .v-kicker { color: var(--lime); margin-bottom: 26px; }
.referral-page main .rf-hero h1 { font-size: clamp(56px, 5.7vw, 82px); line-height: 1.06; letter-spacing: -.055em; }
.rf-hero h1 > span { color: var(--lime); }
.referral-page main .rf-hero-lead { font-size: 20px; line-height: 1.6; margin-top: 27px; max-width: 470px; }
.rf-hero-lead strong { font-weight: 500; color: var(--lime); white-space: nowrap; }
.rf-hero-description { margin-top: 18px; color: #c5d4c9; max-width: 510px; }
.rf-hero-description strong { font-weight: 500; color: #f4f5ef; }
.rf-hero .v-actions { gap: 19px 24px; margin-top: 29px; }
.rf-hero .v-link { color: var(--paper); text-decoration-color: #6d8a77; }
.referral-page main .rf-hero-note { font-size: 11px; line-height: 1.7; margin-top: 16px; color: #b5c8b8; }
.rf-terms-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; min-height: 32px; font-size: 11px; color: #c5d4c9; text-decoration: underline; text-underline-offset: 4px; }
.rf-terms-link .icon { width: 14px; height: 14px; }
.rf-reward-art { position: relative; min-width: 0; padding: 37px 4px 17px; }
.rf-pass-label { display: block; font-size: 9px; letter-spacing: 1.5px; font-weight: 500; color: #c4d8bb; margin-bottom: 14px; text-align: center; }
.rf-reward-pass { position: relative; background: var(--rf-cream); border-radius: 22px; color: var(--teal); box-shadow: 16px 17px 0 #294b3c, 16px 17px 0 1px #74935b55; transform: rotate(2deg); overflow: hidden; }
.rf-pass-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 27px 30px 0; font-size: 9px; letter-spacing: 1.4px; font-weight: 500; }
.rf-pass-top > svg { width: 31px; height: 31px; fill: currentColor; color: #4f723d; }
.rf-pass-rewards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 24px 30px 17px; }
.rf-pass-rewards > div + div { border-left: 1px solid #ccd4bf; padding-left: 24px; }
.rf-pass-rewards > div > span { font-size: 8px; letter-spacing: 1.1px; color: #657452; }
.rf-pass-rewards strong { display: block; font-size: clamp(49px,4.6vw,65px); font-weight: 500; line-height: 1.2; letter-spacing: -.075em; margin-top: 8px; }
.rf-pass-rewards small { font-size: 9px; color: #657452; }
.rf-pass-amount { display: flex; align-items: baseline; gap: 12px; padding: 6px 30px 0; }
.rf-pass-amount > span { font-size: clamp(90px, 9vw, 126px); line-height: 1.1; font-weight: 500; letter-spacing: -.075em; }
.rf-pass-amount > small { font-size: 16px; font-weight: 500; }
.referral-page main .rf-reward-pass > p { padding: 0 30px; color: #56634b; font-size: 13px; margin-top: 8px; }
.rf-friend-line { display: flex; align-items: center; padding: 25px 30px 30px; }
.rf-friend-line > span { position: relative; display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; background: #e0e5d7; border: 1px solid #c1cbb5; flex: none; }
.rf-friend-line > i { flex: 1; height: 1px; background: #a9b69a; }
.rf-friend-line .icon { width: 32px; height: 32px; stroke-width: 1.2; }
.rf-friend-line small { position: absolute; right: -4px; bottom: -5px; display: grid; place-items: center; width: 22px; height: 22px; font-size: 9px; border-radius: 50%; background: var(--rf-cream); border: 1px solid #c1cbb5; font-style: normal; }
.rf-friend-line > .rf-third-friend { background: var(--lime); border-color: #88ac54; }
.rf-pass-bonus { background: var(--lime); border-top: 1px dashed #7c975a; padding: 24px 30px 26px; display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 20px; }
.rf-pass-bonus > div > span { display: block; font-size: 8px; font-weight: 500; letter-spacing: .8px; }
.rf-pass-bonus strong { display: block; font-weight: 500; font-size: 46px; line-height: 1.15; letter-spacing: -2px; margin-top: 8px; }
.rf-pass-bonus strong small { font-size: 12px; letter-spacing: 0; }
.rf-pass-bonus > .icon { width: 48px; height: 48px; stroke-width: 1; }
.referral-page main .rf-pass-bonus > p { grid-column: 1/-1; margin-top: 13px; font-size: 10px; color: #465c2e; line-height: 1.65; }
.rf-pass-bonus-dual { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 24px; }
.rf-pass-bonus-dual strong { font-size: 34px; letter-spacing: -1.5px; }
.rf-pass-bonus-dual strong small { font-size: 9px; }
.rf-pass-bonus-dual > div > span { font-size: 7px; letter-spacing: .6px; }
.rf-pass-caption { display: flex; justify-content: space-between; gap: 12px; margin: 38px 0 0 8px; font-size: 8px; line-height: 1.6; letter-spacing: .5px; color: #bbcfb7; }
.rf-quick-rules { background: #dfE6d4; border-bottom: 1px solid #cdd6bf; }
.rf-quick-rules > .wrap { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding-block: 27px; }
.rf-quick-rules .wrap > div { padding-inline: 38px; border-left: 1px solid #b9c7a9; }
.rf-quick-rules .wrap > div:first-child { padding-left: 0; border-left: 0; }
.rf-quick-rules .wrap > div:last-child { padding-right: 0; }
.rf-quick-rules span { display: block; font-size: 8px; letter-spacing: 1.2px; color: #5a6d4b; font-weight: 500; }
.rf-quick-rules strong { display: block; font-size: 16px; font-weight: 500; letter-spacing: -.4px; margin-top: 5px; }
.rf-offers { background: var(--rf-cream); }
.rf-offer-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px; }
.rf-offer-card { padding: 33px 36px 27px; border: 1px solid #c4d0b5; border-radius: 16px; min-width: 0; }
.rf-offer-personal { background: #e6ecda; }
.rf-offer-business { background: var(--rf-lilac); border-color: #cdc2e3; }
.rf-offer-eyebrow { display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 9px; letter-spacing: 1.3px; font-weight: 500; color: #5b6d4c; }
.rf-offer-business .rf-offer-eyebrow { color: #635575; }
.rf-offer-eyebrow .icon { width: 26px; height: 26px; }
.referral-page main .rf-offer-card h3 { font-size: 32px; letter-spacing: -1px; margin-top: 28px; }
.rf-offer-amount { display: flex; align-items: baseline; gap: 15px; margin-top: 13px; }
.rf-offer-amount > span { font-size: 13px; }
.rf-offer-amount > strong { font-size: 49px; font-weight: 500; letter-spacing: -2.5px; line-height: 1.3; }
.rf-offer-amount small { font-size: 12px; letter-spacing: 0; }
.referral-page main .rf-offer-card > p { margin-top: 20px; font-size: 13px; color: #5c6953; line-height: 1.9; }
.rf-offer-card > p > strong { font-weight: 500; color: var(--teal); }
.rf-offer-bonus { padding: 18px 0; margin-top: 24px; border-block: 1px solid #acba9c; }
.rf-offer-business .rf-offer-bonus { border-color: #bbb0cd; }
.rf-offer-bonus > span { display: block; font-size: 10px; color: #687558; }
.rf-offer-bonus > strong { display: block; font-size: 22px; font-weight: 500; letter-spacing: -.65px; margin-top: 5px; }
.rf-offer-business .rf-offer-bonus > span { color: #6c607a; }
.rf-offer-example { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-top: 19px; font-size: 10px; }
.rf-offer-example strong { font-size: 13px; font-weight: 500; }
.rf-payout-note { display: flex; align-items: center; gap: 20px; margin-top: 29px; padding-inline: 3px; }
.rf-payout-note > .icon { width: 29px; height: 29px; color: #66834a; }
.referral-page main .rf-payout-note p { font-size: 12px; line-height: 1.9; color: #6e795f; }
.rf-payout-note strong { display: block; font-weight: 500; color: var(--teal); }
.rf-how { background: var(--rf-cream); }
.rf-offers + .rf-how { padding-top: 0; }
.rf-how .v-section-head { margin-bottom: 50px; }
.rf-steps { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 38px; }
.rf-steps li { min-width: 0; border-top: 1px solid #b9c4ad; padding-top: 23px; }
.rf-step-top { display: flex; align-items: center; justify-content: space-between; color: #61764b; margin-bottom: 28px; }
.rf-step-top > span { font-size: 12px; letter-spacing: 1.5px; }
.rf-step-top > .icon { width: 28px; height: 28px; }
.referral-page main .rf-steps h3 { font-size: 25px; letter-spacing: -.8px; }
.rf-steps p { margin-top: 17px; color: var(--rf-muted); }
.rf-steps strong { color: var(--teal); font-weight: 500; }
.rf-steps .v-link { margin-top: 15px; font-size: 12px; }
.rf-step-note { display: block; margin-top: 24px; font-size: 11px; line-height: 1.8; color: #6b765d; }
.rf-calculator-section { background: #e7eadf; border-top: 1px solid #d3dac8; border-bottom: 1px solid #d3dac8; }
.rf-calculator-grid { display: grid; grid-template-columns: 1fr 1.02fr; gap: 88px; align-items: center; }
.rf-calculator-copy h2 > span { color: #627f42; }
.rf-calculator-copy .v-intro { max-width: 400px; }
.rf-milestone-example { margin-top: 31px; padding-left: 21px; border-left: 3px solid #789b4f; max-width: 400px; }
.rf-milestone-example > span { font-size: 9px; font-weight: 500; letter-spacing: 1.1px; color: #5b7048; }
.rf-milestone-example > p { margin-top: 13px; color: #627254; }
.rf-milestone-example strong { color: var(--teal); font-weight: 500; }
.rf-milestone-example > div { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid #c1cdb4; margin-top: 17px; padding-top: 12px; }
.rf-milestone-example > div > span { font-size: 12px; }
.rf-milestone-example > div > strong { font-size: 30px; letter-spacing: -1px; }
.rf-milestone-example small { font-size: 11px; letter-spacing: 0; }
.rf-calculator-copy .v-note { margin-top: 24px; max-width: 380px; }
.rf-calculator { background: var(--rf-cream); padding: 35px 36px 28px; border: 1px solid #bac9a9; border-radius: 21px; box-shadow: 0 14px 0 -6px #d0dac2; min-width: 0; }
.rf-mode-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border: 1px solid #c6cfb9; border-radius: 9px; background: #e8eddf; margin-bottom: 25px; }
.rf-mode-controls button { border: 0; background: transparent; border-radius: 5px; min-height: 43px; padding: 11px; font-size: 12px; font-weight: 500; color: #5e6e50; }
.rf-mode-controls button[aria-pressed="true"] { background: var(--teal); color: var(--paper); }
.rf-calculator-heading { display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.rf-calculator-heading > label { font-size: 14px; font-weight: 500; max-width: 180px; }
.rf-calculator-heading > div { display: flex; align-items: baseline; gap: 7px; }
.rf-calculator-heading output { font-size: 44px; font-weight: 500; letter-spacing: -2px; line-height: 1.2; }
.rf-calculator-heading > div > span { font-size: 11px; color: #6a765e; }
#referral-count { display: block; width: 100%; margin: 30px 0 0; height: 9px; border-radius: 20px; appearance: none; -webkit-appearance: none; background: linear-gradient(to right,#4a6b2e 0 var(--range-progress),#d8dfcd var(--range-progress) 100%); cursor: pointer; }
#referral-count::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 27px; height: 27px; background: var(--lime); border: 2px solid #426329; border-radius: 50%; box-shadow: 0 2px 6px #20390f26; }
#referral-count::-moz-range-thumb { width: 24px; height: 24px; background: var(--lime); border: 2px solid #426329; border-radius: 50%; }
.rf-range-labels { display: flex; justify-content: space-between; font-size: 10px; color: #6d7a60; margin-top: 13px; }
.rf-presets { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 19px; }
.rf-presets button { border: 1px solid #c2cbb7; border-radius: 6px; background: transparent; min-height: 43px; padding: 10px 5px; font-size: 10px; transition: background .15s; }
.rf-presets button:hover { background: #e7eddb; }
.rf-presets button[aria-pressed="true"] { background: var(--teal); border-color: var(--teal); color: var(--paper); }
.rf-breakdown { margin: 27px 0 0; }
.rf-breakdown > div { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 14px 0; border-top: 1px solid #d8decc; }
.rf-breakdown dt { font-size: 12px; }
.rf-breakdown dt > span { display: block; font-size: 10px; color: #76816b; margin-top: 2px; }
.rf-breakdown dd { font-size: 20px; font-weight: 500; margin: 0; }
.rf-total { background: var(--lime); padding: 21px 24px; border-radius: 11px; margin-top: 12px; }
.rf-total > span { font-size: 11px; font-weight: 500; }
.rf-total > div { display: flex; align-items: baseline; gap: 10px; margin-top: 3px; }
.rf-total output { font-size: clamp(40px,4.2vw,62px); font-weight: 500; letter-spacing: -.055em; line-height: 1.25; }
.rf-total > div > span { font-size: 12px; font-weight: 500; }
.referral-page main .rf-next { font-size: 11px; color: #536d3c; line-height: 1.75; margin-top: 17px; }
.referral-page main .rf-calculator-note { font-size: 10px; color: #77806e; line-height: 1.75; margin-top: 12px; }
.rf-questions { background: var(--rf-cream); }
.rf-questions .v-link { margin-top: 20px; }
.rf-questions .v-faq > div > p + p { margin-top: 12px; }
.rf-terms { background: #f0f1e9; border-top: 1px solid #d3dac8; }
.rf-terms-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: start; }
.referral-page main .rf-terms-updated { font-size: 10px; margin-top: 22px; color: #69775d; }
.rf-notice { background: var(--rf-lilac); border: 1px solid #cdc3e3; padding: 25px 28px 29px; border-radius: 12px; margin-top: 29px; max-width: 360px; }
.rf-notice-number { display: block; font-size: 64px; line-height: 1; letter-spacing: -3px; font-weight: 500; color: #493b67; }
.rf-notice-number small { font-size: 18px; font-weight: 400; letter-spacing: -.6px; }
.referral-page main .rf-notice h3 { font-size: 21px; margin-top: 22px; }
.referral-page main .rf-notice p { font-size: 12px; line-height: 1.9; margin-top: 13px; color: #645c70; }
.rf-notice strong { font-weight: 500; color: #443a52; }
.rf-terms-list article { display: grid; grid-template-columns: 28px 1fr; gap: 22px; padding: 24px 0; border-top: 1px solid #cbd3c0; }
.rf-terms-list article > span { font-size: 9px; letter-spacing: 1px; color: #70855b; padding-top: 5px; }
.referral-page main .rf-terms-list h3 { font-size: 19px; line-height: 1.4; letter-spacing: -.35px; }
.referral-page main .rf-terms-list p { font-size: 12px; line-height: 1.9; color: #5d6d54; margin-top: 12px; }
.rf-terms-list a { text-decoration: underline; text-underline-offset: 3px; color: var(--teal); }
.rf-close { background: var(--lime); padding: 67px 0; }
.rf-close > .wrap { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.rf-close .v-kicker { font-size: 8px!important; }
.referral-page main .rf-close h2 { font-size: clamp(34px,4.2vw,56px); }
.rf-close p:not(.v-kicker) { margin-top: 19px; color: #526b35; }
.rf-close .button { flex: none; }
@media (max-width:1100px) {
  .rf-hero-grid { gap: 44px; }
  .referral-page main .rf-hero h1 { font-size: 61px; }
  .rf-hero .v-actions { gap: 13px 21px; }
  .rf-pass-amount > span { font-size: 96px; }
  .rf-pass-bonus strong { font-size: 40px; }
  .rf-calculator-grid { gap: 54px; }
  .rf-calculator { padding-inline: 28px; }
  .rf-quick-rules .wrap > div { padding-inline: 24px; }
  .rf-quick-rules strong { font-size: 16px; }
  .rf-terms-grid { gap: 50px; }
}
@media (max-width:900px) {
  .rf-pass-rewards { margin-inline: 23px; }
  .rf-pass-rewards > div + div { padding-left: 16px; }
  .rf-pass-rewards strong { font-size: 43px; }
  .rf-pass-bonus-dual strong { font-size: 29px; }
  .rf-pass-bonus-dual > div > span { font-size: 5.5px; }
  .rf-offer-card { padding: 27px 25px 24px; }
  .rf-offer-example { flex-direction: column; align-items: flex-start; gap: 4px; }
  .rf-hero { padding: 61px 0; }
  .rf-hero-grid { grid-template-columns: 1fr 1fr; gap: 34px; }
  .referral-page main .rf-hero h1 { font-size: 50px; }
  .referral-page main .rf-hero-lead { font-size: 17px; }
  .referral-page main .rf-hero-description { font-size: 13px; }
  .rf-pass-top,.rf-pass-amount,.rf-friend-line { padding-inline: 23px; }
  .rf-pass-top { font-size: 7px; letter-spacing: 1px; }
  .rf-pass-top > svg { width: 25px; height: 25px; }
  .rf-pass-amount > span { font-size: 82px; }
  .rf-pass-amount > small { font-size: 12px; }
  .referral-page main .rf-reward-pass > p { padding-inline: 23px; font-size: 11px; }
  .rf-friend-line > span { width: 44px; height: 44px; }
  .rf-friend-line .icon { width: 27px; height: 27px; }
  .rf-pass-bonus { padding: 22px 23px; column-gap: 12px; }
  .rf-pass-bonus > div > span { font-size: 6px; }
  .rf-pass-bonus > .icon { width: 32px; height: 32px; }
  .rf-pass-bonus strong { font-size: 37px; }
  .rf-pass-caption { font-size: 7px; }
  .rf-quick-rules strong { font-size: 14px; }
  .rf-quick-rules span { font-size: 7px; }
  .rf-steps { gap: 25px; }
  .referral-page main .rf-steps h3 { font-size: 22px; }
  .rf-calculator-grid { grid-template-columns: .9fr 1.1fr; gap: 35px; }
  .rf-calculator { padding: 27px 24px; }
  .rf-calculator-heading > label { font-size: 12px; }
  .rf-presets { gap: 5px; }
  .rf-presets button { font-size: 9px; }
  .rf-terms-grid { grid-template-columns: .85fr 1.15fr; gap: 35px; }
  .rf-terms-list article { grid-template-columns: 22px 1fr; gap: 12px; }
  .rf-close > .wrap { flex-direction: column; align-items: flex-start; gap: 28px; }
}
@media (max-width:680px) {
  .rf-offer-grid { grid-template-columns: 1fr; gap: 21px; }
  .rf-offer-card { padding: 25px 25px 23px; }
  .referral-page main .rf-offer-card h3 { font-size: 29px; margin-top: 24px; }
  .rf-offer-amount > strong { font-size: 46px; }
  .rf-offer-bonus > strong { font-size: 21px; }
  .rf-offer-example { flex-direction: row; align-items: center; gap: 10px; font-size: 9px; }
  .rf-offer-example strong { font-size: 11px; }
  .rf-payout-note { align-items: flex-start; gap: 15px; }
  .referral-page main .rf-payout-note p { font-size: 11px; }
  .rf-pass-rewards strong { font-size: 49px; }
  .rf-pass-bonus-dual strong { font-size: 29px; }
  .rf-pass-bonus-dual strong small { font-size: 8px; }
  .rf-pass-bonus-dual > div > span { font-size: 5.5px; }
  .rf-hero { padding: 43px 0 46px; }
  .rf-hero-grid { grid-template-columns: 1fr; gap: 25px; }
  .referral-page main .rf-hero h1 { font-size: clamp(43px,12vw,65px); line-height: 1.08; }
  .rf-hero .v-kicker { font-size: 8px!important; margin-bottom: 22px; }
  .referral-page main .rf-hero-lead { font-size: 18px; line-height: 1.7; margin-top: 21px; }
  .referral-page main .rf-hero-description { font-size: 13px; margin-top: 14px; }
  .rf-hero .v-actions { gap: 12px 23px; margin-top: 24px; }
  .rf-hero .v-actions .button { min-height: 53px; font-size: 12px; gap: 19px; }
  .rf-hero .v-link { font-size: 12px; }
  .referral-page main .rf-hero-note { font-size: 10px; }
  .rf-reward-art { padding: 15px 14px 9px 3px; max-width: 440px; width: 100%; justify-self: center; }
  .rf-pass-label { font-size: 7px; letter-spacing: 1.1px; margin-bottom: 19px; }
  .rf-reward-pass { transform: rotate(1.5deg); box-shadow: 11px 12px 0 #294b3c,11px 12px 0 1px #74935b55; }
  .rf-pass-top { padding-top: 24px; font-size: 8px; }
  .rf-pass-amount > span { font-size: 94px; }
  .rf-pass-amount > small { font-size: 13px; }
  .rf-friend-line { padding-block: 23px 29px; }
  .rf-friend-line > span { width: 47px; height: 47px; }
  .rf-pass-bonus > div > span { font-size: 7px; letter-spacing: .6px; }
  .rf-pass-bonus strong { font-size: 40px; }
  .rf-pass-bonus > .icon { width: 34px; height: 34px; }
  .rf-pass-caption { margin-top: 31px; font-size: 6px; letter-spacing: .3px; }
  .rf-quick-rules > .wrap { grid-template-columns: 1fr; padding-block: 7px; }
  .rf-quick-rules .wrap > div { display: flex; justify-content: space-between; align-items: center; gap: 18px; border-left: 0; padding: 17px 0; border-top: 1px solid #becbb0; }
  .rf-quick-rules .wrap > div:first-child { border-top: 0; }
  .rf-quick-rules span { font-size: 6px; letter-spacing: .65px; max-width: 120px; }
  .rf-quick-rules strong { font-size: 12px; margin: 0; text-align: right; letter-spacing: -.2px; }
  .rf-how .v-section-head { margin-bottom: 31px; }
  .rf-how .v-kicker { font-size: 7px!important; letter-spacing: 1px; }
  .rf-steps { grid-template-columns: 1fr; gap: 28px; }
  .rf-steps li { padding-top: 19px; }
  .rf-step-top { margin-bottom: 18px; }
  .rf-step-top > .icon { width: 25px; height: 25px; }
  .referral-page main .rf-steps h3 { font-size: 25px; }
  .rf-steps p { margin-top: 12px; }
  .rf-step-note { margin-top: 15px; }
  .rf-calculator-grid { grid-template-columns: 1fr; gap: 35px; }
  .rf-milestone-example { margin-top: 25px; padding-left: 18px; }
  .rf-calculator { padding: 25px 23px 23px; border-radius: 16px; }
  .rf-calculator-heading { gap: 13px; }
  .rf-calculator-heading > label { font-size: 12px; max-width: 140px; }
  .rf-calculator-heading output { font-size: 37px; }
  .rf-calculator-heading > div > span { font-size: 9px; }
  .rf-presets button { font-size: 9px; }
  .rf-total { padding: 18px 21px; }
  .rf-total output { font-size: 49px; }
  .rf-breakdown dt { font-size: 11px; }
  .rf-breakdown dd { font-size: 19px; }
  .referral-page main .rf-next { font-size: 10px; }
  .referral-page main .rf-calculator-note { font-size: 9px; }
  .rf-terms-grid { grid-template-columns: 1fr; gap: 32px; }
  .rf-notice { max-width: none; padding: 23px 24px; }
  .rf-notice-number { font-size: 57px; }
  .rf-terms-list article { gap: 14px; }
  .referral-page main .rf-terms-list h3 { font-size: 18px; }
  .referral-page main .rf-terms-list p { font-size: 12px; }
  .rf-close { padding: 51px 0; }
  .rf-close .v-kicker { font-size: 7px!important; letter-spacing: 1.2px; }
  .rf-close .button { width: 100%; }
}
@media (prefers-reduced-motion:reduce) {
  .referral-page * { scroll-behavior: auto!important; transition: none!important; }
}