/* Independently implemented from the approved visual reference; no CDN or font dependencies. */
#ripro-checkout{--rc-accent:#5845f7;--rc-ink:#172135;--rc-muted:#8295b3;--rc-line:#edf1f8;color:var(--rc-ink);font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6;background:radial-gradient(circle at 15% 10%,rgba(99,102,241,.08),transparent 40%),radial-gradient(circle at 85% 20%,rgba(139,92,246,.08),transparent 40%),linear-gradient(180deg,#f7f9fd,#edf1f9);min-height:100vh;margin:0}
#ripro-checkout *,#ripro-checkout *:before,#ripro-checkout *:after{box-sizing:border-box}
#ripro-checkout [hidden]{display:none!important}
#ripro-checkout h1,#ripro-checkout h2,#ripro-checkout h3,#ripro-checkout p,#ripro-checkout ul,#ripro-checkout fieldset{margin:0}
#ripro-checkout h1,#ripro-checkout h2,#ripro-checkout h3{font-family:inherit;color:var(--rc-ink);line-height:1.4;letter-spacing:0;font-weight:750}
#ripro-checkout a{text-decoration:none;color:var(--rc-accent)}
#ripro-checkout a:hover{text-decoration:underline}
#ripro-checkout button,#ripro-checkout input{font:inherit}
#ripro-checkout section{padding:0}
#ripro-checkout fieldset{padding:0;border:0;min-width:0}
#ripro-checkout .rc-main{max-width:1360px;margin:auto;padding:36px 32px 64px}
#ripro-checkout .rc-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:34px}
#ripro-checkout .rc-crumb{display:flex;gap:10px;font-size:13px;align-items:center}
#ripro-checkout .rc-crumb a{color:#667c9d}
#ripro-checkout .rc-crumb>span{color:#9cabc1}
#ripro-checkout .rc-service-badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;line-height:24px;padding:0 12px;border-radius:99px;background:#fff;box-shadow:0 1px 5px #17213507;white-space:nowrap}
#ripro-checkout .rc-service-badge:before{content:"";width:7px;height:7px;background:#20bf8a;border-radius:50%}
#ripro-checkout .rc-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:34px}
#ripro-checkout .rc-eyebrow{font-size:12px;font-weight:750;letter-spacing:1.4px;color:#6150ff;margin-bottom:4px}
#ripro-checkout h1{font-size:36px;font-weight:800;letter-spacing:-1px}
#ripro-checkout .rc-intro>div>p{font-size:15px;color:#6c80a0;margin-top:4px}
#ripro-checkout .rc-intro-note{display:flex;gap:16px;align-items:center;background:#f8faffd9;border:1px solid #dfe5f1;border-radius:18px;padding:15px 20px;box-shadow:0 2px 2px #17213504;flex-shrink:0}
#ripro-checkout .rc-star{display:grid;place-items:center;width:40px;height:40px;background:#e0e6f1;color:#2343a7;border-radius:13px;font-size:19px}
#ripro-checkout .rc-intro-note strong{display:block;font-size:12px;color:#302b86;font-weight:700}
#ripro-checkout .rc-intro-note strong span{font-size:10px;color:white;background:#2543b4;border-radius:99px;padding:2px 7px;margin-left:4px;white-space:nowrap}
#ripro-checkout .rc-intro-note p{font-size:12px;color:#6c80a0;margin-top:2px}
#ripro-checkout .rc-layout{display:grid;grid-template-columns:minmax(0,2.0833fr) minmax(320px,1fr);gap:24px 32px;align-items:start}
#ripro-checkout .rc-selection{grid-column:1;grid-row:1;min-width:0}
#ripro-checkout .rc-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}
#ripro-checkout .rc-section-title{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:750}
#ripro-checkout .rc-step{display:inline-grid;place-items:center;background:#5845ee;color:white;box-shadow:0 0 0 4px #e1e5ff;width:24px;height:24px;border-radius:50%;font-size:14px;flex:0 0 24px;font-weight:700}
#ripro-checkout .rc-section-heading small{font-size:12px;color:var(--rc-muted)}
#ripro-checkout .rc-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0}
#ripro-checkout .rc-plan{position:relative;display:flex;flex-direction:column;min-width:0;min-height:220px;background:#fff;border:1px solid #e4e9f3;border-radius:17px;box-shadow:0 2px 2px #17213504;padding:23px 20px 20px;cursor:pointer;isolation:isolate;transition:transform 200ms ease,box-shadow 200ms ease,border-color 200ms ease;margin:0;color:var(--rc-ink);font-weight:400}
#ripro-checkout .rc-plan input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;z-index:2;cursor:pointer}
#ripro-checkout .rc-plan:has(input:focus-visible){outline:3px solid #8272ff;outline-offset:5px}
#ripro-checkout .rc-choice{position:absolute;right:20px;top:28px;width:20px;height:20px;border-radius:50%;border:1px solid #cdd9eb;display:grid;place-items:center}
#ripro-checkout .rc-plan.selected .rc-choice{border-color:#5545ed;background:#5545ed;color:white}
#ripro-checkout .rc-plan.selected .rc-choice:after{content:"✓";font-size:13px;line-height:1;font-weight:800}
#ripro-checkout .rc-plan.selected{border-color:#7770ef;box-shadow:0 0 0 1px #7770ef}
#ripro-checkout .rc-plan-title{font-size:19px;font-weight:800;line-height:1.5;padding-right:20px;white-space:nowrap}
#ripro-checkout .rc-plan-sub{font-size:12px;color:var(--rc-muted);margin-top:5px;white-space:nowrap}
#ripro-checkout .rc-plan-price{display:flex;align-items:baseline;gap:3px;margin:20px 0 19px;font-size:11px;color:#536886;white-space:nowrap}
#ripro-checkout .rc-plan-price strong{font-size:30px;line-height:1.2;letter-spacing:-.7px;font-weight:850;color:#10182a}
#ripro-checkout .rc-plan-price small{font-size:12px;color:var(--rc-muted)}
#ripro-checkout .rc-plan-bottom{margin-top:auto;padding-top:15px;border-top:1px solid var(--rc-line);font-size:11px;color:#5f7594;white-space:nowrap}
#ripro-checkout .rc-recommend{position:absolute;top:-13px;left:16px;font-size:10px;line-height:21px;font-weight:800;padding:0 10px;border-radius:99px;color:#092b27;background:#34d399;z-index:3}
#ripro-checkout .rc-plan[data-plan-label=joint]{background:linear-gradient(155deg,#1e3a8a 0%,#1e295b 48%,#0f172a 100%);border-color:#31458e;color:white;box-shadow:0 12px 23px #142b5730}
#ripro-checkout .rc-plan[data-plan-label=joint].selected{border-color:#83acff;box-shadow:0 0 0 1px #75a2f4,0 14px 24px #142b573b}
#ripro-checkout .rc-plan[data-plan-label=joint] .rc-recommend{color:#2f2202;background:linear-gradient(90deg,#fbbf24,#fb923c)}
#ripro-checkout .rc-plan[data-plan-label=year]{background:#0a5c73;border-color:#0a5c73;color:white;box-shadow:0 3px 5px #11546616}
#ripro-checkout .rc-plan[data-plan-label=year].selected{box-shadow:0 0 0 2px #36b9be,0 8px 18px #11546626}
#ripro-checkout .rc-plan[data-plan-label=joint] .rc-plan-price strong,#ripro-checkout .rc-plan[data-plan-label=year] .rc-plan-price strong{color:white}
#ripro-checkout .rc-plan[data-plan-label=joint] .rc-plan-price,#ripro-checkout .rc-plan[data-plan-label=year] .rc-plan-price{color:white}
#ripro-checkout .rc-plan[data-plan-label=joint] .rc-plan-sub,#ripro-checkout .rc-plan[data-plan-label=joint] .rc-plan-price small{color:#c4ccef}
#ripro-checkout .rc-plan[data-plan-label=year] .rc-plan-sub,#ripro-checkout .rc-plan[data-plan-label=year] .rc-plan-price small{color:#b0e0e8}
#ripro-checkout .rc-plan[data-plan-label=joint] .rc-plan-bottom,#ripro-checkout .rc-plan[data-plan-label=year] .rc-plan-bottom{color:#ddf7fb;border-color:#ffffff24}
#ripro-checkout .rc-plan[data-plan-label=joint] .rc-plan-bottom span{display:inline-block;padding:4px 9px;border-radius:7px;background:#ffffff24;color:white;font-size:10px;font-weight:650}
#ripro-checkout .rc-plan[data-plan-label=joint] .rc-choice,#ripro-checkout .rc-plan[data-plan-label=year] .rc-choice{border-color:#ffffff80}
#ripro-checkout .rc-plan[data-plan-label=joint].selected .rc-choice,#ripro-checkout .rc-plan[data-plan-label=year].selected .rc-choice{background:white;border-color:white;color:#2343a7}
@media(hover:hover) and (pointer:fine){#ripro-checkout .rc-plan[data-plan-label=joint]:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 0 0 1px #75a2f4,0 19px 30px #142b574d;z-index:4}}
#ripro-checkout .rc-panel{background:white;border:1px solid #e6eaf3;border-radius:24px;box-shadow:0 2px 3px #25365b03;padding:28px;min-width:0}
#ripro-checkout .rc-benefits-panel{grid-column:1;grid-row:2}
#ripro-checkout .rc-benefit-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--rc-line)}
#ripro-checkout .rc-benefit-head h2{font-size:18px;font-weight:800}
#ripro-checkout .rc-benefit-head a{font-size:13px;white-space:nowrap}
#ripro-checkout .rc-benefit{display:flex;align-items:center;gap:16px;padding:22px 16px}
#ripro-checkout .rc-benefit:first-child{margin-top:16px}
#ripro-checkout .rc-logo{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:16px;background:#eff1ff;border:1px solid #e5e8ff;overflow:hidden;color:#6150f7;font-size:20px;font-weight:750}
#ripro-checkout .rc-logo img{width:100%;height:100%;object-fit:contain;padding:3px;display:block;border-radius:0;box-shadow:none;margin:0}
#ripro-checkout .rc-benefit-copy{flex:1;min-width:0}
#ripro-checkout .rc-benefit h3{font-size:15px;font-weight:750}
#ripro-checkout .rc-benefit p{font-size:12px;color:var(--rc-muted);margin-top:3px}
#ripro-checkout .rc-badge{border:1px solid #dfe5ff;border-radius:99px;background:#eff2ff;color:#5645ff;font-size:12px;line-height:24px;padding:0 12px;white-space:nowrap;font-weight:650}
#ripro-checkout [data-site=ntr] .rc-logo,#ripro-checkout [data-site=ntr] .rc-badge{background:#eff9ff;border-color:#e1f2fd;color:#0092cc}
#ripro-checkout [data-site=xinyaman] .rc-logo,#ripro-checkout [data-site=xinyaman] .rc-badge{background:#fff1f3;border-color:#ffe0e6;color:#fa4768}
#ripro-checkout .rc-benefit-description{display:flex;flex-wrap:wrap;gap:8px 32px;list-style:none;padding:18px 0 0;border-top:1px dashed #dce5f4;margin-top:16px;color:#5f7594;font-size:12px}
#ripro-checkout .rc-benefit-description li{display:flex;align-items:baseline;gap:8px;margin:0;padding:0}
#ripro-checkout .rc-benefit-description li:before{content:"";width:6px;height:6px;border-radius:2px;background:#7764ff;flex-shrink:0}
#ripro-checkout .rc-benefit-note{margin-top:14px;color:#6b7d99;font-size:12px}
#ripro-checkout .rc-mini-benefits{grid-column:1;grid-row:3;display:flex;align-items:center;justify-content:space-around;gap:10px;padding:10px 16px;background:#e9eff7;border-radius:16px;font-size:12px;color:#455870}
#ripro-checkout .rc-mini-benefits span::first-letter{color:#009977;font-weight:800}
#ripro-checkout .rc-faq{grid-column:1;grid-row:4}
#ripro-checkout .rc-faq h2{font-size:16px;margin-bottom:16px}
#ripro-checkout .rc-faq details{border-bottom:1px solid var(--rc-line);padding:14px 0}
#ripro-checkout .rc-faq details:last-child{border-bottom:0}
#ripro-checkout .rc-faq summary{list-style:none;font-size:13px;font-weight:500;cursor:pointer;display:flex;gap:10px;align-items:center}
#ripro-checkout .rc-faq summary::-webkit-details-marker{display:none}
#ripro-checkout .rc-faq summary:before{content:"▸";color:#6250fb;font-size:16px}
#ripro-checkout .rc-faq summary:after{content:"⌄";margin-left:auto;color:#92a4bd;font-size:12px}
#ripro-checkout .rc-faq details[open] summary:after{content:"⌃"}
#ripro-checkout .rc-faq p{font-size:13px;color:#657b9a;line-height:1.8;margin:10px 0 0 20px}
#ripro-checkout .rc-faq details>a{margin-left:20px;font-size:12px}
#ripro-checkout .rc-checkout{grid-column:2;grid-row:1 / span 4;position:sticky;top:100px;padding:24px;box-shadow:0 5px 20px #554fca05}
#ripro-checkout .rc-checkout>.rc-section-title{padding-bottom:22px;border-bottom:1px solid var(--rc-line);margin-bottom:20px}
#ripro-checkout .rc-order-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:13px;padding:8px 0}
#ripro-checkout .rc-order-row>span{color:var(--rc-muted)}
#ripro-checkout .rc-order-row>strong{font-size:13px;font-weight:500;text-align:right;overflow-wrap:anywhere}
#ripro-checkout .rc-order-first>strong{font-size:16px;font-weight:800}
#ripro-checkout .rc-order-row>.rc-mono{font-family:ui-monospace,monospace;font-weight:750}
#ripro-checkout .rc-order-sub{background:#f8faff;color:#889cba;font-size:12px;text-align:center;padding:10px;border-radius:12px;margin:14px 0 22px}
#ripro-checkout .rc-pay-label{font-size:12px;font-weight:700;color:#4e627f;margin-bottom:10px}
#ripro-checkout .rc-pay-methods{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 24px}
#ripro-checkout .rc-pay-method{display:flex;flex:1;align-items:center;justify-content:center;gap:7px;min-width:100px;border:1px solid #dce5f2;border-radius:16px;padding:11px 12px;font-size:13px;font-weight:450;cursor:pointer;white-space:nowrap;line-height:20px;margin:0}
#ripro-checkout .rc-pay-method input{accent-color:#1677ff;width:14px;height:14px;margin:0}
#ripro-checkout .rc-pay-method.selected{border-color:#1677ff;box-shadow:inset 0 0 0 1px #1677ff;background:#f5faff;font-weight:650}
#ripro-checkout .rc-pay-method[data-method=wechat] input{accent-color:#00bc88}
#ripro-checkout .rc-pay-method[data-method=wechat].selected{border-color:#00bd88;box-shadow:inset 0 0 0 1px #00bd88;background:#f6fffb}
#ripro-checkout .rc-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-top:1px solid var(--rc-line);padding:18px 0;margin-top:0;font-size:12px;color:#5b7090}
#ripro-checkout .rc-amount{color:#151d30;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px}
#ripro-checkout .rc-amount strong{font-size:30px;line-height:1.2;font-weight:800;letter-spacing:-1px;margin-left:4px}
#ripro-checkout .rc-submit{display:block;width:100%;border:0;border-radius:16px;color:white;background:linear-gradient(105deg,#1e40af,#1d4ed8,#1e3a8a);box-shadow:0 6px 10px #1e3a8a28;font-size:16px;font-weight:750;padding:16px 12px;cursor:pointer;line-height:24px;transition:filter 150ms ease}
#ripro-checkout .rc-submit:hover{filter:brightness(1.08)}
#ripro-checkout .rc-confirm{display:flex;align-items:flex-start;gap:10px;margin:16px 0 0;font-size:11px;font-weight:400;color:#667b99;cursor:pointer;line-height:18px}
#ripro-checkout .rc-confirm input{accent-color:#5e46ed;flex:0 0 16px;width:16px;height:16px;margin:1px 0 0;cursor:pointer}
#ripro-checkout .rc-secure-note{font-size:10px;text-align:center;color:#8b9dba;margin-top:22px}
#ripro-checkout .rc-error{font-size:12px;color:#ba294b;padding-top:8px}
#ripro-checkout :focus-visible{outline:3px solid #998afa;outline-offset:4px}



body.mmp-page .mm-sites-menu,body.mmp-page .rollbar,body.mmp-page .m-navbar{display:none!important}
@media(min-width:1101px) and (max-width:1230px){#ripro-checkout .rc-plan{padding-left:14px;padding-right:14px}#ripro-checkout .rc-choice{right:12px}#ripro-checkout .rc-plan-title{font-size:17px}#ripro-checkout .rc-plan-bottom{font-size:10px}#ripro-checkout .rc-plan[data-plan-label=joint] .rc-plan-bottom span{padding:4px}}
@media(max-width:1100px){#ripro-checkout .rc-layout{grid-template-columns:minmax(0,1fr)}#ripro-checkout .rc-checkout{grid-column:1;grid-row:4;position:static}#ripro-checkout .rc-faq{grid-row:5}#ripro-checkout .rc-intro{align-items:flex-start}#ripro-checkout .rc-intro-note{padding:12px}#ripro-checkout .rc-star{display:none}#ripro-checkout h1{font-size:30px}}
@media(max-width:700px){#ripro-checkout{background:#f4f6fb}#ripro-checkout .rc-main{padding:20px 16px 236px}#ripro-checkout .rc-topline{margin-bottom:24px}#ripro-checkout .rc-crumb{font-size:12px}#ripro-checkout .rc-service-badge{font-size:10px;padding:0 9px;gap:5px}#ripro-checkout .rc-intro{display:block;margin-bottom:28px}#ripro-checkout h1{font-size:28px;letter-spacing:-.8px;max-width:330px}#ripro-checkout .rc-eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:7px}#ripro-checkout .rc-intro>div>p{font-size:13px;margin-top:8px}#ripro-checkout .rc-intro-note{margin-top:20px;padding:14px 16px;border-radius:16px;background:#fff}#ripro-checkout .rc-star{display:grid;width:36px;height:36px;font-size:17px}#ripro-checkout .rc-layout{gap:20px}#ripro-checkout .rc-section-heading{margin-bottom:8px;padding:0 3px}#ripro-checkout .rc-section-title{font-size:15px;gap:10px}#ripro-checkout .rc-section-heading small{font-size:10px}#ripro-checkout .rc-plans{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:14px;padding:18px 4px 22px;margin:0 -4px;scrollbar-width:thin;scrollbar-color:#b6c5df transparent}#ripro-checkout .rc-plan{flex:0 0 170px;scroll-snap-align:start;min-height:226px;padding:26px 20px 20px}#ripro-checkout .rc-plan[data-plan-label=joint]{flex-basis:200px}#ripro-checkout .rc-plan[data-plan-label=year]{flex-basis:180px;background:linear-gradient(140deg,#0f766e,#115e59)}#ripro-checkout .rc-plan-title{font-size:20px}#ripro-checkout .rc-plan-price{margin-top:25px}#ripro-checkout .rc-plan-price strong{font-size:34px}#ripro-checkout .rc-plan-price small{font-size:11px}#ripro-checkout .rc-plan-bottom{padding-top:16px;font-size:11px}#ripro-checkout .rc-panel{padding:20px;border-radius:20px}#ripro-checkout .rc-benefit-head{gap:8px;padding-bottom:16px}#ripro-checkout .rc-benefit-head h2{font-size:16px;max-width:180px}#ripro-checkout .rc-benefit-head a{font-size:11px}#ripro-checkout .rc-benefit{padding:16px 0;gap:12px}#ripro-checkout .rc-benefit:first-child{margin-top:6px}#ripro-checkout .rc-logo{width:44px;height:44px;flex-basis:44px;border-radius:13px}#ripro-checkout .rc-benefit h3{font-size:13px}#ripro-checkout .rc-benefit p{font-size:11px}#ripro-checkout .rc-badge{font-size:10px;line-height:22px;padding:0 8px}#ripro-checkout .rc-benefit-description{display:block;font-size:11px;margin-top:10px;padding-top:14px}#ripro-checkout .rc-benefit-description li+li{margin-top:8px}#ripro-checkout .rc-mini-benefits{font-size:10px;padding:12px 8px;gap:5px;border-radius:12px}#ripro-checkout .rc-checkout{padding-bottom:20px}#ripro-checkout .rc-pay-methods{margin-bottom:0}#ripro-checkout .rc-actions{position:fixed;bottom:28px;left:0;right:0;z-index:99998;background:#fffffff5;backdrop-filter:blur(12px);box-shadow:0 -6px 28px #283b6810;border-top:1px solid #e6ebf5;padding:12px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(100px,1fr) minmax(180px,1.35fr);gap:10px 14px}#ripro-checkout .rc-confirm{grid-column:1 / -1;grid-row:1;margin:0;font-size:10px;align-items:center;gap:8px}#ripro-checkout .rc-total{grid-column:1;grid-row:2;border:0;padding:0;display:block;align-self:center;font-size:10px}#ripro-checkout .rc-amount{display:block;color:#244bc7;font-size:12px;line-height:1.2}#ripro-checkout .rc-amount strong{font-size:27px;letter-spacing:-1px}#ripro-checkout .rc-submit{grid-column:2;grid-row:2;align-self:center;padding:12px 8px;font-size:15px;border-radius:14px}#ripro-checkout .rc-secure-note{grid-column:1 / -1;margin:0;font-size:9px}#ripro-checkout .rc-error{grid-column:1 / -1;grid-row:3;padding:0}#ripro-checkout .rc-faq{padding:20px}#ripro-checkout .rc-faq summary{font-size:12px}#ripro-checkout .rc-faq p{font-size:12px}}
/* Keep the protected staging footer visible beneath the mobile confirmation bar. */
@media(max-width:700px){#ripro-checkout .rc-actions{bottom:48px}}
@media(max-width:360px){#ripro-checkout .rc-actions{bottom:66px}}
/* Reduced motion keeps the hover emphasis, without an animated transition. */
@media(prefers-reduced-motion:reduce){#ripro-checkout *,#ripro-checkout *:before,#ripro-checkout *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}