.advantage-audit__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-advantage-columns); align-items: center; }
.advantage-audit__media { position: relative; display: grid; min-block-size: 0; padding-block: 91.5px; overflow: hidden; place-items: center; border-radius: var(--radius-advantage-media); isolation: isolate; }
.advantage-audit__image, .advantage-audit__image img, .advantage-audit__media-tint { position: absolute; display: block; inset: 0; inline-size: 100%; block-size: 100%; }
.advantage-audit__image img { object-fit: cover; object-position: center; }
.advantage-audit__image--1 { inset-inline-start: -9.84%; inline-size: 109.86%; }
.advantage-audit__image--2 { inset-inline-start: -.03%; inline-size: 135.49%; }
.advantage-audit__image--3 { inset-block-start: -43.13%; block-size: 168.69%; }
.advantage-audit__image--4 { inline-size: 100%; }
.advantage-audit__media-tint { z-index: 1; background: rgb(27 19 15 / .55); }
.advantage-audit__log { position: relative; z-index: 2; inline-size: min(var(--size-advantage-panel), calc(100% - 48px)); margin: auto; padding: var(--space-advantage-audit-padding); border-radius: var(--radius-advantage-panel); background: var(--color-page); }
.advantage-audit__log-header { display: flex; align-items: center; justify-content: space-between; padding: 8px 10px; font-size: var(--fs-advantage-log-title); font-weight: var(--fw-semibold); line-height: var(--lh-compact); }
.advantage-audit__log-actions { display: inline-flex; gap: var(--space-advantage-audit); }
.advantage-audit__log-actions img { inline-size: 28px; block-size: 28px; }
.advantage-audit__items { display: flex; flex-direction: column; gap: var(--space-advantage-audit); margin: 0; padding: var(--space-advantage-audit); border-radius: var(--radius-card); background: var(--color-white); list-style: none; }
.advantage-audit__item { display: grid; grid-template-rows: 1fr; will-change: transform; }
.advantage-audit__item-clip { min-block-size: 0; overflow: hidden; }
.advantage-audit__item-content { display: flex; flex-direction: column; gap: 0; padding: var(--space-advantage-audit); border-radius: var(--radius-advantage-row); background: var(--color-audit-card); opacity: 1; transform: none; transition: opacity var(--dur-fast) var(--ease-out), transform var(--dur-advantage-reveal) var(--ease-out); }
.advantage-audit__item-main { display: grid; grid-template-columns: var(--size-advantage-icon) minmax(0, 1fr) 28px; gap: var(--space-advantage-audit); align-items: center; }
.advantage-audit__icon { display: grid; inline-size: var(--size-advantage-icon); block-size: var(--size-advantage-icon); place-items: center; border-radius: var(--radius-advantage-inner); background: var(--color-white); color: var(--color-trusted); }
.advantage-audit__icon-svg { inline-size: 32px; block-size: 32px; }
.advantage-audit__item-copy { display: flex; min-inline-size: 0; flex-direction: column; gap: 4px; }
.advantage-audit__item-copy strong, .advantage-audit__finding strong, .advantage-audit__finding p { margin: 0; overflow-wrap: anywhere; }
.advantage-audit__item-copy strong { font-size: var(--fs-advantage-item-title); font-weight: var(--fw-semibold); line-height: var(--lh-compact); }
.advantage-audit__item-copy small { color: var(--color-text-muted); font-size: var(--fs-advantage-item-copy); font-weight: var(--fw-medium); line-height: var(--lh-compact); }
.advantage-audit__arrow { inline-size: 28px; block-size: 28px; opacity: 1; transition: opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out); }
.advantage-audit__item.is-active .advantage-audit__arrow { opacity: 0; transform: rotate(90deg); }
.advantage-audit__finding-clip { display: grid; min-block-size: 0; overflow: hidden; grid-template-rows: 0fr; }
.advantage-audit__item.is-active .advantage-audit__finding-clip { grid-template-rows: 1fr; }
.advantage-audit__finding { display: grid; min-block-size: 0; grid-template-columns: 24px minmax(0, 1fr); gap: 8px; overflow: hidden; margin-block-start: 0; padding: 0 var(--space-advantage-audit); border-radius: var(--radius-advantage-inner); background: var(--color-page); opacity: 0; transform: translateY(-10px); transition: opacity var(--dur-advantage-reveal) var(--ease-out), transform var(--dur-advantage-reveal) var(--ease-out); }
.advantage-audit__item.is-active .advantage-audit__finding { margin-block-start: var(--space-advantage-audit); padding-block: var(--space-advantage-audit); opacity: 1; transform: none; }
.advantage-audit__finding-icon img { inline-size: 24px; block-size: 24px; }
.advantage-audit__finding strong { display: block; font-size: var(--fs-advantage-finding-title); font-weight: var(--fw-semibold); line-height: var(--lh-compact); }
.advantage-audit__finding p { color: var(--color-text-muted); font-size: var(--fs-advantage-finding-copy); font-weight: var(--fw-medium); line-height: 1.2; }
.advantage-audit__copy, .advantage-audit__heading, .advantage-audit__body { display: flex; flex-direction: column; align-items: flex-start; }
.advantage-audit__copy { gap: var(--space-advantage-copy); }
.advantage-audit__heading { gap: var(--space-advantage-copy-inner); }
.advantage-audit__heading .title { font-size: var(--fs-advantage-title); letter-spacing: -1.08px; }
.advantage-audit__body { gap: var(--space-advantage-copy-inner); }
.advantage-audit__body p { max-inline-size: 760px; margin: 0; font-size: var(--fs-advantage-copy); font-weight: var(--fw-medium); line-height: 1.4; }
.advantage-audit__body p:first-child { font-weight: var(--fw-semibold); }
.advantage-audit__body p:last-child { color: var(--color-text-muted); }

@media (min-width: 1024px) {
  .advantage-audit { min-block-size: calc(100svh + var(--advantage-audit-runway)); padding-block: 0; }
  .advantage-audit__layout { position: sticky; inset-block-start: 0; min-block-size: 100svh; padding-block: var(--section-padding-block); }
}

@media (max-width: 1023px) {
  .advantage-audit { padding-block: 80px; }
  .advantage-audit__layout { display: flex; flex-direction: column; gap: 44px; }
  .advantage-audit__copy { order: -1; gap: 32px; }
  .advantage-audit__heading { gap: 16px; }
  .advantage-audit__heading .subtitle { font-size: 12px; }
  .advantage-audit__heading .title { font-size: 24px; letter-spacing: -.64px; }
  .advantage-audit__body { gap: 16px; }
  .advantage-audit__body p { font-size: 18px; line-height: 1.4; }
  .advantage-audit__media { display: grid; inline-size: 100%; min-block-size: 0; padding-block: var(--space-section-content); place-items: center; border-radius: 20px; }
  .advantage-audit__image--4 { inset-block-start: -39.2%; inline-size: 116.62%; block-size: 139.96%; }
  .advantage-audit__log { position: relative; inset: auto; inline-size: min(308px, calc(100% - 28px)); margin: auto; padding: 7px; border-radius: 16px; transform: none; }
  .advantage-audit__log-header { padding: 3.939px 4.924px; font-size: 13px; }
  .advantage-audit__log-actions { gap: 7.878px; }
  .advantage-audit__log-actions img { inline-size: 13.787px; block-size: 13.787px; }
  .advantage-audit__items { gap: 7px; padding: 7px; border-radius: 12px; }
  .advantage-audit__item-content { gap: 0; padding: 7px; border-radius: 10px; }
  .advantage-audit__item-main { grid-template-columns: 32px minmax(0, 1fr) 14px; gap: 7px; }
  .advantage-audit__icon { inline-size: 32px; block-size: 32px; padding: 7px; border-radius: 7px; }
  .advantage-audit__icon-svg { inline-size: 16px; block-size: 16px; }
  .advantage-audit__item-copy { gap: 2px; }
  .advantage-audit__item-copy strong { font-size: 12px; }
  .advantage-audit__item-copy small { font-size: 10px; }
  .advantage-audit__arrow { inline-size: 14px; block-size: 14px; }
  .advantage-audit__finding { grid-template-columns: 14px minmax(0, 1fr); gap: 4px; padding: 0 7px; border-radius: 7px; }
  .advantage-audit__item.is-active .advantage-audit__finding { margin-block-start: 7px; padding-block: 7px; }
  .advantage-audit__finding-clip { grid-template-rows: 1fr; }
  .advantage-audit__item:not(.is-active) .advantage-audit__finding { margin-block-start: 7px; padding-block: 7px; opacity: 1; transform: none; }
  .advantage-audit__item:not(.is-active) .advantage-audit__arrow { opacity: 0; transform: none; }
  .advantage-audit__finding-icon img { inline-size: 14px; block-size: 14px; }
  .advantage-audit__finding strong { font-size: 10px; }
  .advantage-audit__finding p { font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .advantage-audit__item-content, .advantage-audit__arrow, .advantage-audit__finding { transition: none; }
}
