.case-study-hero{padding:76px 0 38px;overflow:hidden;background:var(--hero-bg);color:var(--hero-text)}.case-study-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:48px}.case-study-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.case-study-tag{display:inline-flex;align-items:center;border:1px solid var(--tag-border);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;background:var(--tag-bg);color:var(--tag-text)}.case-study-hero .case-study-eyebrow{color:var(--hero-eyebrow)}.case-study-hero h1{color:var(--hero-heading)}.case-study-hero .case-study-lead{color:var(--hero-lead)}.case-study-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.case-study-btn-primary{color:var(--btn-primary-text);border-color:var(--btn-primary-border)}.case-study-btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--btn-secondary-border)}.case-study-hero-art{position:relative;min-height:540px;border-radius:var(--radius-lg);background:radial-gradient(circle at 80% 12%,var(--hero-art-glow),transparent 28%),linear-gradient(145deg,var(--hero-art-bg-start),var(--hero-art-bg-end));overflow:hidden;box-shadow:var(--shadow)}.case-study-browser{position:absolute;width:84%;left:8%;top:13%;border:1px solid var(--browser-border);border-radius:20px;background:var(--browser-bg);box-shadow:0 24px 60px #10121124;overflow:hidden;transform:rotate(-2.2deg)}.case-study-browser-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--browser-bar-border);background:var(--browser-bar-bg)}.case-study-dot{width:8px;height:8px;border-radius:50%;background:var(--browser-dot-color)}.case-study-browser-body{padding:22px}.case-study-browser-image{width:100%;height:auto;border-radius:12px;display:block}.case-study-mock-nav{height:18px;width:46%;background:var(--mock-nav-bg);border-radius:999px;margin-bottom:20px}.case-study-mock-hero{height:150px;border-radius:15px;background:linear-gradient(135deg,var(--mock-hero-start),var(--mock-hero-end));margin-bottom:14px}.case-study-mock-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.case-study-mock-card{height:105px;background:var(--mock-card-bg);border-radius:12px}.case-study-floating-kpi{position:absolute;right:3%;bottom:8%;width:190px;padding:20px;border-radius:18px;background:var(--kpi-bg);box-shadow:0 18px 44px #10121124}.case-study-floating-kpi small{display:block;color:var(--kpi-label-color);font-weight:700}.case-study-floating-kpi strong{display:block;font-size:36px;letter-spacing:-.04em;margin:3px 0;color:var(--kpi-value-color)}.case-study-floating-kpi span{font-size:13px;color:var(--kpi-status-color);font-weight:800}@media(max-width:980px){.case-study-hero-grid{grid-template-columns:1fr}.case-study-hero-art{min-height:470px}}@media(max-width:640px){.case-study-hero{padding-top:48px}.case-study-hero-art{min-height:390px}.case-study-browser{width:92%;left:4%;top:10%}.case-study-floating-kpi{width:164px;right:5%;bottom:5%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/case-study-hero.css.map */