.cases-hero h1{letter-spacing:-.045em;max-width:1000px;font-size:clamp(38px,5.5vw,76px);line-height:1.08}.case-label{letter-spacing:.13em;font-size:11px;font-weight:700}.case-feature{border:1px solid #b3c6b7;grid-template-columns:1.2fr 1fr;align-items:center;gap:45px;padding:35px;display:grid}.case-art{background:#093692;grid-template-columns:repeat(4,1fr);gap:12px;min-height:220px;padding:35px;display:grid;transform:perspective(700px)rotateX(8deg)}.case-art span{background:#456d82;border:2px solid #9eb8be;min-height:38px}.case-art span:nth-child(6){background:#cf9b52}.case-table-wrap{overflow:auto}.case-table{border-collapse:collapse;width:100%;min-width:650px;font-size:14px}.case-table th,.case-table td{text-align:left;vertical-align:top;border-bottom:1px solid #c8d8eb;padding:16px}.case-note{background:#e9f0f8;border-left:4px solid #0b94cb;padding:18px}.case-demo{background:#fff;border:1px solid #c8d8eb;padding:30px}.case-controls{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.case-controls button{color:#093692;cursor:pointer;background:#f5f8fc;border:1px solid #a8bfdc;padding:12px 16px;font:14px Arial}.case-controls button[aria-pressed=true]{color:#fff;background:#093692}.case-controls button:disabled{opacity:.4;cursor:default}.case-demo-grid{grid-template-columns:1fr 1fr;gap:35px;display:grid}.case-panels{background:#092457;grid-template-columns:repeat(6,1fr);gap:7px;min-height:210px;padding:25px;display:grid}.case-panels span{color:#fff;background:#3e687d;border:1px solid #adc4cb;justify-content:center;align-items:center;font-size:12px;display:flex}.case-panels .case-selected{color:#fff;background:#0b94cb}.case-demo select{color:#093692;background:#fff;border:1px solid #a8bfdc;width:100%;margin-top:10px;padding:12px;font:16px Arial;display:block}:is(.case-demo button:focus-visible,.case-demo select:focus-visible){outline-offset:3px;outline:3px solid #0b94cb}.case-demo-grid>div>p{font-size:14px}.case-metrics{flex-wrap:wrap;gap:18px;margin:25px 0;display:flex}.case-metrics span{border:1px solid #c8d8eb;padding:10px 15px;font-size:12px}.case-sources li{margin:18px 0}.case-steps{grid-template-columns:repeat(3,1fr);gap:20px;padding-left:20px;display:grid}@media(max-width:800px){.case-feature,.case-demo-grid,.case-steps{display:block}.case-feature,.case-demo{padding:20px}.case-art{margin-top:25px}.case-demo-grid>div+div{margin-top:30px}.case-panels{min-height:180px}.case-controls button{flex-grow:1}.case-steps li{margin-bottom:20px}}
