/* ===========================================================================
   why-choose-us.html — page styles (moved from inline <style>, P2 20261030)
   Linked unlayered (same cascade position as the former inline block).
   ========================================================================== */
    /* ============== Testimonial Cards ============== */
    .testimonial-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.75rem;
      margin-top: 3rem;
    }
    @media (max-width: 992px) {
      .testimonial-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 640px) {
      .testimonial-grid { grid-template-columns: 1fr; }
    }
    .testimonial-card {
      background: var(--surface-faint, #f4f4f5);
      border: 0;
      border-radius: 0;
      padding: 1.875rem 1.75rem;
      box-shadow: none;
      transition: background-color 0.3s ease;
      display: flex;
      flex-direction: column;
    }
    .testimonial-card:hover {
      background: var(--surface-muted, #ececee);
    }
    .testimonial-stars {
      display: flex;
      gap: 6px;
      margin-bottom: 1.125rem;
      color: var(--rating-star);
    }
    .testimonial-stars .icon {
      width: 17px;
      height: 17px;
    }
    .testimonial-text {
      font-size: 0.95rem;
      line-height: 1.75;
      color: var(--text-subtle, #565f6d);
      margin: 0 0 2.25rem;
      flex-grow: 1;
    }
    .testimonial-divider {
      height: 1px;
      width: 100%;
      background: var(--border-subtle, #dcdde1);
      margin-bottom: 1.25rem;
    }
    .testimonial-author {
      display: flex;
      align-items: center;
      gap: 0.75rem;
    }
    .testimonial-avatar {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--text-inverse);
      font-weight: 600;
      font-size: 0.8125rem;
      letter-spacing: 0.02em;
      flex-shrink: 0;
    }
    .testimonial-author-info {
      display: flex;
      flex-direction: column;
      gap: 3px;
    }
    .testimonial-name {
      font-size: 1rem;
      font-weight: 600;
      line-height: 1.3;
      color: var(--text-strong, #1f2937);
    }
    .testimonial-role {
      font-size: 0.8125rem;
      line-height: 1.4;
      color: var(--text-faint, #8792a2);
    }

    /* ============== Pillars: home feature-card style ============== */
    .feature .feature-card .card__header {
      padding-right: 3.5rem;
    }
    .feature .feature-card .card__slogan {
      font-size: 1rem;
    }
    .feature .feature-card .card__content p,
    .feature .feature-card .check-list li {
      font-size: 1rem;
    }

    .feature .feature-card .card__icon {
      width: 56px;
      height: 56px;
      background: none;
    }
    .feature .feature-card .card__icon img {
      width: 100%;
      height: 100%;
      display: block;
    }

    /* ============== Backstage Promise Panel ============== */
    .promise-panel {
      display: grid;
      grid-template-columns: 1.05fr 0.95fr;
      align-items: center;
      gap: clamp(2rem, 4vw, 3.5rem);
      padding: clamp(2rem, 4vw, 3.5rem);
      border-radius: var(--radius-lg);
      background: var(--surface-blue);
    }
    .promise-panel .section-subtitle {
      margin-bottom: 0.75rem;
    }
    .promise-panel__title {
      margin: 0 0 1rem;
    }
    .promise-panel__text {
      color: var(--text-subtle);
      line-height: 1.75;
      margin: 0 0 1.5rem;
    }
    .promise-panel__link {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      font-size: 0.9375rem;
      font-weight: 600;
      color: var(--brand-strong);
      text-decoration: none;
    }
    .promise-panel__link:hover {
      text-decoration: underline;
      text-underline-offset: 0.2em;
    }
    .promise-list {
      display: grid;
      gap: 0.875rem;
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .promise-item {
      display: flex;
      align-items: flex-start;
      gap: 0.875rem;
      padding: 1.125rem 1.25rem;
      border-radius: var(--radius-md);
      background: var(--surface-default);
      box-shadow: var(--shadow-xs);
    }
    .promise-item .icon {
      flex-shrink: 0;
      margin-top: 0.15rem;
      color: var(--brand-default);
    }
    .promise-item strong {
      display: block;
      margin-bottom: 0.15rem;
      font-size: 0.9375rem;
      color: var(--text-strong);
    }
    .promise-item span {
      font-size: 0.8125rem;
      line-height: 1.55;
      color: var(--text-faint);
    }

    /* ============== Service Flow Timeline ============== */
    .flow-steps {
      position: relative;
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 1.25rem;
      margin: 3.5rem 0 0;
      padding: 0;
      list-style: none;
    }
    .flow-steps::before {
      content: "";
      position: absolute;
      top: 1.25rem;
      left: 10%;
      right: 10%;
      height: 2px;
      background: var(--border-subtle);
    }
    .flow-step {
      position: relative;
      padding-top: 3.75rem;
    }
    .flow-step__dot {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 2.5rem;
      height: 2.5rem;
      border: 2px solid var(--brand-soft);
      border-radius: var(--radius-round);
      background: var(--surface-default);
      color: var(--brand-strong);
      font-size: 0.8125rem;
      font-weight: 700;
    }
    .flow-step__title {
      margin: 0 0 0.5rem;
      text-align: center;
      font-size: 1.0625rem;
      color: var(--text-strong);
    }
    .flow-step__text {
      margin: 0 0 0.875rem;
      font-size: 0.9375rem;
      line-height: 1.65;
      color: var(--text-subtle);
    }
    .flow-step__meta {
      display: inline-flex;
      padding: 0.2rem 0.55rem;
      border-radius: var(--radius-round);
      background: var(--surface-faint);
      font-size: 0.75rem;
      font-weight: 600;
      color: var(--text-faint);
    }

    /* ============== Promise Stats ============== */
    .promise-stats {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 1.5rem;
      margin-top: 2.5rem;
      padding-top: 2rem;
      border-top: 1px solid var(--border-subtle);
    }
    .promise-stat {
      display: flex;
      flex-direction: column;
      gap: 0.35rem;
    }
    .promise-stat__num {
      font-size: clamp(1.75rem, 3vw, 2.25rem);
      font-weight: 700;
      line-height: 1.1;
      color: var(--brand-default);
    }
    .promise-stat__label {
      font-size: 0.9375rem;
      color: var(--text-subtle);
    }
    .promise-stat__note {
      font-size: 0.75rem;
      line-height: 1.5;
      color: var(--text-faint);
    }

    /* ============== FAQ ============== */
    .faq-accordion-wrap {
      max-width: 900px;
      margin: 2.5rem auto 0;
    }

    /* ============== Alternating Section Backgrounds ============== */
    .promise.section,
    .promise-numbers.section,
    .faq.section {
      background: var(--surface-faint);
    }

    /* ============== Responsive ============== */
    @media (max-width: 992px) {
      .promise-panel {
        grid-template-columns: 1fr;
      }
      .promise-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .flow-steps {
        grid-template-columns: 1fr;
        gap: 1.75rem;
        margin-top: 2.5rem;
      }
      .flow-steps::before {
        display: none;
      }
      .flow-step {
        padding-top: 0;
        padding-right: 1rem;
        padding-left: 4rem;
      }
      .flow-step::before {
        content: "";
        position: absolute;
        top: 1.25rem;
        bottom: -3rem;
        left: 1.25rem;
        width: 2px;
        background: var(--border-subtle);
      }
      .flow-step:last-child::before {
        display: none;
      }
      .flow-step__dot {
        left: 0;
        transform: none;
      }
      .flow-step__title {
        text-align: left;
      }
    }
    @media (max-width: 640px) {
      .promise-stats {
        grid-template-columns: 1fr;
      }
    }
    /* ============== WCU POLISH 20261030 (revert: delete this block + body class) ============== */
    .wcu-page main { --wcu-ink:var(--text-heavy); --wcu-body:var(--text-default); --wcu-muted:var(--text-subtle); --wcu-line:rgb(var(--color-shadow-base) / .08); --wcu-accent:var(--accent-orange);
      --wcu-shadow:0 1px 2px rgb(var(--color-shadow-base) / .04),0 8px 24px -12px rgb(var(--color-shadow-base) / .12);
      --wcu-shadow-hover:0 2px 4px rgb(var(--color-shadow-base) / .05),0 22px 44px -18px rgb(var(--theme-brand-600) / .28); }
    .wcu-page main .section:not(.contact-us) { padding-block: clamp(4rem, 7vw, 6.25rem); }
    .wcu-page main .section:not(.contact-us) .section-header h2 { font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem); line-height:1.2; letter-spacing:-.02em; color:var(--wcu-ink); }
    .wcu-page main .section:not(.contact-us) .section-header p { font-size:1.0625rem; line-height:1.7; color:var(--wcu-muted); max-width:44rem; margin-inline:auto; }
    .wcu-page main .section:not(.contact-us) .section-subtitle { letter-spacing:.12em; font-weight:600; }
    /* banner */
    .wcu-page .page-banner h1 { letter-spacing:-.02em; }
    .wcu-page .page-banner p { font-size:1.125rem; line-height:1.6; max-width:40rem; opacity:.92; }
    /* pillars */
    .wcu-page .feature { background: radial-gradient(rgb(var(--theme-brand-600) / .09) 1px, transparent 1.2px) 0 0/22px 22px, linear-gradient(180deg,rgb(var(--theme-brand-100) / .4) 0%,var(--surface-default) 100%); }
    .wcu-page .feature-layout { gap: 1.5rem; }
    .wcu-page .feature .feature-card { position:relative; overflow:hidden; background:var(--surface-default); border:1px solid var(--wcu-line); border-radius:var(--card-radius-lg); box-shadow:var(--wcu-shadow); transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
    .wcu-page .feature .feature-card:hover { transform:translateY(-4px); box-shadow:var(--wcu-shadow-hover); border-color:rgb(var(--theme-brand-600) / .22); }
    .wcu-page .feature .feature-card .card__body { padding: 1.75rem 1.625rem 1.625rem; }
    .wcu-page .feature .feature-card .card__title { font-size:1.1875rem; line-height:1.35; font-weight:700; color:var(--wcu-ink); letter-spacing:-.01em; }
    .wcu-page .feature .feature-card .card__slogan { font-size:.875rem; font-weight:600; color:var(--brand-strong); margin-top:.25rem; }
    .wcu-page .feature .feature-card .card__divider { background:linear-gradient(90deg,var(--wcu-line),transparent); }
    .wcu-page .feature .feature-card .card__content p, .wcu-page .feature .feature-card .check-list li { font-size:.96875rem; line-height:1.7; color:var(--wcu-body); }
    .wcu-page .feature .feature-card .card__icon img { transition:transform .3s ease; }
    .wcu-page .feature .feature-card:hover .card__icon img { transform:scale(1.06) rotate(-3deg); }
    .wcu-page .feature .feature-card .card__deco-number { color:rgb(var(--theme-brand-600) / .07); font-weight:800; }
    /* promise panel */
    .wcu-page .promise { background:var(--surface-default); }
    .wcu-page .promise-panel { position:relative; overflow:hidden; border-radius:24px; border:1px solid rgb(var(--theme-brand-600) / .12); background: radial-gradient(600px 300px at 0% 0%, rgb(var(--theme-brand-600) / .10), transparent 60%), radial-gradient(400px 260px at 100% 100%, rgb(var(--color-orange-500) / .08), transparent 60%), linear-gradient(135deg,rgb(var(--theme-brand-100) / .6),rgb(var(--theme-brand-100))); box-shadow:var(--wcu-shadow); }
    .wcu-page .promise-panel__title { font-size:clamp(1.875rem,1.3rem + 1.8vw,2.75rem); line-height:1.15; letter-spacing:-.025em; color:var(--wcu-ink); }
    .wcu-page .promise-panel__text { font-size:1.0625rem; line-height:1.75; color:var(--wcu-body); }
    .wcu-page .promise-panel__link { font-weight:600; gap:.4rem; }
    .wcu-page .promise-panel__link .icon { transition:transform .25s ease; }
    .wcu-page .promise-panel__link:hover .icon { transform:translateX(4px); }
    .wcu-page .promise-item { background:var(--surface-default); border:1px solid var(--wcu-line); border-radius:14px; box-shadow:var(--wcu-shadow); padding:1.125rem 1.25rem; transition:transform .25s ease, box-shadow .25s ease; }
    .wcu-page .promise-item:hover { transform:translateX(4px); box-shadow:var(--wcu-shadow-hover); }
    .wcu-page .promise-item strong { font-size:1.0625rem; color:var(--wcu-ink); }
    .wcu-page .promise-item span { font-size:.9375rem; line-height:1.6; color:var(--wcu-muted); }
    .wcu-page .promise-item > .icon { color:var(--wcu-accent); flex-shrink:0; }
    /* service flow */
    .wcu-page .service-flow { background: linear-gradient(180deg,var(--surface-faint),var(--surface-default)); }
    .wcu-page .flow-step__dot { background:linear-gradient(135deg,var(--brand-strong),rgb(var(--theme-brand-500))); color:var(--text-inverse); box-shadow:0 0 0 6px rgb(var(--theme-brand-600) / .12), 0 6px 14px -4px rgb(var(--theme-brand-600) / .5); font-weight:700; }
    .wcu-page .flow-step:hover .flow-step__dot { background:linear-gradient(135deg,rgb(var(--color-orange-600)),var(--wcu-accent)); box-shadow:0 0 0 6px rgb(var(--color-orange-500) / .14), 0 6px 14px -4px rgb(var(--color-orange-500) / .5); }
    .wcu-page .flow-step__title { font-size:1.125rem; font-weight:700; color:var(--wcu-ink); }
    .wcu-page .flow-step__text { font-size:.9375rem; line-height:1.7; color:var(--wcu-body); }
    .wcu-page .flow-step__meta { display:inline-block; font-size:.8125rem; font-weight:600; color:var(--text-strong); background:rgb(var(--color-orange-500) / .12); border:1px solid rgb(var(--color-orange-500) / .4); border-radius: var(--radius-pill); padding:.2rem .7rem; }
    /* numbers band */
    .wcu-page .promise-numbers { position:relative; color:var(--text-inverse); background: radial-gradient(rgb(var(--color-bg-primary) / .10) 1px, transparent 1.2px) 0 0/24px 24px, radial-gradient(700px 320px at 85% 0%, rgb(var(--theme-brand-500) / .45), transparent 60%), linear-gradient(120deg,var(--navy-default) 0%,rgb(var(--theme-brand-700)) 55%,rgb(var(--theme-brand-600)) 100%); }
    .wcu-page .promise-numbers .section-header h2, .wcu-page .promise-numbers .section-header h2 span { color:var(--text-inverse); }
    .wcu-page .promise-numbers .section-header p { color:var(--text-inverse-strong); }
    .wcu-page .promise-numbers .section-subtitle { background:rgb(var(--color-bg-primary) / .14); color:var(--text-inverse); }
    .wcu-page .promise-stats { gap:1.25rem; border:0; }
    .wcu-page .promise-stat { background:rgb(var(--color-bg-primary) / .08); border:1px solid var(--surface-inverse-subtle); border-radius:18px; padding:1.75rem 1.5rem; backdrop-filter:blur(6px); transition:transform .3s ease, background .3s ease; }
    .wcu-page .promise-stat:hover { transform:translateY(-4px); background:rgb(var(--color-bg-primary) / .13); }
    .wcu-page .promise-stat__num { color:var(--text-inverse); font-size:clamp(2rem,1.5rem + 1.6vw,2.75rem); font-weight:800; letter-spacing:-.03em; line-height:1.1; }
    .wcu-page .promise-stat__label { color:var(--text-inverse); font-size:1rem; font-weight:600; margin-top:.5rem; }
    .wcu-page .promise-stat__label::before { content:""; display:block; width:28px; height:3px; border-radius:3px; background:var(--wcu-accent); margin-bottom:.6rem; }
    .wcu-page .promise-stat__note { color:var(--text-inverse-subtle); font-size:.875rem; line-height:1.55; }
    /* testimonials */
    .wcu-page .printer-solutions { background: radial-gradient(rgb(var(--theme-brand-600) / .08) 1px, transparent 1.2px) 0 0/22px 22px, var(--surface-faint); }
    .wcu-page .testimonial-grid { gap:1.5rem; }
    .wcu-page .testimonial-card { position:relative; background:var(--surface-default); border:1px solid var(--wcu-line); border-radius:var(--card-radius-lg); box-shadow:var(--wcu-shadow); padding:1.75rem; transition:transform .3s ease, box-shadow .3s ease; }
    .wcu-page .testimonial-card::after { content:""; position:absolute; top:1.1rem; right:1.25rem; width:2.75rem; height:2.75rem; background-color:rgb(var(--theme-brand-600) / .10); -webkit-mask:url("../../media/icons/quote.svg") center / contain no-repeat; mask:url("../../media/icons/quote.svg") center / contain no-repeat; pointer-events:none; }
    .wcu-page .testimonial-card:hover { transform:translateY(-4px); box-shadow:var(--wcu-shadow-hover); }
    .wcu-page .testimonial-text { font-size:1rem; line-height:1.75; color:var(--wcu-body); }
    .wcu-page .testimonial-divider { background:var(--wcu-line); width:100%; }
    .wcu-page .testimonial-avatar { box-shadow:0 0 0 3px var(--surface-default), 0 0 0 4px rgb(var(--color-shadow-base) / .08); }
    .wcu-page .testimonial-name { color:var(--wcu-ink); font-size:1rem; }
    .wcu-page .testimonial-role { color:var(--wcu-muted); }
    /* faq */
    .wcu-page .faq { background:var(--surface-default); }
    .wcu-page .faq-accordion-wrap { max-width:56rem; margin-inline:auto; }
    .wcu-page .faq .accordion-item { background:var(--surface-default); border:1px solid var(--wcu-line); border-radius:14px; margin-bottom:.75rem; box-shadow:0 1px 2px rgb(var(--color-shadow-base) / .04); overflow:hidden; transition:border-color .25s ease, box-shadow .25s ease; }
    .wcu-page .faq .accordion-item:hover { border-color:rgb(var(--theme-brand-600) / .25); box-shadow:var(--wcu-shadow); }
    .wcu-page .faq .accordion-header { padding:1.1rem 1.25rem; gap:.9rem; }
    .wcu-page .faq .accordion-header .text { font-size:1.0625rem; font-weight:600; color:var(--wcu-ink); line-height:1.45; }
    .wcu-page .faq .accordion-header .num { background:rgb(var(--theme-brand-100)); color:var(--brand-strong); border-radius:10px; font-weight:700; min-width:2rem; height:2rem; }
    .wcu-page .faq .accordion-header[aria-expanded="true"] .num { background:var(--brand-strong); color:var(--text-inverse); }
    .wcu-page .faq .accordion-content .content p { font-size:1rem; line-height:1.75; color:var(--wcu-body); }
    /* a11y */
    .wcu-page main a:focus-visible, .wcu-page main button:focus-visible { outline:2px solid var(--brand-strong); outline-offset:3px; border-radius: var(--radius-md); }
    @media (max-width:576px){
      .wcu-page .feature .feature-card .card__body { padding:1.375rem 1.25rem; }
      .wcu-page .faq .accordion-header .text { font-size:1rem; }
      .wcu-page .promise-stat { padding:1.375rem 1.25rem; }
    }
    @media (prefers-reduced-motion:reduce){ .wcu-page main * { transition:none !important; } }
    /* faq two-column */
    .wcu-page .faq { background:linear-gradient(180deg,var(--surface-default),rgb(var(--theme-brand-100) / .4)); }
    .wcu-page .wcu-faq-grid { display:grid; grid-template-columns:minmax(0,4fr) minmax(0,6fr); gap:clamp(2rem,5vw,4.5rem); align-items:start; }
    .wcu-page .wcu-faq-intro { position:sticky; top:110px; }
    .wcu-page .wcu-faq-intro .section-header { text-align:left; margin-bottom:2rem; }
    .wcu-page .wcu-faq-intro .section-header p { margin-inline:0; }
    .wcu-page .wcu-faq-visual { position:relative; margin:0; padding:1.5rem; }
    .wcu-page .wcu-faq-visual::before { content:""; position:absolute; inset:6% 4% 0 4%; border-radius:50%; background:radial-gradient(circle at 40% 40%,rgb(var(--theme-brand-100)),rgb(var(--theme-brand-100)) 60%,transparent 72%); z-index:0; }
    .wcu-page .wcu-faq-visual::after { content:""; position:absolute; width:22%; aspect-ratio:1; right:6%; top:8%; border-radius:50%; background:radial-gradient(circle,rgb(var(--theme-brand-500) / .18),transparent 70%); }
    .wcu-page .wcu-faq-visual img { position:relative; z-index:1; width:100%; max-width:440px; height:auto; display:block; margin-inline:auto; mix-blend-mode:multiply; }
    .wcu-page .faq .faq-accordion-wrap { max-width:none; margin:0; }
    .wcu-page .faq .accordion-item { border:1px solid rgb(var(--color-shadow-base) / .06); box-shadow:0 1px 2px rgb(var(--color-shadow-base) / .04),0 6px 18px -10px rgb(var(--color-shadow-base) / .14); margin-bottom:1rem; }
    .wcu-page .faq .accordion-item:has([aria-expanded="true"]) { box-shadow:0 2px 4px rgb(var(--color-shadow-base) / .05),0 22px 44px -18px rgb(var(--theme-brand-600) / .30); border-color:rgb(var(--theme-brand-600) / .2); }
    .wcu-page .faq .accordion-header { padding:1.15rem 1.25rem; text-align:left; }
    .wcu-page .faq .accordion-header .text { flex:1; }
    .wcu-page .faq .accordion-header > .icon { position:relative; flex:0 0 2.25rem; width:2.25rem; height:2.25rem; border-radius:10px; background:var(--brand-strong); box-shadow:0 6px 14px -6px rgb(var(--theme-brand-600) / .6); transition:transform .3s ease, background .3s ease; }
    .wcu-page .faq .accordion-header > .icon::before, .wcu-page .faq .accordion-header > .icon::after { display:none; }
    .wcu-page .faq .accordion-header > .icon { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center; background-size:18px; }
    .wcu-page .faq .accordion-header[aria-expanded="true"] > .icon { transform:rotate(180deg); background-color:var(--brand-strong); box-shadow:0 6px 14px -6px rgb(var(--theme-brand-600) / .6); }
    .wcu-page .faq .accordion-content .content { padding:0 1.25rem 1.25rem 4.15rem; }
    @media (max-width:992px){
      .wcu-page .wcu-faq-grid { grid-template-columns:1fr; }
      .wcu-page .wcu-faq-intro { position:static; display:grid; grid-template-columns:1fr 200px; gap:1.5rem; align-items:center; }
      .wcu-page .wcu-faq-visual { padding:0; }
    }
    @media (max-width:576px){
      .wcu-page .wcu-faq-intro { grid-template-columns:1fr; }
      .wcu-page .wcu-faq-visual { display:none; }
      .wcu-page .faq .accordion-content .content { padding-left:1.25rem; }
    }
    .wcu-page .faq .accordion { background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
    .wcu-page .faq .accordion-header > .icon { transform:none !important; }
    .wcu-page .faq .accordion-header[aria-expanded="true"] > .icon { transform:rotate(180deg) !important; }
    .wcu-page .faq .accordion-header > .icon::before, .wcu-page .faq .accordion-header > .icon::after { content:none !important; }
    .wcu-page .faq .accordion-header > .icon { border:0 !important; }
    .wcu-page .faq .accordion-item.active .accordion-header > .icon { transform:rotate(180deg) !important; background-color:var(--brand-strong); }
    /* flow: zig-zag image timeline */
    .wcu-page .flow-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); grid-template-rows:auto 72px auto; column-gap:1.5rem; row-gap:1.25rem; margin-top:3.5rem; }
    .wcu-page .flow-steps::before { display:none; }
    .wcu-page .flow-step { display:grid; grid-row:span 3; grid-template-rows:subgrid; padding:0; position:relative; }
    .wcu-page .flow-step::before { content:""; position:static; display:block; grid-row:2; grid-column:1; align-self:center; height:2px; margin-inline:-.75rem; background:linear-gradient(90deg,rgb(var(--theme-brand-600) / .18),rgb(var(--theme-brand-600) / .35),rgb(var(--theme-brand-600) / .18)); }
    .wcu-page .flow-step:first-child::before { margin-left:50%; }
    .wcu-page .flow-step:last-child::before { margin-right:50%; display:block; }
    .wcu-page .flow-step__badge { grid-row:2; grid-column:1; justify-self:center; align-self:center; z-index:1; width:64px; height:64px; padding:6px; border-radius:50%; background:var(--surface-default); box-shadow:0 0 0 1px rgb(var(--theme-brand-600) / .10),0 8px 20px -8px rgb(var(--theme-brand-600) / .35); transition:transform .3s ease, box-shadow .3s ease; }
    .wcu-page .flow-step__badge img { width:100%; height:100%; display:block; }
    .wcu-page .flow-step:hover .flow-step__badge { transform:scale(1.08); box-shadow:0 0 0 1px rgb(var(--color-orange-500) / .25),0 10px 24px -8px rgb(var(--color-orange-500) / .45); }
    .wcu-page .flow-step__body { grid-column:1; text-align:center; padding:0 .25rem; }
    .wcu-page .flow-step__media { grid-column:1; margin:0; border-radius:14px; overflow:hidden; aspect-ratio:4/3; box-shadow:0 1px 2px rgb(var(--color-shadow-base) / .05),0 14px 30px -14px rgb(var(--color-shadow-base) / .30); }
    .wcu-page .flow-step__media img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
    .wcu-page .flow-step:hover .flow-step__media img { transform:scale(1.06); }
    .wcu-page .flow-step:nth-child(odd) .flow-step__body { grid-row:1; align-self:end; }
    .wcu-page .flow-step:nth-child(odd) .flow-step__media { grid-row:3; align-self:start; }
    .wcu-page .flow-step:nth-child(even) .flow-step__media { grid-row:1; align-self:end; }
    .wcu-page .flow-step:nth-child(even) .flow-step__body { grid-row:3; align-self:start; }
    .wcu-page .flow-step .flow-step__dot, .wcu-page .flow-step:hover .flow-step__dot { position:static; transform:none; display:inline-block; width:auto; height:auto; border:0; background:none; box-shadow:none; color:var(--brand-strong); font-size:.8125rem; font-weight:800; letter-spacing:.14em; margin-bottom:.35rem; }
    .wcu-page .flow-step__title { font-size:1.25rem; text-align:center; margin-bottom:.5rem; }
    .wcu-page .flow-step__text { color:var(--wcu-muted); margin-bottom:.75rem; }
    @media (max-width:992px){
      .wcu-page .flow-steps { grid-template-columns:1fr; grid-template-rows:none; row-gap:2.25rem; margin-top:2.5rem; }
      .wcu-page .flow-step { grid-row:auto; grid-template-rows:auto auto; grid-template-columns:56px minmax(0,1fr); column-gap:1rem; row-gap:1rem; padding:0 !important; }
      .wcu-page .flow-step::before, .wcu-page .flow-step:first-child::before, .wcu-page .flow-step:last-child::before { display:block; position:static; grid-column:1; grid-row:1 / span 2; justify-self:center; align-self:stretch; width:2px; height:auto; margin:28px 0 -2.25rem; background:rgb(var(--theme-brand-600) / .22); }
      .wcu-page .flow-step:last-child::before { margin-bottom:0; background:linear-gradient(180deg,rgb(var(--theme-brand-600) / .22),transparent); }
      .wcu-page .flow-step__badge { grid-column:1; grid-row:1; align-self:start; width:56px; height:56px; padding:5px; }
      .wcu-page .flow-step:nth-child(n) .flow-step__body { grid-column:2; grid-row:1; align-self:start; text-align:left; padding:0; }
      .wcu-page .flow-step:nth-child(n) .flow-step__media { grid-column:2; grid-row:2; align-self:start; aspect-ratio:3/2; }
      .wcu-page .flow-step__title { text-align:left; }
    }
        /* faq states: single brand blue */
    .wcu-page .faq .accordion-header:not([aria-expanded="true"]):hover > .icon { background-color:var(--brand-soft); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232C63A8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); box-shadow:inset 0 0 0 1px rgb(var(--theme-brand-600) / .35); }
    .wcu-page .faq .accordion-item.active .accordion-header > .icon, .wcu-page .faq .accordion-header[aria-expanded="true"] > .icon { background-color:var(--brand-strong) !important; }
    .wcu-page .faq .accordion-item.active .accordion-header .num, .wcu-page .faq .accordion-header[aria-expanded="true"] .num { background:var(--brand-strong); color:var(--text-inverse); }
    .wcu-page .faq .accordion-item.active .accordion-header .text, .wcu-page .faq .accordion-header[aria-expanded="true"] .text { color:var(--text-heavy); }
    .wcu-page .faq .accordion-item.active, .wcu-page .faq .accordion-item:has([aria-expanded="true"]) { border-color:rgb(var(--theme-brand-600) / .28); box-shadow:inset 3px 0 0 var(--brand-strong), 0 2px 4px rgb(var(--color-shadow-base) / .05), 0 22px 44px -18px rgb(var(--theme-brand-600) / .30); }
    /* gap: pillars -> promise panel -> service flow (panel is a card, avoid doubled padding) */
    .wcu-page main .feature.section { padding-bottom:clamp(2.5rem, 4vw, 3.5rem); }
    .wcu-page main .promise.section { padding-top:0; padding-bottom:clamp(2.5rem, 4vw, 3.5rem); }
    /* promise check: 20px, centred on first title line (line-height 1.75 x 17px = 29.75px) */
    .wcu-page .promise-item > .icon { --icon-size:20px; width:20px; height:20px; margin-top:calc((1.0625rem * 1.75 - 20px) / 2 + 0.75px); align-self:flex-start; }
    /* numbers band: light text + tighter header gap */
    .wcu-page main .section.promise-numbers .section-header { margin-bottom:0; }
    .wcu-page main .section.promise-numbers .section-header h2, .wcu-page main .section.promise-numbers .section-header h2 span { color:var(--text-inverse); }
    .wcu-page main .section.promise-numbers .section-header p { color:var(--text-inverse-strong); }
    .wcu-page main .section.promise-numbers .promise-stats { margin-top:2rem; padding-top:0; border-top:0; }
    /* ============== /WCU POLISH ============== */

    .testimonial-badge {
      display: inline-block;
      margin: 0 0 0.85rem;
      padding: 0.2em 0.65em;
      border-radius: var(--radius-pill);
      background: var(--surface-muted, #f3f4f6);
      color: var(--wcu-muted, #6b7280);
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.02em;
      line-height: 1.4;
    }
    .wcu-page .testimonial-badge {
      background: rgb(var(--theme-brand-600) / .08);
      color: var(--wcu-muted);
    }
    @media (max-width: 767px) {
      .testimonial-badge { font-size: 0.7rem; }
    }

p.testimonial-badge,
.wcu-page .testimonial-badge {
  display: inline-block !important;
  width: auto !important;
  max-width: 100%;
  box-sizing: border-box;
}

.testimonial-card .testimonial-badge,
.wcu-page .testimonial-badge {
  display: inline-block !important;
  width: fit-content !important;
  max-width: 100%;
  align-self: flex-start;
  justify-self: start;
}