/* One compact product moment, at the same scale as the neighbouring projects. */
.page-home .work-feature-getaudit .work-story { min-width: 0; }
.page-home .work-feature-getaudit .work-question { max-width: 30ch; }
.page-home .work-feature-getaudit .project-actions { gap: 12px 24px; }
.work-source-link { font-size: 13px; min-height: 44px; display: inline-flex; align-items: center; gap: 8px; text-underline-offset: 5px; }
.work-source-link svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.getaudit-compact .getaudit-visual { display: grid; grid-template-columns: minmax(112px, .9fr) 40px minmax(0, 1fr); align-items: center; gap: 16px; min-height: 320px; padding: 36px 28px; }
.getaudit-app-icon { display: block; width: clamp(128px, 13vw, 184px); height: auto; max-width: 100%; justify-self: center; transform-origin: 50% 70%; }
.getaudit-connector { width: 40px; height: 24px; fill: none; stroke: var(--solid-muted); stroke-width: 1.5; }
.getaudit-connector path { stroke-dasharray: 92; stroke-dashoffset: 0; transition: stroke-dashoffset 600ms cubic-bezier(.16,1,.3,1); }
.getaudit-answer { display: grid; min-width: 0; gap: 0; }
.getaudit-answer-label { color: var(--solid-muted); font-size: 12px; padding-bottom: 12px; }
.getaudit-answer > span:not(:first-child) { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 10px 0; font-size: 14px; line-height: 1.4; border-bottom: 1px solid var(--solid-rule); transition: clip-path 600ms cubic-bezier(.16,1,.3,1), opacity 180ms linear; }
.getaudit-answer svg { width: 18px; height: 18px; flex: 0 0 18px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.getaudit-answer .getaudit-mention { color: var(--solid-accent-ink); font-weight: 700; }
.getaudit-answer .getaudit-next { font-weight: 700; border-bottom-color: var(--solid-ink); }
.getaudit-compact[data-demo-playing="true"] .getaudit-app-icon { animation: getaudit-focus 900ms cubic-bezier(.16,1,.3,1) both; }
.getaudit-compact[data-demo-phase="0"] .getaudit-connector path { stroke-dashoffset: 92; }
.getaudit-compact[data-demo-phase="0"] [data-demo-item],
.getaudit-compact[data-demo-phase="1"] [data-demo-item="2"],
.getaudit-compact[data-demo-phase="1"] [data-demo-item="3"],
.getaudit-compact[data-demo-phase="2"] [data-demo-item="3"] { clip-path: inset(0 100% 0 0); }
.getaudit-compact[data-demo-playing="true"][data-demo-phase="0"] .getaudit-connector path { transition: none; }
@keyframes getaudit-focus { from { transform: rotate(-7deg) scale(.94); } to { transform: rotate(0) scale(1); } }
@media (max-width: 1100px) and (min-width: 761px) {
  .getaudit-compact .getaudit-visual { grid-template-columns: 112px 24px minmax(0,1fr); gap: 12px; padding: 28px 20px; }
  .getaudit-connector { width: 24px; }
  .getaudit-answer > span:not(:first-child) { font-size: 12px; }
}
@media (max-width: 760px) {
  .getaudit-compact .getaudit-visual { min-height: 300px; grid-template-columns: minmax(112px,.9fr) 32px minmax(0,1fr); padding: 28px 24px; gap: 14px; }
  .getaudit-app-icon { width: 152px; }
  .getaudit-connector { width: 32px; }
}
@media (max-width: 400px) {
  .getaudit-compact .getaudit-visual { grid-template-columns: 112px 20px minmax(0,1fr); min-height: 280px; padding: 24px 14px; gap: 10px; }
  .getaudit-app-icon { width: 112px; }
  .getaudit-connector { width: 20px; }
  .getaudit-answer > span:not(:first-child) { gap: 6px; font-size: 12px; }
  .getaudit-answer svg { width: 15px; height: 15px; flex-basis: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .getaudit-compact *, .getaudit-compact *::before { animation: none!important; transition: none!important; }
}
body[data-motion="reduced"] .getaudit-compact *, .getaudit-compact[data-demo-reduced="true"] * { animation: none!important; transition: none!important; }
.getaudit-compact[data-demo-visible="false"] .getaudit-app-icon,
.getaudit-compact[data-demo-hidden="true"] .getaudit-app-icon { animation-play-state: paused; }
@media print {
  .getaudit-compact [data-demo-item] { clip-path: none!important; opacity: 1!important; }
  .getaudit-compact .getaudit-app-icon { animation: none!important; transform: none!important; }
}