*{box-sizing:border-box}.h5-plus-page{margin:0;background:#f4f7fc;color:#17233d;padding-bottom:30px}.plus-topbar{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e8edf5;position:sticky;top:0;z-index:10}.plus-topbar a{font-size:34px;line-height:1;color:#17233d}.plus-topbar strong{font-size:18px}.plus-topbar span{width:20px}.h5-plus-page main{padding:14px;max-width:620px;margin:auto}.plus-hero{padding:26px 22px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#173d89,#315fd2 58%,#6451cf);box-shadow:0 14px 32px rgba(41,83,176,.24)}.plus-kicker{display:inline-block;padding:4px 10px;border:1px solid rgba(255,255,255,.4);border-radius:20px;font-size:12px}.plus-hero h1{margin:13px 0 6px;font-size:30px}.plus-hero h1 em{font-style:normal;color:#ffe19a}.plus-hero p{margin:0;color:#dae5ff;line-height:1.65}.plus-price{margin-top:18px;display:flex;align-items:baseline;gap:6px}.plus-price b{font-size:30px;color:#ffe19a}.plus-price span{font-size:13px}.plus-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.plus-metrics div{padding:12px;border-radius:12px;background:rgba(255,255,255,.13)}.plus-metrics b,.plus-metrics span{display:block}.plus-metrics span{margin-top:3px;font-size:12px;color:#d8e3ff}.plus-status,.plus-card,.open-guide{margin-top:14px;padding:18px;border-radius:16px;background:#fff;border:1px solid #e7edf7}.plus-status.active{border-color:#b9e3d2;background:linear-gradient(180deg,#f6fffb,#fff)}.status-heading{display:flex;align-items:center;justify-content:space-between}.status-heading>div{display:flex;align-items:center;gap:8px}.status-heading em{padding:4px 9px;border-radius:12px;background:#e8f7f1;color:#16815e;font-size:12px;font-style:normal}.status-dot{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#2470e9;color:#fff;font-size:12px}.active .status-dot{background:#20a875}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.status-grid div{min-width:0;padding:12px;border-radius:12px;background:#f3f6fb}.status-grid b,.status-grid span{display:block}.status-grid b{font-size:17px;overflow-wrap:anywhere}.status-grid span{margin-top:5px;color:#7b879d;font-size:12px}.status-grid .saving{background:#fff2f1}.status-grid .saving b,.history-saving b{color:#e74035}.status-note,.history-saving{margin:14px 0 0;color:#6f7e96;line-height:1.65}.plus-login{display:block;margin-top:14px;padding:14px;border-radius:14px;text-align:center;background:#2470e9;color:#fff;font-weight:700}.plus-card h2,.open-guide h2{margin:0 0 12px;font-size:17px}.plus-card ul{margin:0;padding-left:20px}.plus-card li{margin:9px 0;color:#5f6f87;line-height:1.6}.plus-card.warn{border-color:#f1d49c;background:#fffaf0}.open-guide p{color:#6f7e96;line-height:1.6}.open-guide>div{display:grid;gap:10px}.open-guide span,.open-guide a{display:flex;align-items:center;justify-content:space-between;padding:13px;border-radius:12px;background:#f2f6fc;color:#263b61}.open-guide span b,.open-guide span small{display:block}.open-guide span small{color:#7e8da4}.open-guide a{justify-content:center;background:#2470e9;color:#fff;font-weight:700}@media(max-width:350px){.status-grid,.plus-metrics{grid-template-columns:1fr}.plus-hero{padding:22px 18px}}

/* Keep the benefit centre readable in both iOS and Android webviews. */
.h5-plus-page {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  padding-bottom: calc(30px + env(safe-area-inset-bottom, 0px));
}
.h5-plus-page a { text-decoration: none; }
.h5-plus-page b, .h5-plus-page strong { font-weight: 600; }
.h5-plus-page main {
  width: 100%;
  padding: 16px;
  padding-left: calc(16px + env(safe-area-inset-left, 0px));
  padding-right: calc(16px + env(safe-area-inset-right, 0px));
}
.plus-topbar {
  height: auto;
  min-height: 52px;
  padding: env(safe-area-inset-top, 0px) calc(16px + env(safe-area-inset-right, 0px)) 0 calc(16px + env(safe-area-inset-left, 0px));
}
.plus-topbar a { display: flex; align-items: center; justify-content: center; width: 32px; min-height: 48px; flex-shrink: 0; }
.plus-topbar > span { width: 32px; }
.plus-topbar strong { font-size: 17px; }
.plus-hero { padding: 24px 20px; }
.plus-hero h1 { font-size: 28px; line-height: 1.4; font-weight: 600; }
.plus-hero p { font-size: 14px; line-height: 1.8; }
.plus-price { flex-wrap: wrap; }
.plus-price b { font-variant-numeric: tabular-nums; }
.plus-metrics, .status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.plus-metrics > div { min-width: 0; }
.plus-metrics b { font-size: 15px; overflow-wrap: anywhere; }
.plus-card, .plus-status, .open-guide { padding: 18px 16px; }
.plus-card h2, .open-guide h2 { font-size: 17px; line-height: 1.5; font-weight: 600; }
.plus-card li { line-height: 1.8; }
.status-heading { flex-wrap: wrap; gap: 8px; }
.status-heading > div { min-width: 0; }
.status-dot { flex-shrink: 0; }
.status-heading strong { font-size: 15px; }
.status-note, .history-saving { font-size: 13px; overflow-wrap: anywhere; }
.status-grid b { font-size: 15px; }
.open-guide p { margin-bottom: 14px; }
.open-guide span { align-items: flex-start; flex-direction: column; gap: 4px; }
.open-guide small { font-size: 12px; overflow-wrap: anywhere; }
.h5-plus-page .common-footer { padding: 16px; overflow-wrap: anywhere; }
@media (max-width: 350px) {
  .status-grid, .plus-metrics { grid-template-columns: 1fr; }
  .plus-hero { padding: 22px 18px; }
}