/* Preserve the existing theme. Motion communicates a step, never a floating UI. */
.orb,.phone,.settle .coin{animation:none}
.packet{animation-name:rd-travel;animation-iteration-count:1;animation-fill-mode:both}
@keyframes rd-travel{from{left:0;opacity:0}to{left:50%;opacity:1}}
.rd-intro h1{max-width:17ch}
.rd-launch{display:flex;align-items:center;gap:30px;background:var(--lime);color:#10251a;border-radius:12px;padding:16px 22px;font-size:14px;font-weight:700}
.rd-launch:hover{background:#d8ff78}.rd-launch span{font-size:22px}
.rd-slide{overflow:auto;display:block;padding-top:24px;padding-bottom:24px}
#rewardsDemo{height:100%;min-height:610px}
.rd-layout{height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:clamp(30px,6vw,100px);align-items:center;max-width:1240px;margin:auto}
.rd-copy{display:grid;gap:22px;align-content:center}.rd-copy h2{max-width:15ch;font-size:clamp(38px,4.5vw,64px);line-height:1.04}.rd-copy .lead{font-size:clamp(15px,1.3vw,18px);max-width:48ch}
.rd-progress{list-style:none;margin:6px 0;padding:0;display:flex;gap:12px;justify-content:space-between;max-width:560px}
.rd-progress li{display:grid;justify-items:start;align-content:start;gap:10px;color:var(--dim);font-size:11px;line-height:1.4;max-width:95px}
.rd-progress i{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:30px;height:30px;font:12px var(--mono);font-style:normal}
.rd-progress .active{color:var(--ink)}.rd-progress .active i{border-color:var(--teal);color:var(--teal)}.rd-progress [aria-current] i{background:var(--lime);border-color:var(--lime);color:#10251a}
.rd-note{font-size:13px;color:var(--muted);line-height:1.6;border-left:2px solid var(--teal);padding-left:15px;max-width:52ch}
.rd-tools{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font:10px var(--mono);color:var(--dim)}.rd-tools button{color:var(--muted);padding:8px;border:1px solid var(--line);border-radius:8px}
.rd-preview{display:grid;justify-items:center;gap:12px}.rd-device{width:360px;max-width:100%;border:1px solid #496055;border-radius:36px;padding:9px;background:#040c08;box-shadow:0 24px 65px -35px #000}
.rd-device-bar{display:flex;justify-content:space-between;font:10px var(--mono);color:#324d3e;background:#f6f7f1;border-radius:26px 26px 0 0;padding:13px 24px 6px}
.rd-content{background:#f6f7f1;color:#142c20;border-radius:0 0 26px 26px;padding:14px 22px 22px;min-height:510px;display:flex;flex-direction:column;gap:14px;animation:rd-reveal .2s ease-out}
@keyframes rd-reveal{from{opacity:.88}to{opacity:1}}
.rd-brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;margin-bottom:4px}.rd-brand img{width:108px;height:24px;object-fit:contain}.rd-brand .rd-mk{width:27px;height:27px;border-radius:8px}.rd-brand span{font-size:11px;color:#4d695a;border-left:1px solid #c8d8ce;padding-left:10px}
.rd-content h3{font:600 25px/1.12 var(--sans);letter-spacing:-.045em;outline:none}.rd-description{font-size:12px;line-height:1.6;color:#526d5e}.rd-ticket{border:1px solid #d8e2d6;border-radius:13px;background:#fff;padding:4px 12px}
.rd-row{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:10px 0;border-bottom:1px solid #e7ede4;font-size:11px;line-height:1.45}.rd-row:last-child{border-bottom:0}.rd-row span{color:#557061}.rd-row b{text-align:right;color:#163524}
.rd-action{display:block;width:100%;text-align:center;background:#163c29;color:white;padding:13px 12px;border-radius:11px;font-size:12px;font-weight:700;min-height:43px;margin-top:auto}
.rd-action+.rd-action{margin-top:0}.rd-action:hover{background:#215b3e}.rd-action.secondary{background:transparent;color:#163c29;border:1px solid #b7cbbb}.rd-action:focus-visible,.rd-products button:focus-visible,.rd-select select:focus-visible{outline:3px solid #5e881d;outline-offset:2px}
.rd-balance{display:grid;gap:5px;padding:12px 0}.rd-balance span{font-size:11px;color:#557061}.rd-balance strong{font-size:44px;line-height:1.1;letter-spacing:-.06em}.rd-balance small{font:9px var(--mono);color:#62806e}
.rd-select{display:grid;gap:8px;font-size:11px;color:#557061}.rd-select select{width:100%;background:white;border:1px solid #c8d8ce;border-radius:10px;color:#163524;padding:11px;font:11px var(--sans)}
.rd-reward-mark{display:flex;align-items:baseline;gap:12px;padding:24px 0 12px;color:#1b6d46;font-size:62px;font-weight:700;letter-spacing:-.06em}.rd-reward-mark span{font:12px var(--mono);letter-spacing:0}
.rd-otp{padding:20px 10px;background:white;border:1px solid #c8d8ce;border-radius:13px;font:24px var(--mono);text-align:center;word-spacing:7px}
.rd-success,.rd-status{border-radius:11px;padding:11px 12px;background:#e6eedb;color:#3c5e25;font-size:11px;line-height:1.5}.rd-success{background:#e2f2e7;color:#246343}
.rd-transfer{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:18px 0;font-size:10px}.rd-transfer i{font:11px var(--mono);color:#157344;white-space:nowrap}
.rd-products{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rd-products button{border:1px solid #c8d8ce;background:white;border-radius:12px;padding:14px 10px;text-align:left;color:#324d3e;font-size:11px}.rd-products b{display:block;font-size:19px;margin-top:8px}.rd-products [aria-pressed=true]{border-color:#577b22;background:#eef7db;box-shadow:inset 0 0 0 1px #577b22}
.rd-small{font-size:9px;line-height:1.55;color:#557061}.rd-caption{font:10px var(--mono);color:var(--muted);text-align:center}.rd-qr-row{display:flex;align-items:center;gap:15px;color:#557061;font-size:10px;line-height:1.55}.rd-qr-row .qr{width:60px;height:60px;flex-shrink:0;border-width:4px}
.rd-checkmark{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#daf0d4;color:#27733c;font-size:32px}
.rd-dialog{border:1px solid #c8d8ce;border-radius:20px;width:min(420px,calc(100vw - 32px));background:#f6f7f1;color:#163524;padding:24px;box-shadow:0 20px 70px #0006}.rd-dialog::backdrop{background:#04170cd9}.rd-dialog h3{margin-bottom:15px}.rd-dialog .rd-action{margin-top:20px}
@media(max-width:1000px){.rd-layout{gap:24px;grid-template-columns:minmax(0,1fr) 330px}.rd-device{width:330px}.rd-content{padding:14px 18px 20px}.rd-copy{gap:18px}.rd-copy h2{font-size:40px}.rd-progress{gap:7px}.rd-progress li{font-size:9px}}
@media(max-width:740px){#rewardsDemo{height:auto;min-height:0}.rd-layout{grid-template-columns:1fr;gap:28px}.rd-copy h2{font-size:35px;max-width:20ch}.rd-copy .lead{font-size:14px}.rd-copy{gap:14px}.rd-progress{margin:0;max-width:100%}.rd-progress li{font-size:10px}.rd-note{font-size:12px}.rd-tools{font-size:9px}.rd-device{width:350px}.rd-content{min-height:490px}.rd-caption{padding-bottom:12px}.rd-launch{font-size:12px;padding:14px 16px;gap:15px}.rd-intro h1{font-size:40px}.rd-intro .intro-in{gap:17px}}
@media(prefers-reduced-motion:reduce){.rd-content{animation:none}.packet{animation:none;opacity:1;left:50%}}