 @media only screen and (min-width: 0rem) {#pagespeed-metrics {padding: 3.75rem 0;position: relative;overflow: hidden;background: #fafafa;}#pagespeed-metrics .cs-container {width: 100%;max-width: 80rem;margin: auto;display: flex;flex-direction: column;align-items: center;box-sizing: border-box;padding: 0 1rem;gap: 3rem;}#pagespeed-metrics .cs-content {text-align: center;width: 100%;max-width: 53.125rem;display: flex;flex-direction: column;align-items: center;}#pagespeed-metrics .cs-topper {font-size: 0.8125rem;line-height: 1.2em;text-transform: uppercase;text-align: center;letter-spacing: 0.1em;font-weight: 700;color: var(--primary);margin-bottom: 0.25rem;display: block;}#pagespeed-metrics .cs-title {font-size: 1.9375rem;font-weight: 900;line-height: 1.2em;text-align: center;max-width: 43.75rem;margin: 0 0 1rem 0;color: var(--headerColor);position: relative;}#pagespeed-metrics .cs-text {font-size: var(--bodyFontSize);line-height: 1.5em;text-align: center;width: 100%;max-width: 40.625rem;margin: 0;color: var(--bodyTextColor);}#pagespeed-metrics .metrics-container {display: grid;grid-template-columns: repeat(auto-fit, minmax(8.75rem, 1fr));gap: 2rem;width: 100%;max-width: 43.75rem;margin: 0 auto;}#pagespeed-metrics .metric {display: flex;flex-direction: column;align-items: center;text-align: center;position: relative;}#pagespeed-metrics .metric-circle {position: relative;width: 7.5rem;height: 7.5rem;margin-bottom: 1rem;}#pagespeed-metrics .metric-svg {width: 100%;height: 100%;transform: rotate(-90deg);}#pagespeed-metrics .metric-bg {fill: none;stroke: #e0e0e0;stroke-width: 8;}#pagespeed-metrics .metric-progress {fill: none;stroke: #ff4e4e;stroke-width: 8;stroke-linecap: round;stroke-dasharray: 339.292;stroke-dashoffset: 339.292;transition: stroke-dashoffset 0.5s ease, stroke 0.5s ease;}#pagespeed-metrics .metric-value {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 2rem;font-weight: 700;color: var(--headerColor);}#pagespeed-metrics .metric-label {font-size: 1.125rem;font-weight: 700;color: var(--headerColor);margin: 0 0 0.25rem 0;}#pagespeed-metrics .metric-description {font-size: 0.875rem;color: var(--bodyTextColor);margin: 0;opacity: 0.8;}#pagespeed-metrics .metric[data-state=low] .metric-progress {stroke: #ff4e4e;}#pagespeed-metrics .metric[data-state=medium] .metric-progress {stroke: #ffa400;}#pagespeed-metrics .metric[data-state=high] .metric-progress {stroke: #0cce6b;}}@media only screen and (min-width: 48rem) {#pagespeed-metrics {padding: 5rem 0;}#pagespeed-metrics .cs-container {padding: 0 2rem;}#pagespeed-metrics .cs-title {font-size: 2.4375rem;}#pagespeed-metrics .metrics-container {grid-template-columns: repeat(4, 1fr);max-width: 56.25rem;gap: 2.5rem;}#pagespeed-metrics .metric-circle {width: 8.75rem;height: 8.75rem;}#pagespeed-metrics .metric-value {font-size: 2.25rem;}}@media only screen and (min-width: 64rem) {#pagespeed-metrics {padding: 6.25rem 0;}#pagespeed-metrics .cs-title {font-size: 3rem;}#pagespeed-metrics .metrics-container {max-width: 62.5rem;gap: 3.75rem;}#pagespeed-metrics .metric-circle {width: 10rem;height: 10rem;}#pagespeed-metrics .metric-value {font-size: 2.625rem;}#pagespeed-metrics .metric-label {font-size: 1.25rem;}#pagespeed-metrics .metric-description {font-size: 0.9375rem;}}@media only screen and (min-width: 0rem) {body.dark-mode #pagespeed-metrics {background-color: rgba(0, 0, 0, 0.3);}body.dark-mode #pagespeed-metrics .cs-topper {color: var(--primaryLight);}body.dark-mode #pagespeed-metrics .cs-title {color: var(--bodyTextColorWhite);}body.dark-mode #pagespeed-metrics .cs-text {color: var(--bodyTextColorWhite);opacity: 0.8;}body.dark-mode #pagespeed-metrics .metric-bg {stroke: rgba(255, 255, 255, 0.25);}body.dark-mode #pagespeed-metrics .metric-value {color: var(--bodyTextColorWhite);}body.dark-mode #pagespeed-metrics .metric-label {color: var(--bodyTextColorWhite);}body.dark-mode #pagespeed-metrics .metric-description {color: var(--bodyTextColorWhite);opacity: 0.6;}body.dark-mode #pagespeed-metrics .metric[data-state=high] .metric-progress {stroke: #10e778;}}