.sam-demo-main { color: var(--dark-main); }
.sam-demo-hero { background: var(--deep-blue); color: var(--white); }
.sam-demo-hero__inner { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: 4rem; padding-block: 13.4rem 5rem; }
.sam-demo-hero__copy, .sam-demo-form { min-width: 0; }
.sam-demo-hero__copy > p { line-height: 1.5; }
.sam-demo-form { margin: 0; padding: 2rem; border-radius: 1rem; background: var(--white-bg); color: var(--dark-main); }
.sam-demo-form__field { margin-bottom: 1rem; }
.sam-demo-form__field label { display: block; margin-bottom: .5rem; }
.sam-demo-form .input { width: 100%; margin: 0; border-radius: 16px; }
.sam-demo-form__consent { display: flex; align-items: start; gap: .75rem; margin: 1.5rem 0; line-height: 1.5; }
.sam-demo-form__consent input { flex: 0 0 1.125rem; width: 1.125rem; height: 1.125rem; margin-top: .125rem; accent-color: var(--main-green); }
.sam-demo-form a { color: inherit; text-decoration: underline; text-underline-offset: .2em; }
.sam-demo-form a:hover { color: var(--main-green); }
.sam-demo-form input:focus-visible, .sam-demo-form a:focus-visible { outline: 2px solid var(--main-green); outline-offset: 3px; }
.sam-demo-form__feedback { margin-top: 1.5rem; border-radius: .5rem; line-height: 1.5; }
.sam-demo-details { background: var(--white-bg); }
@media (max-width: 767px) {
  .sam-demo-hero__inner { grid-template-columns: 1fr; gap: 2.5rem; padding-top: 10.475rem; }
  .sam-demo-form { padding: 1.5rem; }
}