/* Become a reseller: "3 clicks" simulator, tier strip, comparison (ResellerSimulator.tsx) */
.rs{--red:#f62d00;--red-d:#c92400;--ink:#121212;--text:#4a4a4a;--muted:#6b6560;--line:#eee7e0;--dash:#f62d004d;--tint:#fff5f1;--yel:#ffe14d;--mint:#7dffb0;padding:84px 0 96px;font-family:Poppins,sans-serif;color:var(--ink);background:#fbf8f5;scroll-margin-top:80px}
.rs *,.rs *::before,.rs *::after{box-sizing:border-box}
.rs-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.rs p{margin:0}
.rs-title{font:900 clamp(32px,4vw,52px)/1.06 Poppins,sans-serif;letter-spacing:-.04em;margin:0 0 12px;text-align:center;text-wrap:balance;color:var(--ink)}
.rs-title em{font-style:normal;color:#fff;-webkit-text-stroke:max(1.2px,.025em) var(--ink);text-shadow:.04em .08em 0 var(--ink)}
.rs-title--sm{font-size:clamp(26px,3vw,38px);margin-top:84px}
.rs-lead{font:400 clamp(16px,1.4vw,18px)/1.6 Poppins,sans-serif;color:var(--text);max-width:700px;margin:0 auto 46px!important;text-align:center}
.rs-step{display:flex;align-items:center;gap:12px;margin:0 0 16px!important;font:800 18px/1.25 Poppins,sans-serif}
.rs-step b{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border:2px solid var(--ink);border-radius:50%;background:var(--red);color:#fff;font:900 16px Poppins,sans-serif;box-shadow:0 3px 0 var(--ink)}
.rs-sim{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:40px;align-items:start}
.rs-panel{display:grid;gap:40px;min-width:0}
.rs button{font:inherit;color:inherit;margin:0}

/* 1. ways */
.rs-ways{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:12px}
.rs-way{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;text-align:center;background:#fff;border:2px solid var(--ink)!important;border-radius:24px!important;padding:18px 14px 16px!important;box-shadow:0 5px 0 var(--ink)!important;transition:transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .2s,background-color .2s;user-select:none;text-transform:none!important;letter-spacing:normal!important}
.rs-way:nth-child(1){rotate:-2deg}.rs-way:nth-child(2){rotate:1.2deg}.rs-way:nth-child(3){rotate:-1deg}
.rs-way:hover{transform:translateY(-6px) rotate(1deg);background:#fff}
.rs-way.is-on{background:var(--tint)!important;border-color:var(--red)!important;box-shadow:0 9px 0 var(--red)!important;transform:translateY(-6px) scale(1.03)}
.rs-way:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.rs-way__img{height:96px;width:auto;max-width:100%;object-fit:contain}
.rs-way__img--whmcs{height:80px;rotate:-8deg}
.rs-way.is-on .rs-way__img{animation:rs-wiggle .6s ease}
@keyframes rs-wiggle{25%{transform:rotate(-7deg) scale(1.08)}60%{transform:rotate(6deg) scale(1.05)}}
.rs-way__txt{display:block}
.rs-way__title{display:block;margin-top:8px;font:900 19px/1.15 Poppins,sans-serif;letter-spacing:-.02em;color:var(--ink)}
.rs-way__sub{display:block;margin-top:2px;font:500 13px/1.35 Poppins,sans-serif;color:var(--muted)}
.rs-tag{position:absolute;top:-14px;inset-inline-end:-8px;rotate:8deg;padding:7px 12px;border:2px solid var(--ink);border-radius:12px;background:var(--yel);font:900 16px/1 Poppins,sans-serif;color:var(--ink);box-shadow:0 3px 0 var(--ink);white-space:nowrap}
.rs-tag small{font:700 11px Poppins,sans-serif}
.rs-tag--free{background:var(--mint)}
.rs-way__check{position:absolute;top:12px;inset-inline-start:12px;width:26px;height:26px;border-radius:50%;border:2px solid var(--ink);background:#fff;display:grid;place-items:center;font:900 14px/1 Poppins,sans-serif;color:transparent;transition:.2s}
.rs-way.is-on .rs-way__check{background:var(--red);color:#fff}

/* 2. plans */
.rs-plans{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.rs-plan{cursor:pointer;display:flex;flex-direction:column;align-items:center;border:2px dashed var(--dash)!important;border-radius:18px!important;background:#fff!important;padding:12px 6px!important;text-align:center;transition:.18s;box-shadow:none!important;text-transform:none!important;letter-spacing:normal!important;color:var(--ink)!important}
.rs-plan:hover{border-color:var(--red)!important}
.rs-plan.is-on{border:2px solid var(--ink)!important;box-shadow:0 4px 0 var(--ink)!important;background:var(--red)!important;color:#fff!important}
.rs-plan__n{font:800 14px/1.2 Poppins,sans-serif}
.rs-plan__spec{font:500 11px/1.3 Poppins,sans-serif;opacity:.75;margin-top:2px}
.rs-plan s{margin-top:8px;font:500 13px Poppins,sans-serif;opacity:.6}
.rs-plan__w{font:900 21px/1.1 Poppins,sans-serif;letter-spacing:-.02em;color:var(--red)}
.rs-plan.is-on .rs-plan__w{color:#fff}
.rs-plan__u{font:500 10px Poppins,sans-serif;opacity:.7}

/* 3. sliders */
.rs-sliders{background:#fff;border:2px solid var(--ink);border-radius:22px;padding:20px 24px;box-shadow:0 4px 0 var(--ink);display:grid;gap:22px}
.rs-sl__label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 10px;font:700 15px/1.3 Poppins,sans-serif;color:var(--ink)}
.rs-sl__label output{font:900 24px Poppins,sans-serif;color:var(--red)}
.rs input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:12px;margin:0;padding:0;border-radius:99px;background:linear-gradient(90deg,var(--red) var(--p,50%),#f1ebe4 var(--p,50%));border:2px solid var(--ink);outline:none;cursor:pointer}
.rs input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);cursor:grab}
.rs input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--ink);cursor:grab}
.rs input[type=range]:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.rs-hint{font:500 12px/1.45 Poppins,sans-serif;color:var(--muted);margin-top:8px!important}

/* receipt */
.rs-receipt{position:sticky;top:96px;background:#fff;padding:26px 26px 30px;border:2px solid var(--ink);border-radius:6px 6px 0 0;box-shadow:0 10px 0 var(--ink);rotate:1.2deg}
.rs-receipt::after{content:"";position:absolute;left:-2px;right:-2px;bottom:-14px;height:14px;background:radial-gradient(circle at 10px -2px,transparent 11px,#fff 12px) 0 0/20px 14px repeat-x;filter:drop-shadow(0 2px 0 var(--ink))}
.rs-r__top{display:flex;align-items:center;gap:14px;border-bottom:2px dashed var(--ink);padding-bottom:14px;margin-bottom:14px}
.rs-r__top img{flex:none;height:92px;width:92px;object-fit:contain}
.rs-r__top img.is-pop{animation:rs-pop .5s cubic-bezier(.3,1.8,.5,1)}
@keyframes rs-pop{0%{transform:scale(.6) rotate(-10deg)}100%{transform:scale(1)}}
.rs-r__title{font:900 20px/1.15 Poppins,sans-serif;letter-spacing:-.02em}
.rs-r__sub{font:500 12px/1.4 Poppins,sans-serif;color:var(--muted);margin-top:4px!important}
.rs-line{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font:500 14px/1.5 ui-monospace,Menlo,Consolas,monospace;color:var(--ink)}
.rs-line span:last-child{font-weight:700;white-space:nowrap}
.rs-line--minus span:last-child{color:var(--red-d)}
.rs-tier{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0;padding:10px 12px;border:2px solid var(--ink);border-radius:14px;background:var(--yel);font:800 14px Poppins,sans-serif}
.rs-tier__badge{display:inline-block;padding:4px 10px;border-radius:99px;background:var(--ink);color:#fff;font:800 12px Poppins,sans-serif}
.rs-tier.is-up{animation:rs-bump .6s ease}
@keyframes rs-bump{30%{transform:scale(1.08) rotate(-2deg)}60%{transform:scale(.97)}}
.rs-next{font:500 12px/1.4 Poppins,sans-serif;color:var(--muted);margin:-4px 0 6px!important}
.rs-bar{height:8px;border-radius:99px;background:#f1ebe4;border:1.5px solid var(--ink);overflow:hidden}
.rs-bar i{display:block;height:100%;background:var(--red);transition:width .4s}
.rs-total{margin-top:18px;padding-top:14px;border-top:2px dashed var(--ink);text-align:center}
.rs-total__label{font:800 12px/1.3 Poppins,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rs-total__big{margin-top:4px!important;font:900 58px/1.05 Poppins,sans-serif;color:#fff;-webkit-text-stroke:1.3px var(--ink);text-shadow:2px 4px 0 var(--ink);letter-spacing:-.03em}
.rs-total__yr{font:600 13px Poppins,sans-serif;color:var(--text)}
.rs-total.is-neg .rs-total__big{-webkit-text-stroke-color:var(--red-d);text-shadow:2px 4px 0 var(--red-d)}
.rs a.rs-cta{display:flex;width:100%;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:15px 20px;border:2px solid var(--ink);border-radius:999px;background:var(--red);color:#fff;font:800 16px/1.1 Poppins,sans-serif;text-decoration:none;box-shadow:0 4px 0 var(--ink);text-align:center}
.rs a.rs-cta:hover{transform:translateY(-2px)}
.rs-fine{text-align:center;font:500 11px/1.45 Poppins,sans-serif;color:var(--muted);margin-top:10px!important}
.rs-confetti{position:fixed;pointer-events:none;width:10px;height:14px;z-index:99;border:1.5px solid #121212;border-radius:2px;animation:rs-fall 1.1s ease-out forwards}
@keyframes rs-fall{to{transform:translate(var(--dx),var(--dy)) rotate(var(--r));opacity:0}}

/* tier strip */
.rs-tiers{margin-top:64px}
.rs-tiers__title{text-align:center;font:800 13px/1.3 Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--red-d);margin-bottom:14px!important}
.rs-tiers__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.rs-tiers__list li{border:2px dashed var(--dash);border-radius:16px;background:#fff;text-align:center;padding:12px 4px;transition:transform .25s,border-color .2s,box-shadow .2s}
.rs-tiers__list li.is-on{border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);transform:translateY(-4px);background:var(--yel)}
.rs-tiers__n{display:block;font:700 13px/1.2 Poppins,sans-serif}
.rs-tiers__from{display:block;margin-top:2px;font:500 11px/1.3 Poppins,sans-serif;color:var(--muted)}
.rs-tiers__pct{display:block;margin-top:6px;font:900 21px/1 Poppins,sans-serif;color:var(--red)}
.rs-refer{margin-top:34px!important;text-align:center;font:500 15px/1.5 Poppins,sans-serif;color:var(--text)}
.rs-refer a{color:var(--red-d);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* comparison */
.rs-table{margin-top:34px;border:2px solid var(--ink);border-radius:22px;background:#fff;box-shadow:0 5px 0 var(--ink);overflow:hidden}
.rs-table table{width:100%;border-collapse:collapse;margin:0;border:0;font:400 15px/1.45 Poppins,sans-serif}
.rs-table th,.rs-table td{padding:15px 18px;text-align:start;vertical-align:top;border:0;border-top:1px solid var(--line);background:none}
.rs-table thead th{border-top:0;background:var(--ink);color:#fff;font:800 15px/1.3 Poppins,sans-serif}
.rs-table tbody th{width:22%;font:700 12px/1.45 Poppins,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.rs-table td{color:var(--ink)}
.rs-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.rs-note{margin-top:14px!important;text-align:center;font:500 14px/1.5 Poppins,sans-serif;color:var(--text)}
[dir=rtl] .rs-arrow{display:inline-block;transform:scaleX(-1)}
[dir=rtl] .rs-receipt{rotate:-1.2deg}

@media (max-width:1100px){.rs-sim{grid-template-columns:1fr}.rs-receipt{position:static;rotate:0deg;max-width:480px;width:100%;margin:0 auto}.rs-plans{grid-template-columns:repeat(3,minmax(0,1fr))}.rs-tiers__list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:767px){.rs{padding:60px 0 70px}.rs-wrap{padding:0 16px}.rs-table{overflow-x:auto}.rs-table table{min-width:620px}.rs-title--sm{margin-top:64px}}
@media (max-width:620px){.rs-ways{grid-template-columns:1fr;gap:22px}.rs-way{flex-direction:row;text-align:start;gap:14px;padding:14px 16px!important}.rs-way__img{height:72px;width:80px}.rs-way__img--whmcs{height:60px}.rs-way__title{margin-top:0}.rs-way__check{display:none}.rs-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.rs-total__big{font-size:48px}.rs-receipt{padding:22px 18px 26px}}
@media (prefers-reduced-motion:reduce){.rs-way,.rs-way.is-on .rs-way__img,.rs-tier.is-up,.rs-r__top img.is-pop{animation:none!important;transition:none!important}}
/* Shield against the site's global button and image rules */
.rs .rs-way{background:#fff!important;color:var(--ink)!important;font-weight:400!important;line-height:1.3!important;min-height:0!important;height:auto!important;width:auto!important}
.rs .rs-way:hover,.rs .rs-way:focus{background:#fff!important;color:var(--ink)!important}
.rs .rs-way.is-on,.rs .rs-way.is-on:hover{background:var(--tint)!important}
.rs .rs-way__img{height:96px!important;width:auto!important;max-width:100%!important;object-fit:contain}
.rs .rs-way__img--whmcs{height:80px!important}
.rs .rs-plan{min-height:0!important;height:auto!important;width:auto!important;line-height:1.3!important}
.rs .rs-plan:hover:not(.is-on),.rs .rs-plan:focus:not(.is-on){background:#fff!important;color:var(--ink)!important}
.rs .rs-r__top img{height:92px!important;width:92px!important}
@media (max-width:620px){.rs .rs-way__img{height:72px!important;width:80px!important}.rs .rs-way__img--whmcs{height:60px!important}}
[dir=rtl] .rs input[type=range]{background:linear-gradient(270deg,var(--red) var(--p,50%),#f1ebe4 var(--p,50%))}
.rs-plan__spec{unicode-bidi:plaintext}