/* ==========================================================================
   Request a Demo page — form + reassurance aside.
   ========================================================================== */

.demo-layout {
  display: grid;
  gap: var(--space-7);
}
@media (min-width: 64rem) {
  .demo-layout {
    grid-template-columns: 1.35fr 0.65fr;
    gap: var(--space-8);
    align-items: start;
  }
}

.demo-aside {
  border: 1px solid var(--border-strong);
  background: var(--surface);
  padding: var(--space-6);
}
@media (min-width: 64rem) {
  .demo-aside {
    position: sticky;
    top: 6rem;
  }
}
.demo-aside h2 {
  font-size: var(--fs-h3);
  margin-bottom: var(--space-5);
}
.demo-aside__rule {
  border: 0;
  border-top: 1px solid var(--border);
  margin: var(--space-6) 0;
}
.demo-aside__login {
  color: var(--text-muted);
  font-size: 0.95rem;
}

.form__footnote {
  color: var(--text-subtle);
  font-size: var(--fs-small);
}