.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-stats-section{padding-top:56px}@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-dark)}.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-dark);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-dark);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}}