/* Homepage only: straightforward typography and real product imagery. */
.media-home { width:100vw; margin-left:calc(50% - 50vw); background:#fff; color:#252525; font:17px/1.65 Arial,Helvetica,sans-serif; }
.media-home .mh-shell { width:min(1180px,calc(100% - 48px)); margin:0 auto; }
.media-home h1,.media-home h2,.media-home h3 { color:#172330; font-family:inherit; font-weight:700; letter-spacing:normal; text-shadow:none; }
.media-home h1 { font-size:clamp(32px,3.5vw,48px); line-height:1.14; margin:0 0 24px; }
.media-home h2 { font-size:clamp(27px,2.8vw,36px); line-height:1.2; margin:0 0 22px; }
.media-home h3 { font-size:23px; line-height:1.3; margin:0 0 14px; }
main .media-home p { color:#46515c; font-size:17px; line-height:1.65; margin:0 0 20px; }
.media-home a { color:#174f87; text-underline-offset:4px; }
.media-home a:hover { color:#a32926; }
.media-home a:focus-visible,.media-home summary:focus-visible { outline:2px solid #174f87; outline-offset:5px; }
.media-home .mh-hero { display:grid; grid-template-columns:1fr 1.12fr; gap:48px; align-items:center; padding:64px 0; }
main .media-home .mh-label { color:#8e2926; font-size:14px; font-weight:700; margin-bottom:18px; }
main .media-home .mh-lead { color:#222; font-size:22px; line-height:1.45; }
.media-home .mh-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin:28px 0 16px; }
.media-home .mh-button { display:inline-block; padding:13px 20px; color:#fff; background:#ae302a; border:1px solid #ae302a; text-decoration:none; font-size:16px; font-weight:700; line-height:1.4; text-align:center; }
.media-home .mh-button:hover { color:#fff; background:#8d251f; }
.media-home .mh-link { font-weight:700; }
main .media-home .mh-note { font-size:14px; color:#62676e; }
.media-home figure { margin:0; min-width:0; }
.media-home figure img { width:100%; height:auto; display:block; }
.media-home .mh-hero-image img,.media-home .mh-shot img { border:1px solid #d5d9dd; }
.media-home figcaption { font-size:13px; color:#67717a; line-height:1.5; margin-top:12px; }
.media-home .mh-jump { border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fafafa; }
.media-home .mh-jump .mh-shell { display:flex; flex-wrap:wrap; gap:16px 30px; padding:19px 0; }
.media-home .mh-jump a { font-size:15px; font-weight:700; text-decoration:none; color:#333; }
.media-home .mh-section { padding:72px 0; border:0; scroll-margin-top:100px; }
.media-home .mh-soft { background:#f5f5f2; }
.media-home .mh-split { display:grid; grid-template-columns:1fr 1.15fr; gap:64px; align-items:center; }
.media-home .mh-points { list-style:none; padding:0; margin:24px 0; }
.media-home .mh-points li { border-top:1px solid #ddd; padding:14px 0; }
.media-home .mh-points strong { display:block; }
.media-home .mh-intro { max-width:720px; margin-bottom:36px; }
.media-home .mh-two { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.media-home .mh-visual-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.media-home .mh-visual-grid .mh-feature { min-width:0; }
.media-home .mh-visual-grid .mh-shot img { width:100%; aspect-ratio:1.65; object-fit:contain; background:#fff; }
.media-home .mh-feature .mh-shot { margin-bottom:26px; }
.media-home .mh-feature .mh-shot img { aspect-ratio:1.65; object-fit:contain; background:#fff; }
.media-home .mh-inline-cta { display:flex; justify-content:space-between; align-items:center; gap:24px; border-top:1px solid #ccc; padding-top:28px; margin-top:40px; }
main .media-home .mh-inline-cta p { margin:0; }
.media-home .mh-text-links { display:flex; flex-wrap:wrap; gap:20px; }
.media-home .mh-migration { grid-template-columns:.85fr 1.15fr; gap:90px; }
.media-home .mh-photo img { max-height:500px; object-fit:cover; object-position:center 68%; }
.media-home .mh-steps { padding-left:24px; margin:26px 0; }
.media-home .mh-steps li { padding-left:10px; margin-bottom:20px; }
.media-home .mh-steps strong,.media-home .mh-steps span { display:block; }
.media-home .mh-steps span { color:#46515c; font-size:16px; }
.media-home .mh-three { display:grid; grid-template-columns:repeat(3,1fr); gap:38px; margin:28px 0; }
.media-home .mh-three article { padding-top:22px; border-top:2px solid #c6cbd0; }
.media-home .mh-three h3 { font-size:21px; }
.media-home .mh-demo { background:#142b43; }
.media-home .mh-demo h2,.media-home .mh-demo h3,.media-home .mh-demo a:not(.mh-button),main .media-home .mh-demo p,.media-home .mh-demo li { color:#fff; }
main .media-home .mh-demo .mh-label { color:#c9d7e4; }
.media-home .mh-demo .mh-split { grid-template-columns:1.3fr 1fr; }
.media-home .mh-demo-notes { border-left:1px solid #5b6b7c; padding-left:40px; }
.media-home .mh-demo-notes ul { padding-left:20px; }
.media-home .mh-demo-notes li { margin:10px 0; }
.media-home .mh-faq { max-width:880px; }
.media-home details { border-bottom:1px solid #d5d9dd; padding:20px 0; }
.media-home summary { cursor:pointer; font-weight:700; font-size:18px; }
main .media-home details p { margin:18px 0 0; }
.media-home .mh-guides { background:#f5f5f2; }
@media(max-width:900px) {
 .media-home .mh-visual-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .media-home .mh-hero,.media-home .mh-split,.media-home .mh-migration,.media-home .mh-demo .mh-split { grid-template-columns:1fr; gap:32px; }
 .media-home .mh-hero { padding:40px 0; }
 .media-home .mh-section { padding:48px 0; }
 .media-home .mh-three { grid-template-columns:1fr; gap:20px; }
 .media-home .mh-demo-notes { border-left:0; border-top:1px solid #5b6b7c; padding:24px 0 0; }
 .media-home .mh-photo { max-width:560px; }
}
@media(max-width:600px) {
 .media-home .mh-visual-grid { grid-template-columns:1fr; gap:40px; }
 .media-home .mh-shell { width:calc(100% - 36px); }
 .media-home .mh-two { grid-template-columns:1fr; gap:40px; }
 .media-home .mh-actions { align-items:stretch; flex-direction:column; }
 .media-home .mh-inline-cta { align-items:stretch; flex-direction:column; }
 .media-home .mh-jump .mh-shell { gap:12px 20px; }
 .media-home .mh-photo img { max-height:360px; }
 main .media-home .mh-lead { font-size:21px; }
}