.payment-hero{padding-top:84px;padding-bottom:72px;display:flex;justify-content:center;border-bottom:1px solid var(--line)}
.payment-hero-copy{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:960px;margin:0 auto;width:100%}.payment-hero-copy .eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:8px}.payment-hero-copy h1{font-size:clamp(36px,4.8vw,64px);margin:20px auto 24px;max-width:none;width:max-content;white-space:nowrap;text-align:center}.payment-hero-copy>p{font-size:16px;color:var(--muted);max-width:560px;margin-left:auto;margin-right:auto;line-height:1.75;text-align:center}.payment-hero-proof{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:32px;color:#56615a;font-size:12px}.payment-hero-art{height:330px;position:relative;display:grid;place-items:center;background:#f4f7f2;border:1px solid #dce4db;border-radius:18px;overflow:hidden}.payment-hero-art:before,.payment-hero-art:after{content:"";position:absolute;border:1px solid #d8e3d7;border-radius:50%;width:330px;height:330px}.payment-hero-art:after{width:220px;height:220px;border-color:#cbdacb}.mini-window{position:relative;width:72%;height:68%;background:#fff;border:1px solid #d0dad0;border-radius:11px;box-shadow:0 18px 40px rgba(35,55,37,.13);z-index:1}.mini-window-top{height:27px;border-bottom:1px solid #e3e9e2;display:flex;align-items:center;gap:5px;padding:0 10px}.mini-window-top span{width:6px;height:6px;border-radius:50%;background:#a9b5a8}.mini-window-top small{font-size:8px;color:#849087;margin-left:auto}.mini-window-body{height:calc(100% - 27px);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.mini-ring{width:112px;height:112px;border:11px solid #11130f;border-left-color:#dfe8df;border-radius:50%;display:grid;place-items:center;transform:rotate(-32deg)}.mini-ring strong{font:30px var(--display);transform:rotate(32deg)}.mini-ring span{font-size:8px;color:#707b73;transform:rotate(32deg);margin-top:-30px}.mini-stat{position:absolute;left:17px;right:17px;bottom:13px;border-top:1px solid #e4e9e3;padding-top:8px;display:flex;justify-content:space-between;font-size:9px;color:#7b857d}.mini-stat b{color:#3b493d}.hero-note{position:absolute;background:#fff;border:1px solid #d6dfd5;border-radius:7px;box-shadow:0 8px 18px rgba(30,45,32,.08);padding:8px 10px;font-size:10px;color:#4b594d;z-index:2}.note-one{left:11%;bottom:20%}.note-two{right:8%;top:18%}
.plans-section{padding-top:96px;padding-bottom:110px}.plans-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:50px;margin-bottom:38px}.plans-intro h2{font-size:clamp(34px,4vw,52px);margin:15px 0 0}.plans-intro p{color:var(--muted);font-size:14px;line-height:1.7;margin:0;max-width:450px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan-card{position:relative;border:1px solid var(--line);border-radius:12px;background:#fff;padding:26px 24px 22px;min-height:490px;display:flex;flex-direction:column}.plan-card-featured{background:#f0f5ed;border-color:#bacbb9;box-shadow:0 14px 35px rgba(56,83,53,.09)}.plan-ribbon{position:absolute;right:18px;top:18px;padding:6px 9px;background:#11130f;color:#fff;border-radius:5px;font-size:9px}.plan-top{display:flex;justify-content:space-between;align-items:center}.plan-label{font-size:10px;color:#6c796d;text-transform:uppercase;letter-spacing:.12em}.plan-index{font:12px var(--display);color:#9aa49b}.plan-card h3{font:600 30px var(--display);letter-spacing:-.06em;margin:38px 0 5px}.plan-card>p{font-size:12px;color:var(--muted);margin-bottom:20px}.plan-price{display:flex;align-items:flex-start;gap:5px;margin:2px 0 8px}.plan-price>span{font-size:18px;margin-top:8px}.plan-price strong{font:600 55px var(--display);letter-spacing:-.08em;line-height:1}.plan-price small{align-self:flex-end;color:#718075;font-size:10px;margin-bottom:7px}.plan-calc{border-top:1px solid #e1e7e0;border-bottom:1px solid #e1e7e0;padding:11px 0;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#7d887e}.plan-calc b{color:#4e5c50;font-weight:500}.plan-card ul{list-style:none;padding:0;margin:21px 0 25px;display:grid;gap:10px;color:#556158;font-size:12px}.plan-card li:before{content:'✓';color:#556b57;margin-right:8px}.plan-button{margin-top:auto;background:#e9eee8;color:#11130f;width:100%}.plan-card-featured .plan-button{background:#11130f;color:#fff}.plan-button:hover{transform:translateY(-2px)}.plan-footnote{display:flex;justify-content:space-between;gap:20px;padding-top:21px;color:#758078;font-size:11px}.benefits-section{padding-top:90px;padding-bottom:112px;border-top:1px solid var(--line)}.benefits-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:end;margin-bottom:42px}.benefits-heading h2{font-size:clamp(34px,4vw,50px);margin:14px 0 0;grid-row:span 2}.benefits-heading p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.benefits-grid article{padding:25px 20px 25px 0;border-right:1px solid var(--line)}.benefits-grid article:not(:first-child){padding-left:20px}.benefits-grid article:last-child{border-right:0}.benefit-icon{font:12px var(--display);color:#7f8c80}.benefits-grid h3{font:600 20px var(--display);letter-spacing:-.04em;margin:28px 0 9px}.benefits-grid p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.coupon-section{padding-top:90px;padding-bottom:120px}.coupon-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.coupon-copy h2{font-size:clamp(36px,4vw,54px);margin:16px 0 19px}.coupon-copy>p{max-width:480px;color:var(--muted);font-size:14px;line-height:1.8}.coupon-points{display:grid;gap:13px;margin-top:31px;font-size:12px;color:#59655b}.coupon-points b{font:12px var(--display);color:#11130f;margin-right:12px}.coupon-form{background:#f5f7f4;border:1px solid #d8e0d7;border-radius:12px;padding:28px}.form-heading{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #dce4db;padding-bottom:17px;margin-bottom:21px}.form-heading span{font:600 20px var(--display);letter-spacing:-.04em}.form-heading small{font-size:10px;color:#7e897f}.coupon-form label{display:block;font-size:11px;color:#59655c;margin-bottom:17px}.coupon-form input[type=email],.coupon-form input[type=text]{width:100%;border:1px solid #d1dbd1;border-radius:6px;background:#fff;padding:12px 12px;margin-top:7px;font:13px var(--sans);color:#11130f;outline:0}.coupon-form input:focus{border-color:#879a87;box-shadow:0 0 0 3px rgba(126,154,126,.13)}.file-input{position:relative;border:1px dashed #bdcbbd;border-radius:7px;background:#fff;margin-top:7px;padding:15px 14px}.file-input input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.file-input span{display:block;color:#364338;font-size:12px}.file-input small{display:block;color:#8a958b;font-size:10px;margin-top:4px}.checkbox-row{display:flex!important;align-items:flex-start;gap:8px}.checkbox-row input{margin-top:2px;accent-color:#11130f}.checkbox-row span{font-size:10px;color:#7a857c;line-height:1.5}.coupon-form .button{width:100%}.form-message{min-height:17px;text-align:center;color:#4c674f;font-size:11px;margin:13px 0 0}.coupon-history{border-top:1px solid var(--line);margin-top:48px;padding-top:22px}.coupon-history>div:first-child{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:15px}.coupon-history strong{font:600 18px var(--display)}.coupon-history span{font-size:10px;color:#7d887f}.history-item{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid #dbe3da;background:#f7f9f6;padding:13px 15px;border-radius:7px;font-size:11px;color:#5f6c62}.history-item b{color:#243126;font-weight:600}.history-item small{color:#8b958c}.order-modal{display:none;position:fixed;inset:0;background:rgba(20,24,21,.35);backdrop-filter:blur(8px);z-index:35;place-items:center;padding:24px}.order-modal.show{display:grid}.order-card{width:min(430px,100%);background:#fff;border:1px solid #cfd8cf;border-radius:13px;padding:35px;position:relative;box-shadow:0 20px 70px rgba(25,35,27,.18)}.order-card h2{font-size:33px;margin:14px 0 8px}.order-card p{font-size:12px;color:var(--muted);line-height:1.7}.order-summary{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:22px 0;color:#667269;font-size:12px}.order-summary strong{font:600 25px var(--display);color:#11130f}.order-card label{font-size:11px;color:#677269;display:block;margin-bottom:18px}.order-card input{width:100%;padding:11px;border:1px solid #d1dbd1;border-radius:6px;margin-top:7px;font:12px var(--sans)}.order-card>.button{width:100%}.order-card small{display:block;text-align:center;color:#58715c;font-size:10px;margin-top:13px}.modal-close{position:absolute;right:14px;top:10px}
@media(max-width:850px){.payment-hero{padding-top:62px}.payment-hero-copy h1{white-space:normal;width:auto;max-width:100%;font-size:clamp(28px,7vw,40px)}.plans-intro,.benefits-heading,.coupon-layout{grid-template-columns:1fr;gap:20px}.plan-grid{grid-template-columns:1fr}.plan-card{min-height:0}.plan-card-featured{order:-1}.plan-footnote{flex-direction:column;gap:8px}.benefits-grid{grid-template-columns:repeat(2,1fr)}.benefits-grid article:nth-child(2){border-right:0}.benefits-grid article:nth-child(3),.benefits-grid article:nth-child(4){border-top:1px solid var(--line)}.benefits-grid article:nth-child(3){padding-left:0}.coupon-layout{gap:45px}}
@media(max-width:520px){.payment-hero-proof{gap:10px 16px}.benefits-grid{grid-template-columns:1fr}.benefits-grid article,.benefits-grid article:not(:first-child){border-right:0;border-bottom:1px solid var(--line);padding:20px 0}.benefits-grid article:last-child{border-bottom:0}.coupon-form{padding:21px}.form-heading{align-items:flex-start;gap:10px;flex-direction:column}}

.billing-tabs{width:min(570px,100%);margin:0 auto 28px;padding:5px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#f0f3ef;border:1px solid #dce3db;border-radius:11px}.billing-tab{border:0;border-radius:7px;background:transparent;color:#687269;padding:13px 18px;font:600 13px var(--sans);cursor:pointer;transition:.2s}.billing-tab:hover{color:#11130f}.billing-tab.active{background:#11130f;color:#fff;box-shadow:0 5px 15px rgba(17,19,15,.14)}.plan-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;margin:0 auto}.purchase-card{min-height:455px}.purchase-card h3{margin-top:38px}.purchase-card .plan-price{margin-top:10px}.purchase-card ul{border-top:1px solid #e1e7e0;padding-top:22px}.order-summary span{font-weight:600}
@media(max-width:700px){.plan-grid-two{grid-template-columns:1fr}.billing-tabs{margin-bottom:20px}.billing-tab{padding:12px 8px}.purchase-card{min-height:0}}
.order-price-wrap{display:flex;align-items:baseline;gap:9px}.order-price-wrap del{color:#8a958c;font-size:12px}.activation-field{margin:-3px 0 18px}.activation-field>label{margin-bottom:7px}.activation-field>div{display:flex;align-items:stretch}.activation-field input{margin-top:0!important;border-radius:6px 0 0 6px!important;min-width:0;flex:1}.activation-field button{border:0;border-radius:0 6px 6px 0;background:#e5ebe4;color:#1d281f;padding:0 16px;font:600 12px var(--sans);cursor:pointer;white-space:nowrap;writing-mode:horizontal-tb;letter-spacing:0;line-height:1;flex:0 0 auto;min-width:56px}.activation-field button:hover{background:#d9e2d8}.activation-field>label small,.order-card>label>small{display:inline;margin:0;font-size:11px;font-weight:400;color:#8a958b}.activation-field small{margin-top:7px!important;text-align:left!important;color:#7a867c!important;min-height:15px}.activation-field small.activation-success{color:#3f7046!important}.activation-field small.activation-error{color:#a94a42!important}

.plan-footnote{flex-wrap:wrap}.plan-footnote #currencyNote{flex-basis:100%;font-size:10px;line-height:1.5}.plan-price{min-width:0}.plan-price strong{font-size:clamp(32px,4vw,55px);letter-spacing:0;overflow-wrap:anywhere}

/* WipeByte client theme — match website/ind.html */
.payment-hero{border-bottom-color:var(--wb-border)}
.payment-hero-copy>p,.payment-hero-proof,.plan-footnote,
.coupon-copy>p,.coupon-points,.form-heading small,
.coupon-form label,.checkbox-row span,.file-input small,
.coupon-history span,.history-item,.history-item small,
.order-card p,.order-summary,.order-card label,.order-card small,
.plan-label,.plan-index,.plan-card>p,.plan-calc,.plan-card ul,
.plan-price small{color:var(--wb-text-3)}
.payment-hero-art,.coupon-form,.plan-card,.order-card,.history-item,
.mini-window,.hero-note{
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05));
  border-color:var(--wb-border);
  box-shadow:var(--wb-shadow);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  backdrop-filter:blur(18px) saturate(130%);
  color:var(--wb-text);
}
.payment-hero-art:before,.payment-hero-art:after{border-color:rgba(255,255,255,.16)}
.mini-window{background:rgba(8,22,62,.45);border-color:var(--wb-border);box-shadow:0 18px 40px rgba(3,10,35,.28)}
.mini-window-top{border-color:var(--wb-border)}
.mini-window-top span{background:rgba(255,255,255,.35)}
.mini-window-top small,.mini-ring span,.mini-stat{color:var(--wb-text-3)}
.mini-ring{border-color:#BFD8FF;border-left-color:rgba(255,255,255,.18)}
.mini-ring strong,.mini-stat b,.plan-price>span,.plan-price strong,
.plan-card h3,.form-heading span,.coupon-history strong,.order-card h2,
.order-summary strong{color:#fff}
.hero-note{color:var(--wb-text-2);box-shadow:0 8px 18px rgba(3,10,35,.22)}
.billing-tabs{
  background:rgba(8,22,62,.42);
  border-color:var(--wb-border);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
.billing-tab{color:var(--wb-text-2);background:transparent}
.billing-tab:hover{color:#fff}
.billing-tab.active{
  background:#F8FAFC;
  color:var(--wb-brand);
  box-shadow:0 12px 30px rgba(3,10,35,.35);
}
.plan-card-featured{
  background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.06));
  border-color:rgba(255,255,255,.26);
  box-shadow:0 28px 72px rgba(3,10,35,.32),inset 0 1px 0 rgba(255,255,255,.16);
}
.plan-card-featured .plan-label{color:#BFD8FF}
.plan-ribbon{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
}
.plan-calc,.plan-card ul,.purchase-card ul{border-color:var(--wb-border)}
.plan-calc b,.plan-card li,.coupon-points b{color:var(--wb-text-2)}
.plan-card ul,.purchase-card ul{list-style:none;margin-top:12px;padding-top:30px}
.plan-card li{
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.plan-card li:before{content:none!important;display:none!important}
.plan-check{
  flex:none;
  width:16px;
  height:16px;
  margin-top:3px;
  color:var(--home-accent,#7ED4C4);
}
.plan-button{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.20);
  color:var(--wb-text);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
.plan-button:hover{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.32);
  color:#fff;
}
.plan-card-featured .plan-button{
  background:#F8FAFC;
  color:var(--wb-brand);
  border-color:transparent;
  box-shadow:0 12px 30px rgba(3,10,35,.35);
}
.plan-card-featured .plan-button:hover{
  background:#FFFFFF;
  color:var(--wb-brand);
  box-shadow:0 16px 38px rgba(3,10,35,.44);
}
.coupon-form input[type=email],
.coupon-form input[type=text],
.order-card input,
.activation-field input{
  background:rgba(8,22,62,.45);
  border-color:var(--wb-border);
  color:var(--wb-text);
}
.coupon-form input::placeholder,
.order-card input::placeholder,
.activation-field input::placeholder{color:rgba(248,250,252,.45)}
.coupon-form input:focus,
.order-card input:focus,
.activation-field input:focus{
  border-color:rgba(255,255,255,.36);
  box-shadow:0 0 0 3px rgba(127,178,255,.18);
}
.file-input{
  background:rgba(8,22,62,.35);
  border-color:rgba(255,255,255,.22);
}
.file-input span{color:var(--wb-text)}
.checkbox-row input{accent-color:#9CC3FF}
.form-message{color:#BFD8FF}
.coupon-history{border-color:var(--wb-border)}
.history-item b{color:#fff}
.order-modal{background:rgba(3,10,35,.55)}
.order-summary{border-color:var(--wb-border)}
.order-price-wrap del{color:var(--wb-text-3)}
.activation-field button{
  background:rgba(255,255,255,.12);
  color:var(--wb-text);
  border:1px solid rgba(255,255,255,.2);
  white-space:nowrap;
  writing-mode:horizontal-tb;
}
.activation-field button:hover{background:rgba(255,255,255,.2);color:#fff}
.activation-field>label small,.order-card>label>small{color:var(--wb-text-3)}
.activation-field small{color:var(--wb-text-3)!important}
.activation-field small.activation-success{color:#7FB2FF!important}
.activation-field small.activation-error{color:#FFB4A8!important}
.benefits-section,.benefits-grid,.benefits-grid article{border-color:var(--wb-border)}
.benefits-grid h3,.benefit-icon{color:var(--wb-text)}
.benefits-grid p{color:var(--wb-text-3)}

.payment-os-proof{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.payment-os-icon{
  display:block;
  width:14px;
  height:14px;
  flex:none;
  color:#BFD8FF;
}

/* 真实支付接入：价格加载状态、方案划线价、下单错误提示 */
.plan-status{grid-column:1/-1;margin:0;padding:48px 0;text-align:center;color:var(--wb-text-3)}
.plan-price .plan-original{margin-left:10px;color:var(--wb-text-3);font-size:15px}
.plan-button[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
#orderMessage.is-error{color:#FFB4A8}