.affiliate-program{background:radial-gradient(circle at top left,#fef3ff,transparent 55%),radial-gradient(circle at bottom right,#e0f9ff,transparent 55%),#f9fafb;padding:180px 0}.affiliate-program__inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center}.affiliate-program__content{max-width:520px}.affiliate-program__eyebrow{font-size:1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;color:#7c3aed}.affiliate-program__title{font-size:clamp(2rem,3vw,2.6rem);line-height:1.2;margin:0 0 16px;color:#111827}.affiliate-program__body{font-size:1rem;line-height:1.7;margin:0 0 24px;color:#4b5563}.affiliate-program__button{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:999px;border:1px solid #7c3aed;font-size:.95rem;font-weight:500;text-decoration:none;background-color:#7c3aed;color:#fff;box-shadow:0 10px 20px #7c3aed47;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .1s ease,border-color .16s ease}.affiliate-program__button:hover{background-color:#5b21b6;border-color:#5b21b6;box-shadow:0 14px 28px #581c8759;transform:translateY(-1px)}.affiliate-program__button:focus-visible{outline:2px solid #5b21b6;outline-offset:2px}.affiliate-program__visual{display:flex;justify-content:flex-end}.affiliate-program__image{width:100%;max-width:300px;height:auto;display:block;border-radius:24px;object-fit:cover;box-shadow:0 18px 45px #0f172a29}@media screen and (max-width:1024px){.affiliate-program{padding:140px 0}.affiliate-program__inner{gap:32px}.affiliate-program__image{max-width:200px}}@media screen and (max-width:768px){.affiliate-program{padding:120px 0}.affiliate-program__button-container{display:flex;align-items:center;justify-content:center}.affiliate-program__inner{grid-template-columns:1fr}.affiliate-program__visual{order:-1;justify-content:center;margin-bottom:8px}.affiliate-program__content{max-width:none;text-align:left}.affiliate-program__image{max-width:260px}}.affiliate-no-footer-margin footer{margin-top:0!important}
/*# sourceMappingURL=/cdn/shop/t/2/assets/x-custom-affiliate-program-hero.css.map */