.perf-section{padding:4rem 0;position:relative}.perf-section--alt{background:#eee8cd}.perf-section--blue{background:#0064aa;color:#fff}a{color:#0a58ca}.perf-section--blue p,.perf-section--blue li{color:#fff}.perf-section--blue h2,.perf-section--blue h3{color:#fff}.perf-section--blue a{color:rgba(255,255,255,.9);text-decoration:underline}.perf-feature-list{list-style:none;padding:0;margin:0}.perf-feature-list li{display:flex;align-items:flex-start;gap:.9rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.15)}.perf-feature-list li:last-child{border-bottom:0}.perf-icon{display:flex;align-items:center;justify-content:center;width:2rem;flex-shrink:0}.perf-icon svg{width:1.4rem;height:1.4rem;fill:#fff;margin-top:.1rem}.perf-callout{background:#eee8cd;border-left:4px solid #0064aa;border-radius:0 10px 10px 0;padding:1.1rem 1.4rem;color:#1f2937}.perf-callout a,p a{color:#0a58ca}.perf-benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-top:1.5rem}.perf-benefit-card{background:#fff8dc;border-radius:10px;padding:1.4rem;border:1px solid #d4c98a;border-top:3px solid #0064aa}.perf-benefit-card h3{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:#1f2937}.perf-benefit-card p{font-size:.87rem;color:#555;margin:0}.perf-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.perf-metric-item{background:#fff;border-radius:10px;padding:1.2rem 1.4rem;border:1px solid #d4c98a;border-left:4px solid #0064aa}.perf-metric-item h3{font-size:.95rem;font-weight:700;color:#0064aa;margin-bottom:.3rem}.perf-metric-item p{font-size:.85rem;color:#555;margin:0}.perf-faq{border-radius:10px;overflow:hidden;border:1px solid #d4c98a}.perf-faq .accordion-item{background:#fff8dc;border:0}.perf-faq .accordion-button{font-weight:600;font-size:.97rem;background:#fff8dc;color:#1f2937;box-shadow:none}.perf-faq .accordion-button:not(.collapsed){background:#eee8cd;color:#0064aa;box-shadow:none}.perf-faq .accordion-button::after{filter:none}.perf-faq .accordion-body{color:#4b5563;font-size:.95rem;background:#fff8dc;border-top:1px solid #d4c98a}.perf-faq .accordion-item+.accordion-item{border-top:1px solid #d4c98a}.perf-cta{background:#0064aa;color:#fff;padding:4rem 0}.perf-cta h2{color:#fff;font-size:1.9rem}.perf-cta p{color:rgba(255,255,255,.88);max-width:580px}.perf-svg-wrap{display:flex;justify-content:center;align-items:center;padding:1rem 0}@keyframes needleSpin{0%{transform:rotate(-90deg)}60%{transform:rotate(62deg)}80%{transform:rotate(55deg)}100%{transform:rotate(62deg)}}@keyframes scoreCount{0%{opacity:0}30%{opacity:0}60%{opacity:1}100%{opacity:1}}@keyframes barGrow1{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes barGrow2{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes barGrow3{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes barGrow4{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}.perf-needle{animation:needleSpin 2s cubic-bezier(.22,1,.36,1) forwards;transform-origin:260px 195px}.perf-score{animation:scoreCount 2s ease-out forwards}.perf-bar-lcp{animation:barGrow1 1.2s ease-out forwards;transform-origin:left}.perf-bar-fcp{animation:barGrow2 1.5s ease-out forwards;transform-origin:left}.perf-bar-cls{animation:barGrow3 1.8s ease-out forwards;transform-origin:left}.perf-bar-ttfb{animation:barGrow4 2.1s ease-out forwards;transform-origin:left}.perf-badge{animation:pulse 2s ease-in-out infinite}