/* OMI project: scoped presentation, original identity and real execution material. */
.om-case{--om-cyan:#137da3;--om-paper:#f4f6fa}
.om-case .pd-hero{background:radial-gradient(ellipse at 88% 5%,#ffe7a7 0,transparent 36%),linear-gradient(130deg,#f1f3f9,#fff);padding-bottom:72px}
.om-case .pd-hero-grid{grid-template-columns:1.12fr .88fr;gap:60px}
.om-case h1{font-size:clamp(40px,4.3vw,60px)}
.om-case h1 span{font-size:.68em}
.om-case .om-actions{gap:12px}
.om-case .om-actions .pd-button{gap:9px}
.om-case svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}
.om-case .om-button-outline{background:transparent;color:#344773;border:1px solid #a7b1c9}
.om-case .om-button-outline:hover{background:#e7ecf6;border-color:#4b5c92}
.om-case .om-hero-note{font-size:12px;color:#62697a;max-width:500px;margin-top:20px}
.om-case .om-hero-art{min-width:0}
.om-case .om-brand{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}
.om-case .om-brand img{width:160px;height:auto;max-width:48%}
.om-case .om-brand>span{font-size:10px;line-height:1.8;letter-spacing:.12em;color:#62697a;text-align:right}
.om-case .om-code-card{background:#202b48;color:white;border-radius:15px;overflow:hidden;box-shadow:0 28px 65px -35px #202b48aa}
.om-case .om-window{display:flex;align-items:center;gap:6px;background:#2e3b5e;padding:17px 21px}
.om-case .om-window i{width:7px;height:7px;background:#7885a5;border-radius:50%}
.om-case .om-window i:first-child{background:#ffca42}.om-case .om-window>span{margin-left:auto;font-size:10px;letter-spacing:.03em;color:#e2e7f1}
.om-case pre{margin:0;padding:34px 27px;font:23px/2.1 monospace;background:transparent;color:#fff;overflow-x:auto;border:0}
.om-case pre code{font:inherit;background:none;color:inherit;padding:0}.om-case pre b{font-weight:400;color:#ffda72}
.om-case .om-line{color:#91a0c0;font-size:13px;margin-right:20px;user-select:none}
.om-case .om-code-result{padding:24px 27px;border-top:1px solid #ffffff25;display:grid;grid-template-columns:auto 1fr;gap:8px 20px}
.om-case .om-code-result>span{grid-column:1/-1;font-size:9px;color:#c6cfe2;letter-spacing:.16em}
.om-case .om-code-result>strong{color:#ffca42;font-size:55px;line-height:1}
.om-case .om-code-result>p{font-size:12px;color:#e0e6f1;align-self:center}
.om-case .om-index{display:flex;flex-wrap:wrap;gap:10px 28px;padding-block:23px;border-bottom:1px solid #dfe3eb}
.om-case .om-index a{font-size:12px;text-underline-offset:5px;color:#364b83;padding-block:7px}
.om-case [id]{scroll-margin-top:105px}
.om-case .om-section{padding-block:76px}
.om-case .om-intro{max-width:830px;margin-top:24px;color:#4b5262;font-size:16px;line-height:1.8}
.om-case .om-aside{margin-top:27px;padding-left:19px;border-left:3px solid #ffca42;color:#62697a;font-size:14px}
.om-case .om-band{background:#f4f6fa;border-block:1px solid #e0e4ee}
.om-case .om-screen{margin-top:36px;border:1px solid #ccd4e4;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 20px 45px -35px #202b48aa}
.om-case .om-screen img{display:block;width:100%;height:auto}
.om-case .om-screen figcaption{font-size:12px;line-height:1.7;color:#62697a;padding:18px 24px;border-top:1px solid #e0e4ee}
.om-case .om-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:38px}
.om-case .om-number{display:block;font-size:34px;font-weight:700;color:#4b5c92;line-height:1.1;margin-bottom:18px}
.om-case .om-three h3{font-size:20px;margin-bottom:13px}.om-case .om-three p{font-size:14px;color:#4b5262}
.om-case .om-inline-link{margin-top:30px;font-weight:700;color:#364b83;font-size:14px}
.om-case .om-inline-link a,.om-case .om-sources a,.om-case .om-release-note a,.om-case .om-small a{text-underline-offset:4px}
.om-case .om-pipeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:30px 0 0;border:1px solid #ffffff30;border-radius:10px;overflow:hidden}
.om-case .om-pipeline li{padding:27px 20px;border-right:1px solid #ffffff30;background:#ffffff06;margin:0}
.om-case .om-pipeline li:last-child{border-right:0}.om-case .om-pipeline span{display:block;font-size:9px;letter-spacing:.13em;color:#ffda72;margin-bottom:22px}
.om-case .om-pipeline strong{display:block;font-size:19px;color:#fff;margin-bottom:13px}.om-case .om-pipeline p{font-size:13px;line-height:1.7;color:#d2d9e8}
.om-case .om-dark-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:38px}
.om-case .om-dark-grid h3{font-size:21px;margin-bottom:17px}.om-case .om-dark-grid p{font-size:14px;color:#d2d9e8}
.om-case .om-two{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:36px}.om-case .om-two h3{margin-bottom:18px}.om-case .om-two p{font-size:15px;color:#4b5262}
.om-case .om-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.om-case .om-cards>div{background:#fff;border:1px solid #dfe3eb;padding:28px;border-radius:10px}
.om-case .om-card-kicker{display:block;font-size:9px;letter-spacing:.13em;color:#4b5c92;font-weight:700;margin-bottom:23px}
.om-case .om-cards h3{font-size:21px;margin-bottom:18px}.om-case .om-cards p{font-size:14px;color:#4b5262}
.om-case .om-small{font-size:12px;color:#62697a;line-height:1.8;margin-top:22px}
.om-case .om-memory-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.om-case .om-book{position:relative;min-height:475px;padding:32px 30px 30px 40px;border:1px solid #c5cedf;border-left:10px solid #4b5c92;background:linear-gradient(100deg,#f5f4ef,#fff);box-shadow:10px 12px 0 #eef0f4,15px 20px 40px -25px #202b4870;display:flex;flex-direction:column;justify-content:space-between;gap:25px}
.om-case .om-book>span{font-size:9px;letter-spacing:.1em;color:#62697a}
.om-case .om-book strong{display:block;font-size:70px;font-weight:700;letter-spacing:-.04em;color:#202b48;line-height:1.1}
.om-case .om-book p{font-size:14px;color:#4b5262;margin-top:10px}.om-case .om-book hr{height:3px;background:#ffca42;width:55px;margin:30px 0;border:0}
.om-case .om-book>b{position:absolute;right:-16px;bottom:54px;background:#202b48;color:#fff;padding:18px 24px;font-size:27px;line-height:1.1;border-radius:5px}
.om-case .om-book small{display:block;font-weight:400;font-size:11px;margin-top:6px;letter-spacing:.05em}
.om-case .om-memory-list{margin:22px 0 28px;padding-left:20px;color:#4b5262;font-size:14px}.om-case .om-memory-list li{margin-bottom:7px}
.om-case .om-history{background:#fff8e9;border-block:1px solid #eddfc4}
.om-case .om-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;list-style:none;margin:35px 0 0;padding:0}
.om-case .om-timeline li{border-top:2px solid #bd9760;padding-top:23px;margin:0}
.om-case .om-timeline li>strong{font-size:23px;color:#73542d;display:block;margin-bottom:18px}
.om-case .om-timeline h3{font-size:19px;margin-bottom:13px}.om-case .om-timeline p{font-size:14px;color:#4b5262}
.om-case .om-fact-sheet{display:grid;grid-template-columns:1fr 1fr;gap:0 45px;margin-top:30px}
.om-case .om-fact-sheet>div{border-bottom:1px solid #dfe3eb;padding:23px 0}
.om-case .om-fact-sheet dt{font-size:12px;font-weight:700;color:#4b5c92;margin-bottom:10px}.om-case .om-fact-sheet dd{font-size:15px;color:#4b5262}
.om-case .om-sources{margin-top:34px;border-left:3px solid #ffca42;padding-left:23px}
.om-case .om-sources h3{font-size:19px;margin-bottom:16px}.om-case .om-sources p{font-size:14px;color:#4b5262;margin-top:13px}
.om-case .om-download-band{background:#202b48;color:#fff}
.om-case .om-download-band h2,.om-case .om-download-band h3{color:white}.om-case .om-download-band .pd-eyebrow{color:#ffca42}
.om-case .om-download-band .om-intro{color:#d2d9e8}
.om-case .om-downloads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:35px}
.om-case .om-downloads>a{display:flex;flex-direction:column;color:#fff;padding:30px;background:#2d395a;border:1px solid #657291;border-radius:10px;text-decoration:none;transition:background .2s,border-color .2s}
.om-case .om-downloads>a:hover{background:#35466d;border-color:#ffca42}
.om-case .om-downloads svg{width:34px;height:34px;color:#ffca42;margin-bottom:25px}
.om-case .om-downloads strong{font-size:26px;display:block;margin-bottom:17px}
.om-case .om-downloads span{font-size:14px;color:#e0e5ef;flex:1}
.om-case .om-downloads b{font-size:12px;color:#ffe39a;font-weight:700;margin-top:26px}
.om-case .om-release-note{margin-top:35px;border-top:1px solid #ffffff30;padding-top:28px}
.om-case .om-release-note h3{font-size:18px;margin-bottom:16px}.om-case .om-release-note p{font-size:13px;line-height:1.8;color:#d2d9e8;margin-top:14px}
.om-case .om-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.om-case .om-related a{display:block;padding:26px;background:#f4f6fa;border:1px solid #dfe3eb;border-radius:9px;text-decoration:none}
.om-case .om-related a:hover{border-color:#4b5c92}.om-case .om-related strong{display:block;font-size:16px;color:#364b83}.om-case .om-related span{display:block;font-size:14px;color:#4b5262;margin-top:16px}
.om-case .om-closing{margin-top:0}.om-case .om-closing .pd-button{background:#202b48;color:white}
.om-case .om-closing .om-button-outline{background:transparent;color:#202b48;border-color:#705a28}.om-case .om-closing .om-button-outline:hover{background:#ffdb80}
@media(max-width:1000px){.om-case .pd-hero-grid{gap:32px}.om-case .om-pipeline{grid-template-columns:repeat(3,minmax(0,1fr))}.om-case .om-pipeline li{border-bottom:1px solid #ffffff30}.om-case .om-memory-grid{gap:42px}.om-case .om-timeline{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.om-case .pd-hero-grid,.om-case .om-memory-grid{grid-template-columns:1fr;gap:40px}.om-case .om-hero-art{max-width:500px;width:100%;margin:auto}.om-case h1{font-size:42px}.om-case .om-three,.om-case .om-cards,.om-case .om-downloads,.om-case .om-related{grid-template-columns:1fr}.om-case .om-dark-grid,.om-case .om-two,.om-case .om-fact-sheet{grid-template-columns:1fr;gap:25px}.om-case .om-fact-sheet{gap:0}.om-case .om-section{padding-block:48px}.om-case .om-pipeline{grid-template-columns:1fr}.om-case .om-pipeline li{border-right:0;padding:22px}.om-case .om-pipeline li:last-child{border-bottom:0}.om-case .om-pipeline span{margin-bottom:9px}.om-case .om-pipeline strong{margin-bottom:9px}.om-case .om-pipeline p{font-size:14px}.om-case .om-timeline{grid-template-columns:1fr}.om-case .om-book{max-width:350px;width:calc(100% - 16px);min-height:440px;margin:0 auto 10px;padding-left:27px}.om-case .om-index{gap:4px 22px}.om-case .om-actions{gap:10px}.om-case .om-actions .pd-button{padding:12px 15px;min-height:47px}.om-case .om-screen figcaption{padding:15px 18px}.om-case .om-three{gap:26px}.om-case .om-downloads>a{padding:26px}.om-case .om-downloads svg{margin-bottom:19px}.om-case .om-brand img{width:145px}.om-case .om-brand>span{font-size:9px}.om-case pre{font-size:21px;padding:26px 22px}}
