#weichi-interactive-prototype .customer-page {
  --customer-ink: #132650;
  --customer-muted: #536179;
  background: #f5f7fa;
  color: var(--customer-ink);
}
#weichi-interactive-prototype .customer-wrap { width: min(1120px, calc(100% - 64px)); margin-inline: auto; }
#weichi-interactive-prototype .customer-intro { padding: 32px 0 40px; background: #142650; color: white; }
#weichi-interactive-prototype .customer-breadcrumb { display: flex; gap: 12px; align-items: center; margin-bottom: 25px; color: #d5dff0; font-size: 14px; }
#weichi-interactive-prototype .customer-breadcrumb a { color: inherit; text-decoration: underline; text-underline-offset: 4px; }
#weichi-interactive-prototype .customer-intro h1 { margin: 0 0 14px; color: white; font-size: clamp(30px, 3.2vw, 42px); line-height: 1.25; font-weight: 750; }
#weichi-interactive-prototype .customer-intro p { margin: 0; color: #d5dff0; font-size: 16px; line-height: 1.8; max-width: 44em; }
#weichi-interactive-prototype .customer-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 44px; padding-block: 40px 64px; align-items: start; }
#weichi-interactive-prototype .customer-form-panel { background: white; border: 1px solid #dce2eb; border-radius: 12px; overflow: hidden; min-width: 0; }
#weichi-interactive-prototype .customer-preview-note { margin: 0; padding: 14px 28px; background: #fff7e7; color: #705019; font-size: 14px; line-height: 1.6; }
#weichi-interactive-prototype .customer-form { padding: 28px; }
#weichi-interactive-prototype .customer-form fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
#weichi-interactive-prototype .customer-form fieldset + fieldset { margin-top: 30px; padding-top: 26px; border-top: 1px solid #e1e6ee; }
#weichi-interactive-prototype .customer-form legend { padding: 0; margin-bottom: 8px; font-weight: 700; font-size: 22px; color: var(--customer-ink); }
#weichi-interactive-prototype .customer-form-help { color: var(--customer-muted); font-size: 14px; line-height: 1.7; margin: 0 0 20px; }
#weichi-interactive-prototype .customer-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
#weichi-interactive-prototype .customer-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
#weichi-interactive-prototype .customer-field-wide { grid-column: 1 / -1; }
#weichi-interactive-prototype .customer-field label { font-size: 15px; font-weight: 600; line-height: 1.6; }
#weichi-interactive-prototype .customer-field label span { font-size: 13px; font-weight: 400; color: var(--customer-muted); margin-left: 6px; }
#weichi-interactive-prototype .customer-field input,
#weichi-interactive-prototype .customer-field select,
#weichi-interactive-prototype .customer-field textarea { width: 100%; min-height: 48px; padding: 11px 12px; border: 1px solid #9ca9bc; border-radius: 5px; background: white; font: inherit; font-size: 16px; line-height: 1.5; color: #182d50; caret-color: #234e91; }
#weichi-interactive-prototype .customer-field textarea { resize: vertical; min-height: 120px; }
#weichi-interactive-prototype .customer-field input::placeholder,
#weichi-interactive-prototype .customer-field textarea::placeholder { color: #667286; opacity: 1; }
#weichi-interactive-prototype .customer-field input[aria-invalid="true"],
#weichi-interactive-prototype .customer-field select[aria-invalid="true"] { border-color: #ae3333; }
#weichi-interactive-prototype .customer-page :focus-visible { outline: 3px solid #497ac2; outline-offset: 3px; }
#weichi-interactive-prototype .customer-page ::selection { background: #d7e5fa; color: #132650; }
#weichi-interactive-prototype .customer-inline-help { font-size: 13px; color: var(--customer-muted); line-height: 1.6; margin: 0; }
#weichi-interactive-prototype .customer-line-help { grid-column: 1 / -1; padding: 12px 14px; background: #eef5ef; color: #275b3c; font-size: 14px; line-height: 1.7; margin: 0; }
#weichi-interactive-prototype .customer-form-actions { margin-top: 26px; }
#weichi-interactive-prototype .customer-action { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 12px 24px; border: 1px solid transparent; border-radius: 24px; font: inherit; font-size: 16px; line-height: 1.4; font-weight: 650; text-decoration: none; cursor: pointer; }
#weichi-interactive-prototype .customer-submit { background: #142650; color: white; }
#weichi-interactive-prototype .customer-submit:hover { background: #254879; }
#weichi-interactive-prototype .customer-line { background: #087c3d; color: white; }
#weichi-interactive-prototype .customer-line:hover { background: #056331; }
#weichi-interactive-prototype .customer-line svg { width: 22px; height: 22px; flex-shrink: 0; }
#weichi-interactive-prototype .customer-form-actions p { color: var(--customer-muted); font-size: 13px; line-height: 1.7; margin: 12px 0 0; }
#weichi-interactive-prototype .customer-aside h2 { font-size: 24px; line-height: 1.4; margin: 0 0 12px; }
#weichi-interactive-prototype .customer-aside p { font-size: 15px; color: var(--customer-muted); line-height: 1.8; margin: 0 0 20px; }
#weichi-interactive-prototype .customer-aside .customer-line { width: 100%; }
#weichi-interactive-prototype .customer-aside .customer-line-id { margin: 9px 0 22px; text-align: center; font-size: 13px; }
#weichi-interactive-prototype .customer-phone { display: block; color: var(--customer-ink); font-size: 16px; text-decoration: underline; text-underline-offset: 4px; padding: 6px 0; }
#weichi-interactive-prototype .customer-next { margin-top: 30px; padding-top: 26px; border-top: 1px solid #cbd5e3; }
#weichi-interactive-prototype .customer-next h3 { margin: 0 0 18px; font-size: 18px; }
#weichi-interactive-prototype .customer-next ol { margin: 0; padding-left: 24px; }
#weichi-interactive-prototype .customer-next li { padding-left: 6px; margin-bottom: 18px; line-height: 1.7; font-size: 15px; }
#weichi-interactive-prototype .customer-next li::marker { color: #436da7; font-weight: 700; }
#weichi-interactive-prototype .customer-next strong { display: block; font-weight: 650; }
#weichi-interactive-prototype .customer-next span { color: var(--customer-muted); font-size: 14px; }
#weichi-interactive-prototype .customer-success { padding: 36px 28px; }
#weichi-interactive-prototype .customer-success h2 { font-size: 26px; margin: 0 0 14px; }
#weichi-interactive-prototype .customer-success p { color: var(--customer-muted); line-height: 1.8; margin: 0 0 22px; }
#weichi-interactive-prototype .customer-success-actions { display: flex; flex-wrap: wrap; gap: 12px; }
#weichi-interactive-prototype .customer-edit { background: white; border-color: #9ca9bc; color: var(--customer-ink); }
#weichi-interactive-prototype .customer-edit:hover { background: #edf2f8; }
#weichi-interactive-prototype .customer-page [hidden] { display: none !important; }
#weichi-interactive-prototype .utility-inner { gap: 20px; }
#weichi-interactive-prototype .utility-inner .customer-link { display: inline-flex; align-items: center; }
#weichi-interactive-prototype .utility-line { color: white; font-size: 14px; font-weight: 600; text-decoration: none; }
#weichi-interactive-prototype .utility-line:hover { text-decoration: underline; text-underline-offset: 4px; }
#weichi-interactive-prototype .customer-cta-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
@media (max-width: 800px) {
  #weichi-interactive-prototype .customer-wrap { width: calc(100% - 40px); }
  #weichi-interactive-prototype .customer-layout { grid-template-columns: minmax(0, 1fr); gap: 32px; padding-block: 24px 40px; }
  #weichi-interactive-prototype .customer-aside { padding: 0 4px; }
  #weichi-interactive-prototype .customer-aside .customer-line { width: auto; }
  #weichi-interactive-prototype .customer-aside .customer-line-id { text-align: left; }
}
@media (max-width: 480px) {
  #weichi-interactive-prototype .customer-wrap { width: calc(100% - 32px); }
  #weichi-interactive-prototype .customer-intro { padding: 24px 0 30px; }
  #weichi-interactive-prototype .customer-breadcrumb { margin-bottom: 20px; }
  #weichi-interactive-prototype .customer-fields { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  #weichi-interactive-prototype .customer-form { padding: 24px 18px; }
  #weichi-interactive-prototype .customer-preview-note { padding: 12px 18px; }
  #weichi-interactive-prototype .customer-form .customer-submit { width: 100%; }
  #weichi-interactive-prototype .customer-success { padding: 28px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  #weichi-interactive-prototype .customer-page.is-active { animation: none; }
}

/* Reuse the approved About banner geometry and typography. */
#weichi-interactive-prototype .customer-page{display:none;--about-deep:#04183f;--about-orange:#f39229}
#weichi-interactive-prototype .customer-page.is-active{display:flow-root}
#weichi-interactive-prototype .customer-page-hero .about-v2-hero-media::before{background:linear-gradient(rgba(65,143,222,.62),rgba(65,143,222,.62)),url("assets/customer-team-trip.jpg") center 65% / cover}
#weichi-interactive-prototype .customer-form-actions p.customer-form-status { color: #a12b1f; font-size: 14px; }