.referral-page header{flex-wrap:wrap}.referral-page header nav{margin-left:auto}.referral-page header nav a{font-size:15px;white-space:nowrap}.referral-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:80px;align-items:center;padding-top:60px;padding-bottom:85px}.referral-intro h1{font-size:clamp(38px,4.5vw,59px);line-height:1.16;letter-spacing:-1px}.referral-intro>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:18px;line-height:1.8;margin-bottom:30px}.referral-payout{padding:38px 36px;background:var(--green);color:var(--paper)}.referral-payout .eyebrow{color:var(--gold);font-size:12px}.referral-payout .referral-percent{font-size:100px;line-height:1;margin:20px 0;color:var(--gold);letter-spacing:-4px}.referral-percent span{font-size:.55em}.referral-payout>p{font-size:17px;line-height:1.7}.referral-payout .referral-timing{font-size:14px;line-height:1.7;border-top:1px solid #ffffff30;padding-top:20px;margin:22px 0 0}.referral-how{padding-top:65px;padding-bottom:65px;border-top:1px solid var(--line)}.referral-page h2{font-size:39px;line-height:1.22;letter-spacing:-.6px}.referral-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;list-style:none;padding:0;margin:40px 0}.referral-number{display:block;font-size:14px;color:#8a7242;padding-bottom:15px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.referral-steps h3{font-size:25px;line-height:1.3;font-weight:400;margin:24px 0 15px;letter-spacing:-.4px}.referral-steps p{font-size:17px;line-height:1.8;color:var(--muted)}.referral-payment-note{font-size:16px;line-height:1.8;max-width:900px;color:var(--muted);border-left:2px solid var(--gold);padding-left:22px;margin:0}.referral-terms{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:80px;padding-top:65px;padding-bottom:70px;border-top:1px solid var(--line)}.referral-terms ul{margin:0;padding-left:22px}.referral-terms li{padding-left:5px;margin-bottom:17px;font-size:17px;line-height:1.8}.referral-terms li:last-child{margin-bottom:0}.referral-submit{background:#f0eadc;padding:65px 0 70px;scroll-margin-top:25px}.referral-submit-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.referral-submit-grid>div>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.8;max-width:480px}.referral-email h3{font-size:24px;letter-spacing:-.4px;font-weight:400}.referral-details{display:grid;grid-template-columns:1fr 1fr;gap:8px 30px;padding-left:20px;margin:0 0 28px;font-size:16px}.referral-email .button{min-width:240px}.referral-email .referral-email-note{font-size:14px;line-height:1.7;margin-top:18px;overflow-wrap:anywhere}.referral-email-note a{border-bottom:1px solid #9ca89b}.referral-page header nav a[aria-current]{color:#8a7242}.referral-page a:focus-visible{outline-offset:5px}
@media(max-width:1100px){.referral-page header nav{gap:18px}.referral-page header nav a{font-size:13px}.referral-hero{gap:40px}.referral-payout{padding:30px 25px}.referral-terms,.referral-submit-grid{gap:40px}.referral-steps{gap:28px}}
@media(max-width:800px){.referral-page header{gap:18px}.referral-page header nav{display:flex;position:static;background:none;width:100%;order:3;margin:0;padding:10px 0 0;flex-wrap:wrap;border-top:1px solid var(--line);gap:10px 22px}.referral-page header>.button{margin-left:auto;font-size:13px}.referral-page header nav a{padding:0;font-size:14px}.referral-hero{grid-template-columns:1fr;gap:35px;padding-top:35px;padding-bottom:45px}.referral-intro h1{font-size:43px}.referral-payout{max-width:540px}.referral-payout .referral-percent{font-size:85px}.referral-how{padding-top:45px;padding-bottom:45px}.referral-steps{grid-template-columns:1fr;gap:22px;margin:30px 0}.referral-steps h3{margin:16px 0 12px}.referral-steps p{margin-bottom:0}.referral-terms,.referral-submit-grid{grid-template-columns:1fr;gap:25px}.referral-terms{padding-top:45px;padding-bottom:45px}.referral-submit{padding:45px 0}.referral-page h2{font-size:33px}.referral-intro>p:not(.eyebrow),.referral-steps p,.referral-terms li{font-size:16px}.referral-page footer .footer-top{gap:25px}}
@media(max-width:420px){.referral-intro h1{font-size:36px}.referral-details{grid-template-columns:1fr}.referral-email .button{width:100%;min-width:0}.referral-page header>.button{font-size:12px;gap:12px}.referral-payout{padding:28px 24px}.referral-page header .brand img{width:120px}}