.aff-landing{--aff-purple:#9fe50b;color:#fff;min-height:calc(100dvh - var(--viva-shell-chrome-h,56px));background:#000}.viva-content:has(.aff-landing){padding:0;overflow:auto}.viva-app:has(.aff-landing){--viva-sidebar-w:0px;padding-left:0!important}:is(.viva-app:has(.aff-landing) .viva-sidebar,.viva-app:has(.aff-landing) .viva-sidebar-edge,.viva-app:has(.aff-landing) .viva-mobile-nav){display:none!important}.aff-hero{text-align:center;width:min(1080px,100% - 40px);margin:0 auto;padding:72px 0 28px}.aff-invite-kicker{color:#cfff69;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:700}.aff-hero:has(.aff-invite-kicker) h1{max-width:22ch}.aff-hero h1{letter-spacing:-.045em;max-width:16ch;margin:0 auto 16px;font-size:clamp(40px,6vw,72px);font-weight:650;line-height:1.02}.aff-hero h1 em{color:var(--aff-purple);font-style:normal}.aff-hero p{color:#ffffff8c;max-width:42ch;margin:0 auto 28px;font-size:16px;line-height:1.5}.aff-ctas{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.aff-btn{background:var(--aff-purple);color:#111;cursor:pointer;border:0;border-radius:999px;padding:12px 18px;font-size:14px;font-weight:650;text-decoration:none}.aff-btn-ghost{color:#fff;background:#1a1a1a}.aff-cards{perspective:1400px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:18px;width:min(1100px,100% - 32px);margin:20px auto 80px;display:grid}.aff-card{aspect-ratio:4/5;isolation:isolate;transform-style:preserve-3d;background:#111;border-radius:28px;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.aff-card:first-child{transform:rotate(-6deg)translateY(18px)}.aff-card:nth-child(2){transform:rotate(2deg)}.aff-card:nth-child(3){transform:rotate(7deg)translateY(10px)}.aff-card:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(115deg,#0000 20%,#9fe50b38 48%,#0000 72%);transition:transform .75s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(-130%)}.aff-card:hover{z-index:3;box-shadow:0 28px 70px #00000073,0 0 0 1px #9fe50b47,0 18px 50px #9fe50b29}.aff-card:first-child:hover,.aff-card:nth-child(2):hover,.aff-card:nth-child(3):hover{transform:rotate(0)translateY(-16px)scale(1.05)}.aff-card:hover:after{transform:translate(130%)}.aff-card img,.aff-card video{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.22,1,.36,1);display:block}.aff-card:hover img,.aff-card:hover video{transform:scale(1.08)}.aff-how{width:min(980px,100% - 40px);margin:0 auto;padding:40px 0 80px}.aff-how h2{letter-spacing:-.04em;max-width:14ch;margin:0 0 48px;font-size:clamp(32px,5vw,56px);font-weight:650;line-height:1.05}.aff-how h2 em{color:var(--aff-purple);font-style:normal}.aff-steps{grid-template-columns:1fr 1fr;gap:48px 40px;display:grid}.aff-step{border-top:1px solid #ffffff14;padding-top:18px}.aff-step i{color:#ffffff59;margin-bottom:10px;font-size:13px;font-style:normal;display:block}.aff-step h3{margin:0 0 8px;font-size:22px;font-weight:600}.aff-step p{color:#ffffff80;margin:0;font-size:15px;line-height:1.5}.aff-faq{width:min(980px,100% - 40px);margin:0 auto;padding:20px 0 80px}.aff-faq h2{letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(32px,5vw,52px)}.aff-faq h2 em{color:var(--aff-purple);font-style:normal}.aff-faq>p{color:#ffffff80;margin:0 0 28px}.aff-faq details{border-top:1px solid #ffffff14;padding:16px 0}.aff-faq summary{cursor:pointer;font-size:16px;font-weight:550;list-style:none}.aff-faq summary::-webkit-details-marker{display:none}.aff-faq details p{color:#ffffff80;margin:10px 0 0;font-size:14px;line-height:1.55}.aff-end{width:min(980px,100% - 40px);margin:0 auto;padding:40px 0 100px}.aff-end h2{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(32px,5vw,52px)}.aff-end p{color:#ffffff80;margin:0 0 22px}@media (max-width:800px){.aff-cards,.aff-steps{grid-template-columns:1fr}.aff-card{transform:none!important}}
