.refer-section{padding:88px 0 64px;background:radial-gradient(ellipse at 5% 0%,#22634d66,transparent 55%),#0d4235;color:#fff;overflow:hidden}
.refer-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:48px 72px;align-items:center}
.refer-copy{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:24px;padding:30px 0}
.refer-section .eyebrow{color:#bad5b5;font-size:11px;letter-spacing:2px}
.refer-section h2{font:italic 400 clamp(48px,5.5vw,76px)/1.15 'Instrument Serif',serif;letter-spacing:-1.5px;margin:0;padding-right:8px}
.refer-section h2 em{color:#c6e3b1}
.refer-section .refer-intro{font-size:17px;line-height:2;max-width:460px;color:#d9e7df;margin:0}
.refer-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:0;border-radius:50px;background:#e5f1d9;color:#123f32;padding:18px 28px;font:600 16px Inter,sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.refer-button:hover{background:#d1e9b9;transform:translateY(-2px)}
.refer-section .refer-note{font-size:12px;line-height:1.9;margin:0;color:#b9cec2;max-width:350px}
.refer-reward{border:1px solid #e2ebd6;border-radius:24px;padding:30px;background:#f7f9ef;color:#173f32;box-shadow:0 20px 60px #042c2929}
.refer-card-heading{display:flex;align-items:center;gap:14px;margin-bottom:26px}
.refer-gift{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;background:#e2edcf;border-radius:14px;font-size:30px;color:#346344}
.refer-card-eyebrow{font:600 10px Inter,sans-serif;letter-spacing:1.7px;color:#5d735e}
.refer-card-heading h3{font:400 27px/1.15 'Instrument Serif',serif;margin:6px 0 0}
.refer-reward-label{font-size:13px;margin:0 0 12px;color:#53695b}
.refer-points-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.refer-points-tile{padding:20px 18px;border-radius:16px;background:#0d4235;color:#fff}
.refer-points-tile>span{font-size:12px;color:#d1e2d5}
.refer-points-tile strong{display:block;font:400 clamp(29px,3vw,42px)/1.2 'Instrument Serif',serif;margin-top:8px;white-space:nowrap}
.refer-friend-tile{background:#e4edda;color:#244635}
.refer-friend-tile>span{color:#526950}
.refer-success-note{font-size:12px;line-height:1.7;color:#5c6e60;margin:16px 0 22px}
.refer-redemption{border-top:1px solid #d8e1ce;padding-top:22px;display:flex;gap:14px;align-items:center}
.refer-wallet{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid #cbd9be;border-radius:50%;font-size:22px}
.refer-redemption strong{font-size:15px;font-weight:600}
.refer-redemption p{font-size:12px;line-height:1.6;color:#53695b;margin:5px 0 0}
.refer-terms-link{display:inline-block;font-size:11px;color:#53695b;line-height:1.6;margin-top:20px;text-underline-offset:3px}
.refer-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;list-style:none;padding:30px 0 0;margin:0;border-top:1px solid #ffffff26}
.refer-steps li{display:flex;gap:14px}
.refer-step-number{font-size:12px;color:#c6e3b1;width:30px;height:30px;border:1px solid #ffffff30;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
.refer-steps h3{font-size:14px;font-weight:600;margin:4px 0 8px;color:#f1f5e9}
.refer-steps p{font-size:12px;line-height:1.7;color:#b9cec2;margin:0;max-width:250px}
@media(max-width:900px){.refer-layout{gap:36px}.refer-reward{padding:24px}.refer-points-tile{padding:18px 12px}}
@media(max-width:700px){.refer-copy{padding:0;gap:24px}.refer-section{padding:56px 0 44px}.refer-layout{grid-template-columns:1fr;gap:32px}.refer-section h2{font-size:58px}.refer-section .refer-intro{font-size:16px}.refer-reward{padding:24px 20px}.refer-steps{grid-template-columns:1fr;gap:24px;padding-top:28px}.refer-steps p{max-width:none}.refer-points-tile strong{font-size:36px}.refer-card-heading h3{font-size:25px}}
.refer-dialog{position:fixed;inset:0;margin:auto;height:fit-content;box-sizing:border-box;border:0;border-radius:24px;padding:0;width:min(560px,calc(100% - 30px));max-height:90vh;overflow:auto;color:#1a2520;background:#fffdf8;box-shadow:0 25px 90px #0005}.refer-dialog::backdrop{background:#09281dcc;backdrop-filter:blur(4px)}.refer-dialog-inner{padding:32px}.refer-dialog h2{font:400 40px/1.1 'Instrument Serif',serif;margin:10px 0 16px}.refer-dialog p{line-height:1.65}.refer-close{float:right;border:1px solid #d6e0d9;background:white;border-radius:50%;width:36px;height:36px;font-size:24px;cursor:pointer}.refer-dialog label{display:block;font-weight:600;margin:18px 0 7px}.refer-dialog input{box-sizing:border-box;width:100%;padding:13px;border:1px solid #aebfb5;border-radius:9px;font:inherit;background:white}.refer-dialog .refer-button{background:#0f5e46;color:white;margin-top:22px;display:inline-block;text-decoration:none}.refer-dialog button:disabled{opacity:.6;cursor:wait}.refer-error{color:#9d2424;min-height:24px;margin:12px 0 0!important}.refer-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.refer-terms{max-height:220px;overflow-y:auto;border:1px solid #d8e1d9;border-radius:12px;padding:18px;background:white;font-size:14px;margin-top:22px}.refer-terms h3{font-size:15px;margin:15px 0 6px}.refer-terms p{margin:0}.refer-draft{background:#fff1cc;padding:10px;border-radius:8px;font-size:13px}.refer-button:focus-visible,.refer-close:focus-visible,.refer-dialog input:focus-visible{outline:3px solid #65a8ff;outline-offset:3px}@media(max-width:700px){.refer-dialog-inner{padding:24px}.refer-dialog h2{font-size:34px}}
.refer-app-download{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:22px}
.refer-dialog .refer-app-download .refer-button{flex:1 1 220px;margin-top:0;text-align:center}
.refer-app-qr{display:flex;flex-direction:column;align-items:center;gap:7px;flex:0 0 144px;color:#53695b;text-decoration:none;font-size:12px;text-align:center}
.refer-app-qr img{display:block;width:144px;height:144px;background:#fff;border-radius:8px}
.refer-app-qr:focus-visible{outline:3px solid #65a8ff;outline-offset:3px}
@media(max-width:480px){.refer-app-download{justify-content:center}.refer-dialog .refer-app-download .refer-button{flex-basis:100%}}