/* Hand-kept additions to the Claude Design export. The page's own styles are inline. */
img { max-width: 100%; height: auto; } /* the build stamps width/height attributes for faster loading; keep the design's shape (inline heights still win) */
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid #1F5C4D; outline-offset: 3px; border-radius: 4px; }
button { font: inherit; }
button:hover { filter: brightness(1.08); }
button[disabled] { opacity: 0.6; cursor: wait; }
[data-form-status]:empty { display: none; }
[data-form-status][data-ok="true"] { color: #1F5C4D; font-weight: 500; }
[data-form-status][data-ok="false"] { color: #9B3B2E; }
#pilot [data-form-status][data-ok="true"] { color: #F2D9A8; }
#pilot [data-form-status][data-ok="false"] { color: #F2D9A8; }
#pilot form:not([data-lead-form="pilot"]) input::placeholder { color: rgba(251,247,240,0.55); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  html { scroll-behavior: auto; }
}
/* Phone concept renders: let list rows shrink so long titles truncate with an ellipsis instead of
   overflowing the phone screen, and clip anything that still would. */
[aria-label^="Concept render of the visitor app"] > div { overflow: hidden; }
[aria-label^="Concept render of the visitor app"] > div > div { min-width: 0; }