.onz-supplier-summary { --supplier-summary-ink: #0d202c; --supplier-summary-blue: #173445; padding: 128px 24px; color: var(--supplier-summary-ink); background: #dfeae5; }
.onz-supplier-summary__shell { width: min(100%,1360px); margin: 0 auto; display: grid; grid-template-columns: minmax(320px,.72fr) minmax(520px,1fr); gap: 88px; align-items: center; }
.onz-supplier-summary__kicker { margin: 0 0 20px; color: #087b60; font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.onz-supplier-summary__copy h2 { max-width: 690px; margin: 0; font-size: clamp(42px,4.4vw,66px); font-weight: 600; letter-spacing: -.055em; line-height: .98; }
.onz-supplier-summary__copy > p:not(.onz-supplier-summary__kicker) { max-width: 670px; margin: 26px 0 0; color: #64717a; font-size: 17px; line-height: 1.65; }
.onz-supplier-summary__copy > a { margin-top: 34px; display: inline-flex; gap: 10px; align-items: center; color: var(--supplier-summary-ink); font-size: 14px; font-weight: 800; text-decoration: none; }
.onz-supplier-summary__copy > a i { color: #087b60; transition: transform 180ms ease; }
.onz-supplier-summary__copy > a:hover i { transform: translateX(4px); }
.onz-supplier-summary__benefits { margin-top: 34px; display: grid; gap: 8px; }
.onz-supplier-summary__benefits article { padding: 13px 0; display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 13px; border-top: 1px solid rgba(13,32,44,.12); }
.onz-supplier-summary__benefits article > i { width: 36px; height: 36px; display: grid; place-items: center; color: #087b60; background: rgba(30,201,153,.15); font-size: 18px; }
.onz-supplier-summary__benefits article span { display: grid; gap: 4px; }
.onz-supplier-summary__benefits article strong { font-size: 13px; }
.onz-supplier-summary__benefits article small { color: #64717a; font-size: 11px; line-height: 1.45; }
.onz-supplier-summary__visual { overflow: hidden; border: 1px solid rgba(13,32,44,.12); border-radius: 18px; background: #edf2ef; box-shadow: 0 30px 75px rgba(13,32,44,.15); }
.onz-supplier-summary__visual > header { min-height: 76px; padding: 18px 22px; display: flex; align-items: center; justify-content: space-between; color: #fff; background: var(--supplier-summary-blue); }
.onz-supplier-summary__visual > header div { display: grid; gap: 3px; }
.onz-supplier-summary__visual > header span { color: rgba(255,255,255,.55); font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.onz-supplier-summary__visual > header strong { font-size: 15px; }
.onz-supplier-summary__visual > header > i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.08); }
.onz-supplier-summary__metrics { padding: 16px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.onz-supplier-summary__metrics > div { padding: 14px; border: 1px solid rgba(13,32,44,.09); border-radius: 9px; background: #fff; }
.onz-supplier-summary__metrics span,
.onz-supplier-summary__metrics small { display: block; color: #73808a; font-size: 8px; }
.onz-supplier-summary__metrics strong { display: block; margin: 5px 0 2px; font-size: 22px; }
.onz-supplier-summary__visual > section { margin: 0 16px 16px; overflow: hidden; border: 1px solid rgba(13,32,44,.09); border-radius: 10px; background: #fff; }
.onz-supplier-summary__visual > section article { min-height: 76px; padding: 13px 14px; display: grid; grid-template-columns: 36px minmax(0,1fr) auto; gap: 11px; align-items: center; border-bottom: 1px solid rgba(13,32,44,.08); }
.onz-supplier-summary__visual > section article:last-child { border-bottom: 0; }
.onz-supplier-summary__visual > section article > i { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 9px; color: #087b60; background: rgba(30,201,153,.13); }
.onz-supplier-summary__visual > section article span { display: grid; gap: 4px; }
.onz-supplier-summary__visual > section article small { color: #087b60; font-size: 7px; font-weight: 700; }
.onz-supplier-summary__visual > section article strong { font-size: 10px; }
.onz-supplier-summary__visual > section article em { padding: 6px 8px; border-radius: 999px; font-size: 8px; font-style: normal; font-weight: 700; white-space: nowrap; }
.onz-supplier-summary__visual em.is-green { color: #116852; background: #dff6ee; }
.onz-supplier-summary__visual em.is-yellow { color: #8b5a00; background: #fff0cf; }
.onz-supplier-summary__visual em.is-blue { color: #25627d; background: #e0f1f8; }

@media (max-width: 991.98px) {
    .onz-supplier-summary__shell { grid-template-columns: 1fr; gap: 58px; }
    .onz-supplier-summary__visual { width: min(100%,760px); }
}

@media (max-width: 767.98px) {
    .onz-supplier-summary { padding: 88px 20px; }
    .onz-supplier-summary__metrics { grid-template-columns: 1fr; }
    .onz-supplier-summary__metrics > div { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; }
    .onz-supplier-summary__metrics strong { grid-row: 1 / span 2; grid-column: 2; }
    .onz-supplier-summary__visual { margin-inline: -7px; }
    .onz-supplier-summary__visual > section article { grid-template-columns: 34px minmax(0,1fr); }
    .onz-supplier-summary__visual > section article em { grid-column: 2; justify-self: start; }
}