/* The import screenshot keeps its asset, responsive markup and native framing.
   Its old pair now has one item; keep the familiar desktop footprint. */
.home-page #protect .home-import-pair{display:block;max-width:720px}
.home-page #protect .home-import-pair>.import-protection-visual{aspect-ratio:1400/867}
/* Preserve all three points and their reading order. The middle point gets
   its own text/image row instead of an unrelated image above the point grid. */
.home-page #protect .related-work-support{display:block;margin-top:32px}
.home-page #protect .related-work-support>div:not(.related-connection-row){max-width:72ch}
.home-page #protect .related-connection-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);align-items:center;gap:48px;margin:48px 0}
.home-page #protect .related-connection-copy{max-width:42ch}
.home-page #protect .related-work-diagram,.home-page .feature-detail-content .related-work-diagram,.home-page #feature-protect .related-work-diagram{display:block;width:100%;max-width:560px;margin:0;overflow:hidden;border:0;border-radius:16px;box-shadow:none;background:#fff}
.home-page #protect .related-work-diagram img,.home-page .feature-detail-content .related-work-diagram img,.home-page #feature-protect .related-work-diagram img{display:block;position:static;inset:auto;width:100%;height:auto;max-width:100%;max-height:none;aspect-ratio:1002/706;object-fit:contain;transform:none;border-radius:16px}
.home-page .feature-detail-content .related-work-panel-section,.home-page #feature-protect .related-work-panel-section{margin-top:28px}
.home-page .feature-detail-content .related-work-panel-section h3,.home-page #feature-protect .related-work-panel-section h3{margin-bottom:18px}
@media(max-width:1100px){.home-page #protect .related-connection-row{grid-template-columns:minmax(0,1fr);gap:24px;margin:32px 0}.home-page #protect .related-connection-copy{max-width:72ch}.home-page #protect .related-work-diagram{justify-self:center}}
