/* Approved referral layout, with a pixel-art AI workspace and generic step icons. */
#referral-reward{--referral-ink:#24351e;--referral-muted:#606958;grid-column:1/-1;display:block;position:relative;isolation:isolate;margin:28px 0 0;padding:0 0 32px;background:#f3efe5;border:1px solid #e8e1d4;border-radius:18px;overflow:hidden;color:var(--referral-ink)}
#referral-reward *{box-sizing:border-box}
#referral-reward .referral-hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;min-width:0}
#referral-reward .referral-copy{position:relative;z-index:1;min-width:0;padding:96px 0 34px 46px}
#referral-reward h3{font-family:inherit;font-size:clamp(38px,4.4vw,60px);font-weight:650;line-height:1.04;letter-spacing:-.045em;margin:0 0 24px;color:var(--referral-ink)}
#referral-reward p.referral-lead{font-size:16px;line-height:1.7;max-width:43ch;margin:0 0 28px;color:var(--referral-muted)}
#referral-reward .referral-lead strong{font-weight:600;color:var(--referral-ink)}
#referral-reward .button{display:inline-flex;align-items:center;gap:16px;min-height:48px;padding:13px 23px;font-size:14px;font-weight:500;line-height:1.5;border:0;border-radius:32px;background:#26391f;color:#fffdf6;transition:background-color .18s,transform .18s}
#referral-reward .button svg{flex:none}
#referral-reward .button:active{transform:scale(.98)}
#referral-reward .button:focus-visible{outline:3px solid #a94e2e;outline-offset:5px}
#referral-reward p#referral-availability{font-size:12px;line-height:1.6;color:var(--referral-muted);margin:12px 0 0}
#referral-reward .referral-art{margin:0;min-width:0;align-self:stretch;position:relative;display:flex;align-items:center;overflow:hidden}
#referral-reward .referral-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;list-style:none;margin:24px 46px 36px;padding:0;counter-reset:none}
#referral-reward .referral-process li{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:20px;position:relative;min-width:0;max-width:none;font-size:inherit;line-height:inherit;color:inherit}
#referral-reward .referral-process li:before{content:none}
#referral-reward .referral-step-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#e6e9dc;border:1px solid #d6ddc9;color:#354a2a;flex:none}
#referral-reward .referral-step-icon svg{display:block;width:30px;height:30px}
#referral-reward .referral-step-copy{min-width:0;padding-block:10px}
#referral-reward .referral-step-number{display:block;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.03em;color:#657059;margin-bottom:8px;font-variant-numeric:tabular-nums}
#referral-reward h4{font-size:18px;font-weight:600;line-height:1.25;letter-spacing:-.025em;margin:0 0 10px;color:var(--referral-ink)}
#referral-reward .referral-process p{font-size:14px;line-height:1.65;color:var(--referral-muted);margin:0;max-width:24ch}
#referral-reward .referral-step-arrow{position:absolute;right:-29px;top:calc(50% - 10px);width:24px;height:20px;stroke:var(--referral-ink);stroke-width:1.3;fill:none}
#referral-reward .referral-fine-print{display:flex;align-items:flex-start;gap:13px;margin:0 46px;border-top:1px solid #dcd6c8;padding-top:22px;color:var(--referral-muted)}
#referral-reward .referral-fine-print>svg{flex:none;margin-top:1px}
#referral-reward p#referral-terms{font-size:12px;line-height:1.7;color:var(--referral-muted);margin:0;max-width:none}
#referral-reward #referral-terms strong{font-weight:600;color:#394b30}
@media(hover:hover) and (pointer:fine){#referral-reward .button:hover{background:#172a13;transform:translateY(-1px)}}
@media(max-width:1100px){#referral-reward .referral-copy{padding:70px 0 30px 32px}#referral-reward .referral-process{margin-inline:32px;gap:28px}#referral-reward .referral-process li{grid-template-columns:minmax(0,1fr);align-content:start;gap:4px}#referral-reward .referral-step-icon{width:60px;height:60px;border-radius:16px}#referral-reward .referral-step-arrow{right:-20px;top:21px;width:22px}#referral-reward .referral-fine-print{margin-inline:32px}#referral-reward h4{font-size:18px}#referral-reward p.referral-lead{font-size:15px}}
@media(max-width:760px){#referral-reward{margin-top:12px;border-radius:15px;padding-bottom:26px}#referral-reward .referral-hero{grid-template-columns:minmax(0,1fr)}#referral-reward .referral-copy{padding:34px 26px 14px}#referral-reward h3{font-size:clamp(31px,8.7vw,52px);line-height:1.08;margin-bottom:20px}#referral-reward p.referral-lead{font-size:15px;max-width:44ch;margin-bottom:24px}#referral-reward .button{font-size:13px;padding-inline:20px;min-height:48px}#referral-reward .referral-process{grid-template-columns:minmax(0,1fr);gap:22px;margin:22px 26px 28px}#referral-reward .referral-process li{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:20px}#referral-reward .referral-step-icon{width:58px;height:58px;border-radius:16px}#referral-reward .referral-step-copy{padding:0}#referral-reward .referral-step-number{margin-bottom:7px}#referral-reward h4{font-size:19px;margin-bottom:8px}#referral-reward h4 br{display:none}#referral-reward .referral-process p{font-size:14px;max-width:32ch}#referral-reward .referral-step-arrow{display:none}#referral-reward .referral-fine-print{margin-inline:26px;padding-top:20px;gap:10px}#referral-reward p#referral-terms{font-size:12px}}
@media(max-width:370px){#referral-reward .referral-copy{padding-inline:22px}#referral-reward h3{font-size:29px}#referral-reward .referral-process{margin-inline:22px}#referral-reward .referral-process li{grid-template-columns:70px minmax(0,1fr);gap:16px}#referral-reward .referral-step-icon{width:50px;height:50px;border-radius:14px}#referral-reward .referral-step-icon svg{width:26px;height:26px}#referral-reward h4{font-size:18px}#referral-reward .referral-fine-print{margin-inline:22px}}
@media(prefers-reduced-motion:reduce){#referral-reward .button{transition:none}}