:root{--color-primary:#0f766e;--color-primary-hover:#0b5f59;--color-cta:#0f766e;--color-cta-hover:#0b5f59;--color-text:#172a22;--color-text-weak:#65756d;--color-border:#dce4df;--color-border-light:#e8edea;--color-bg:#f4f7f5;--color-bg-alt:#edf3f0;--color-card:#fff;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;--shadow-card:0 1px 2px rgba(15,35,29,.04),0 8px 26px rgba(15,35,29,.06);--shadow-card-hover:0 14px 34px rgba(15,35,29,.09)}
body{color:var(--color-text);background:radial-gradient(circle at 80% -10%,rgba(15,118,110,.08),transparent 30%),var(--color-bg);font-family:var(--font-family);-webkit-font-smoothing:antialiased}
.card{max-width:900px;padding:40px 46px;border:1px solid var(--color-border);border-radius:18px;box-shadow:var(--shadow-card)}
.card:hover{transform:none;box-shadow:var(--shadow-card)}
.card h1{color:#132820;font-size:36px;font-weight:760;letter-spacing:-.04em}
.card h2{margin-top:30px;color:#203a30;font-size:20px}
.card .update{color:var(--color-text-weak);font-size:13px}
.policy-body,.terms-body{color:#40534a;line-height:1.8}
.row a{display:inline-flex;padding:9px 14px;border:1px solid var(--color-border);border-radius:9px;background:#f8faf9;font-size:14px;font-weight:700}
button.primary{background:var(--color-primary);box-shadow:0 7px 18px rgba(15,118,110,.16)}
button.primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 9px 22px rgba(15,118,110,.2)}

/* Help */
.help-header{border-bottom:1px solid var(--color-border)!important;background:rgba(255,255,255,.9)!important;backdrop-filter:blur(15px)}
.help-header-inner{max-width:1040px!important;padding:18px 24px!important}
.help-header h1{color:#163128!important;font-size:24px!important;font-weight:760!important}
.help-back{padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;color:var(--color-primary)!important;background:#fff}
.help-main{max-width:1040px!important;padding:36px 24px 70px!important}
.help-lead{color:var(--color-text-weak)!important;font-size:16px!important}
.help-toc{gap:8px!important;padding:14px!important;border:1px solid var(--color-border)!important;border-radius:12px!important;background:#fff!important}
.help-toc a{display:inline-flex;padding:6px 9px;border-radius:7px;background:#eef6f2;font-size:13px}
.help-block{margin-top:15px!important;padding:24px!important;border:1px solid var(--color-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 4px 15px rgba(15,35,29,.035)}
.help-block h2{color:#1b392f!important;font-size:20px!important}
.help-callout{border-color:#bcdacf!important;border-radius:12px!important;background:#edf8f4!important}

/* Pricing */
.plans-page{padding:0!important;background:var(--color-bg)!important}
.plans-container{width:min(1180px,calc(100% - 32px))!important;margin:0 auto!important;padding:32px 0 70px!important}
.plans-stepper{margin-bottom:22px!important;padding:16px 20px!important;border:1px solid var(--color-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 18px rgba(15,35,29,.04)!important}
.plans-pricing-grid{gap:16px!important}
.plans-pricing-cell,.plan-card{border-color:var(--color-border)!important;border-radius:15px!important;background:#fff!important;box-shadow:var(--shadow-card)!important}
.plan-card:hover{border-color:#a9c8bb!important;box-shadow:var(--shadow-card-hover)!important;transform:translateY(-2px)}
.plan-pay-btn{border-radius:9px!important;background:var(--color-primary)!important;box-shadow:none!important}
.plan-pay-btn:hover{background:var(--color-primary-hover)!important}
.plans-back{color:var(--color-primary)!important}
.step-num{border-color:#a8cdbf!important}
.is-active .step-num{color:#fff!important;background:var(--color-primary)!important}
.pay-qrcode-modal-panel{border-radius:18px!important}

/* Invoice */
.inv-page{padding:0!important;background:var(--color-bg)!important}
.inv-wrap{width:min(1080px,calc(100% - 32px))!important;margin:0 auto!important;padding:34px 0 70px!important}
.inv-top{margin-bottom:22px!important}
.inv-top h1{color:#153027!important;font-size:34px!important;font-weight:760!important;letter-spacing:-.04em}
.inv-link{padding:8px 11px;border:1px solid var(--color-border);border-radius:8px;background:#fff}
.inv-card{margin-top:14px!important;padding:24px!important;border:1px solid var(--color-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:var(--shadow-card)!important}
.inv-card h2{color:#213b31!important;font-size:20px!important}
.inv-field input,.inv-field select,.inv-field textarea{border-color:var(--color-border)!important;border-radius:8px!important}
.inv-btn{border-radius:9px!important;background:var(--color-primary)!important}
.inv-table-wrap{border-color:var(--color-border)!important;border-radius:10px!important}

/* Callback */
.callback-page{min-height:calc(100vh - 64px)!important;padding:42px 18px!important;background:transparent!important}
.callback-card{max-width:500px!important;padding:34px!important;border:1px solid var(--color-border)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--shadow-card)!important}
.callback-card h1{color:#163128!important;font-size:27px!important;font-weight:760!important}

@media(max-width:700px){
  body{padding:22px 14px}
  .card{padding:27px 22px;border-radius:14px}
  .card h1{font-size:30px}
  .help-header-inner,.help-main{padding-right:16px!important;padding-left:16px!important}
  .help-block{padding:19px!important}
  .plans-container,.inv-wrap{width:min(100% - 20px,1180px)!important}
  .plans-stepper{padding:13px!important}
  .inv-card{padding:18px!important}
}