/* Isolated design draft. Existing home and free-preview styling is unchanged. */
#pay.page.on{padding:14px;overscroll-behavior:contain;background:rgba(38,21,27,.64);backdrop-filter:blur(3px)}
#pay .pay-modal{width:min(460px,100%);max-height:calc(100dvh - 28px);overflow-y:auto;padding:26px 18px 16px;border:1px solid #e9c988;border-radius:25px;background:radial-gradient(ellipse at 100% 0,#f5dfb6 0,transparent 32%),linear-gradient(150deg,#fff8e9,#fffdf7 50%,#fff5e8);box-shadow:0 28px 90px #24101666}
#pay .pay-head{padding:0 22px 15px;text-align:center}#pay .pay-head>span{color:#916735;font-size:11px;letter-spacing:.14em}#pay .pay-head h1{margin:10px 0 7px;font:800 23px/1.4 system-ui;color:#701d30}#pay .pay-head .pair{margin:4px 0;font-size:16px;color:#653744}#pay .pay-head>small{font-size:11px;color:#8b7a68}
#pay .pay-close,.retention-card .retention-close{top:9px;right:9px;min-height:32px;width:32px;background:#f3e6d5;color:#816153;box-shadow:none}
.tier-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 12px}
#pay .tier-option{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:116px;padding:16px 12px 10px;border:1px solid #dac7a6;border-radius:15px;background:#fffdf7;color:#705d4e;text-align:left;box-shadow:none;font-size:15px}
#pay .tier-option.selected{border:2px solid #a52840;padding:15px 11px 9px;background:linear-gradient(120deg,#fff3da,#ffe5cc);box-shadow:0 3px 13px #a528401a;color:#7c1f32}
.tier-option>span{font-size:16px;font-weight:800}.tier-option>strong{font-size:27px;line-height:1.2;letter-spacing:-.03em}.tier-option>small{color:inherit;font-size:10px;font-weight:500}.tier-option>em{position:absolute;right:-2px;top:-14px;padding:3px 8px;border-radius:9px 9px 0 9px;background:#a52840;color:#fff;font-size:10px;font-style:normal;white-space:nowrap}.tier-option>i{position:absolute;right:10px;top:13px;font-style:normal;font-size:17px}
.tier-benefits{padding:13px 14px;border:1px solid #eadcca;border-radius:14px;background:#fffaf1;color:#635248;text-align:left}.tier-benefits h2{font-size:14px;margin:0 0 9px;color:#653744}.tier-benefits ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:7px 4px;padding:0;margin:0;font-size:11px;line-height:1.5}.tier-benefits li:before{content:'✓';margin-right:5px;color:#b77c37;font-weight:900}.tier-benefits .deep-extra{margin:10px -3px -3px;padding:9px;border-radius:9px;background:#f8e8d6}.tier-benefits .deep-extra>b{display:block;color:#8b253a;font-size:12px;margin-bottom:5px}.tier-benefits>p{margin:9px 0 0;font-size:10px;color:#8c7d70}
.tier-includes{display:grid;gap:3px;text-align:center;margin:12px 0;color:#867465;font-size:10px}.tier-includes b{font-size:12px;color:#6f5041}
#pay .pay-summary{background:#f7ead7;border:1px solid #e8d5b3;padding:11px 12px 8px;margin:12px 0 0;color:#775d43}#pay .pay-summary>span{display:block;font-size:12px}#pay .pay-summary>strong{display:block;color:#92263a;font:800 35px/1.2 system-ui;margin:3px 0}#pay #discountNote{font-size:11px;color:#a25430}#pay .pay-summary>small{display:block;font-size:9px;color:#9a8b79}
#pay .pay-actions{padding:12px 0 0;background:transparent;border:0;box-shadow:none}#pay .pay-actions .wechat{margin:0;background:#07c160;color:white;box-shadow:0 7px 16px #07c16022}#pay .pay-actions .alipay{background:#1677ff;color:white;box-shadow:0 7px 16px #1677ff22}#pay .pay-actions button,#pay .pay-actions a{min-height:52px;font-size:16px}#pay .pay-safe{font-size:9px;color:#9a8876;margin:12px 0 0}
.checkout-error,#couponError{font-size:12px;color:#aa1836;background:#fff0ed;border-radius:8px;padding:8px}.checkout-error[hidden],#couponError[hidden],#pay [hidden]{display:none!important}
.tier-option:focus-visible,.pay-close:focus-visible,.retention-close:focus-visible,.use-coupon:focus-visible{outline:3px solid #d79a3f;outline-offset:3px}#pay [disabled]{opacity:.55;cursor:wait}.pay-actions[aria-busy=true]{pointer-events:none;opacity:.55}
.retention-card{width:min(440px,100%);padding:35px 20px 17px;background:radial-gradient(ellipse at top,#ffedc5,#fffaf0 65%);border:1px solid #e4bd70;border-radius:25px}.retention-card h2{margin:16px 0 6px;color:#8b2439;font-size:25px}.retention-card .coupon-kicker{font-size:10px;background:#f4e1bb}.coupon-voucher{display:flex;align-items:center;gap:22px;margin:21px 0 17px;padding:15px 22px;color:#ffedb7;border:1px solid #daaa59;border-radius:14px;background:linear-gradient(120deg,#bb3546,#8e1d35);box-shadow:0 8px 19px #8e1d3520}.coupon-voucher>strong{font:800 62px/1.2 Georgia,serif}.coupon-voucher>strong small{font-size:18px;color:#ffe4b5}.coupon-voucher>span{display:grid;gap:6px;text-align:left;border-left:1px dashed #e9be7b;padding-left:18px}.coupon-voucher b{font-size:19px}.coupon-voucher span small{font-size:10px;color:#f7d1b0}.coupon-prices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.coupon-prices>div{padding:12px 4px;border:1px solid #e7d8bb;border-radius:12px;font-size:13px;color:#6e5944}.coupon-prices>div+div{border-color:#c98d69;background:#fff0dc}.coupon-prices del{display:block;color:#a18a74;font-size:12px;margin:4px 0}.coupon-prices b{display:block;color:#a0273d;font-size:21px}.coupon-prices i{background:#a12a3e;color:#fff;border-radius:4px;padding:1px 4px;font-size:9px;font-style:normal}.coupon-preserve{font-size:11px;color:#8a7663;margin:15px 0}.retention-card .use-coupon{min-height:52px;font-size:14px;background:linear-gradient(110deg,#bc344a,#902039)}.retention-card .leave-offer{font-size:13px;margin:8px 0}.retention-card>small{font-size:9px;color:#a18b78}
.report-tier-badge{display:inline-block;margin:8px auto 0;padding:4px 13px;border:1px solid #d9bb86;border-radius:999px;color:#8e263a;background:#fff3db;font-size:12px}.deep-report-heading{padding:20px 4px 0;color:#87283c;font-size:24px;text-align:left}.deep-report-heading small{display:block;font-size:12px;color:#8f7867;font-weight:400}.local-design-banner{position:fixed;left:8px;bottom:6px;z-index:100;pointer-events:none;padding:3px 8px;background:#263548e8;color:#fff;border-radius:5px;font-size:10px}
@media(max-width:360px){#pay.page.on{padding:9px}#pay .pay-modal{padding:25px 12px 14px;max-height:calc(100dvh - 18px)}#pay .pay-head h1{font-size:20px}.tier-option>strong{font-size:25px}.tier-option>small{font-size:9px}.tier-benefits{padding:11px}.coupon-voucher{padding:12px 17px;gap:13px}.coupon-prices b{font-size:18px}}
@media(prefers-reduced-motion:reduce){#pay *,#retentionModal *{animation:none;scroll-behavior:auto}}
#pay .pay-head{padding:0 12px 8px}#pay .pay-head h1{font-size:21px;margin:8px 0 5px}#pay .pay-head .pair{margin:3px 0}
.tier-selector{margin:12px 0 10px}#pay .tier-option{min-height:102px;padding-top:12px}#pay .tier-option.selected{padding-top:11px}
#pay .pay-summary>span{color:#775d43}#pay .pay-actions{position:sticky;bottom:-16px;background:#fff9ee;padding:10px 0 6px;z-index:3}
@media(max-width:360px){#pay .pay-head h1{font-size:19px}}