.monitor-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.monitor-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 10px 30px #0b3d620c;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.monitor-card:hover{transform:translateY(-4px);border-color:#8bc9e5;box-shadow:0 18px 38px #0b3d621b}
.monitor-card-image{height:265px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,#fff,#f5fafc);border-bottom:1px solid #e5eef4}
.monitor-card-image img{width:100%;height:100%;object-fit:cover;object-position:center 42%;transition:transform .25s ease}
.monitor-card:nth-child(1) .monitor-card-image img{object-position:center 30%}
.monitor-card:nth-child(2) .monitor-card-image img{object-position:center 55%}
.monitor-card:hover .monitor-card-image img{transform:scale(1.025)}
.monitor-card-copy{padding:23px;display:flex;flex-direction:column;flex:1}
.monitor-card-copy h3{font-size:21px;line-height:1.3;margin:14px 0 9px}
.monitor-card-copy p{font-size:15px;line-height:1.6;margin:0 0 18px;color:var(--muted)}
.monitor-card-copy strong{margin-top:auto;color:#087fc1;font-size:14px}
.monitor-product-photo{min-height:440px;background:linear-gradient(180deg,#fff,#f7fbfd)}
.monitor-product-photo img{max-height:420px}
.monitor-panel{grid-column:1/-1;display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;min-height:330px;background:linear-gradient(120deg,#eef8fc,#fff)}
.monitor-panel .solution-copy{padding:35px 38px}
.monitor-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:22px}
.monitor-product{min-width:0;border:1px solid #dcebf3;border-radius:13px;background:#fff;padding:14px;text-decoration:none;text-align:center;box-shadow:0 8px 24px #0b3d620b;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.monitor-product:hover{transform:translateY(-4px);border-color:#8bc9e5;box-shadow:0 14px 30px #0b3d6216}
.monitor-product img{display:block;width:100%;height:145px;object-fit:cover;object-position:center 42%;margin-bottom:8px;transition:transform .25s ease}
.monitor-product:nth-child(1) img{object-position:center 30%}
.monitor-product:nth-child(2) img{object-position:center 55%}
.monitor-product:hover img{transform:scale(1.025)}
.monitor-product strong{display:block;font-size:18px;color:var(--navy)}
.monitor-product span{display:block;margin-top:4px;font-size:12px;color:var(--muted)}
@media(max-width:1020px){.monitor-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-panel{grid-column:auto;grid-template-columns:1fr}.monitor-products{padding-top:0}}
@media(max-width:720px){.monitor-card-grid{grid-template-columns:1fr}.monitor-card-image{height:240px}.monitor-product-photo{min-height:300px}.monitor-product-photo img{max-height:290px}.monitor-products{grid-template-columns:1fr;padding:0 16px 18px}.monitor-product{display:grid;grid-template-columns:100px 1fr;align-items:center;text-align:left;column-gap:14px}.monitor-product img{grid-row:1/3;width:100px;height:90px;margin:0}.monitor-panel .solution-copy{padding:24px}}
@media(prefers-reduced-motion:reduce){.monitor-card,.monitor-card-image img,.monitor-product,.monitor-product img{transition:none}}