.demo-request {
  width: 100%;
  max-width: 680px;
  min-width: 0;
  padding: clamp(22px, 3vw, 32px);
  border: 1px solid var(--lyt-border-subtle);
  border-radius: var(--lyt-radius-card);
  color: var(--lyt-text-primary);
  background: var(--lyt-surface-card);
  text-align: left;
}
.demo-request__fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.demo-request__field { display: grid; gap: 10px; min-width: 0; }
.demo-request__field > span { color: var(--lyt-text-brand); font: 700 var(--home-size-label, 12px)/1.35 var(--lyt-font-data); }
.demo-request__field input { width: 100%; min-width: 0; min-height: 48px; padding: 12px; border: 1px solid var(--lyt-border-strong); border-radius: 5px; background: var(--lyt-surface-page); color: var(--lyt-text-primary); font: 18px/1.3 var(--lyt-font-body); }
.demo-request__field input:focus-visible { outline: var(--lyt-focus-ring); outline-offset: 2px; }
.demo-request__field input[aria-invalid="true"] { border-color: var(--lyt-status-critical); }
.demo-request__submit { display: flex; justify-content: space-between; align-items: center; gap: 24px; width: 100%; min-height: 48px; margin-top: 20px; padding: 12px 18px; border: 1px solid var(--lyt-color-orange); border-radius: 5px; color: var(--lyt-color-ink); background: var(--lyt-color-orange); font: 700 17px/1.3 var(--lyt-font-body); cursor: pointer; }
.site-nav__demo { color: var(--lyt-color-ink); background: var(--lyt-color-orange); }
.site-nav__demo:hover,
.demo-request__submit:hover { color: var(--lyt-color-ink); background: color-mix(in srgb, var(--lyt-color-orange) 90%, black); }
.demo-request__submit:focus-visible { outline: var(--lyt-focus-ring); outline-offset: 3px; }
.demo-request .demo-request__note,
.demo-request .demo-request__status { margin: 14px 0 0; color: var(--lyt-text-secondary); font: 14px/1.4 var(--lyt-font-body); }
.demo-request .demo-request__status:empty { display: none; }
.demo-request .demo-request__status { color: var(--lyt-status-critical); }
.hero-actions:has(.demo-request), .cta-actions:has(.demo-request) { align-items: start; flex-direction: column; }
.demo-request--market { position: relative; z-index: 3; margin-top: 24px; pointer-events: auto; }
.demo-request-dialog { width: min(620px, calc(100% - 32px)); max-height: calc(100svh - 32px); padding: 32px 24px 24px; border: 1px solid var(--lyt-border-subtle); border-radius: 14px; color: var(--lyt-text-primary); background: var(--lyt-surface-page); }
.demo-request-dialog::backdrop { background: rgba(29,16,44,.65); }
.demo-request-dialog h2 { margin: 8px 44px 24px 0; font: 700 36px/1.1 var(--lyt-font-display); }
.demo-request-dialog__close { position: absolute; top: 12px; right: 12px; width: 44px; height: 44px; border: 0; background: transparent; color: var(--lyt-text-brand); font-size: 32px; cursor: pointer; }
@media (min-width: 1101px) { .demo-request__field > span { font-size: var(--home-size-label, 16px); } }
@media (max-width: 767px) { .demo-request__fields { grid-template-columns: 1fr; gap: 16px; } }

form[data-demo-request][id] { scroll-margin-top: 120px; }
.cta-field .demo-request { margin-top: 28px; }

.demo-request--platform { margin-top: 28px; }
.demo-request--platform .demo-request__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.demo-request__field--wide { grid-column: 1 / -1; }
.demo-request__field select { width: 100%; min-width: 0; min-height: 48px; padding: 12px; border: 1px solid var(--lyt-border-strong); border-radius: 5px; background: var(--lyt-surface-page); color: var(--lyt-text-primary); font: 18px/1.3 var(--lyt-font-body); }
.demo-request__field select:focus-visible { outline: var(--lyt-focus-ring); outline-offset: 2px; }
.demo-request__field select[aria-invalid="true"] { border-color: var(--lyt-status-critical); }
@media (max-width: 767px) { .demo-request--platform .demo-request__fields { grid-template-columns: 1fr; } }
.cta-field__inner:has(.demo-request--platform) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
.cta-field__inner:has(.demo-request--platform) > h2 { font-size: clamp(42px, 5vw, 76px); letter-spacing: var(--lyt-tracking-heading); }
@media (max-width: 900px) { .cta-field__inner:has(.demo-request--platform) { grid-template-columns: minmax(0, 1fr); gap: 32px; } }

/* One closing demo presentation across Home, content pages, and resource articles. */
.cta-field.demo-request-section {
  --lyt-page-gutter: clamp(24px, 5vw, 88px);
  position: relative;
  overflow: clip;
  color: var(--lyt-color-white, #fff);
  background: var(--lyt-color-purple);
}
.cta-field.demo-request-section::before {
  position: absolute;
  top: clamp(48px, 6vw, 88px);
  left: 52%;
  right: auto;
  bottom: auto;
  width: 58vw;
  height: 58vw;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 0;
  box-shadow: 0 0 0 7vw rgba(255,255,255,.025), 0 0 0 14vw rgba(238,163,65,.035);
  transform-origin: top left;
  transform: rotate(20deg);
  pointer-events: none;
  content: "";
}
.demo-request-section__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(300px, .6fr);
  align-items: end;
  gap: 60px;
  width: min(1440px, calc(100% - 2 * var(--lyt-page-gutter)));
  margin-inline: auto;
  padding-block: clamp(90px, 12vw, 170px);
}
.cta-field.demo-request-section h2 {
  margin: 0;
  color: #fff;
  font: 700 var(--home-size-heading, clamp(56px, 8vw, 124px))/1.06 var(--lyt-font-display);
  letter-spacing: var(--lyt-tracking-heading);
  overflow-wrap: anywhere;
}
.demo-request-section__content { min-width: 0; }
.demo-request-section .demo-request { margin-top: 0; }
.demo-request-section__introduction { margin-bottom: 34px; color: rgba(255,255,255,.68); font: 400 var(--home-size-body, 20px)/1.4 var(--lyt-font-body); }
.demo-request-section__introduction > :last-child { margin-bottom: 0; }
.demo-request-section__secondary { display: inline-block; margin-top: 24px; color: #fff; text-underline-offset: .2em; }
@media (max-width: 900px) {
  .demo-request-section__inner { grid-template-columns: minmax(0, 1fr); align-items: start; gap: 48px; }
  .cta-field.demo-request-section h2 { font-size: var(--home-size-heading, clamp(48px, 13vw, 78px)); }
}
.lead-form-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; opacity: 0; }