.referral-hero{background:var(--charcoal);color:#fff;border-bottom:4px solid var(--brand-green);padding:56px 0 64px}.referral-hero-grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:64px;display:grid}.referral-back{color:#d1d7cb;margin-bottom:24px;font-size:13px;display:inline-block}.referral-hero h1{max-width:650px;font-size:clamp(30px,4vw,50px)}.referral-hero p{color:#e1e4d8;max-width:540px;margin:24px 0 32px;font-size:19px}.referral-brand{background:var(--surface);color:var(--text);border:1px solid var(--outline-subtle);border-radius:var(--radius-panel);padding:40px}.referral-brand img{width:100%;max-width:420px;margin:auto}.referral-brand h2{text-align:center;margin-top:32px;font-size:22px}.referral-register{background:var(--brand-green);color:var(--charcoal);border-radius:var(--radius-control);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:16px 22px;font-size:14px;font-weight:700;line-height:1.5;display:inline-flex}.referral-register:hover{background:#a3d183}.referral-intro{background:#fff}.referral-intro h2{max-width:800px;margin:12px 0 28px;font-size:30px}.referral-intro-copy{color:var(--muted);grid-template-columns:1fr 1fr;gap:40px;display:grid}.referral-bonus-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.referral-bonus{border:1px solid var(--outline-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow);background:#fff;overflow:hidden}.referral-product{background:var(--surface);border-bottom:1px solid var(--surface-high);height:240px;padding:24px}.referral-product img{object-fit:contain;width:100%;height:100%}.referral-bonus-copy{padding:28px}.referral-bonus h3{letter-spacing:-.03em;margin:8px 0 20px;font-size:32px;line-height:1.2}.referral-bonus p{color:var(--muted);font-size:15px}.referral-terms{text-underline-offset:4px;justify-content:center;align-items:center;gap:10px;margin-top:30px;padding:10px;font-size:14px;text-decoration:underline;display:flex}.referral-terms svg{flex-shrink:0;width:20px}.referral-steps{background:#fff}.referral-steps ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:0;padding:0;list-style:none;display:grid}.referral-step-number{background:var(--charcoal);color:var(--brand-green);font:700 24px var(--heading);border-radius:var(--radius-control);justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:inline-flex}.referral-steps h3{margin-bottom:12px;font-size:20px}.referral-steps p{color:var(--muted);font-size:15px}.referral-action{text-align:center;margin-top:40px}.referral-details-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.referral-details article{border:1px solid var(--outline-subtle);border-top:4px solid var(--brand-green);border-radius:var(--radius-card);background:#fff;padding:36px}.referral-details h2{margin-bottom:24px;font-size:25px}.referral-details p{border-top:1px solid var(--surface-high);color:var(--muted);padding:16px 0;font-size:15px}.referral-details p:first-of-type{border:0;padding-top:0}.referral-faq{background:#fff}.referral-faq .container{max-width:900px}.referral-faq h2{text-align:center;margin-bottom:36px}.referral-faq details{border:1px solid var(--outline-subtle);border-radius:var(--radius-card);margin-bottom:12px;overflow:hidden}.referral-faq summary{cursor:pointer;justify-content:space-between;gap:20px;padding:20px 24px;font-weight:600;list-style:none;display:flex}.referral-faq summary::-webkit-details-marker{display:none}.referral-faq summary span{font-size:22px;line-height:1}.referral-faq details[open] summary{background:var(--surface)}.referral-faq details[open] summary span{transform:rotate(45deg)}.referral-faq details p{color:var(--muted);padding:24px}@media (width<=1023px){.referral-hero-grid{gap:32px}.referral-brand{padding:24px}.referral-product{height:190px;padding:16px}.referral-bonus-grid{gap:16px}.referral-bonus-copy{padding:20px}.referral-bonus h3{font-size:25px}.referral-steps ol{gap:24px}.referral-details article{padding:24px}}@media (width<=639px){.referral-hero{padding:32px 0 40px}.referral-hero-grid,.referral-intro-copy,.referral-bonus-grid,.referral-steps ol,.referral-details-grid{grid-template-columns:1fr}.referral-hero p{font-size:17px}.referral-brand{padding:28px 24px}.referral-brand h2{font-size:20px}.referral-register{width:100%;padding:14px;font-size:13px}.referral-intro h2{font-size:26px}.referral-intro-copy{gap:20px}.referral-product{height:240px}.referral-bonus h3{font-size:32px}.referral-details h2{font-size:23px}.referral-faq summary,.referral-faq details p{padding:20px 16px}}.referral-register .sr-only,.referral-terms .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}