.audit-preview { --color-section-accent: var(--color-accent-on-dark); }
.audit-preview__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 881px); gap: 64px; align-items: center; }
.audit-preview__intro { display: flex; flex-direction: column; align-items: flex-start; gap: 64px; }
.audit-preview__heading { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; }
.audit-preview__title { display: flex; flex-direction: column; font-size: 54px; letter-spacing: -1.08px; }
.audit-preview__description { max-width: 756px; margin: 0; color: var(--color-metric-muted); font-size: 24px; font-weight: var(--fw-semibold); line-height: var(--lh-heading); }
.audit-preview__description--mobile { display: none; }
.audit-preview__stats { display: flex; align-self: stretch; align-items: flex-end; gap: 10px; }
.audit-preview__card { display: flex; min-width: 0; flex: 1 1 0; align-self: flex-end; flex-direction: column; justify-content: space-between; min-block-size: 248px; padding: 24px 20px; border-radius: var(--radius-card); color: var(--color-text); opacity: 0; transform: translateY(30px) scaleY(.14); transform-origin: bottom; transition: opacity 640ms var(--ease-out) calc(var(--audit-card-index) * 120ms), transform 640ms var(--ease-out) calc(var(--audit-card-index) * 120ms); will-change: transform, opacity; }
.audit-preview__card--light { background: var(--color-audit-card); }
.audit-preview__card--mid { min-block-size: 308px; background: var(--color-process-mid); color: var(--color-white); }
.audit-preview__card--dark { min-block-size: 368px; background: var(--color-trusted); color: var(--color-white); }
.audit-preview__stats.is-visible .audit-preview__card { opacity: 1; transform: none; }
.audit-preview__card-heading { display: flex; flex-direction: column; gap: 18px; }
.audit-preview__card-label, .audit-preview__value, .audit-preview__card-description { margin: 0; }
.audit-preview__card-label { font-size: 14px; font-weight: var(--fw-semibold); line-height: var(--lh-compact); letter-spacing: -.02em; text-transform: uppercase; }
.audit-preview__value { font-size: 44px; font-weight: var(--fw-bold); line-height: var(--lh-heading); letter-spacing: -.04em; white-space: nowrap; }
.audit-preview__value-prefix, .audit-preview__value-suffix { display: inline; }
.audit-preview__card--small-suffix .count-up, .audit-preview__card--small-suffix .audit-preview__value-suffix { font-size: 24px; letter-spacing: -.02em; }
.audit-preview__card-description { font-size: 16px; font-weight: var(--fw-semibold); line-height: 1.2; }
.audit-preview__card-description--mobile { display: none; }

@media (max-width: 1023px) {
	.audit-preview { padding-block: 80px; }
	.audit-preview__layout { display: flex; flex-direction: column; gap: 64px; }
	.audit-preview__intro { width: 100%; align-items: center; gap: 24px; text-align: center; }
	.audit-preview__heading { align-items: center; gap: 16px; }
	.audit-preview__title { font-size: 24px; letter-spacing: -.48px; }
	.audit-preview__description { max-width: none; font-size: 16px; line-height: 1.25; }
	.audit-preview__description:not(.audit-preview__description--mobile) { display: none; }
	.audit-preview__description--mobile { display: block; }
	.audit-preview__cta { height: 44px; padding-inline: 24px; font-size: 14px; }
	.audit-preview__stats { width: 100%; gap: 8px; }
	.audit-preview__card { min-block-size: 145px; padding: 14px 10px; border-radius: 14px; }
	.audit-preview__card--mid { min-block-size: 189px; }
	.audit-preview__card--dark { min-block-size: 233px; }
	.audit-preview__card-heading { gap: 10px; }
	.audit-preview__card-label { font-size: 10px; line-height: var(--lh-compact); letter-spacing: -.02em; }
	.audit-preview__value { font-size: 18px; line-height: 1.1; letter-spacing: -.02em; }
	.audit-preview__card--small-suffix .audit-preview__value-prefix { display: block; }
	.audit-preview__card--small-suffix .count-up, .audit-preview__card--small-suffix .audit-preview__value-suffix { font-size: 18px; letter-spacing: inherit; }
	.audit-preview__card-description { font-size: 10px; font-weight: 500; line-height: var(--lh-compact); }
	.audit-preview__card-description:not(.audit-preview__card-description--mobile) { display: none; }
	.audit-preview__card-description--mobile { display: block; }
}

@media (prefers-reduced-motion: reduce) {
	.audit-preview__card { opacity: 1; transform: none; transition: none; }
}