.wnu-before-after-performance__compare{align-items:center;gap:var(--wnu-space-md);flex-direction:column;display:flex}@media (min-width:40rem){.wnu-before-after-performance__compare{flex-direction:row;align-items:stretch}}.wnu-before-after-performance__panel{width:100%;padding:var(--wnu-space-md);border:1px solid var(--wnu-color-border);border-radius:var(--wnu-radius-md);flex:1}.wnu-before-after-performance__panel--before{background-color:#fef3c773}.wnu-before-after-performance__panel--after{background-color:var(--wnu-color-surface-accent);border-color:#0ea5e959}.wnu-before-after-performance__heading{margin:0 0 var(--wnu-space-md);font-size:var(--wnu-font-size-sm);font-weight:var(--wnu-font-weight-semibold);color:var(--wnu-color-brand)}.wnu-before-after-performance__metrics{gap:var(--wnu-space-sm);flex-direction:column;margin:0;display:flex}.wnu-before-after-performance__metric{justify-content:space-between;align-items:center;gap:var(--wnu-space-sm);padding:var(--wnu-space-sm);border-radius:var(--wnu-radius-sm);background-color:var(--wnu-color-background);display:flex}.wnu-before-after-performance__metric dt{font-size:var(--wnu-font-size-sm);font-weight:var(--wnu-font-weight-medium);color:var(--wnu-color-text-muted)}.wnu-before-after-performance__metric dd{font-size:var(--wnu-font-size-base);font-weight:var(--wnu-font-weight-bold);margin:0}.wnu-before-after-performance__panel--before .wnu-before-after-performance__metric dd{color:#b45309}.wnu-before-after-performance__panel--after .wnu-before-after-performance__metric dd{color:var(--wnu-color-brand-dark)}.wnu-before-after-performance__arrow{width:1.25rem;height:1.25rem;color:var(--wnu-color-accent);flex-shrink:0;transform:rotate(90deg)}@media (min-width:40rem){.wnu-before-after-performance__arrow{align-self:center;transform:none}}
.wnu-performance-importance{padding-block:var(--wnu-space-3xl)}.wnu-performance-importance__title{font-size:var(--wnu-font-size-2xl);font-weight:var(--wnu-font-weight-bold);color:var(--wnu-color-brand)}.wnu-performance-importance__lead{max-width:42rem;margin-top:var(--wnu-space-md);color:var(--wnu-color-text-muted);line-height:var(--wnu-line-height-relaxed)}.wnu-performance-importance__layout{gap:var(--wnu-space-2xl);margin-top:var(--wnu-space-2xl);align-items:stretch;display:grid}@media (min-width:64rem){.wnu-performance-importance__layout{gap:var(--wnu-space-3xl);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.wnu-performance-importance__visual-sticky{top:calc(var(--wnu-header-height) + var(--wnu-space-lg));position:sticky}}.wnu-performance-importance__visual{width:100%;min-width:0}.wnu-performance-importance__list{margin:0}.wnu-performance-importance__item{padding:var(--wnu-space-lg);border:1px solid var(--wnu-color-border);border-radius:var(--wnu-radius-md);background-color:var(--wnu-color-background)}.wnu-performance-importance__item-title{font-size:var(--wnu-font-size-lg);font-weight:var(--wnu-font-weight-semibold);color:var(--wnu-color-text)}.wnu-performance-importance__item-text{margin-top:var(--wnu-space-sm);color:var(--wnu-color-text-muted);line-height:var(--wnu-line-height-relaxed)}