.case-page{--case-ink:#192431;--case-muted:#596878;--case-line:#dce3ea;--case-panel:#f2f5f8;--case-bg:#fff;background:var(--case-bg);color:var(--case-ink);font-family:var(--studio-font,Arial,sans-serif)}
.case-page .hrl-shell{width:100%;max-width:1240px;margin-inline:auto;padding-inline:40px;box-sizing:border-box}
.case-hero>*,.case-evidence>*,.case-study-grid>*{min-width:0}
.case-page h1,.case-page h2,.case-page h3{font-family:inherit;color:var(--case-ink);font-weight:500}
.case-eyebrow{font-size:11px;letter-spacing:.13em;font-weight:600;color:var(--case-muted);margin-bottom:18px}
.case-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;padding-block:72px 58px}
.case-hero h1{font-size:clamp(35px,4.2vw,59px);line-height:1.12;letter-spacing:-2.1px;margin:0 0 24px}
.case-lead{font-size:17px;line-height:1.8;color:var(--case-muted);max-width:540px}
.case-link{display:inline-block;color:#3457e8;font-size:13px;font-weight:600;text-decoration:none;margin-top:16px}.case-link:hover{text-decoration:underline}
.case-hero-visual{margin:0;background:#101e31;border-radius:12px;overflow:hidden}.case-hero-visual img{width:100%;height:auto;display:block}.case-hero-visual figcaption{color:#b0c5db;font-size:9px;letter-spacing:.1em;padding:0 25px 22px}
.case-evidence{display:grid;grid-template-columns:190px 1fr;gap:30px;border-top:1px solid var(--case-line);padding-block:24px}.case-status{font-size:10px;letter-spacing:.07em;font-weight:600;color:#3457e8;padding-top:6px}.case-evidence h2{font-size:19px;line-height:1.4;margin:0 0 8px}.case-evidence p{font-size:13px;line-height:1.8;color:var(--case-muted);margin:0}
.case-index{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-block:24px 56px;scroll-margin-top:90px}.case-index a{display:grid;grid-template-columns:24px 1fr;gap:6px 10px;border:1px solid var(--case-line);padding:18px 15px;border-radius:6px;font-size:17px;font-weight:500;color:var(--case-ink);text-decoration:none}.case-index a:hover{border-color:#3457e8}.case-index span{font-size:10px;padding-top:6px;color:var(--case-muted)}.case-index small{grid-column:2;font-size:11px;color:var(--case-muted);font-weight:400}
.case-study{border-top:1px solid var(--case-line);padding-block:55px 65px;scroll-margin-top:76px}.case-study-heading{margin-bottom:32px}.case-study-heading h2{font-size:clamp(29px,3.1vw,43px);line-height:1.2;letter-spacing:-1.2px;margin:0 0 15px}.case-intro{font-size:14px;color:var(--case-muted);line-height:1.8;max-width:710px}.case-study-grid{display:grid;grid-template-columns:350px minmax(0,1fr);gap:65px}.case-visual-column{align-self:start;min-width:0}.case-product{margin:0 0 20px;background:var(--case-panel);border:1px solid var(--case-line);border-radius:8px;overflow:hidden}.case-product img{width:100%;height:auto;max-height:390px;object-fit:contain;display:block;padding:25px;box-sizing:border-box;background:#fff}.case-product-contain img{height:310px}.case-product figcaption{padding:12px 17px;font-size:11px;line-height:1.7;color:var(--case-muted)}.case-secondary-visual img{height:280px;object-fit:contain;background:#e9eef3}.case-paarth-image img{padding:0;height:340px;object-fit:cover}
.case-facts{margin:20px 0}.case-facts>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--case-line);font-size:12px;line-height:1.6}.case-facts dt{font-weight:400;color:var(--case-muted)}.case-facts dd{font-weight:500;margin:0;text-align:right;max-width:185px}
.case-copy section{margin-bottom:27px}.case-copy h3{font-size:19px;margin:0 0 13px;letter-spacing:-.2px}.case-copy p{font-size:14px;line-height:1.95;color:var(--case-muted);margin:0 0 14px}.case-table-wrap{overflow-x:auto;margin:16px 0}.case-copy table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.7;min-width:350px}.case-copy caption{caption-side:top;padding:0 0 11px;font-size:11px;color:var(--case-muted);text-align:left}.case-copy th{background:var(--case-panel);font-weight:600;text-align:left}.case-copy th,.case-copy td{padding:12px 14px;border:1px solid var(--case-line);vertical-align:top}.case-copy td:first-child{width:48%}
.case-closing{border-top:1px solid var(--case-line);padding-block:50px 70px;display:flex;align-items:center;justify-content:space-between;gap:35px}.case-closing h2{font-size:35px;line-height:1.2;letter-spacing:-1px}.case-closing p:not(.case-eyebrow){max-width:650px;color:var(--case-muted);font-size:14px;line-height:1.8}.case-closing>a{flex-shrink:0}
:root[data-theme="dark"] .case-page{--case-ink:#edf4fc;--case-muted:#b4c4d8;--case-line:#30435b;--case-panel:#15253a;--case-bg:#091627}:root[data-theme="dark"] .case-status,:root[data-theme="dark"] .case-link{color:#9eb7ff}
@media(max-width:950px){.case-page .hrl-shell{padding-inline:25px}.case-hero{gap:25px;padding-top:45px}.case-study-grid{grid-template-columns:280px minmax(0,1fr);gap:30px}.case-index{grid-template-columns:1fr 1fr}.case-closing{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.case-page .hrl-shell{padding-inline:20px}.case-hero{grid-template-columns:1fr;padding-block:35px}.case-hero h1{letter-spacing:-1.3px}.case-hero-visual{max-width:460px}.case-lead{font-size:15px}.case-evidence{grid-template-columns:1fr;gap:10px}.case-index{gap:8px;padding-bottom:35px}.case-index a{padding:14px 10px;font-size:15px}.case-study{padding-block:35px}.case-study-grid{grid-template-columns:1fr;gap:30px}.case-product img{max-height:340px}.case-secondary-visual{display:none}.case-facts{margin-bottom:0}.case-copy p{font-size:14px}.case-closing h2{font-size:30px}}