.stats-hero{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);padding:48px 0 56px;text-align:center;position:relative;overflow:hidden}.stats-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.stats-hero-content{position:relative;z-index:1}.stats-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.15);color:#fff;padding:8px 20px;border-radius:50px;font-size:.875rem;font-weight:500;margin-bottom:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stats-hero h1{color:#fff;font-size:2rem;font-weight:700;margin-bottom:8px}.stats-hero p{color:rgba(255,255,255,.85);font-size:1rem;margin:0}.stats-metrics{margin-top:40px;padding-bottom:60px;position:relative;z-index:2}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.metric-card{background:#fff;border-radius:16px;padding:28px 24px;text-align:center;box-shadow:0 4px 24px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.04);opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.16, 1, .3, 1)}.metric-card.visible{opacity:1;transform:translateY(0)}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,50,160,.12)}.metric-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1.5rem;color:#fff}.metric-value{font-size:2rem;font-weight:700;color:var(--color-text);line-height:1.2;margin-bottom:4px}.metric-label{font-size:.9375rem;font-weight:600;color:var(--color-text);margin-bottom:4px}.metric-source{font-size:.8125rem;color:var(--color-text-light)}.stats-section{padding:80px 0}.stats-section:nth-child(2n){background:var(--color-bg-alt)}.section-header-minimal{text-align:center;margin-bottom:48px}.section-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(0,50,160,.08);color:var(--color-primary);padding:6px 14px;border-radius:50px;font-size:.8125rem;font-weight:600;margin-bottom:12px}.section-header-minimal h2{font-size:1.75rem;color:var(--color-text);margin-bottom:8px}.section-header-minimal p{color:var(--color-text-light);font-size:1rem;margin:0}.finance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.finance-card{background:#fff;border-radius:12px;padding:24px;border:1px solid rgba(0,0,0,.06);transition:all .3s ease}.finance-card:hover{border-color:var(--color-primary);box-shadow:0 4px 20px rgba(0,50,160,.1)}.finance-card-primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);color:#fff;border:none}.finance-card-primary .finance-card-detail,.finance-card-primary .finance-card-header,.finance-card-primary .finance-card-value{color:#fff}.finance-card-header{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;color:var(--color-text-light);margin-bottom:12px}.finance-card-header i{font-size:1rem}.finance-card-value{font-size:1.75rem;font-weight:700;color:var(--color-text);margin-bottom:4px}.finance-card-detail{font-size:.8125rem;color:var(--color-text-light)}.income-breakdown{background:#fff;border-radius:12px;padding:24px;border:1px solid rgba(0,0,0,.06)}.income-breakdown h4{font-size:1rem;color:var(--color-text);margin-bottom:16px}.breakdown-bar{display:flex;height:48px;border-radius:8px;overflow:hidden;background:var(--color-bg-alt)}.breakdown-segment{display:flex;align-items:center;justify-content:center;transition:width 1.2s cubic-bezier(.16, 1, .3, 1)}.breakdown-ira{background:linear-gradient(90deg,var(--color-info) 0,#09c 100%)}.breakdown-local{background:linear-gradient(90deg,var(--color-success) 0,#05c793 100%)}.breakdown-label{color:#fff;font-size:.8125rem;font-weight:600;white-space:nowrap}.breakdown-legend{display:flex;justify-content:center;gap:32px;margin-top:16px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--color-text)}.legend-dot{width:12px;height:12px;border-radius:3px}.legend-ira{background:var(--color-info)}.legend-local{background:var(--color-success)}.breakdown-initial{width:0}.trends-summary{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:40px;flex-wrap:wrap}.trend-stat{background:#fff;border-radius:12px;padding:20px 32px;text-align:center;border:1px solid rgba(0,0,0,.06)}.trend-stat-current{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border:none}.trend-stat-current .trend-stat-label,.trend-stat-current .trend-stat-value{color:#fff}.trend-stat-growth{background:rgba(6,167,125,.1);border-color:var(--color-success)}.trend-stat-growth .trend-stat-value{color:var(--color-success)}.trend-stat-label{font-size:.8125rem;color:var(--color-text-light);margin-bottom:4px}.trend-stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text)}.trend-arrow{color:var(--color-text-light);font-size:1.25rem}.chart-wrapper{background:#fff;border-radius:12px;padding:24px;border:1px solid rgba(0,0,0,.06);height:400px;position:relative}.chart-wrapper-bar{height:600px}.distribution-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.distribution-chart{background:#fff;border-radius:12px;padding:24px;border:1px solid rgba(0,0,0,.06);height:400px}.distribution-list{display:flex;flex-direction:column;gap:8px}.barangay-row{display:grid;grid-template-columns:40px 120px 1fr 70px;align-items:center;gap:12px;padding:10px 16px;background:#fff;border-radius:8px;border:1px solid rgba(0,0,0,.04);transition:all .2s ease}.barangay-row:hover{border-color:var(--color-primary);box-shadow:0 2px 8px rgba(0,50,160,.08)}.barangay-row[data-rank="1"]{border-left:3px solid gold}.barangay-row[data-rank="2"]{border-left:3px solid silver}.barangay-row[data-rank="3"]{border-left:3px solid #cd7f32}.barangay-row .rank{font-size:.75rem;font-weight:600;color:var(--color-text-light)}.barangay-row .name{font-size:.875rem;font-weight:500;color:var(--color-text)}.bar-wrap{height:8px;background:var(--color-bg-alt);border-radius:4px;overflow:hidden}.bar-wrap .bar{height:100%;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-info) 100%);border-radius:4px;width:0;transition:width 1s cubic-bezier(.16, 1, .3, 1)}.barangay-row .pop{font-size:.875rem;font-weight:600;color:var(--color-text);text-align:right}.more-barangays{margin-top:24px}.more-barangays summary{cursor:pointer;color:var(--color-primary);font-weight:500;padding:12px;text-align:center}.distribution-list-full{margin-top:16px}.economy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.economy-card{background:#fff;border-radius:12px;padding:24px;border:1px solid rgba(0,0,0,.06);display:flex;gap:16px;align-items:flex-start;transition:all .3s ease}.economy-card:hover{border-color:var(--color-primary);box-shadow:0 4px 20px rgba(0,50,160,.1)}.economy-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;flex-shrink:0}.economy-value{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:4px}.economy-label{font-size:.875rem;color:var(--color-text-light);margin-bottom:8px}.economy-trend{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--color-success);background:rgba(6,167,125,.1);padding:4px 10px;border-radius:50px}.sectors-chart{background:#fff;border-radius:12px;padding:24px;border:1px solid rgba(0,0,0,.06)}.sectors-chart h4{font-size:1rem;color:var(--color-text);margin-bottom:20px}.sector-bars{display:flex;flex-direction:column;gap:16px}.sector-item{display:flex;flex-direction:column;gap:8px}.sector-info{display:flex;justify-content:space-between;align-items:center}.sector-name{font-size:.875rem;font-weight:500;color:var(--color-text)}.sector-pct{font-size:.875rem;font-weight:600;color:var(--color-primary)}.sector-bar-bg{height:10px;background:var(--color-bg-alt);border-radius:5px;overflow:hidden}.sector-bar{height:100%;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-info) 100%);border-radius:5px;width:0;transition:width 1.2s cubic-bezier(.16, 1, .3, 1)}.poverty-comparison{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}.poverty-card{background:#fff;border-radius:16px;padding:32px;text-align:center;border:1px solid rgba(0,0,0,.06);min-width:200px;position:relative}.poverty-card-2021{border-color:var(--color-success);box-shadow:0 4px 20px rgba(6,167,125,.15)}.poverty-year{display:inline-block;background:var(--color-bg-alt);padding:4px 12px;border-radius:50px;font-size:.8125rem;font-weight:600;color:var(--color-text-light);margin-bottom:16px}.poverty-card-2021 .poverty-year{background:rgba(6,167,125,.1);color:var(--color-success)}.poverty-rate{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:16px}.rate-value{font-size:3rem;font-weight:700;color:var(--color-text);line-height:1}.rate-symbol{font-size:1.5rem;font-weight:600;color:var(--color-text-light)}.poverty-bar{height:8px;background:var(--color-bg-alt);border-radius:4px;overflow:hidden;margin-bottom:12px}.poverty-fill{height:100%;background:var(--color-primary);border-radius:4px;width:0;transition:width 1.2s cubic-bezier(.16, 1, .3, 1)}.poverty-card-2021 .poverty-fill{background:var(--color-success)}.poverty-ci{font-size:.75rem;color:var(--color-text-light)}.poverty-badge{position:absolute;top:-10px;right:-10px;background:var(--color-success);color:#fff;padding:6px 12px;border-radius:50px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px}.poverty-arrow{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--color-text-light)}.poverty-change{font-size:.875rem;font-weight:600;color:var(--color-success)}.data-source{text-align:center;font-size:.8125rem;color:var(--color-text-light);margin-top:24px}.data-source i{margin-right:4px}.data-source a{color:var(--color-primary)}.animate-on-scroll{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16, 1, .3, 1)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media (max-width:991px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.economy-grid,.finance-grid{grid-template-columns:1fr}.distribution-layout{grid-template-columns:1fr}.distribution-chart{height:350px}.trends-summary{gap:16px}.trend-stat{padding:16px 24px}.poverty-comparison{gap:20px}}@media (max-width:575px){.stats-hero{padding:36px 0 44px}.stats-hero h1{font-size:1.5rem}.metrics-grid{grid-template-columns:1fr;gap:12px}.metric-card{padding:20px}.metric-value{font-size:1.5rem}.stats-section{padding:48px 0}.section-header-minimal h2{font-size:1.5rem}.chart-wrapper{height:300px;padding:16px}.chart-wrapper-bar{height:500px}.barangay-row{grid-template-columns:32px 90px 1fr 60px;gap:8px;padding:8px 12px}.barangay-row .name{font-size:.8125rem}.poverty-card{padding:24px;min-width:160px}.rate-value{font-size:2.5rem}.trend-stat{padding:12px 20px}.trend-stat-value{font-size:1.25rem}}.chart-wrapper canvas{max-height:100%}.chart-loading{position:relative}.chart-loading::after{content:'';position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid var(--color-bg-alt);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes countUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.counting{animation:countUp .3s ease-out}.stats-competitive{background:var(--color-bg-alt)}.cmci-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:32px}.cmci-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;font-size:.8125rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:all .25s ease}.cmci-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.cmci-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.cmci-tab i{font-size:1rem}.cmci-panel{display:none;animation:fadeInUp .4s ease}.cmci-panel.active{display:block}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cmci-overview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:32px}.cmci-pillar-card{background:#fff;border-radius:12px;padding:20px;text-align:center;border:1px solid rgba(0,0,0,.06);transition:all .3s ease;cursor:pointer}.cmci-pillar-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,50,160,.1);border-color:var(--color-primary)}.pillar-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.pillar-icon i{font-size:1.25rem;color:#fff}.cmci-pillar-card h4{font-size:.75rem;font-weight:600;color:var(--color-text);margin-bottom:8px;line-height:1.3}.pillar-score{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:4px}.pillar-trend{font-size:.6875rem;font-weight:600;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px}.pillar-trend.trend-up{background:rgba(34,197,94,.1);color:#16a34a}.pillar-trend.trend-down{background:rgba(239,68,68,.1);color:#dc2626}.pillar-trend.trend-stable{background:rgba(107,114,128,.1);color:#6b7280}.cmci-indicator-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:28px}.cmci-indicator-card{background:#fff;border-radius:10px;padding:16px;border:1px solid rgba(0,0,0,.06);transition:all .25s ease}.cmci-indicator-card:hover{box-shadow:0 4px 16px rgba(0,50,160,.08)}.indicator-header{display:flex;align-items:center;gap:6px;font-size:.6875rem;font-weight:600;color:var(--color-text-light);margin-bottom:8px;text-transform:uppercase;letter-spacing:.3px}.indicator-header i{color:var(--color-primary);font-size:.875rem}.indicator-value{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:10px}.indicator-bar{height:6px;background:rgba(0,50,160,.08);border-radius:3px;overflow:hidden}.indicator-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:3px;width:0;transition:width 1s cubic-bezier(.16, 1, .3, 1)}.indicator-fill.animated{width:var(--fill-width,0%)}.cmci-chart-container{background:#fff;border-radius:12px;padding:24px;border:1px solid rgba(0,0,0,.06)}.cmci-chart-container h4{font-size:.9375rem;font-weight:600;color:var(--color-text);margin-bottom:20px;display:flex;align-items:center;gap:8px}.cmci-chart-container h4 i{color:var(--color-primary)}@media (max-width:1200px){.cmci-overview-grid{grid-template-columns:repeat(3,1fr)}.cmci-indicator-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.cmci-tabs{flex-direction:column}.cmci-tab{justify-content:center}.cmci-overview-grid{grid-template-columns:repeat(2,1fr)}.cmci-indicator-grid{grid-template-columns:repeat(2,1fr)}.pillar-score{font-size:1.25rem}}@media (max-width:480px){.cmci-indicator-grid,.cmci-overview-grid{grid-template-columns:1fr}}