/* Trial controls stay in DOM order. The compact introduction makes the first
   field reachable sooner on phones, without hiding signup or support content. */
html { scroll-padding-block-start: 6rem; }
.dsm-legacy #main { font-family: "Figtree", ui-sans-serif, system-ui, sans-serif; }
.dsm-legacy #main :is(h1, h2, h3, h4) { font-family: "Bricolage Grotesque", "Figtree", ui-sans-serif, system-ui, sans-serif; }
.form-field input { scroll-margin-block: 6rem; border-color: #6e858e; font-size: max(1rem, 1em); }
.form-shell { grid-template-columns: minmax(0, 1.35fr) minmax(0, .9fr); }
.form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-field, .form-field input { min-width: 0; }
.trial, .dsm-shell .v2-footer { overflow-wrap: anywhere; }
.form-field input[aria-invalid="true"] { border-color: #a52c21; }
#trial-signup-form .form-field input:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
@media (forced-colors: active) { #trial-signup-form .form-field input:focus-visible { outline-color: Highlight; } }
.form-field .req { color: #a3401f; }
.field-error, .form-status.error { color: #a52c21; }
#demo-form { scroll-margin-block-start: 6rem; }
.apps-access-strip p > span { color: #0a6e6d; }
#main .entry-content .about-photo-figure figcaption { color: #4c6155; }
#main .dsm-about-button-outline { color: #fff; }
@media (max-width: 560px) {
  .form-grid { grid-template-columns: minmax(0, 1fr); }
  .trial .wrap { padding-top: 1.5rem; }
  .trial-head { gap: .65rem; margin-bottom: 1.25rem; }
  .trial-head h1 { font-size: clamp(1.9rem, 1.3rem + 3vw, 2.4rem); }
  .trial-head .lede { font-size: 1rem; }
  .trial-head .reassure { font-size: .85rem; gap: .35rem .8rem; }
  .trial .card.elev { padding: 1.1rem; }
  .trial .form-title { margin-bottom: 1rem; }
  .form-actions .demo-submit { width: 100%; min-height: 52px; }
}
@media (max-width: 900px) { .form-shell { grid-template-columns: minmax(0, 1fr); } }