.support-approved .sup-kpi{background:#f4f9f8;border-block:1px solid var(--line)}
.support-approved .sup-kpi-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:5%;align-items:center}
.support-approved .sup-kpi-copy>p:not(.sup-eyebrow):not(.sup-fine){font-size:17px;line-height:1.8;margin:26px 0;color:var(--text)}
.support-approved .sup-kpi h2{font-size:clamp(34px,3.5vw,46px);margin:0}
.support-approved .sup-kpi-mark{position:relative;white-space:nowrap;isolation:isolate}
.support-approved .sup-kpi-mark:after{content:"";position:absolute;left:-2%;right:-2%;bottom:-4px;height:8px;background:var(--yellow);border-radius:45% 35% 55% 25%;transform:rotate(-2deg);z-index:-1}
.support-approved .sup-kpi-points{list-style:none;margin:28px 0;padding:0;display:grid;gap:18px}
.support-approved .sup-kpi-points li{position:relative;padding-left:25px}
.support-approved .sup-kpi-points li:before{content:"✓";position:absolute;left:0;top:1px;color:var(--teal);font-weight:800}
.support-approved .sup-kpi-points strong{display:block;font-size:17px;color:var(--ink);line-height:1.6}
.support-approved .sup-kpi-points span{display:block;font-size:15px;line-height:1.75;color:var(--text);margin-top:3px}
.support-approved .sup-kpi-actions{display:flex;align-items:flex-start;flex-direction:column;gap:17px;margin-top:30px}
.support-approved .sup-kpi-note{margin:20px 0 0;max-width:450px}
.support-approved .sup-kpi-preview{margin:0;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 45px #07282f0d;overflow:hidden}
.support-approved .sup-kpi-preview-top{display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--teal);color:white;padding:19px 22px;font-size:11px;letter-spacing:.07em;line-height:1.6}
.support-approved .sup-kpi-preview-top span{background:var(--yellow);color:var(--ink);padding:5px 9px;border-radius:5px;font-size:10px;font-weight:800;white-space:nowrap}
.support-approved .sup-kpi-preview>a{display:block;padding:13px;background:#eaf6f5;transition:background .2s}
.support-approved .sup-kpi-preview>a:hover{background:#c9eee8}
.support-approved .sup-kpi-preview img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.support-approved .sup-kpi-preview figcaption{padding:24px 25px}
.support-approved .sup-kpi-preview figcaption strong{display:block;font-size:18px;line-height:1.55;color:var(--ink)}
.support-approved .sup-kpi-preview figcaption span{display:block;margin-top:8px;color:var(--text);font-size:15px;line-height:1.75}
.support-approved .sup-kpi a:focus-visible{outline:3px solid var(--teal);outline-offset:5px}
@media(max-width:1050px){.support-approved .sup-kpi-grid{grid-template-columns:1fr;gap:40px}.support-approved .sup-kpi-copy{max-width:760px}.support-approved .sup-kpi-preview{width:100%;max-width:760px}.support-approved .sup-kpi-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px}}
@media(max-width:700px){.support-approved .sup-kpi h2{font-size:34px}.support-approved .sup-kpi-actions{flex-direction:column;align-items:flex-start}.support-approved .sup-kpi-preview-top{padding:15px;font-size:10px;gap:8px}.support-approved .sup-kpi-preview-top span{font-size:9px}.support-approved .sup-kpi-preview figcaption{padding:22px}.support-approved .sup-kpi-preview>a{padding:8px}}