.performance-section{background:var(--color-dark);padding:100px 20px;position:relative}.performance-container{margin:0 auto;max-width:1200px}.performance-hero{animation:fadeInUp .6s ease-out .2s both;margin-bottom:80px;text-align:center}.performance-title{animation:fadeInUp .6s ease-out .3s both;color:var(--color-white);font-size:42px;font-weight:700;margin-bottom:16px}.performance-subtitle{animation:fadeInUp .6s ease-out .4s both;color:var(--color-darkWhite);font-size:18px;margin:0 auto;max-width:600px}.performance-dashboard{animation:fadeInUp .6s ease-out .5s both;background:rgba(21,28,37,.5);border:1px solid var(--color-grey);border-radius:16px;margin-bottom:80px;padding:60px 40px}.dashboard-header{margin-bottom:60px;text-align:center}.dashboard-header h3{color:var(--color-white);font-size:28px;font-weight:700;margin-bottom:8px}.dashboard-header p{color:var(--color-darkWhite);font-size:16px}.metrics-grid{display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.metric-card{background:rgba(177,227,93,.05);border:1px solid rgba(177,227,93,.2);border-radius:12px;padding:28px;text-align:center;transition:all .3s}.metric-card:hover{background:rgba(177,227,93,.1);border-color:var(--color-green);transform:translateY(-4px)}.metric-label{color:var(--color-darkWhite);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:20px;text-transform:uppercase}.metric-comparison{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px}.metric-after,.metric-before{display:flex;flex:1;flex-direction:column;gap:6px}.metric-value{font-size:24px;font-weight:700;line-height:1}.metric-value.before-value{color:#f44336}.metric-value.after-value{color:var(--color-green)}.metric-status{color:var(--color-darkWhite);font-size:11px;font-weight:600;text-transform:uppercase}.metric-arrow{animation:slideRight 1.5s ease-in-out infinite;font-size:20px}.improvement-badge,.metric-arrow{color:var(--color-green);font-weight:700}.improvement-badge{background:rgba(177,227,93,.2);border-radius:20px;display:inline-block;font-size:12px;padding:8px 16px}.performance-categories{animation:fadeInUp .6s ease-out .6s both;margin-bottom:100px}.categories-header{margin-bottom:40px;text-align:center}.categories-header h3{color:var(--color-white);font-size:28px;font-weight:700}.category-tabs{border-bottom:1px solid var(--color-grey);display:flex;flex-wrap:wrap;gap:16px;margin-bottom:40px}.category-btn{background:none;border:none;color:var(--color-darkWhite);cursor:pointer;font-size:16px;font-weight:600;padding:16px 0;position:relative;transition:color .3s}.category-btn:hover{color:var(--color-white)}.category-btn.active{color:var(--color-green)}.category-btn.active:after{background:var(--color-green);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.category-pane{animation:fadeInUp .4s ease-out;display:none}.category-pane.active{display:block}.optimization-grid{display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.optimization-item{background:rgba(21,28,37,.5);border:1px solid var(--color-grey);border-radius:12px;padding:24px;text-align:center;transition:all .3s}.optimization-item:hover{background:rgba(21,28,37,.8);border-color:var(--color-green);transform:translateY(-4px)}.opt-icon{font-size:40px;margin-bottom:16px}.optimization-item h4{color:var(--color-white);font-size:16px;font-weight:600;margin-bottom:12px}.optimization-item p{color:var(--color-darkWhite);font-size:13px;line-height:1.6;margin-bottom:16px}.impact-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;padding:6px 12px}.impact-badge.high{background:rgba(244,67,54,.2);color:#f44336}.impact-badge.medium{background:rgba(255,193,7,.2);color:#ffc107}.perf-scenarios-section{animation:fadeInUp .6s ease-out .7s both;margin-bottom:80px}.scenarios-title{color:var(--color-white);font-size:36px;font-weight:700;margin-bottom:60px;text-align:center}.scenarios-grid{display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.scenario-card{background:rgba(21,28,37,.5);border:1px solid var(--color-grey);border-radius:12px;padding:32px;transition:all .3s}.scenario-card:hover{background:rgba(21,28,37,.8);border-color:var(--color-green);transform:translateY(-4px)}.scenario-header{align-items:center;border-bottom:1px solid var(--color-grey);display:flex;gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.scenario-title{color:var(--color-white);flex:1;font-size:18px;font-weight:600;line-height:1.3;margin:0;min-width:0}.scenario-badge{background:rgba(177,227,93,.2);border-radius:20px;color:var(--color-green);flex-shrink:0;font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.scenario-content p{color:var(--color-darkWhite);font-size:14px;line-height:1.6;margin-bottom:16px}.scenario-content p strong{color:var(--color-white)}.scenario-result{display:flex;flex-direction:column;gap:12px;margin-top:20px}.result-metric{background:rgba(177,227,93,.08);border-left:3px solid var(--color-green);border-radius:6px;color:var(--color-green);font-size:13px;font-weight:600;padding:12px 16px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%,to{transform:translateX(0)}50%{transform:translateX(6px)}}@media (max-width:1024px){.metrics-grid,.optimization-grid{grid-template-columns:repeat(2,1fr)}.scenarios-grid{grid-template-columns:1fr}.performance-title{font-size:32px}}@media (max-width:768px){.performance-section{padding:60px 16px}.performance-dashboard{padding:40px 20px}.metrics-grid,.optimization-grid{grid-template-columns:1fr}.category-tabs{flex-direction:column}.category-btn{border-bottom:2px solid var(--color-grey);padding:12px 0}.category-btn.active:after{display:none}.category-btn.active{border-bottom-color:var(--color-green)}.performance-title,.scenarios-title{font-size:24px}}