.referral-landing{padding:80px 0;background:#fff;border-top:1px solid var(--line);color:var(--ink);scroll-margin-top:140px}.referral-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:64px;align-items:start}.referral-eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;color:var(--ink)}.referral-intro h2{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(34px,3.3vw,48px);line-height:1.12}.referral-intro h2+p{margin-top:22px;max-width:590px}.referral-benefit{padding:30px;background:#e7f65b;border-radius:8px;color:#111}.referral-benefit strong{font-family:'Source Serif 4',Georgia,serif;font-size:40px;line-height:1.15}.referral-benefit p{margin:14px 0;color:#202215}.referral-benefit span{font-size:14px;border-top:1px solid #1113;display:block;padding-top:14px}.referral-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;margin:48px 0;padding:0}.referral-steps li{border-top:1px solid var(--line);padding-top:22px}.referral-steps li>span{font-family:'Source Serif 4',Georgia,serif;font-size:30px}.referral-steps h3{font-size:21px;letter-spacing:-.025em;margin:14px 0}.referral-steps p{font-size:15px;line-height:1.65}.referral-terms{margin-top:28px;border-top:1px solid var(--line);padding-top:18px;font-size:14px}.referral-terms summary{cursor:pointer;min-height:44px;display:list-item}.referral-terms p{max-width:1000px;font-size:14px}.referral-landing a:focus-visible,.referral-terms summary:focus-visible{outline:3px solid #536800;outline-offset:4px}


.referral-share-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(24px,3vw,40px);background:#f8f7fa;border:1px solid var(--line);border-radius:8px}.referral-share-copy{min-width:0}.referral-share-copy h3{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(30px,3vw,40px);line-height:1.12;letter-spacing:-.025em;color:#171817;margin:0}.referral-share-copy>p:not(.referral-eyebrow){font-size:16px;line-height:1.6;color:#42483f;margin:18px 0}.referral-share-channels{display:flex;flex-wrap:wrap;gap:12px 18px;list-style:none;padding:0;margin:24px 0}.referral-share-channels li{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:#171817;min-height:32px}.referral-share-channels img{display:block;width:22px;height:22px;flex-shrink:0}.referral-share-cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 20px;background:#e7f65b;color:#171817;border:1px solid #cedc4e;font-size:15px;font-weight:600}.referral-share-cta:hover{background:#dcec45}.referral-share-copy>p.referral-share-help{font-size:13px;line-height:1.5;margin:12px 0 0}.referral-share-image{min-width:0;margin:0;display:flex;justify-content:center}.referral-share-image>img{position:static;display:block;width:100%;max-width:380px;height:auto;border:1px solid #dfe2da;border-radius:4px;background:#fff}
@media(max-width:760px){.referral-share-card{grid-template-columns:1fr;padding:24px 20px;gap:24px}.referral-share-copy h3{font-size:32px}.referral-share-cta{width:100%}.referral-share-channels{gap:10px 16px;margin:20px 0}.referral-share-image>img{max-width:340px}}

/* Keep the complete referral flow readable at narrow viewports. */
body.referral-page .referral-intro{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px}
body.referral-page .referral-intro>*,body.referral-page .referral-steps>li{min-width:0}
body.referral-page .referral-intro h2{font-size:clamp(34px,3.4vw,48px);line-height:1.14;word-break:normal;overflow-wrap:normal}
body.referral-page .referral-intro p,body.referral-page .referral-steps p{color:#42483f}
body.referral-page .referral-benefit strong{display:block}
body.referral-page .referral-share-cta{box-sizing:border-box;max-width:100%}
@media(max-width:1024px){
 body.referral-page .referral-intro{gap:28px}
 body.referral-page .referral-benefit{padding:24px}
 body.referral-page .referral-steps{gap:22px}
}
@media(max-width:760px){
 body.referral-page .referral-landing{padding:28px 0 40px}
 body.referral-page .referral-landing .wrap{width:calc(100% - 40px);max-width:100%;margin-inline:auto}
 body.referral-page .referral-intro{grid-template-columns:minmax(0,1fr);gap:24px}
 body.referral-page .referral-page-title{margin-bottom:12px!important}
 body.referral-page .referral-intro h2{font-size:clamp(30px,7.6vw,36px);line-height:1.14;letter-spacing:-.025em;max-width:100%}
 body.referral-page .referral-intro h2+p{margin-top:16px;font-size:16px;line-height:1.6}
 body.referral-page .referral-benefit{padding:22px}
 body.referral-page .referral-benefit strong{font-size:34px;line-height:1.15}
 body.referral-page .referral-benefit p{margin:12px 0;font-size:16px;line-height:1.5}
 body.referral-page .referral-benefit span{font-size:14px}
 body.referral-page .referral-steps{grid-template-columns:minmax(0,1fr);gap:20px;margin:28px 0}
 body.referral-page .referral-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:14px;row-gap:8px;padding-top:20px}
 body.referral-page .referral-steps li>span{position:static;grid-column:1;grid-row:1 / 3;align-self:start;width:34px;height:38px;font-size:24px}
 body.referral-page .referral-steps h3{grid-column:2;margin:0;font-size:20px;line-height:1.3}
 body.referral-page .referral-steps p{grid-column:2;margin:0;font-size:15px;line-height:1.6}
 body.referral-page .referral-share-card{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px 18px}
 body.referral-page .referral-share-copy h3{font-size:30px;line-height:1.15}
 body.referral-page .referral-share-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body.referral-page .referral-share-cta{width:100%;white-space:normal;text-align:center;min-height:48px}
 body.referral-page .referral-share-image>img{width:100%;max-width:340px;height:auto}
 body.referral-page .referral-terms{margin-top:24px}
 body.referral-page .referral-terms summary{line-height:1.5}
}