.z-stories-archive,.z-customer-single,.z-case-single{overflow:hidden;background:#f7f9fc;color:var(--z-navy-950)}
.z-stories-hero,.z-customer-hero,.z-case-hero{position:relative;padding-block:clamp(5rem,10vw,8.5rem);color:#fff;background:radial-gradient(circle at 12% 20%,rgb(218 171 73 / 28%),transparent 30%),linear-gradient(135deg,#081738,#102e58 58%,#173e6a)}
.z-stories-hero--case,.z-case-hero{background:radial-gradient(circle at 85% 14%,rgb(50 164 138 / 22%),transparent 30%),linear-gradient(135deg,#071538,#123d5d 58%,#13516c)}
.z-stories-hero::after,.z-customer-hero::after,.z-case-hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 30%),transparent)}
.z-stories-hero .z-container{max-width:950px;text-align:center}.z-stories-hero h1,.z-customer-hero h1,.z-case-hero h1{margin:.8rem 0 1rem;color:#fff;font-size:clamp(2.2rem,5vw,4.6rem);line-height:1.32}.z-stories-hero p,.z-customer-hero p,.z-case-hero p{max-width:820px;margin:0 auto;color:#d9e5f2;font-size:clamp(1rem,1.7vw,1.2rem);line-height:2}
.z-stories-hero__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:1.6rem}.z-stories-hero__trust span{padding:.48rem .85rem;border:1px solid rgb(255 255 255 / 20%);border-radius:999px;background:rgb(255 255 255 / 8%);color:#eef4fb;font-size:.82rem}
.z-stories-workspace{padding-block:clamp(2.5rem,6vw,5rem) clamp(4rem,8vw,7rem)}.z-stories-filters{display:grid;gap:1rem;margin-bottom:1.6rem}.z-stories-search{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:.7rem;padding:.75rem 1rem;border:1px solid var(--z-border);border-radius:16px;background:#fff;box-shadow:var(--z-shadow-sm)}.z-stories-search span{font-weight:850}.z-stories-search input{min-height:48px;padding:.7rem 1rem;border:1px solid #d5dce7;border-radius:11px;font:inherit}.z-stories-filters details{overflow:hidden;border:1px solid var(--z-border);border-radius:16px;background:#fff;box-shadow:var(--z-shadow-sm)}.z-stories-filters summary{display:none;justify-content:space-between;padding:1rem;font-weight:850;cursor:pointer}.z-stories-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:end;padding:1rem}.z-stories-filter-grid label{display:grid;gap:.4rem;color:#4d5a6f;font-size:.78rem;font-weight:750}.z-stories-filter-grid select{width:100%;min-height:48px;border:1px solid #d5dce7;border-radius:10px;font:inherit}.z-stories-filter-grid select[multiple]{min-height:112px}.z-stories-filter-actions{display:flex;gap:.8rem;align-items:center}.z-stories-filter-actions a{color:#56647a;font-size:.85rem}.z-stories-results-head{display:flex;justify-content:space-between;gap:1.5rem;align-items:center;margin:1.8rem 0}.z-stories-results-head>div{display:flex;gap:.55rem;align-items:baseline}.z-stories-results-head strong{font-size:2rem;color:var(--z-gold-800)}.z-stories-results-head span{font-weight:800}.z-stories-results-head p{margin:0;color:#657287;font-size:.86rem}
.z-customer-grid,.z-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.z-story-card{overflow:hidden;border:1px solid #e0e6ef;border-radius:20px;background:#fff;box-shadow:0 15px 40px rgb(18 39 67 / 6%);transition:transform .2s ease,box-shadow .2s ease}.z-story-card:hover{transform:translateY(-4px);box-shadow:0 22px 52px rgb(18 39 67 / 12%)}.z-story-card>a{display:block;height:100%;color:inherit;text-decoration:none}.z-story-card figure{display:grid;min-height:190px;margin:0;place-items:center;overflow:hidden;background:linear-gradient(145deg,#edf2f8,#f8fafc)}.z-story-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.z-story-card:hover figure img{transform:scale(1.03)}.z-story-card--customer figure{min-height:150px;padding:1.5rem}.z-story-card--customer figure img{max-width:190px;max-height:88px;object-fit:contain}.z-story-card>a>div{display:flex;min-height:235px;flex-direction:column;padding:1.3rem}.z-story-card h2{margin:0 0 .65rem;font-size:1.16rem;line-height:1.7}.z-story-card p{margin:0 0 1rem;color:#5e6b7f;line-height:1.9}.z-story-card dl{display:grid;gap:.45rem;margin:auto 0 1rem}.z-story-card dl div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dashed #e2e7ee;padding-bottom:.35rem;font-size:.78rem}.z-story-card dt{color:#778398}.z-story-card dd{margin:0;font-weight:750}.z-story-card__link{margin-top:auto;color:var(--z-gold-800);font-weight:850}.z-story-card__logo-placeholder{display:grid;width:86px;height:86px;place-items:center;border:1px solid #cfd8e5;border-radius:26px;color:var(--z-gold-700);background:#fff;font-size:2rem;transform:rotate(8deg)}.z-story-card__case-placeholder{display:flex;gap:.5rem;align-items:end}.z-story-card__case-placeholder i{display:block;width:38px;border-radius:9px 9px 3px 3px;background:#143c62}.z-story-card__case-placeholder i:nth-child(1){height:62px}.z-story-card__case-placeholder i:nth-child(2){height:100px;background:#d6a942}.z-story-card__case-placeholder i:nth-child(3){height:78px;background:#268670}.z-story-card__customer{display:inline-flex;align-self:flex-start;margin-bottom:.6rem;padding:.3rem .65rem;border-radius:999px;color:#195f50;background:#e9f7f3;font-size:.74rem;font-weight:800}.z-story-card__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:0 0 1rem}.z-story-card__metrics span{display:grid;padding:.55rem;border-radius:10px;background:#f4f7fa;text-align:center;font-size:.68rem}.z-story-card__metrics strong{color:#123a61;font-size:.96rem}.z-stories-empty{display:grid;max-width:680px;margin:3rem auto;padding:3rem;place-items:center;border:1px dashed #cbd5e1;border-radius:22px;background:#fff;text-align:center}.z-stories-empty>span{font-size:3rem;color:var(--z-gold-700)}.z-stories-empty h2{margin:.5rem 0}.z-stories-empty p{color:#64748b}.z-stories-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:2rem}.z-stories-pagination a{display:grid;min-width:42px;height:42px;place-items:center;border:1px solid #d5dde8;border-radius:10px;background:#fff;color:#20364e;text-decoration:none}.z-stories-pagination a.is-current{border-color:var(--z-gold-700);color:#fff;background:var(--z-gold-700)}
.z-customer-hero__grid,.z-case-hero__grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:clamp(2rem,5vw,5rem);align-items:center}.z-customer-hero h1,.z-customer-hero p,.z-case-hero h1,.z-case-hero p{margin-inline:0}.z-customer-hero__actions,.z-case-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem}.z-customer-hero figure,.z-case-hero figure{display:grid;min-height:340px;margin:0;place-items:center;overflow:hidden;border:1px solid rgb(255 255 255 / 16%);border-radius:28px;background:rgb(255 255 255 / 8%);box-shadow:0 26px 70px rgb(0 0 0 / 22%)}.z-customer-hero figure img,.z-case-hero figure img{width:100%;height:100%;object-fit:cover}.z-customer-hero figure img{max-width:70%;max-height:180px;object-fit:contain}.z-story-hero-map{position:relative;display:grid;width:260px;height:220px;place-items:center}.z-story-hero-map span{display:grid;width:82px;height:82px;place-items:center;border:1px solid rgb(255 255 255 / 28%);border-radius:24px;background:rgb(255 255 255 / 9%);color:#f2c363;font-size:1.6rem}.z-story-hero-map i{position:absolute;width:14px;height:14px;border:3px solid #e2b451;border-radius:50%}.z-story-hero-map i:nth-child(2){top:25px;right:30px}.z-story-hero-map i:nth-child(3){bottom:34px;left:38px}.z-story-hero-map i:nth-child(4){top:72px;left:18px}.z-story-hero-map::before,.z-story-hero-map::after{content:"";position:absolute;width:115px;height:1px;background:rgb(255 255 255 / 28%);transform:rotate(28deg)}.z-story-hero-map::after{transform:rotate(-32deg)}
.z-story-section{padding-block:clamp(3.5rem,7vw,6rem);background:#fff}.z-story-section--soft{background:#f3f6fa}.z-story-section--navy{color:#fff;background:linear-gradient(135deg,#081a38,#123b61)}.z-story-section--metrics{background:#eef4f8}.z-story-section--quote{background:#102c4b}.z-section-heading{max-width:820px;margin-bottom:2rem}.z-section-heading h2{margin:.55rem 0 0;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.5}.z-story-section--navy h2,.z-story-section--quote h2{color:#fff}.z-story-overview,.z-case-overview{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:2rem;align-items:start}.z-story-overview p,.z-case-overview p,.z-story-copy p{color:#536176;font-size:1.03rem;line-height:2.15}.z-story-overview dl,.z-case-overview aside{display:grid;gap:.8rem;margin:0;padding:1.4rem;border:1px solid #e0e6ef;border-radius:18px;background:#f8fafc}.z-story-overview dl div{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.6rem;border-bottom:1px dashed #d7dfe9}.z-story-overview dt{color:#68758a}.z-story-overview dd{margin:0;font-weight:800}.z-story-chips{display:flex;flex-wrap:wrap;gap:.65rem}.z-story-chips span{padding:.65rem 1rem;border:1px solid #d8e0ea;border-radius:999px;background:#fff;font-weight:750}.z-story-trust-list,.z-case-constraints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0;padding:0;list-style:none}.z-story-trust-list li,.z-case-constraints li{position:relative;padding:1rem 3rem 1rem 1rem;border:1px solid rgb(255 255 255 / 15%);border-radius:14px;background:rgb(255 255 255 / 7%);line-height:1.9}.z-story-trust-list li::before,.z-case-constraints li::before{content:"✓";position:absolute;right:1rem;color:#efbd58;font-weight:900}.z-story-section--navy blockquote{max-width:860px;margin:2rem 0 0;padding:1.6rem;border-right:4px solid #e6b64f;background:rgb(255 255 255 / 7%)}.z-story-section blockquote p{font-size:1.08rem;line-height:2}.z-story-section blockquote footer{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem;align-items:center}.z-story-section blockquote footer small{opacity:.76}.z-story-related-grid,.z-story-row-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.z-story-related-grid article,.z-story-row-grid article{padding:1.25rem;border:1px solid #e0e6ef;border-radius:17px;background:#fff}.z-story-related-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:11px}.z-story-related-grid h3,.z-story-row-grid h3{margin:.9rem 0 .45rem}.z-story-related-grid p,.z-story-row-grid p{color:#607086;line-height:1.85}.z-story-copy{max-width:900px}.z-story-section--navy .z-story-copy p{color:#d8e4f0}.z-case-steps{display:grid;gap:.85rem;max-width:980px;margin:0;padding:0;list-style:none}.z-case-steps li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:1rem;padding:1rem;border:1px solid #dfe6ef;border-radius:15px;background:#fff}.z-case-steps li>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;color:#fff;background:#143b60;font-weight:900}.z-case-steps h3{margin:0 0 .35rem}.z-case-steps p{margin:0;color:#627086;line-height:1.85}.z-case-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.z-case-metrics article{display:flex;min-height:240px;flex-direction:column;padding:1.35rem;border:1px solid #dbe4ed;border-radius:20px;background:#fff}.z-case-metrics article>strong{color:#c08e28;font-size:clamp(2rem,4vw,3.4rem)}.z-case-metrics h3{margin:.35rem 0}.z-case-metrics p{color:#627086;line-height:1.8}.z-case-metrics footer{display:flex;justify-content:space-between;gap:.7rem;margin-top:auto;padding-top:.8rem;border-top:1px dashed #d9e0e9;color:#718095;font-size:.72rem}.z-case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.z-case-gallery figure{overflow:hidden;margin:0;border:1px solid #e0e6ef;border-radius:20px;background:#fff}.z-case-gallery img{width:100%;aspect-ratio:16/10;object-fit:cover}.z-case-gallery figcaption{padding:.9rem;color:#5f6d81;line-height:1.8}.z-story-section--quote blockquote{position:relative;max-width:900px;margin:0 auto;color:#fff;text-align:center}.z-story-section--quote blockquote>span{display:block;color:#e9bb59;font-size:5rem;line-height:.8}.z-story-section--quote blockquote p{font-size:clamp(1.2rem,2.5vw,1.8rem)}.z-story-section--quote blockquote footer{justify-content:center}.z-story-faq{display:grid;gap:.7rem;max-width:920px}.z-story-faq details{border:1px solid #dfe6ef;border-radius:14px;background:#fff}.z-story-faq summary{padding:1rem 1.2rem;font-weight:850;cursor:pointer}.z-story-faq p{margin:0;padding:0 1.2rem 1.2rem;color:#5c6c81;line-height:2}.z-stories-cta{padding-block:clamp(3.5rem,7vw,6rem);color:#fff;background:linear-gradient(135deg,#091a37,#123f67)}.z-stories-cta>.z-container{display:flex;justify-content:space-between;gap:2rem;align-items:center}.z-stories-cta h2{max-width:780px;margin:.5rem 0;color:#fff;font-size:clamp(1.75rem,3.4vw,3rem);line-height:1.5}.z-stories-cta p{max-width:720px;color:#d7e4ef;line-height:2}.z-stories-cta>.z-container>div:last-child{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:flex-end}
@media(max-width:1100px){.z-customer-grid,.z-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.z-stories-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.z-case-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.z-story-related-grid,.z-story-row-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.z-stories-filters details summary{display:flex}.z-stories-filters details:not([open]) .z-stories-filter-grid{display:none}.z-customer-hero__grid,.z-case-hero__grid,.z-story-overview,.z-case-overview{grid-template-columns:1fr}.z-customer-hero figure,.z-case-hero figure{max-width:720px}.z-stories-cta>.z-container{align-items:flex-start;flex-direction:column}.z-stories-cta>.z-container>div:last-child{justify-content:flex-start}}
@media(max-width:680px){.z-stories-hero,.z-customer-hero,.z-case-hero{padding-top:4.4rem}.z-stories-search{grid-template-columns:1fr}.z-stories-filter-grid,.z-customer-grid,.z-case-grid,.z-case-gallery,.z-case-metrics,.z-story-related-grid,.z-story-row-grid,.z-story-trust-list,.z-case-constraints{grid-template-columns:1fr}.z-stories-results-head{align-items:flex-start;flex-direction:column}.z-story-card figure{min-height:175px}.z-story-card>a>div{min-height:0}.z-story-card__metrics{grid-template-columns:repeat(3,1fr)}.z-customer-hero__actions,.z-case-hero__actions,.z-stories-cta>.z-container>div:last-child{flex-direction:column;width:100%}.z-customer-hero__actions .z-button,.z-case-hero__actions .z-button,.z-stories-cta .z-button{width:100%}.z-stories-empty{padding:2rem 1rem}}
@media(prefers-reduced-motion:reduce){.z-story-card,.z-story-card figure img{transition:none}.z-story-card:hover{transform:none}.z-story-card:hover figure img{transform:none}}