.customer-case { --case-navy:#0d1b2f; --case-blue:#1f4ed8; --case-coral:#ef6b4a; --case-mist:#f4f7fb; color:#182235; }
    .customer-case * { box-sizing:border-box; }
    .customer-case .case-shell { max-width:1240px; margin:0 auto; padding-left:24px; padding-right:24px; }
    .customer-case .case-hero { padding:32px 0 56px; background:linear-gradient(135deg,#f7f9fc 0%,#eef4ff 100%); overflow:hidden; }
    .customer-case .case-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 28px; padding:0; list-style:none; color:#5c6980; font-size:14px; }
    .customer-case .case-breadcrumb a { color:#32415b; text-decoration:none; }
    .customer-case .case-breadcrumb a:hover { color:var(--case-blue); text-decoration:underline; }
    .customer-case .case-grid { display:grid; grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr); gap:54px; align-items:center; }
    .customer-case .case-eyebrow { display:inline-flex; align-items:center; gap:10px; padding:9px 15px; border-radius:999px; background:#e4edff; color:#1742ad; font-weight:700; font-size:14px; letter-spacing:.02em; }
    .customer-case h1 { margin:22px 0 22px; font-size:clamp(40px,5vw,68px); line-height:1.02; letter-spacing:-.045em; color:var(--case-navy); }
    .customer-case .case-lead { margin:0; max-width:650px; color:#4d5b72; font-size:20px; line-height:1.75; }
    .customer-case .case-hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }
    .customer-case .case-btn { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:13px 24px; border-radius:999px; font-weight:700; text-decoration:none; transition:transform .2s ease, box-shadow .2s ease; }
    .customer-case .case-btn:hover { transform:translateY(-2px); }
    .customer-case .case-btn-primary { color:#fff; background:var(--case-blue); box-shadow:0 12px 28px rgba(31,78,216,.22); }
    .customer-case .case-btn-secondary { color:#1b315c; background:#fff; border:1px solid #cfd9eb; }
    .customer-case .case-hero-figure { position:relative; margin:0; border-radius:28px; overflow:hidden; box-shadow:0 30px 70px rgba(15,29,50,.18); background:var(--case-navy); }
    .customer-case .case-hero-figure img { width:100%; aspect-ratio:3/2; object-fit:cover; display:block; }
    .customer-case .case-facts { margin-top:-34px; position:relative; z-index:2; }
    .customer-case .case-fact-grid { display:grid; grid-template-columns:repeat(4,1fr); background:#fff; border:1px solid #e0e7f1; border-radius:20px; box-shadow:0 18px 42px rgba(15,29,50,.09); overflow:hidden; }
    .customer-case .case-fact { padding:24px; min-height:132px; }
    .customer-case .case-fact + .case-fact { border-left:1px solid #e5eaf2; }
    .customer-case .case-fact small { display:block; margin-bottom:8px; color:#718096; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
    .customer-case .case-fact strong { color:var(--case-navy); font-size:17px; line-height:1.45; }
    .customer-case .case-section { padding:72px 0; }
    .customer-case .case-section-muted { background:var(--case-mist); }
    .customer-case .case-section-dark { background:var(--case-navy); color:#fff; }
    .customer-case .case-kicker { color:var(--case-blue); font-size:14px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
    .customer-case .case-section-dark .case-kicker { color:#8eb2ff; }
    .customer-case h2 { margin:12px 0 22px; max-width:880px; color:var(--case-navy); font-size:clamp(34px,4vw,50px); line-height:1.12; letter-spacing:-.03em; }
    .customer-case .case-section-dark h2 { color:#fff; }
    .customer-case .case-copy { max-width:790px; color:#526077; font-size:18px; line-height:1.82; }
    .customer-case .case-copy p:last-child { margin-bottom:0; }
    .customer-case .case-copy a { color:var(--case-blue); font-weight:700; }
    .customer-case .case-section-dark .case-copy { color:#c9d5e7; }
    .customer-case .case-system-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:46px; }
    .customer-case .case-system { position:relative; padding:30px; border-radius:20px; background:#fff; border:1px solid #dfe6f1; box-shadow:0 14px 34px rgba(15,29,50,.07); }
    .customer-case .case-system::before { content:""; position:absolute; left:30px; top:0; width:58px; height:4px; border-radius:0 0 8px 8px; background:var(--case-coral); }
    .customer-case .case-system-number { display:inline-grid; place-items:center; width:40px; height:40px; border-radius:12px; color:#fff; background:var(--case-navy); font-weight:800; }
    .customer-case .case-system h3 { margin:20px 0 12px; color:var(--case-navy); font-size:25px; }
    .customer-case .case-system p { margin:0; color:#5a687d; line-height:1.72; }
    .customer-case .case-split { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:64px; align-items:start; }
    .customer-case .case-panel { padding:34px; border-radius:22px; background:#fff; border:1px solid #dfe6f1; box-shadow:0 15px 38px rgba(15,29,50,.07); }
    .customer-case .case-panel h3 { color:var(--case-navy); margin:0 0 18px; font-size:27px; }
    .customer-case .case-list { display:grid; gap:14px; margin:0; padding:0; list-style:none; }
    .customer-case .case-list li { position:relative; padding-left:30px; color:#4d5c72; line-height:1.65; }
    .customer-case .case-list li::before { content:""; position:absolute; left:0; top:.62em; width:11px; height:11px; border:3px solid var(--case-blue); border-radius:50%; }
    .customer-case .case-steps { display:grid; gap:16px; margin-top:36px; counter-reset:steps; }
    .customer-case .case-step { counter-increment:steps; display:grid; grid-template-columns:54px 1fr; gap:18px; align-items:start; padding:22px; border-radius:18px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); }
    .customer-case .case-step::before { content:counter(steps); display:grid; place-items:center; width:44px; height:44px; border-radius:14px; color:#fff; background:var(--case-blue); font-weight:800; }
    .customer-case .case-step strong { display:block; color:#fff; font-size:18px; margin-bottom:5px; }
    .customer-case .case-step span { color:#c6d3e6; line-height:1.65; }
    .customer-case .case-number-band { display:flex; gap:26px; align-items:center; margin-top:38px; padding:28px 30px; border-radius:20px; background:#e8efff; border-left:5px solid var(--case-blue); }
    .customer-case .case-number-band strong { color:var(--case-blue); font-size:34px; white-space:nowrap; }
    .customer-case .case-number-band p { margin:0; color:#384861; line-height:1.7; }
    .customer-case .case-result-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:42px; }
    .customer-case .case-result { padding:28px; border-radius:18px; background:#fff; border:1px solid #e0e7f1; }
    .customer-case .case-result strong { display:block; margin-bottom:8px; color:var(--case-navy); font-size:20px; }
    .customer-case .case-result span { color:#5b687b; line-height:1.65; }
    .customer-case .case-source-note { margin-top:34px; padding:20px 24px; border-radius:16px; background:#fff; border:1px solid #e0e7f1; color:#59677c; line-height:1.7; }
    .customer-case .case-faq { display:grid; gap:14px; margin-top:40px; }
    .customer-case details { border:1px solid #dde5f0; border-radius:16px; background:#fff; overflow:hidden; }
    .customer-case summary { cursor:pointer; padding:22px 54px 22px 24px; color:var(--case-navy); font-size:18px; font-weight:800; list-style:none; position:relative; }
    .customer-case summary::-webkit-details-marker { display:none; }
    .customer-case summary::after { content:"+"; position:absolute; right:24px; top:17px; color:var(--case-blue); font-size:27px; }
    .customer-case details[open] summary::after { content:"−"; }
    .customer-case .case-answer { padding:0 24px 22px; color:#59677b; line-height:1.75; }
    .customer-case .case-cta { padding:84px 0; background:linear-gradient(130deg,#1f4ed8 0%,#143692 100%); color:#fff; text-align:center; }
    .customer-case .case-cta h2 { margin:0 auto 20px; color:#fff; }
    .customer-case .case-cta p { max-width:700px; margin:0 auto; color:#dce6ff; font-size:18px; line-height:1.75; }
    .customer-case .case-cta .case-btn { margin-top:28px; background:#fff; color:#163a9c; }
    @media (max-width: 991px) {
        .customer-case .case-hero { padding-top:24px; }
        .customer-case .case-grid, .customer-case .case-split { grid-template-columns:1fr; gap:38px; }
        .customer-case .case-fact-grid { grid-template-columns:repeat(2,1fr); }
        .customer-case .case-fact + .case-fact { border-left:0; }
        .customer-case .case-fact:nth-child(even) { border-left:1px solid #e5eaf2; }
        .customer-case .case-fact:nth-child(n+3) { border-top:1px solid #e5eaf2; }
        .customer-case .case-system-grid, .customer-case .case-result-grid { grid-template-columns:1fr; }
    }
    @media (max-width: 575px) {
        .customer-case .case-shell { padding-left:18px; padding-right:18px; }
        .customer-case .case-hero { padding:20px 0 40px; }
        .customer-case h1 { font-size:40px; }
        .customer-case .case-lead { font-size:17px; }
        .customer-case .case-fact-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
        .customer-case .case-fact { padding:18px 14px; min-height:0; }
        .customer-case .case-fact strong { font-size:15px; overflow-wrap:break-word; }
        .customer-case .case-section { padding:48px 0; }
        .customer-case .case-number-band { align-items:flex-start; flex-direction:column; }
        .customer-case .case-step { grid-template-columns:44px 1fr; padding:18px; gap:13px; }
    }

/* Shared additions for the supporting customer cases. */
.customer-case [id]{scroll-margin-top:24px}
.customer-case .case-workflow-list{list-style:none;padding:0;margin:0}
.customer-case .case-evidence{margin:40px 0 0;border:1px solid #dfe6f1;border-radius:16px;background:#f4f7fb;overflow:hidden}
.customer-case .case-evidence a{display:block;padding:20px}
.customer-case .case-evidence img{width:100%;max-height:540px;object-fit:contain;display:block;margin:auto;border-radius:6px}
.customer-case .case-evidence figcaption{padding:16px 20px;border-top:1px solid #dfe6f1;color:#526077;font-size:14px;line-height:1.6}
.customer-case .case-evidence figcaption span{color:#1f4ed8}
.customer-case .case-related-links{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 28px;margin-top:26px}
.customer-case .case-related-links a{color:#fff;text-decoration:underline;text-underline-offset:5px}
.customer-case .case-more-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}
.customer-case .case-more-links a{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #dfe6f1;border-radius:10px;padding:18px;color:#17365b;text-decoration:none;font-weight:700}
.customer-case .case-more-links a:hover{border-color:#1f4ed8;color:#1f4ed8}
@media(max-width:575px){.customer-case .case-more-links{grid-template-columns:1fr}.customer-case .case-evidence a{padding:10px}.customer-case .case-hero-actions .case-btn{width:100%}}
.case-jump{display:inline-flex;align-items:center;padding:10px 18px;border:1px solid #a8bbd5;color:#164689!important;background:#fff;font-weight:650;font-size:15px;line-height:1.4;text-decoration:none}.case-jump:hover{background:#164689;color:#fff!important}.case-jump:focus-visible{outline:3px solid #1762cd;outline-offset:3px}

.case-outcomes{padding-block:46px}.case-outcomes .case-result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.case-outcomes h2{font-size:clamp(26px,3vw,38px)}.case-outcome-note{font-size:15px;color:#52647c;margin:20px 0 0;max-width:850px}.case-evidence-section{padding-top:0}.case-evidence-section .case-evidence{margin-top:0}@media(max-width:700px){.case-outcomes .case-result-grid{grid-template-columns:1fr}.case-outcomes{padding-block:32px}.case-outcomes .case-result{padding:18px}}

.case-outcomes .case-copy p{font-size:16px;line-height:1.7;max-width:800px}
.case-overview-results{padding:56px 0}
.case-overview-results .case-overview-benefit{padding:28px}
@media(max-width:991px){.case-overview-results{padding:36px 0}.case-overview-results .case-overview-benefit{padding:24px}.case-overview-results .col-lg-4 + .col-lg-4{border-top:1px solid #e5eaf2}.case-overview-results .border-end{border-right:0!important}}