/* =============================================================
   /discovery — page layout only.
   Everything reusable lives in design-system.css (site chrome, the
   intro block, tokens, components). This file is deliberately thin:
   just this form's own rhythm and its page-load reveal.
   ============================================================= */

/* Form: generous vertical rhythm between fields */
.form{display:flex;flex-direction:column;gap:var(--space-7);}
.form__actions{margin-top:var(--space-2);}

@media (min-width:720px){
  .form{gap:var(--space-8);}
  .form__actions .btn{width:auto;min-width:220px;}
}

/* ---- One settling moment on load ----------------------------------
   A single orchestrated reveal, not scattered effects: the page composes
   itself the way a book falls open. Fully skipped for reduced motion
   (the global reduce rule in design-system.css also neutralises it).
   The @keyframes settle itself lives in design-system.css, shared with
   the stepper section reveal used on /brand-intake. */
@media (prefers-reduced-motion:no-preference){
  .intro > *,
  .form > *{
    animation:settle .55s cubic-bezier(.22,.61,.36,1) backwards;
  }
  .intro > *:nth-child(1){animation-delay:.02s;}
  .intro > *:nth-child(2){animation-delay:.10s;}
  .intro > *:nth-child(3){animation-delay:.18s;}
  .form > *:nth-child(1){animation-delay:.26s;}
  .form > *:nth-child(2){animation-delay:.31s;}
  .form > *:nth-child(3){animation-delay:.36s;}
  .form > *:nth-child(4){animation-delay:.41s;}
  .form > *:nth-child(5){animation-delay:.46s;}
  .form > *:nth-child(6){animation-delay:.51s;}
  .form > *:nth-child(7){animation-delay:.56s;}
}