section.rp-page{--dcent-color-accent: var(--dcent-color-brand);--rp-brand-on-light: var(--dcent-color-brand-ink);--rp-faq-open-bg: color-mix( in srgb, var(--dcent-color-brand) 22%, var(--dcent-color-bg) );--dcent-color-text-body: var(--dcent-color-gray-2);--dcent-color-border: var(--dcent-color-gray-ec);--dcent-color-surface: var(--dcent-color-bg);--dcent-color-text-inverse: var(--dcent-color-bg);interpolate-size:allow-keywords;display:block;box-sizing:border-box;background:var(--dcent-color-bg);color:var(--dcent-color-text);padding:0 16px 130px}section.rp-page *{box-sizing:border-box}.rp-container{max-width:1310px;margin:0 auto}.rp-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:90px 0}.rp-hero__copy{text-align:left}.rp-hero__title{font-size:60px;font-weight:700;line-height:1.17;margin:0 0 16px;color:var(--dcent-color-text)}.rp-hero__lead{font-size:16px;line-height:1.6;margin:0 0 32px;color:var(--dcent-color-text)}.rp-hero__cta{display:flex;flex-wrap:wrap;gap:16px;margin:0}.rp-hero__media{display:flex;justify-content:center}.rp-hero__img{display:block;width:100%;max-width:400px;height:auto}.rp-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 32px;border-radius:var(--dcent-radius-sm, 8px);border:1px solid transparent;font-size:16px;font-weight:600;line-height:1.4;text-decoration:none;transition:opacity .2s ease}.rp-btn:hover{opacity:.85}.rp-btn--primary{background:var(--dcent-color-accent);color:var(--dcent-color-on-brand);border-color:var(--dcent-color-accent)}.rp-btn--ghost{background:var(--dcent-color-surface);color:var(--rp-brand-on-light);border-color:var(--rp-brand-on-light)}.rp-block{padding:0}.rp-heading{font-size:40px;font-weight:700;line-height:1.2;margin:0 0 12px;text-align:center;color:var(--dcent-color-text)}.rp-subheading{font-size:22px;font-weight:400;line-height:1.45;margin:0 0 40px;text-align:center;color:var(--dcent-color-text)}.rp-steps__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.rp-step{border:1px solid var(--dcent-color-border);border-radius:40px;padding:48px 30px;text-align:center;background:var(--dcent-color-surface)}.rp-step__title{font-size:24px;font-weight:700;line-height:1.25;margin:0 0 12px;color:var(--dcent-color-text)}.rp-step__body{font-size:16px;line-height:1.5;margin:0;color:var(--dcent-color-text)}.rp-benefits{display:grid;grid-template-columns:.8fr 1.6fr;align-items:start;gap:48px;padding:100px 0 50px}.rp-benefits__aside{text-align:left}.rp-benefits__heading{font-size:40px;font-weight:700;line-height:1.4;margin:0 0 16px;text-align:left;color:var(--dcent-color-text)}.rp-benefits__intro{font-size:16px;line-height:1.6;margin:0 0 24px;color:var(--dcent-color-text)}.rp-benefits__grid{display:flex;flex-direction:column;gap:20px}.rp-benefit{position:relative;display:flex;align-items:center;gap:20px;border-radius:28px;border:1px solid transparent;padding:22px 28px 22px 56px;text-align:left}.rp-benefit__num{position:absolute;left:-28px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;font-size:26px;font-weight:700;color:var(--dcent-color-text-inverse)}.rp-benefit__title{font-size:24px;font-weight:700;line-height:1.25;margin:0 0 8px;color:var(--dcent-color-text)}.rp-benefit__body{font-size:16px;line-height:1.5;margin:0;color:var(--dcent-color-text)}.rp-benefit__body+.rp-benefit__body{margin-top:6px}.rp-benefit--1{background:var(--dcent-referral-card1-bg);border-color:var(--dcent-referral-card1-border)}.rp-benefit--1 .rp-benefit__num{background:var(--dcent-referral-card1-accent)}.rp-benefit--2{background:var(--dcent-referral-card2-bg);border-color:var(--dcent-referral-card2-border)}.rp-benefit--2 .rp-benefit__num{background:var(--dcent-referral-card2-accent)}.rp-benefit--3{background:var(--dcent-referral-card3-bg);border-color:var(--dcent-referral-card3-border)}.rp-benefit--3 .rp-benefit__num{background:var(--dcent-referral-card3-accent)}.rp-faq__list{max-width:900px;margin:0 auto;text-align:left;display:flex;flex-direction:column;gap:8px}.rp-faq__item{border-radius:var(--dcent-radius-md, 10px);overflow:hidden}.rp-faq__item::details-content{height:0;overflow:hidden;transition:height .25s ease,content-visibility .25s ease allow-discrete}.rp-faq__item[open]::details-content{height:auto}.rp-faq__q{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:16px;font-weight:500;cursor:pointer;list-style:none;background:var(--dcent-referral-faq-bar);color:var(--dcent-color-text-inverse)}.rp-faq__q::marker,.rp-faq__q::-webkit-details-marker{display:none}.rp-faq__marker{flex:none;font-size:10px;line-height:1}.rp-faq__q-text{flex:1 1 auto}.rp-faq__chevron{flex:none;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}.rp-faq__item[open] .rp-faq__q{background:var(--rp-faq-open-bg);color:var(--dcent-color-text)}.rp-faq__item[open] .rp-faq__chevron{transform:rotate(225deg)}.rp-faq__a{padding:18px 20px 22px;font-size:15px;line-height:1.7;color:var(--dcent-color-text-body);background:var(--dcent-color-surface)}.rp-faq__a p{margin:0}.rp-faq__a p+p{margin-top:10px}.rp-faq__a a{color:var(--rp-brand-on-light);text-decoration:underline}.rp-faq__cta{margin-top:36px;display:flex;justify-content:center}@media(max-width:1023px){.rp-hero,.rp-benefits{grid-template-columns:1fr}.rp-hero__title{font-size:44px}.rp-heading,.rp-benefits__heading{font-size:32px}.rp-subheading{font-size:18px;margin-bottom:28px}.rp-steps__grid{grid-template-columns:repeat(2,1fr)}.rp-step{padding:36px 24px}}@media(max-width:767px){.rp-hero{padding:40px 0}.rp-benefits{padding:40px 0 24px}.rp-hero__copy{text-align:center}.rp-hero__title{font-size:34px}.rp-hero__cta{justify-content:center}.rp-steps__grid{grid-template-columns:1fr}.rp-benefit{margin-left:28px;padding:20px 20px 20px 44px}.rp-benefits__heading,.rp-benefits__aside{text-align:center}.rp-benefits__aside .rp-btn{display:inline-flex}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/referral-program.css.map */