/* ---------- 2. KPI ---------- */
.s2{position:relative}
.kpi-title{text-align:center;margin-bottom:26px}
.kpi-title h1{font-size:54px;font-weight:700;color:var(--navy);letter-spacing:.01em;line-height:1.1}
.kpi-title p{font-size:28px;font-weight:500;color:var(--navy);margin-top:6px}
.kpi-grid{display:grid;grid-template-columns:1180px 1fr;gap:28px;align-items:stretch;position:relative;z-index:1}
.kpi-grid .frame{padding:26px 28px}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;margin:14px 0 24px;overflow:hidden;background:var(--white)}
.tiles:last-child{margin-bottom:0}
.tile{padding:20px 10px;text-align:center;border-right:1px solid var(--line);transition:background .15s}
.tile:last-child{border-right:0}
.tile:hover{background:var(--sky-2)}
.tile .lb{font-size:19px;font-weight:500;color:var(--navy)}
.tile .vl{font-size:42px;font-weight:600;color:var(--navy);line-height:1.15;margin-top:2px;font-variant-numeric:tabular-nums}
.gauge-frame{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}
.gauge-frame .pill{font-size:24px;padding:12px 40px;justify-content:center;letter-spacing:.04em}
.gauge{width:100%;max-width:420px}
.gauge svg{width:100%;height:auto;overflow:visible}
.gauge-note{font-size:16px;color:var(--slate)}
.gauge-note b{color:var(--navy);font-weight:600}
.kpi-bg{position:absolute;left:-56px;right:-56px;bottom:-64px;height:330px;overflow:hidden;border-radius:50% 50% 0 0 / 60px 60px 0 0;background:linear-gradient(180deg,var(--sky-2),var(--sky))}
.kpi-bg img{width:100%;height:100%;object-fit:cover;display:block}