.case-intro{padding-block:45px 55px}.case-back{display:inline-flex;min-height:44px;align-items:center;color:var(--muted);margin-bottom:25px}.case-intro h1{font-size:clamp(40px,5.6vw,76px);line-height:1.04;letter-spacing:-.05em;max-width:1000px;margin:24px 0 30px}.case-lead{display:flex;justify-content:space-between;gap:45px;align-items:center;margin-bottom:30px}.case-lead>p{max-width:630px;font-size:19px;line-height:1.75;color:var(--muted)}.case-tags{display:flex;flex-wrap:wrap;gap:9px;max-width:350px}.case-tags span{background:#eaf1df;padding:11px 16px;border-radius:30px;font-size:13px}.case-comparison{background:#202820;border-radius:30px;padding:35px;color:#fff}.case-compare-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.case-compare-heading .eyebrow{color:#d5ed8a}.case-compare-heading h2{font-size:clamp(28px,3.2vw,43px);line-height:1.15;letter-spacing:-1.3px;margin:16px 0 0}.case-switch{display:flex;gap:5px;background:#ffffff14;border-radius:30px;padding:5px;flex-shrink:0}.case-switch button{font:inherit;font-size:14px;min-height:48px;cursor:pointer;border:0;border-radius:25px;padding:12px 20px;background:transparent;color:white}.case-switch button[aria-pressed=true]{background:#d8ee94;color:#202820}.case-browser{border-radius:16px;overflow:hidden;background:white;color:#202820;box-shadow:0 20px 50px #0002}.case-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#e8ece6;padding:15px 20px;font-size:12px}.case-browser-dots{display:flex;gap:6px}.case-browser-dots i{display:block;width:8px;height:8px;background:#abb5a8;border-radius:50%}.case-browser figure{margin:0}.case-browser img{display:block;width:100%;height:auto;aspect-ratio:16/9}.case-browser figcaption{padding:18px 22px;font-size:13px;line-height:1.6;color:#53604e}.case-image-note{max-width:820px;color:#c8d1c4;font-size:12px;line-height:1.7;margin:22px 0 0}.case-story{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;padding-block:80px}.case-story h2{font-size:clamp(30px,3.5vw,47px);line-height:1.12;letter-spacing:-1.5px;margin-top:20px}.case-story-items{display:grid;gap:30px}.case-story-items article{display:grid;grid-template-columns:28px 1fr;gap:10px 15px}.case-story-items article>span{color:#5b714a;font-size:12px;padding-top:7px}.case-story-items h3{font-size:22px;margin:0;line-height:1.3}.case-story-items p{grid-column:2;color:var(--muted);line-height:1.8;margin:0;font-size:16px}.case-visit{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#eaf1df;border-radius:25px;padding:35px;margin-bottom:50px}.case-visit h2{font-size:34px;margin:14px 0}.case-visit p{line-height:1.7;color:var(--muted)}.case-switch button:focus-visible{outline:3px solid white;outline-offset:4px}@media(max-width:800px){.case-lead{display:block}.case-tags{max-width:none;margin-top:20px}.case-compare-heading{display:block}.case-switch{width:max-content;margin-top:24px}.case-story{grid-template-columns:1fr;gap:25px;padding-block:45px}.case-visit{display:block}.case-visit .button{margin-top:20px}}@media(max-width:580px){.case-intro{padding-block:25px 35px}.case-intro h1{font-size:42px;letter-spacing:-1.8px}.case-lead>p{font-size:16px}.case-comparison{padding:22px 15px;border-radius:22px}.case-switch{width:100%}.case-switch button{flex:1;padding-inline:10px}.case-browser-bar{padding:12px;font-size:10px}.case-browser figcaption{padding:14px;font-size:12px}.case-browser-dots{display:none}.case-story h2{font-size:34px}.case-story-items h3{font-size:20px}.case-visit{padding:25px}.case-visit .button{width:100%}}

.case-compare-intro{max-width:350px;color:#d6dfd2;font-size:15px;line-height:1.75;margin:0}.case-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.case-version{min-width:0}.case-version-title{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:21px;margin:0 0 14px;letter-spacing:-.4px}.case-version-title span{font-size:12px;font-weight:400;letter-spacing:0;color:#d6dfd2}.case-comparison-grid .case-browser figcaption{min-height:82px}.case-browser a{display:block}.case-browser a:focus-visible{outline:3px solid #d8ee94;outline-offset:-4px}@media(max-width:800px){.case-compare-intro{max-width:600px;margin-top:20px}.case-comparison-grid{grid-template-columns:1fr;gap:28px}.case-comparison-grid .case-browser figcaption{min-height:0}}