.ib-image-metrics { padding-block: 36px 24px; }
.ib-image-metrics .ib-metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; align-items:center; }
.ib-metric-card { position:relative; display:flex; align-items:flex-end; isolation:isolate; overflow:hidden; min-height:260px; aspect-ratio: .84; border-radius:18px; background:#14283e; color:#fff; }
.ib-metric-card:nth-child(2),.ib-metric-card:nth-child(3) { aspect-ratio:.76; }
.ib-metric-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
.ib-metric-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 25%,#0e1c2f66 48%,#0e1c2f 100%); z-index:-1; }
.ib-metric-copy { padding:20px; width:100%; }
.ib-metric-copy strong { display:block; font-size:clamp(23px,3vw,38px); line-height:1.12; }
.ib-metric-copy p { margin:8px 0 0; color:#eef4fa; font-size:14px; }
.ib-metric-tag { display:inline-block; color:#ffbc90; font-size:11px; font-weight:700; letter-spacing:.08em; margin-bottom:8px; }
main .ib-dashboard-section { background:#eef3f8; color:#112139; }
main .ib-dashboard-section > .container-cp { background:none; }
.ib-dashboard-section .ib-dashboard-intro { text-align:center; margin:0 auto 28px; max-width:700px; }
.ib-dashboard-intro h2 { color:#112139; }
.ib-dashboard-intro p:not(.kicker) { color:#34465c; }
.ib-dashboard-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) minmax(0,1fr); align-items:center; gap:16px; }
.ib-dashboard-visual { grid-area:1 / 2 / span 2; width:100%; height:auto; border-radius:20px; }
.ib-dashboard-card { position:relative; background:#fff; color:#112139; border:1px solid #d8e3ee; border-inline-start:3px solid #d86624; border-radius:16px; padding:20px; box-shadow:0 8px 24px #152a4210; }
.ib-dashboard-card:nth-child(even) { grid-column:1; margin-inline-end:-26px; }
.ib-dashboard-card:nth-child(odd) { grid-column:3; margin-inline-start:-26px; }
.ib-dashboard-card h3 { color:#112139; font-size:18px; margin:0 0 6px; }
.ib-dashboard-card p { color:#34465c; line-height:1.55; font-size:14px; margin:0; }
@media(max-width:900px){
 .ib-image-metrics .ib-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ib-metric-card,.ib-metric-card:nth-child(2),.ib-metric-card:nth-child(3) { aspect-ratio: .9; min-height:210px; }
 .ib-dashboard-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ib-dashboard-visual { grid-area:1 / 1 / 2 / -1; max-width:560px; justify-self:center; }
 .ib-dashboard-card:nth-child(n) { grid-column:auto; margin:0; }
}
@media(max-width:480px){
 .ib-image-metrics .ib-metric-grid,.ib-dashboard-grid { gap:10px; }
 .ib-metric-copy,.ib-dashboard-card { padding:14px; }
 .ib-metric-copy p { font-size:12px; }
 .ib-dashboard-grid { grid-template-columns:minmax(0,1fr); }
}