.agv-optimization-page .agv-hero { background: radial-gradient(ellipse at 95% 10%, #dff4ff, transparent 55%), linear-gradient(145deg, #f7faff, #eef3fb); }
.agv-optimization-page .agv-split { display: grid; gap: 40px; align-items: center; }
.agv-optimization-page .agv-split > * { min-width: 0; }
.agv-optimization-page .agv-illustration { margin: 0; }
.agv-optimization-page .agv-console { padding: 24px; border: 1px solid #27415d; border-radius: 20px; background: #0c192c; box-shadow: 0 24px 60px #10234320; }
.agv-optimization-page .agv-console .agv-console-label { color: #85edff; font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 750; }
.agv-optimization-page .agv-flow { display: grid; gap: 16px; list-style: none; padding: 0; margin: 0; }
.agv-optimization-page .agv-flow li { position: relative; padding: 12px 16px; color: #fff; background: #182b42; border: 1px solid #36516d; border-radius: 10px; font-size: .85rem; }
.agv-optimization-page .agv-flow li:not(:last-child)::after { content: '↓'; position: absolute; left: 50%; bottom: -20px; color: #85edff; z-index: 1; }
.agv-optimization-page .agv-vehicles, .agv-optimization-page .agv-buffer { display: flex; gap: 12px; margin-top: 10px; }
.agv-optimization-page .agv-vehicles svg { width: 40px; height: 28px; color: #85edff; }
.agv-optimization-page .agv-buffer i { width: 22px; height: 18px; border: 1px solid #85edff; border-radius: 4px; background: #85edff20; }
.agv-optimization-page figcaption { font-size: .8rem; color: #52647b; margin: 14px 0 0; }
.agv-optimization-page .agv-steps { display: grid; gap: 28px; list-style: none; padding: 0; margin: 0; }
.agv-optimization-page .agv-step { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #b4c9e3; border-radius: 50%; color: #1555b9; font-size: .85rem; font-weight: 750; margin-bottom: 20px; }
.agv-optimization-page .agv-steps p { font-size: .93rem; margin-bottom: 0; }
.agv-optimization-page .agv-variables { display: grid; gap: 16px; list-style: none; padding: 0; margin: 0; }
.agv-optimization-page .agv-variables li { padding: 20px 24px; border: 1px solid #dce5ef; border-radius: 12px; background: #fff; font-weight: 650; }
.agv-optimization-page .agv-gallery { display: grid; gap: 24px; align-items: center; }
.agv-optimization-page .agv-gallery figure { min-width: 0; margin: 0; }
.agv-optimization-page .agv-context-image .site-media { margin: 0; }
.agv-optimization-page .agv-diagram-panel { display: grid; place-items: center; padding: 16px; border: 1px solid #dce5ef; border-radius: 12px; background: #f6f9ff; }
.agv-optimization-page .agv-diagram-panel a { display: block; max-width: 100%; }
.agv-optimization-page .agv-diagram-panel img { display: block; width: 300px; max-width: 100%; height: auto; object-fit: contain; }
.agv-optimization-page .agv-diagram .site-text-link { margin-top: 10px; }
.agv-optimization-page .agv-scope { padding: 20px 24px; border-left: 3px solid #155cd7; border-radius: 0 12px 12px 0; background: #f3f6fb; }
.agv-optimization-page .agv-final { padding-top: 0; }
@media (min-width: 576px) { .agv-optimization-page .agv-steps, .agv-optimization-page .agv-variables { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 992px) {
    .agv-optimization-page .agv-split { grid-template-columns: 1.2fr 1fr; gap: 56px; }
    .agv-optimization-page .agv-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .agv-optimization-page .agv-variables { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .agv-optimization-page .agv-gallery { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
}