/* Impact örnek ekran kartı — /impact hero ve ana sayfa sürdürülebilirlik bölümü ortak */
.imp-stage { border-radius: 24px; }
.imp-sc { background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow-md); padding: 20px; display: flex; flex-direction: column; gap: 16px; font-size: 13px; line-height: 20px; color: var(--ink); }
.imp-sc p { margin: 0; }
.imp-sc h4 { margin: 0; font-size: 15px; line-height: 22px; font-weight: 650; }
.imp-sc__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.imp-ov { font-size: 11px; line-height: 16px; font-weight: 650; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-muted); }
.imp-num { font-size: 40px; line-height: 46px; font-weight: 650; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.imp-num span { font-size: 17px; font-weight: 600; color: var(--ink-secondary); }
.imp-m { color: var(--ink-secondary); }
.imp-m--sm { font-size: 12px; line-height: 18px; }
.imp-badge { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 999px; background: #FFF3D6; color: #8A5A00; font-size: 12px; font-weight: 700; }
.imp-bar { height: 8px; border-radius: 999px; background: var(--surface-sunken); overflow: hidden; display: flex; margin: 8px 0 6px; }
.imp-bar i { display: block; height: 100%; background: var(--chart-1); }
.imp-bar .q2 { background: var(--chart-2); } .imp-bar .q3 { background: var(--chart-3); } .imp-bar .q4 { background: var(--line-strong); } .imp-bar .q5 { background: var(--line); }
.imp-bar--full { margin: 0; } .imp-bar--thin { height: 6px; margin: 5px 0 0; }
.imp-cats { display: flex; flex-direction: column; gap: 10px; }
.imp-cat { display: grid; grid-template-columns: 130px 1fr 56px; gap: 12px; align-items: center; }
.imp-cat span { text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; }
.imp-ready { padding: 14px; border-radius: 12px; background: var(--surface-sunken); display: flex; flex-direction: column; gap: 10px; }
.imp-ready__row { display: flex; justify-content: space-between; gap: 12px; }
.imp-ready__row span { color: var(--ink-secondary); font-variant-numeric: tabular-nums; }
.imp-sample { margin: 14px 0 0; font-size: 12px; line-height: 18px; color: var(--ink-secondary); text-align: center; }
.imp-sc--mini { gap: 14px; }
.imp-sc--mini .imp-num { font-size: 34px; line-height: 40px; }
.sustain .imp-sample { color: rgba(255, 255, 255, .72); }
/* Kart, hangi sayfada olursa olsun Impact yeşilini kullanır (.page-impact token'larıyla aynı) */
.imp-sc { --brand: #0F7A4A; --chart-1: var(--brand); --chart-2: color-mix(in srgb, var(--brand) 62%, #fff); --chart-3: color-mix(in srgb, var(--brand) 32%, #fff); }
.sustain .imp-stage { background: linear-gradient(160deg, rgba(79, 209, 165, .16), rgba(79, 209, 165, .04)); }
.imp-cta { display: inline-flex; align-items: center; gap: 20px; align-self: flex-start; margin-top: 8px; padding: 12px 14px 12px 20px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .06); text-decoration: none; transition: border-color var(--duration-base) var(--ease-standard), background var(--duration-base) var(--ease-standard); }
.imp-cta__go { display: inline-flex; align-items: center; gap: 4px; padding-left: 20px; border-left: 1px solid rgba(255, 255, 255, .22); font-size: 15px; line-height: 22px; font-weight: 600; color: #4FD1A5; }
.imp-cta .mv-icon { transition: translate var(--duration-base) var(--ease-standard); }
.imp-cta:hover { border-color: #4FD1A5; background: rgba(79, 209, 165, .1); }
.imp-cta:hover .mv-icon { translate: 4px 0; }
.imp-cta:focus-visible { outline: 2px solid #4FD1A5; outline-offset: 3px; }
.partner--below { margin: 16px auto 0; }