.referral-design{--surface-app:var(--vw-cream);--surface-card:var(--vw-paper);--hair:var(--border-default);--hair-strong:var(--border-strong);--e-rest:0 1px 2px #0a1e3f0a, 0 1px 3px #0a1e3f0d;--e-raise:0 2px 4px #0a1e3f0d, 0 8px 18px -8px #0a1e3f1f;--e-lift:0 24px 50px -20px #0a1e3f3d, 0 8px 16px -10px #0a1e3f1f;--ease:cubic-bezier(.22, .61, .36, 1);--spring:cubic-bezier(.34, 1.42, .58, 1);background:var(--surface-app)}.referral-design .vw-section{padding:72px 0}.referral-design .vw-section.tight{padding:44px 0}.referral-design .vw-wrap{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:0 32px}@media (max-width:768px){.referral-design .vw-wrap{padding:0 20px}.referral-design .vw-section{padding:48px 0}}.referral-design .alt{background:radial-gradient(circle, color-mix(in oklab, var(--vw-navy-700) 8%, transparent) 1px, transparent 1.4px) 0 0 / 22px 22px, var(--vw-cream)}.referral-design .vw-kicker{font:var(--fw-medium) var(--fs-2xs) / 1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted);align-items:center;gap:10px;margin-bottom:16px;display:inline-flex}.referral-design .vw-kicker:before{content:"";opacity:.9;border:1.6px solid;border-radius:1.5px;flex-shrink:0;width:7px;height:7px;transform:rotate(45deg)}.referral-design .vw-kicker.brand{color:var(--vw-green-700)}.referral-design .vw-kicker.on-dark{color:#fff9}.referral-design .section-head{max-width:72ch;margin-bottom:34px}.referral-design .vw-h2{font:400 clamp(28px, 3.4vw, 38px) / 1.08 var(--font-display);letter-spacing:-.015em;color:var(--fg-primary);margin:0}.referral-design .vw-h2 em{color:var(--vw-green-700);font-style:italic}.referral-design .ta-hero{color:#fff;isolation:isolate;background:radial-gradient(130% 120% at 0% 0%, #1d4374 0%, var(--vw-navy-700) 46%, var(--vw-navy-800) 100%);position:relative;overflow:hidden}.referral-design .ta-hero .dots{z-index:0;opacity:.55;pointer-events:none;background-image:radial-gradient(circle,#ffffff12 1px,#0000 1.4px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 120% at 90% 0,#000,#0000 70%);mask-image:radial-gradient(85% 120% at 90% 0,#000,#0000 70%)}.referral-design .ta-hero .glow{z-index:0;filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#00b74a33,#0000 66%);width:520px;height:520px;position:absolute;top:-200px;right:-120px}.referral-design .ta-hero .vw-wrap{z-index:1;padding-top:28px;padding-bottom:54px;position:relative}.referral-design .ta-hero .vw-crumbs{width:fit-content;max-width:100%;font:var(--fw-medium) var(--fs-sm) / 1 var(--font-sans);color:#fff6;letter-spacing:0;border-radius:var(--r-pill);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff24;flex-wrap:nowrap;align-items:center;gap:8px;margin-bottom:26px;padding:7px 14px;display:flex}.referral-design .ta-hero .vw-crumbs a{color:#ffffffa8;text-decoration:none}.referral-design .ta-hero .vw-crumbs a:hover{color:#fff}.referral-design .ta-hero .vw-crumbs .sep{opacity:.45}.referral-design .ta-hero .vw-crumbs .here{color:#fff;font-weight:var(--fw-semibold)}.referral-design .ta-hero h1{font:400 clamp(38px, 5vw, 58px) / 1.03 var(--font-display);letter-spacing:-.02em;max-width:16ch;margin:12px 0 0}.referral-design .ta-hero h1 em{color:var(--vw-green-400);font-style:italic}.referral-design .ta-hero .sub{font:400 var(--fs-xl) / 1.55 var(--font-sans);color:#ffffffc2;max-width:56ch;margin:18px 0 0}.referral-design .vw-answer{background:var(--vw-green-50);border:1px solid color-mix(in oklab, var(--vw-green-500) 24%, var(--hair));border-radius:var(--r-xl);grid-template-columns:190px 1fr;align-items:start;gap:10px 44px;padding:30px 36px;display:grid}.referral-design .vw-answer .lbl{font:var(--fw-bold) var(--fs-2xs) / 1.3 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--vw-green-700);align-items:center;gap:9px;margin:6px 0 0;display:inline-flex}.referral-design .vw-answer .lbl:before{content:"";border:1.7px solid;border-radius:1.5px;width:8px;height:8px;transform:rotate(45deg)}.referral-design .vw-answer p{font:400 var(--fs-xl) / 1.55 var(--font-sans);color:var(--fg-primary);grid-column:2;margin:0}.referral-design .vw-answer p strong{font-weight:var(--fw-semibold);color:var(--vw-navy-700)}@media (max-width:760px){.referral-design .vw-answer{grid-template-columns:1fr;gap:14px;padding:24px 22px}.referral-design .vw-answer p{grid-column:1}}.referral-design .e-dark-duo{background:linear-gradient(120deg, var(--vw-navy-900) 0%, var(--vw-navy-700) 46%, #00a345 100%);color:#fff}.referral-design .vw-cta-band{border-radius:var(--r-2xl);isolation:isolate;padding:56px 48px;position:relative;overflow:hidden}.referral-design .vw-cta-band.has-art .cta-art .vw-vis{width:100%;height:280px;display:block}.referral-design .vw-cta-band.has-art .cta-art .vw-vis svg{width:100%;height:100%;display:block}@media (max-width:880px){.referral-design .vw-cta-band.has-art{grid-template-columns:1fr}.referral-design .vw-cta-band.has-art .cta-art{display:none}}.referral-design .e-btn{font:var(--fw-bold) var(--fs-sm) / 1 var(--font-sans);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:9px;padding:13px 22px;text-decoration:none;display:inline-flex}.referral-design .vw-faq{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:760px){.referral-design .vw-faq{grid-template-columns:1fr}}.referral-design .vw-faq details{border:1px solid var(--hair);border-radius:var(--r-lg);background:var(--surface-card);box-shadow:var(--e-rest);align-self:start;padding:4px 22px}.referral-design .vw-faq details[open]{border-color:color-mix(in oklab, var(--vw-green-500) 32%, var(--hair));box-shadow:var(--e-raise)}.referral-design .vw-faq summary{cursor:pointer;font:var(--fw-semibold) var(--fs-lg) / 1.4 var(--font-sans);color:var(--fg-primary);justify-content:space-between;align-items:flex-start;gap:24px;padding:18px 0;list-style:none;display:flex}.referral-design .vw-faq summary::-webkit-details-marker{display:none}.referral-design .vw-faq summary .pm{width:22px;height:22px;color:var(--vw-green-600);flex-shrink:0;margin-top:3px;position:relative}.referral-design .vw-faq summary .pm:before,.referral-design .vw-faq summary .pm:after{content:"";background:currentColor;border-radius:2px;position:absolute}.referral-design .vw-faq summary .pm:before{height:2px;top:10px;left:3px;right:3px}.referral-design .vw-faq summary .pm:after{width:2px;transition:transform .26s var(--ease);top:3px;bottom:3px;left:10px}.referral-design .vw-faq details[open] summary .pm:after{transform:scaleY(0)}.referral-design .vw-faq .a{font:400 var(--fs-md) / 1.65 var(--font-sans);color:var(--fg-secondary);padding:0 0 20px}.referral-design .vw-faq .a p{margin:0}.referral-design .vw-faq .a strong{color:var(--fg-primary);font-weight:var(--fw-semibold)}.referral-design .vw-cta-band{border-radius:var(--r-2xl);isolation:isolate;background:linear-gradient(120deg, var(--vw-navy-900) 0%, var(--vw-navy-700) 46%, #00a345 100%);color:#fff;padding:56px 48px;position:relative;overflow:hidden}.referral-design .vw-cta-band.has-art{grid-template-columns:1.15fr .85fr;align-items:center;gap:24px 48px;display:grid}.referral-design .vw-cta-band .dots{z-index:0;opacity:.5;pointer-events:none;background-image:radial-gradient(circle,#ffffff12 1px,#0000 1.4px);background-size:24px 24px;position:absolute;inset:0}.referral-design .vw-cta-band h2{font:400 clamp(28px, 3.6vw, 40px) / 1.06 var(--font-display);letter-spacing:-.02em;color:#fff;z-index:1;margin:0 0 14px;position:relative}.referral-design .vw-cta-band h2 em{color:var(--vw-green-400);font-style:italic}.referral-design .vw-cta-band p{font:400 var(--fs-lg) / 1.55 var(--font-sans);color:#ffffffbd;z-index:1;max-width:52ch;margin:0 0 26px;position:relative}.referral-design .vw-cta-band .actions{z-index:1;flex-wrap:wrap;gap:12px;display:flex;position:relative}.referral-design .e-btn{font:var(--fw-bold) var(--fs-sm) / 1 var(--font-sans);border-radius:var(--r-pill);white-space:nowrap;border:1px solid #0000;align-items:center;gap:9px;padding:13px 22px;text-decoration:none;display:inline-flex}.referral-design .e-btn.primary{background:var(--vw-green-500);color:var(--fg-on-brand);box-shadow:var(--shadow-green-glow)}.referral-design .e-btn.on-dark{color:#fff;background:0 0;border-color:#ffffff38}@media (max-width:880px){.referral-design .vw-cta-band.has-art{grid-template-columns:1fr}.referral-design .vw-cta-band.has-art .cta-art{display:none}}
.referral-design{background:var(--vw-cream);color:var(--fg-primary);font:400 16px/1.6 var(--font-sans);-webkit-font-smoothing:antialiased}.referral-design .rf-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:48px;margin-top:8px;display:grid}.referral-design .rf-hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.referral-design .rf-hero-media .rf-media{box-shadow:0 24px 60px color-mix(in srgb, var(--vw-navy-900) 45%, transparent)}.referral-design .rf-paused{background:color-mix(in srgb, var(--vw-warning-500) 18%, transparent);border:1px solid color-mix(in srgb, var(--vw-warning-500) 45%, transparent);color:var(--vw-warning-50);font:500 14px/1.5 var(--font-sans);border-radius:12px;margin:0 0 18px;padding:10px 14px}@media (max-width:900px){.referral-design .rf-hero-grid{grid-template-columns:1fr;gap:32px}}.referral-design .rf-media{width:100%;overflow:hidden}.referral-design .rf-media .image-slot__img{width:100%;height:auto;display:block}.referral-design .rf-media:not(.image-slot--filled){aspect-ratio:4/3}.referral-design .vw-section.rf-earn-section{padding-top:48px;padding-bottom:0}.referral-design .rf-earn{--rf-split:42%;--rf-notch:11px;grid-template-columns:minmax(0, var(--rf-split)) minmax(0, 1fr);color:var(--vw-cream);background:radial-gradient(520px 280px at 18% 10%, color-mix(in srgb, var(--vw-green-500) 34%, transparent), transparent 70%), radial-gradient(380px 220px at 88% 90%, color-mix(in srgb, var(--vw-green-400) 16%, transparent), transparent 65%), linear-gradient(155deg, var(--vw-navy-900) 0%, var(--vw-navy-700) 55%, #062816 100%);box-shadow:0 28px 60px color-mix(in srgb, var(--vw-navy-900) 32%, transparent), inset 0 1px 0 color-mix(in srgb, var(--vw-cream) 10%, transparent);-webkit-mask:radial-gradient(circle var(--rf-notch) at var(--rf-split) 0, transparent 98%, #000 100%) top / 100% 51% no-repeat, radial-gradient(circle var(--rf-notch) at var(--rf-split) 100%, transparent 98%, #000 100%) bottom / 100% 51% no-repeat;-webkit-mask:radial-gradient(circle var(--rf-notch) at var(--rf-split) 0, transparent 98%, #000 100%) top / 100% 51% no-repeat, radial-gradient(circle var(--rf-notch) at var(--rf-split) 100%, transparent 98%, #000 100%) bottom / 100% 51% no-repeat;mask:radial-gradient(circle var(--rf-notch) at var(--rf-split) 0, transparent 98%, #000 100%) top / 100% 51% no-repeat, radial-gradient(circle var(--rf-notch) at var(--rf-split) 100%, transparent 98%, #000 100%) bottom / 100% 51% no-repeat;border-radius:24px;gap:0;display:grid;position:relative}.referral-design .rf-earn-max,.referral-design .rf-earn-unlimited{flex-direction:column;justify-content:center;gap:18px;min-height:220px;padding:36px 40px;display:flex;position:relative}.referral-design .rf-earn-max{background:color-mix(in srgb, var(--vw-green-500) 10%, transparent);padding-right:36px}.referral-design .rf-earn-unlimited{background-image:linear-gradient(to bottom, color-mix(in srgb, var(--vw-cream) 34%, transparent) 50%, transparent 50%);background-position:0 0;background-repeat:repeat-y;background-size:1.5px 11px;padding-left:48px}.referral-design .rf-earn-kicker{min-height:36px;font:700 11px/36px var(--font-mono,var(--font-sans));letter-spacing:.16em;text-transform:uppercase;color:var(--vw-green-400);margin:0;display:block}.referral-design .rf-earn-kicker--unlimited{letter-spacing:.12em;min-height:0;font-size:13px;line-height:1.2}.referral-design .rf-earn-amount{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:20px;width:100%;margin:0;display:flex}.referral-design .rf-earn-upto{font:700 clamp(24px, 3vw, 30px)/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--vw-green-300) 88%, white);flex-shrink:0;padding-bottom:.12em}.referral-design .rf-earn-dollar{text-align:right;font:400 clamp(52px, 7vw, 76px)/.9 var(--font-display);letter-spacing:-.03em;color:var(--vw-green-300);font-variant-numeric:tabular-nums;text-shadow:0 0 40px color-mix(in srgb, var(--vw-green-400) 35%, transparent);margin-left:auto}.referral-design .rf-earn-amount-label{max-width:none;font:500 15px/1.45 var(--font-sans);color:color-mix(in srgb, var(--vw-cream) 72%, transparent);margin:0}.referral-design .rf-earn-unlimited-head{align-items:center;gap:14px;min-height:36px;display:flex}.referral-design .rf-earn-infinity{background:color-mix(in srgb, var(--vw-green-500) 16%, transparent);width:36px;height:36px;color:var(--vw-green-400);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--vw-green-400) 28%, transparent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.referral-design .rf-earn-infinity svg{width:20px;height:20px}.referral-design .rf-earn-unlimited-title{font:400 clamp(28px, 3.4vw, 38px)/1.15 var(--font-display);letter-spacing:-.02em;color:var(--vw-cream);margin:0}.referral-design .rf-earn-unlimited-body{max-width:38ch;font:400 15px/1.55 var(--font-sans);color:color-mix(in srgb, var(--vw-cream) 74%, transparent);margin:0}@media (max-width:800px){.referral-design .vw-section.rf-earn-section{padding-top:32px}.referral-design .rf-earn{--rf-split:100%;grid-template-columns:1fr;-webkit-mask:none;mask:none}.referral-design .rf-earn-max{border-bottom:1px dashed color-mix(in srgb, var(--vw-cream) 22%, transparent)}.referral-design .rf-earn-unlimited{background-image:none;padding-left:24px}.referral-design .rf-earn-max,.referral-design .rf-earn-unlimited{gap:14px;min-height:0;padding:28px 24px}.referral-design .rf-earn-dollar{font-size:52px}}.referral-design .vw-section.rf-stats-section{padding-top:40px}@media (max-width:760px){.referral-design .vw-section.rf-stats-section{padding-top:36px}}.referral-design .rf-stats{background:var(--vw-paper);border:1px solid var(--border-default);box-shadow:0 14px 36px color-mix(in srgb, var(--vw-navy-700) 8%, transparent);border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.referral-design .rf-stats li{flex-direction:column;gap:6px;padding:22px 24px;display:flex}.referral-design .rf-stats li+li{border-left:1px solid var(--border-default)}.referral-design .rf-stats .v{font:400 34px/1 var(--font-display);letter-spacing:-.02em;color:var(--vw-green-700);font-variant-numeric:tabular-nums}.referral-design .rf-stats .l{font:500 13px/1.45 var(--font-sans);color:var(--fg-secondary)}@media (max-width:900px){.referral-design .rf-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.referral-design .rf-stats li:nth-child(3){border-left:none}.referral-design .rf-stats li:nth-child(n+3){border-top:1px solid var(--border-default)}}@media (max-width:480px){.referral-design .rf-stats li{padding:18px 16px}.referral-design .rf-stats .v{font-size:28px}}.referral-design .rf-steps{grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.referral-design .rf-step{background:var(--vw-paper);border:1px solid var(--border-default);border-radius:18px;flex-direction:column;padding:24px 22px 26px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative}.referral-design .rf-step:hover{border-color:color-mix(in srgb, var(--vw-green-500) 45%, var(--border-default));box-shadow:0 14px 30px color-mix(in srgb, var(--vw-navy-700) 8%, transparent);transform:translateY(-2px)}.referral-design .rf-step-head{justify-content:space-between;align-items:center;display:flex}.referral-design .rf-step .ic{background:var(--vw-green-50);width:46px;height:46px;color:var(--vw-green-700);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.referral-design .rf-step .n{font:400 30px/1 var(--font-display);letter-spacing:-.02em;color:var(--vw-gray-200);font-variant-numeric:tabular-nums}.referral-design .rf-step h3{font:600 16px/1.3 var(--font-sans);color:var(--fg-primary);margin:20px 0 8px}.referral-design .rf-step p{font:400 14px/1.6 var(--font-sans);color:var(--fg-secondary);margin:0}.referral-design .rf-step.is-final{background:var(--vw-navy-800);border-color:#0000}.referral-design .rf-step.is-final .ic{background:var(--vw-green-500);color:var(--fg-on-brand)}.referral-design .rf-step.is-final .n{color:color-mix(in srgb, var(--fg-on-dark) 22%, transparent)}.referral-design .rf-step.is-final h3{color:var(--fg-on-dark)}.referral-design .rf-step.is-final p{color:color-mix(in srgb, var(--fg-on-dark) 74%, transparent)}@property --rf-angle{syntax:"<angle>";inherits:false;initial-value:270deg}.referral-design .rf-steps{--rf-gap:44px;--rf-orbit:1.4s;--rf-hop:.5s;--rf-step:calc(var(--rf-orbit) + var(--rf-hop));--rf-cycle:calc(var(--rf-step) * 5);gap:var(--rf-gap)}.referral-design .rf-step{--rf-from:270deg;--rf-to:810deg}.referral-design .rf-step:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:conic-gradient(from calc(var(--rf-angle) - 80deg), transparent 0deg, color-mix(in srgb, var(--vw-green-500) 35%, transparent) 40deg, var(--vw-green-500) 74deg, var(--vw-green-300) 80deg, transparent 80.5deg, transparent 360deg);-webkit-mask-composite:xor;opacity:0;animation:rf-orbit var(--rf-cycle) linear infinite;animation-delay:calc(var(--i,0) * var(--rf-step));padding:2px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.referral-design .rf-step-link{z-index:1;width:var(--rf-gap);background:color-mix(in srgb, var(--vw-green-500) 28%, var(--border-default));border-radius:2px;height:2px;position:absolute;top:50%;left:100%;overflow:visible;transform:translateY(-50%)}.referral-design .rf-step-link:before{content:"";border-radius:inherit;background:linear-gradient(90deg, transparent 0%, var(--vw-green-500) 45%, var(--vw-green-300) 55%, transparent 100%);animation:rf-hop-x var(--rf-cycle) linear infinite;animation-delay:calc(var(--i,0) * var(--rf-step));background-position:-60% 0;background-repeat:no-repeat;background-size:60% 100%;position:absolute;inset:0}.referral-design .rf-step-arrow{background:var(--vw-paper);border:1px solid color-mix(in srgb, var(--vw-green-500) 35%, var(--border-default));width:26px;height:26px;color:var(--vw-green-600);box-shadow:0 4px 10px color-mix(in srgb, var(--vw-navy-700) 8%, transparent);animation:rf-arrow-pass var(--rf-cycle) ease-in-out infinite;animation-delay:calc(var(--i,0) * var(--rf-step));border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.referral-design .rf-step-arrow .arr{width:12px;height:12px}.referral-design .rf-step .ic{animation:rf-ic-ping var(--rf-cycle) ease-out infinite;animation-delay:calc(var(--i,0) * var(--rf-step))}@keyframes rf-orbit{0%{--rf-angle:var(--rf-from);opacity:1}14.7%{--rf-angle:var(--rf-to);opacity:1}16.5%,to{--rf-angle:var(--rf-to);opacity:0}}@keyframes rf-hop-x{0%,14.7%{background-position:-60% 0}20%,to{background-position:160% 0}}@keyframes rf-arrow-pass{0%,15%,20.5%,to{background:var(--vw-paper);color:var(--vw-green-600);transform:translate(-50%,-50%)}17.4%{background:var(--vw-green-500);color:var(--fg-on-brand);transform:translate(-30%,-50%)}}@keyframes rf-ic-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--vw-green-500) 45%, transparent)}7%,to{box-shadow:0 0 0 10px color-mix(in srgb, var(--vw-green-500) 0%, transparent)}}@media (max-width:1100px){.referral-design .rf-steps{grid-template-columns:1fr;max-width:720px}.referral-design .rf-step{grid-template-columns:auto minmax(0,1fr);column-gap:18px;padding:20px 22px;display:grid}.referral-design .rf-step:hover{transform:none}.referral-design .rf-step-head{flex-direction:column;justify-content:flex-start;align-items:center;gap:8px}.referral-design .rf-step .n{font-size:20px}.referral-design .rf-step h3{margin-top:4px}.referral-design .rf-steps{--rf-gap:40px}.referral-design .rf-step-link{width:2px;height:var(--rf-gap);top:100%;left:45px;transform:translate(-50%)}.referral-design .rf-step{--rf-from:312deg;--rf-to:948deg}.referral-design .rf-step-link:before{background:linear-gradient(180deg, transparent 0%, var(--vw-green-500) 45%, var(--vw-green-300) 55%, transparent 100%);background-position:0 -60%;background-size:100% 60%;animation-name:rf-hop-y}.referral-design .rf-step-arrow .arr{transform:rotate(90deg)}@keyframes rf-arrow-pass{0%,15%,20.5%,to{background:var(--vw-paper);color:var(--vw-green-600);transform:translate(-50%,-50%)}17.4%{background:var(--vw-green-500);color:var(--fg-on-brand);transform:translate(-50%,-30%)}}}@media (max-width:480px){.referral-design .rf-step{column-gap:14px;padding:18px 16px}.referral-design .rf-step .ic{border-radius:12px;width:40px;height:40px}.referral-design .rf-step-link{left:36px}}.referral-design .rf-banner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px;display:grid}.referral-design .rf-banner.reverse{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.referral-design .rf-banner.reverse .rf-media{order:2}.referral-design .rf-banner-copy .vw-h2{margin-top:10px}.referral-design .rf-banner-copy>p{font:400 16px/1.65 var(--font-sans);color:var(--fg-secondary);margin:14px 0 0}.referral-design .rf-banner-copy .cta-pill{margin-top:24px}@media (max-width:900px){.referral-design .rf-banner,.referral-design .rf-banner.reverse{grid-template-columns:1fr;gap:28px}.referral-design .rf-banner.reverse .rf-media{order:0}}.referral-design .rf-checks{flex-direction:column;gap:10px;margin:20px 0 0;padding:0;list-style:none;display:flex}.referral-design .rf-checks li{font:500 14px/1.5 var(--font-sans);color:var(--fg-secondary);gap:10px;display:flex}.referral-design .rf-checks li:before{content:"";background:var(--vw-green-500);border-radius:50%;flex-shrink:0;width:18px;height:18px;margin-top:1px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") 50%/12px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") 50%/12px no-repeat}.referral-design .rf-payouts{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.referral-design .rf-payout{background:var(--vw-paper);border:1px solid var(--border-default);border-radius:18px;padding:32px}.referral-design .rf-payout.cash{background:var(--vw-navy-800);color:var(--fg-on-dark);border-color:#0000}.referral-design .rf-payout .eb2{font:700 11px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--vw-green-700)}.referral-design .rf-payout.cash .eb2{color:var(--vw-green-400)}.referral-design .rf-payout h3{font:400 32px/1.1 var(--font-display);letter-spacing:-.01em;margin:14px 0 8px}.referral-design .rf-payout>p{font:400 15px/1.65 var(--font-sans);color:var(--fg-secondary);margin:0}.referral-design .rf-payout.cash>p,.referral-design .rf-payout.cash .rf-checks li{color:color-mix(in srgb, var(--fg-on-dark) 78%, transparent)}@media (max-width:880px){.referral-design .rf-payouts{grid-template-columns:1fr}.referral-design .rf-payout{padding:26px 22px}}.referral-design .rf-rules{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.referral-design .rf-rule{background:var(--vw-paper);border:1px solid var(--border-default);border-radius:14px;padding:24px 22px}.referral-design .rf-rule h3{font:600 16px/1.3 var(--font-sans);margin:0 0 8px}.referral-design .rf-rule p{font:400 14px/1.6 var(--font-sans);color:var(--fg-secondary);margin:0}@media (max-width:980px){.referral-design .rf-rules{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.referral-design .rf-rules{grid-template-columns:1fr}}.referral-design .rf-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.referral-design .rf-link{border:1px solid var(--border-default);background:var(--vw-paper);color:inherit;border-radius:14px;flex-direction:column;gap:6px;padding:18px 20px;text-decoration:none;transition:border-color .16s,transform .16s;display:flex}.referral-design .rf-link:hover{border-color:var(--vw-green-500);transform:translateY(-1px)}.referral-design .rf-link .t{font:600 15px/1.3 var(--font-sans);color:var(--fg-primary)}.referral-design .rf-link .t:after{content:" →";color:var(--vw-green-600)}.referral-design .rf-link .c{font:400 13px/1.5 var(--font-sans);color:var(--fg-muted)}@media (max-width:900px){.referral-design .rf-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.referral-design .rf-links{grid-template-columns:1fr}}@keyframes rf-hop-y{0%,14.7%{background-position:0 -60%}20%,to{background-position:0 160%}}@media (prefers-reduced-motion:reduce){.referral-design .rf-step:after{display:none}.referral-design .rf-step-link:before,.referral-design .rf-step-arrow,.referral-design .rf-step .ic{animation:none}}