.soc{font-family:inherit;color:#1e293b;padding:56px 16px;background:#f8fafc}
.soc *{box-sizing:border-box}
.soc .in{max-width:1100px;margin:0 auto}
.soc h2{font-size:clamp(26px,4vw,38px);line-height:1.15;font-weight:800;margin:0 0 10px;color:#0f172a}
.soc h2 em{font-style:normal;color:#dc2626}
.soc .lead{font-size:17px;color:#475569;margin:0 0 28px;max-width:760px}
.soc .grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.soc .card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:22px;box-shadow:0 6px 20px rgba(15,23,42,.05)}
.soc .card h3{font-size:18px;margin:0 0 4px;color:#0f172a}
.soc .card p.cap{font-size:13px;color:#64748b;margin:12px 0 0}
.soc svg{width:100%;height:auto;display:block}
.soc .bar{fill:#ef4444}.soc .bar2{fill:#fca5a5}.soc .bar3{fill:#16a34a}.soc .lbl{font:600 12px sans-serif;fill:#334155}.soc .val{font:800 14px sans-serif;fill:#0f172a}
.soc .ax{stroke:#cbd5e1;stroke-width:1}
.soc .tw{overflow-x:auto;margin-top:28px;border-radius:18px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 6px 20px rgba(15,23,42,.05)}
.soc table{width:100%;border-collapse:collapse;min-width:640px;font-size:15px}
.soc th,.soc td{padding:14px 16px;text-align:center;border-bottom:1px solid #eef2f7}
.soc th:first-child,.soc td:first-child{text-align:left;font-weight:600}
.soc thead th{background:#0f172a;color:#fff;font-size:14px}
.soc thead th.us{background:#16a34a}
.soc td.us{background:#f0fdf4;font-weight:700}
.soc .y{color:#16a34a;font-weight:800;font-size:18px}.soc .n{color:#dc2626;font-weight:800;font-size:18px}.soc .h{color:#b45309;font-weight:700;font-size:13px}
.soc tr:last-child td{border-bottom:0}
.soc .cta{margin-top:28px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#14532d,#16a34a);color:#fff;border-radius:18px;padding:24px 28px}
.soc .cta b{font-size:clamp(20px,3vw,26px);display:block;line-height:1.2}
.soc .cta span{opacity:.9;font-size:15px}
.soc .cta a{background:#fff;color:#14532d;font-weight:800;font-size:20px;padding:14px 26px;border-radius:999px;text-decoration:none;white-space:nowrap}
.soc .cta a:hover{background:#dcfce7}
@media (max-width:820px){.soc .grid{grid-template-columns:1fr}.soc{padding:40px 12px}.soc .cta{padding:20px}.soc .cta a{width:100%;text-align:center}}