.ipar-wrap{position:relative;overflow:hidden;margin:32px auto;padding:28px;border-radius:28px;max-width:980px;box-shadow:0 24px 70px rgba(15,23,42,.16);isolation:isolate}
.ipar-wrap *{box-sizing:border-box}
.ipar-glass{background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.42));backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.5)}
.ipar-dark{background:linear-gradient(135deg,#0f172a,#111827);color:#fff}
.ipar-gradient{background:linear-gradient(135deg,#eef2ff,#ecfeff 45%,#fff7ed)}
.ipar-minimal{background:#fff;border:1px solid #e5e7eb}
.ipar-bg-orb{position:absolute;width:260px;height:260px;border-radius:50%;filter:blur(12px);opacity:.28;z-index:-1}
.ipar-orb-a{background:#6366f1;top:-90px;right:-80px}
.ipar-orb-b{background:#22c55e;bottom:-120px;left:-80px}
.ipar-head{text-align:center;margin-bottom:24px}
.ipar-badge{display:inline-flex;padding:7px 14px;border-radius:999px;background:rgba(99,102,241,.14);color:#4f46e5;font-weight:800;font-size:12px;letter-spacing:.04em}
.ipar-head h2{margin:14px 0 8px;font-size:clamp(24px,4vw,42px);line-height:1.15}
.ipar-head p{margin:0 auto;max-width:640px;opacity:.78;font-size:16px}
.ipar-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}
.ipar-card{padding:18px;border-radius:20px;background:rgba(255,255,255,.72);border:1px solid rgba(148,163,184,.22);box-shadow:0 12px 28px rgba(15,23,42,.08);position:relative;overflow:hidden}
.ipar-dark .ipar-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}
.ipar-card:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--ipar-accent)}
.ipar-card span{display:block;font-size:13px;opacity:.75;margin-bottom:8px}
.ipar-card strong{display:block;font-size:clamp(24px,4vw,38px);line-height:1;font-weight:900}
.ipar-chart-holder{position:relative;width:100%;padding:10px;background:rgba(255,255,255,.38);border-radius:24px}
.ipar-dark .ipar-chart-holder{background:rgba(255,255,255,.05)}
.ipar-chart-holder canvas{width:100%!important;height:100%!important}
@media (max-width:760px){.ipar-wrap{padding:20px;border-radius:22px}.ipar-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:460px){.ipar-cards{grid-template-columns:1fr}.ipar-chart-holder{height:300px!important}}
@media (prefers-reduced-motion:reduce){.ipar-wrap,.ipar-card{transition:none!important;animation:none!important}}