.case-study-savings{color:var(--case-text);background:var(--case-bg);font-family:var(--case-body-font)}.case-study-savings--pattern{background-color:var(--case-bg);background-image:linear-gradient(135deg,rgba(71,24,128,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(243,101,91,.05) 25%,transparent 25%);background-position:0 0,18px 18px;background-size:36px 36px}.case-study-savings--image{background-color:var(--case-bg);background-image:var(--case-bg-image);background-position:center;background-repeat:repeat;background-size:auto}.case-study-savings__shell{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(0,1.25fr);gap:clamp(24px,3vw,38px);align-items:stretch}.case-study-savings__summary,.case-study-savings__metric{border:1px solid var(--case-border);background:var(--case-panel-bg);box-shadow:0 20px 48px #00000012}.case-study-savings__summary{display:flex;min-height:620px;flex-direction:column;padding:clamp(34px,5vw,64px);border-radius:var(--case-radius)}.case-study-savings__eyebrow{display:inline-flex;width:fit-content;align-items:center;gap:9px;margin:0 0 28px;padding:9px 14px;border:1px solid var(--case-border);border-radius:999px;color:var(--case-text);background:var(--case-card-bg);font-size:13px;font-weight:700;line-height:1}.case-study-savings__eyebrow span{color:var(--case-accent)}.case-study-savings__heading{margin:0;color:var(--case-heading);font-family:var(--case-heading-font);font-size:clamp(32px,5vw,var(--case-heading-size));font-weight:800;line-height:1.05}.case-study-savings__text{margin-top:22px;color:var(--case-text);font-size:var(--case-body-size);line-height:1.55}.case-study-savings__text p,.case-study-savings__metric-text p{margin:0}.case-study-savings__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.case-study-savings__meta span{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border:1px solid var(--case-border);border-radius:999px;color:var(--case-muted);background:var(--case-card-bg);font-size:13px;font-weight:700;line-height:1}.case-study-savings__proof{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.35fr);gap:14px;margin-top:auto;padding-top:42px}.case-study-savings__proof-main,.case-study-savings__proof-side{display:flex;min-width:0;flex-direction:column;justify-content:center;border:1px solid var(--case-border);border-radius:var(--case-card-radius);background:var(--case-accent-soft)}.case-study-savings__proof-main{padding:clamp(22px,4vw,34px)}.case-study-savings__proof-side{padding:22px}.case-study-savings__proof-main>span,.case-study-savings__proof-side>span,.case-study-savings__before-after span,.case-study-savings__metric-kicker{color:var(--case-muted);font-size:12px;font-weight:800;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}.case-study-savings__proof-main strong,.case-study-savings__proof-side strong{display:flex;align-items:baseline;margin-top:8px;color:var(--case-heading);font-family:var(--case-number-font);font-weight:700;line-height:.95}.case-study-savings__proof-main strong{font-size:clamp(46px,6vw,var(--case-main-number-size))}.case-study-savings__proof-side strong{font-size:clamp(32px,4vw,48px)}.case-study-savings__proof-main strong span:first-child,.case-study-savings__proof-side strong span:last-child{font-size:.42em}.case-study-savings__before-after{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.case-study-savings__before-after div{padding:18px;border:1px solid var(--case-border);border-radius:var(--case-card-radius);background:var(--case-card-bg)}.case-study-savings__before-after strong{display:block;margin-top:8px;color:var(--case-text);font-size:16px;line-height:1.3}.case-study-savings__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,22px)}.case-study-savings__metric{display:flex;min-height:250px;flex-direction:column;padding:clamp(22px,3vw,30px);border-radius:var(--case-card-radius);background:var(--case-card-bg);opacity:1;transform:translateY(0);transition:opacity .45s ease,transform .45s ease,box-shadow .3s ease}.js .case-study-savings__metric{opacity:0;transform:translateY(14px)}.case-study-savings.is-visible .case-study-savings__metric{opacity:1;transform:translateY(0)}.case-study-savings.is-visible .case-study-savings__metric:nth-child(2){transition-delay:.07s}.case-study-savings.is-visible .case-study-savings__metric:nth-child(3){transition-delay:.14s}.case-study-savings.is-visible .case-study-savings__metric:nth-child(4){transition-delay:.21s}.case-study-savings.is-visible .case-study-savings__metric:nth-child(5){transition-delay:.28s}.case-study-savings.is-visible .case-study-savings__metric:nth-child(6){transition-delay:.35s}.case-study-savings__metric:hover{box-shadow:0 24px 54px #00000017}.case-study-savings__metric-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.case-study-savings__icon{display:inline-flex;width:44px;height:44px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:50%;color:var(--case-metric-icon-color, var(--case-icon-color));background:var(--case-metric-icon-bg, var(--case-icon-bg))}.case-study-savings__clean-icon,.case-study-savings__icon-image{display:block;width:21px;height:21px}.case-study-savings__clean-icon{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.case-study-savings__clean-icon *{vector-effect:non-scaling-stroke}.case-study-savings__metric-value{display:flex;align-items:baseline;margin:30px 0 0;color:var(--case-heading);font-family:var(--case-number-font);font-size:clamp(34px,5vw,var(--case-metric-number-size));font-weight:700;line-height:.95}.case-study-savings__metric-value span:not([data-case-count-up]){font-size:.45em}.case-study-savings__metric h3{margin:14px 0 0;color:var(--case-text);font-family:var(--case-heading-font);font-size:19px;font-weight:800;line-height:1.25}.case-study-savings__metric-text{margin-top:12px;color:var(--case-muted);font-size:14px;line-height:1.45}@media(prefers-reduced-motion:reduce){.case-study-savings__metric{opacity:1;transform:none;transition:none}}@media only screen and (max-width:1120px){.case-study-savings__shell{grid-template-columns:1fr}.case-study-savings__summary{min-height:0}}@media only screen and (max-width:767px){.case-study-savings__summary{padding:28px 20px}.case-study-savings__proof,.case-study-savings__before-after,.case-study-savings__metrics{grid-template-columns:1fr}.case-study-savings__metric{min-height:0}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/section-case-study-savings.css.map */