.segmentation-page a:not(.nav-page-button) { color:#2560cc; text-underline-offset:.2em; }
.segmentation-page a:focus-visible { outline:3px solid #2560cc; outline-offset:5px; }
.seg-actions { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:1rem; margin-top:1.5rem; }
.seg-secondary { display:inline-flex; padding:.85rem 1.25rem; border:1px solid #c0d6ff; border-radius:2rem; background:#fff; font-weight:600; text-decoration:none; }
.segmentation-page figure { margin:0; }
.segmentation-page img.Screenshot { display:block; width:100%; height:auto; box-sizing:border-box; }
.seg-overview { grid-template-columns:1.3fr .7fr; }
.seg-overview .nav-page-image { max-width:340px; justify-self:center; }
.segmentation-page figcaption { color:#617785; font-size:.9rem; line-height:1.6; text-align:center; margin-top:1rem; }
.seg-section { padding:4rem 2rem; }
.seg-tinted { background:#f4fbfe; }
.seg-intro { max-width:850px; margin:0 auto 2rem; }
.segmentation-page h2:not(:where(.site-page-title)) { color:#24485a; font-size:2rem; padding:0; }
.segmentation-page h3 { color:#24485a; font-size:1.3rem; }
.seg-section p { font-size:1.05rem; line-height:1.75; }
.seg-cards,.seg-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; max-width:1200px; margin:auto; }
.seg-cards article { padding:1.75rem; background:#fff; border:1px solid #deebf2; border-radius:1.2rem; }
.seg-cards h3 { margin-top:0; }
.seg-steps figure { height:470px; display:flex; align-items:center; justify-content:center; }
.seg-steps img.Screenshot { width:auto; max-width:100%; max-height:100%; object-fit:contain; }
.seg-steps article > div { padding:1.5rem .5rem; }
.seg-step-number { font-size:.85rem; color:#2560cc; font-weight:800; }
.seg-steps h3 { margin:.5rem 0; }
.seg-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3rem; max-width:1100px; margin:auto; }
.seg-detail-grid h2:not(:where(.site-page-title)) { font-size:1.6rem; }
@media(max-width:760px) { .seg-overview { grid-template-columns:1fr; } .seg-section { padding:2.5rem 1.25rem; } .segmentation-page h2:not(:where(.site-page-title)) { font-size:1.6rem; } .seg-cards,.seg-steps,.seg-detail-grid { grid-template-columns:1fr; } .seg-steps figure { height:auto; } .seg-steps img.Screenshot { width:100%; max-width:380px; max-height:none; height:auto; } .seg-detail-grid { gap:1.5rem; } }