.lead-audit-loop { height: 640px; grid-template-rows: auto minmax(0, 1fr); }
.lead-audit-loop .lead-audit-header { padding: 18px 26px; flex-wrap: nowrap; }
.audit-header-tools { display: flex; align-items: center; gap: 9px; }
.audit-header-tools > span { white-space: nowrap; font-size: 10px; }
.audit-motion-control { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border-radius: 50%; background: transparent; color: #6a716c; }
.audit-motion-control svg { width: 15px; height: 15px; }
.audit-stage { position: relative; min-height: 0; overflow: hidden; }
.audit-step { position: absolute; inset: 0; padding: 28px 26px; opacity: 0; transform: translateY(10px); pointer-events: none; transition: opacity 250ms var(--ease), transform 350ms var(--ease); }
.audit-step.is-active { opacity: 1; transform: translateY(0); }
.is-resetting .audit-step.is-active { opacity: 0; transform: translateY(-6px); }
.lead-audit-loop h3 { font-size: clamp(29px, 2.6vw, 36px); line-height: 1.12; text-wrap: balance; }
.audit-description { margin-top: 15px; color: #6a716c; font-size: 13px; line-height: 1.6; }
.audit-form { margin-top: 30px; }
.audit-label { display: block; margin-bottom: 9px; font-size: 12px; line-height: 1.5; }
.audit-input { display: flex; align-items: center; height: 47px; padding: 0 14px; border: 1px solid #d7dcd5; border-radius: 7px; background: #fff; font-size: 13px; white-space: nowrap; }
.audit-placeholder { color: #939891; }
.audit-caret { width: 1px; height: 16px; margin-left: 2px; background: #263b32; animation: audit-blink 1s step-end infinite; animation-play-state: paused; }
.is-running .audit-caret { animation-play-state: running; }
.audit-caret.is-hidden { opacity: 0; animation: none; }
.audit-submit { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; min-height: 46px; padding: 13px 15px; border-radius: 7px; background: #111; color: #fff; font-size: 12px; transition: transform 150ms var(--ease); }
.audit-submit.is-pressed { transform: scale(.98); }
.audit-submit svg { width: 16px; height: 16px; }
.audit-website { position: relative; overflow: hidden; border-radius: 8px; background: #332a20; aspect-ratio: 2.3; }
.audit-intro .audit-website { margin-top: 30px; }
.audit-website > img { display: block; position: absolute; inset: 0; height: 100%; width: 100%; object-fit: cover; object-position: center 58%; }
.audit-website-shade { position: absolute; inset: 0; background: linear-gradient(90deg,#100f0bc4,transparent 88%); }
.audit-website-brand { position: absolute; left: 20px; top: 16px; color: #ffd097; font: 700 13px Real,Arial,sans-serif; letter-spacing: -.04em; }
.audit-website-title { position: absolute; left: 20px; bottom: 20px; color: #fff; font: 400 clamp(19px,2vw,27px)/1.08 Real,Arial,sans-serif; letter-spacing: -.055em; }
.audit-website-title em { font-style: normal; color: #ffd097; }
.audit-analyzing .audit-website { margin-top: 26px; aspect-ratio: 1.85; }
.audit-scan-line { position: absolute; inset: 0; border-bottom: 1px solid #ffffffd9; background: linear-gradient(0deg,#ffffff30,transparent 28%); transform: translateY(-100%); }
.audit-analyzing.is-active .audit-scan-line { animation: audit-scan 3.1s linear both; animation-play-state: paused; }
.is-running .audit-analyzing.is-active .audit-scan-line { animation-play-state: running; }
.audit-scan-progress { height: 2px; background: #e3e6df; margin-top: 22px; overflow: hidden; }
.audit-scan-progress > span { display: block; width: 100%; height: 100%; background: #263b32; transform-origin: left; transition: transform 100ms linear; }
.audit-checks { margin-top: 15px; }
.audit-checks > div { display: flex; align-items: center; justify-content: space-between; padding: 9px 0; font-size: 12px; color: #899086; transition: color 200ms ease; }
.audit-checks svg { opacity: 0; width: 15px; height: 15px; transform: translateY(4px); transition: opacity 200ms var(--ease), transform 200ms var(--ease); }
.audit-checks .is-checked { color: #263b32; }
.audit-checks .is-checked svg { opacity: 1; transform: translateY(0); }
.audit-teaser { display: flex; gap: 13px; margin-top: 26px; padding: 23px 0; border-block: 1px solid #e3e6df; }
.audit-finding-index { flex: none; padding-top: 3px; color: #80887f; font-size: 10px; font-variant-numeric: tabular-nums; }
.lead-audit-loop h4 { font-family: Real,Arial,sans-serif; font-size: 14px; letter-spacing: -.025em; line-height: 1.4; }
.audit-teaser p, .audit-finding p { margin-top: 6px; color: #6a716c; font-size: 12px; line-height: 1.55; }
.audit-email .audit-form { margin-top: 28px; }
.audit-report-site { display: flex; align-items: center; gap: 11px; margin-top: 23px; padding-bottom: 21px; border-bottom: 1px solid #e3e6df; }
.audit-report-site img { width: 50px; height: 42px; object-fit: cover; border-radius: 4px; }
.audit-report-site strong { display: block; font-size: 12px; font-weight: 400; overflow-wrap: anywhere; }
.audit-report-site span { display: block; margin-top: 4px; font-size: 10px; color: #6a716c; }
.audit-finding { display: flex; gap: 12px; padding-block: 17px; opacity: 0; transform: translateY(8px); transition: opacity 250ms var(--ease), transform 350ms var(--ease); }
.audit-finding + .audit-finding { border-top: 1px solid #e3e6df; }
.audit-report.is-active .audit-finding { opacity: 1; transform: translateY(0); }
.audit-delivered { display: flex; gap: 7px; align-items: center; margin-top: 9px; color: #6a716c; font-size: 10px; }
.audit-delivered svg { width: 13px; height: 13px; }
@keyframes audit-blink { 50% { opacity: 0; } }
@keyframes audit-scan { from { transform: translateY(-100%); } to { transform: translateY(0); } }
@media (hover: hover) and (pointer: fine) { .audit-motion-control:hover { background: #eef0ea; color: #111; } }
@media (min-width: 680px) and (max-width: 1000px) {
  .lead-audit-loop .lead-audit-header { padding-inline: 18px; }
  .lead-audit-loop .lead-audit-brand { font-size: 25px; }
  .audit-header-tools { gap: 4px; }
  .audit-header-tools > span { font-size: 8px; }
  .audit-step { padding: 24px 18px; }
  .lead-audit-loop h3 { font-size: 29px; }
  .audit-finding { padding-block: 13px; }
  .audit-finding p { font-size: 11px; }
}
@media (max-width: 679px) {
  .lead-audit-loop .lead-audit-header { padding: 18px; }
  .lead-audit-loop .lead-audit-brand { font-size: 27px; }
  .audit-header-tools { gap: 3px; }
  .audit-header-tools > span { font-size: 9px; }
  .audit-step { padding: 25px 20px; }
  .lead-audit-loop h3 { font-size: clamp(28px,7vw,36px); }
  .audit-report .audit-finding { padding-block: 14px; }
  .audit-teaser p, .audit-finding p { font-size: 11px; }
}
@media (max-width: 379px) {
  .lead-audit-loop .lead-audit-header { padding-inline: 14px; }
  .audit-header-tools > span { display: none; }
  .audit-step { padding: 24px 16px; }
  .lead-audit-loop h3 { font-size: 27px; }
  .audit-report-site { margin-top: 18px; padding-bottom: 14px; }
  .audit-finding { gap: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  .audit-step, .audit-submit, .audit-finding, .audit-checks svg { transform: none; transition: opacity 150ms ease; }
  .audit-caret, .audit-scan-line { animation: none !important; }
}