/* Campaign-led customer journeys. Software images retain their original content. */
.customer-page{--customer-navy:#061b35;--customer-green:#0a6b2c;--customer-light:#56d681;--customer-muted:#43566a}
.customer-hero{padding:72px 0 42px;background:#f5f8f4}
.customer-hero__top{display:grid;grid-template-columns:1.35fr .8fr;gap:70px;align-items:end}
.customer-eyebrow{margin:0 0 18px;color:var(--customer-green);font:600 12px/1.5 var(--font-body);letter-spacing:.13em;text-transform:uppercase}
.customer-page h1{font:600 clamp(40px,5vw,68px)/1.04 var(--font-display);letter-spacing:-.035em;margin:0;max-width:17ch;color:var(--customer-navy)}
.customer-page h1 em{font-style:normal;color:var(--customer-green)}
.customer-hero__intro>p{font-size:18px;line-height:1.65;color:var(--customer-muted);margin:0 0 24px}
.customer-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.customer-actions .btn{white-space:normal;text-align:center}
.customer-hero__note,.customer-hero__intro>.customer-hero__note,.customer-connect .customer-hero__note{font-size:13px;line-height:1.55;color:#536578;margin:18px 0 0}
.customer-stories{margin:38px 0 0}
.customer-tabs{display:none;grid-template-columns:repeat(var(--story-count,5),1fr);gap:8px;padding:0 0 14px}
.customer-stories[data-stories-ready] .customer-tabs{display:grid}
.customer-tabs button{border:1px solid #ccd9d1;background:#fff;border-radius:8px;padding:16px 18px;text-align:left;color:#3f5265;cursor:pointer;font:500 14px/1.4 var(--font-body);min-width:0;transition:background .15s,border-color .15s}
.customer-tabs button strong{display:block;color:#061b35;font:600 17px/1.3 var(--font-display);margin-bottom:4px}
.customer-tabs button[aria-selected=true]{background:#061b35;border-color:#061b35;color:#d7e4e0}
.customer-tabs button[aria-selected=true] strong{color:#67e190}
.customer-tabs button:hover{border-color:#0a6b2c}
.customer-story{background:#061b35;color:#fff;border-radius:16px;overflow:hidden;border:1px solid #19364f;box-shadow:0 20px 48px #061b3510}
.customer-story[hidden]{display:none}
.customer-story+.customer-story{margin-top:24px}
.customer-stories[data-stories-ready] .customer-story{margin-top:0}
.customer-story__grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:30px;padding:34px;align-items:center;min-height:520px}
.customer-story__copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.customer-story__copy>.customer-eyebrow{color:#67e190;margin-bottom:16px}
.customer-story__copy h2{font:600 clamp(27px,2.6vw,36px)/1.13 var(--font-display);color:#fff;margin:0 0 20px;letter-spacing:-.025em}
.customer-story__copy>p:not(.customer-eyebrow){font-size:16px;line-height:1.6;color:#d0dce6;margin:0 0 22px}
.customer-story__result{padding:17px 0;border-top:1px solid #39516b;border-bottom:1px solid #39516b;margin-bottom:24px}
.customer-story__result span{color:#67e190;font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;display:block;margin-bottom:7px}
.customer-story__result p{font-size:15px;line-height:1.55;color:#fff;margin:0}
.customer-story__link{color:#fff!important;text-decoration:underline;text-underline-offset:5px;font-size:15px;font-weight:600;align-self:flex-start}
.customer-screen{margin:0;min-width:0}
.customer-screen__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:#dce8ee;font-size:12px}
.customer-screen__bar>span{display:flex;align-items:center;gap:8px}
.customer-screen__bar>span::before{content:'';width:7px;height:7px;background:#56d681;border-radius:50%;flex:none}
.customer-screen__bar a{color:#dce8ee;text-decoration:underline;text-underline-offset:3px}
.customer-screen__image{display:block;border-radius:9px;overflow:hidden;background:#dfe2e9;border:1px solid #718091}
.customer-screen__image img{width:100%;height:auto;display:block}
.customer-screen figcaption{color:#c1cfdb;font-size:11px;line-height:1.5;margin-top:12px}
.customer-screen__cues{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;padding:17px 0 0;margin:0}
.customer-screen__cues li{border-left:2px solid #56d681;padding-left:11px;font-size:13px;line-height:1.5;color:#dce8ee}
.customer-screen__cues strong{display:block;font:600 15px/1.3 var(--font-display);color:white;margin-bottom:3px}
.customer-paths{padding:64px 0 74px;background:#fff}
.customer-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}
.customer-section-heading h2{font:600 clamp(30px,3.6vw,48px)/1.1 var(--font-display);max-width:21ch;margin:0;color:#061b35}
.customer-section-heading>p{max-width:44ch;color:#43566a;line-height:1.65;margin:0}
.customer-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.customer-path-card{border:1px solid #d3dfd6;border-radius:12px;padding:27px;display:flex;flex-direction:column;background:#fff;text-decoration:none!important;transition:box-shadow .2s,border-color .2s}
.customer-path-card:hover{border-color:#0a6b2c;box-shadow:0 10px 28px #061b3510}
.customer-path-card__label{font-size:11px;color:#0a6b2c;letter-spacing:.1em;text-transform:uppercase;font-weight:600;margin-bottom:16px}
.customer-path-card h3{font:600 24px/1.2 var(--font-display);color:#061b35;margin:0 0 12px}
.customer-path-card p{font-size:15px;line-height:1.6;color:#43566a;margin:0 0 23px}
.customer-path-card__cta{margin-top:auto;color:#0a6b2c;font-weight:600;font-size:14px}
.customer-connect{padding:66px 0;background:#edf5ef;border-block:1px solid #d8e6dc}
.customer-connect__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}
.customer-connect h2{font:600 clamp(30px,3vw,44px)/1.13 var(--font-display);color:#061b35;margin:0 0 20px}
.customer-connect p{color:#43566a;font-size:17px;line-height:1.65;margin:0 0 22px}
.customer-chain{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.customer-chain li{display:grid;grid-template-columns:40px 1fr;column-gap:14px;background:#fff;border:1px solid #c9dbce;padding:19px 22px;border-radius:10px;position:relative}
.customer-chain li+li::before{content:'';position:absolute;left:42px;top:-14px;width:2px;height:14px;background:#709780}
.customer-chain__number{font:600 23px/1.3 var(--font-display);color:#0a6b2c;grid-row:span 2}
.customer-chain strong{font:600 18px/1.35 var(--font-display);color:#061b35}
.customer-chain small{font-size:14px;line-height:1.5;color:#43566a;margin-top:4px}
.customer-proof{padding:72px 0;background:#fff}
.customer-proof__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}
.customer-proof figure{margin:0;background:#061b35;padding:26px;border-radius:14px}
.customer-proof figure img{width:100%;height:auto;display:block;border-radius:7px}
.customer-proof figcaption{margin-top:12px;color:#d2dfe7;font-size:12px;line-height:1.5}
.customer-proof h2{font:600 clamp(30px,3vw,44px)/1.12 var(--font-display);margin:0 0 20px;color:#061b35}
.customer-proof p:not(.customer-eyebrow){font-size:17px;line-height:1.65;color:#43566a}
.customer-proof ul{padding-left:19px;color:#43566a;line-height:1.7;margin:22px 0}
.customer-final{padding:62px 0;background:#061b35;color:#fff}
.customer-final__grid{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}
.customer-final h2{font:600 clamp(32px,3.5vw,48px)/1.13 var(--font-display);color:#fff;margin:0 0 15px;max-width:24ch}
.customer-final p{color:#d2dfe7;font-size:17px;line-height:1.65;max-width:66ch;margin:0}
.customer-final .customer-eyebrow{color:#67e190;margin-bottom:16px}
.customer-final .btn--primary{background:#fff!important;color:#061b35!important;border-color:#fff!important}
.customer-final .customer-actions{flex-direction:column;align-items:stretch}
.customer-final .customer-demo{color:#fff;text-align:center;font-size:14px;text-decoration:underline;text-underline-offset:4px;padding:9px}
.customer-directory{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px 25px;border-top:1px solid #d3dfd6;padding-top:26px}
.customer-directory a{color:#0a6b2c;text-decoration:underline;text-underline-offset:4px;font-size:14px}
@media(min-width:1500px){.customer-story__grid{grid-template-columns:330px minmax(0,1fr)}}
@media(max-width:1100px){.customer-hero__top{gap:35px}.customer-story__grid{grid-template-columns:265px minmax(0,1fr);padding:25px;gap:25px}.customer-tabs button{padding:12px}.customer-tabs button strong{font-size:15px}.customer-tabs button span{font-size:12px}.customer-connect__grid{gap:35px}}
@media(max-width:880px){.customer-hero{padding-top:45px}.customer-hero__top,.customer-connect__grid,.customer-proof__grid{grid-template-columns:1fr;gap:28px}.customer-page h1{max-width:20ch}.customer-hero__intro>p{max-width:64ch}.customer-story__grid{grid-template-columns:1fr;min-height:0}.customer-story__copy{display:grid;grid-template-columns:1.25fr 1fr;gap:0 28px}.customer-story__copy>.customer-eyebrow{grid-column:1/-1}.customer-story__copy h2{grid-row:span 2}.customer-story__copy>p:not(.customer-eyebrow){font-size:15px}.customer-story__result{margin-bottom:18px;padding:12px 0}.customer-story__link{grid-column:1/-1}.customer-path-grid{grid-template-columns:repeat(2,1fr)}.customer-section-heading{display:block}.customer-section-heading>p{margin-top:18px;max-width:65ch}.customer-final__grid{grid-template-columns:1fr}.customer-final .customer-actions{align-items:flex-start}.customer-tabs{gap:6px}}
@media(max-width:600px){.customer-hero{padding-top:34px}.customer-page h1{font-size:42px;max-width:17ch}.customer-hero__intro>p{font-size:16px}.customer-actions .btn{width:100%}.customer-hero__note{line-height:1.5}.customer-tabs{grid-template-columns:repeat(2,1fr);gap:7px}.customer-tabs button{padding:12px 14px}.customer-tabs button strong{font-size:16px}.customer-tabs button span{font-size:12px}.customer-stories{margin-top:27px}.customer-story__grid{padding:23px 18px;gap:26px}.customer-story__copy{display:block}.customer-story__copy h2{font-size:29px;max-width:20ch}.customer-story__copy>p:not(.customer-eyebrow){font-size:16px}.customer-story__result{padding:14px 0}.customer-screen__bar{font-size:11px}.customer-screen__cues{gap:10px;grid-template-columns:1fr}.customer-screen__cues li{display:flex;gap:8px;font-size:12px;align-items:baseline}.customer-screen__cues strong{display:inline;font-size:14px;margin:0;flex:none}.customer-paths,.customer-connect,.customer-proof{padding:45px 0}.customer-path-grid{grid-template-columns:1fr;gap:14px}.customer-path-card{padding:23px}.customer-proof figure{padding:17px}.customer-final{padding:45px 0}.customer-final .customer-actions{align-items:stretch}.customer-chain li{padding:16px;grid-template-columns:28px 1fr}.customer-chain li+li::before{left:30px}}
@media(prefers-reduced-motion:reduce){.customer-page *{transition:none!important}}
/* Continue from a selected product view into a matching connected story. */
.customer-story__demo{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;margin-top:22px;padding:12px 16px;border:1px solid #cdd8e8;border-radius:8px;background:#f5f7fc;color:#395493;font:500 14px/1.5 "IBM Plex Sans",sans-serif;text-decoration:none;overflow-wrap:anywhere}
.customer-story__demo:hover{background:#edf1fa;border-color:#93a8d1}
.customer-story__demo:focus-visible{outline:3px solid #5471c8;outline-offset:4px}