/* Showroom Concierge page. Built only on shared tokens and components. */

/* HERO */
.concierge-label {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-accent);
}

.concierge-hero__headline {
  max-width: 17ch;
  font-weight: var(--font-weight-bold);
  font-size: var(--text-display);
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-display);
}

.concierge-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-16);
  margin-top: var(--spacing-36);
}

/* JOURNEY */
.concierge-journey__list {
  margin-top: var(--spacing-36);
  border-bottom: 1px solid var(--color-border);
}

.concierge-step {
  display: grid;
  grid-template-columns: 7rem minmax(0, 1fr);
  gap: var(--spacing-24);
  padding-block: var(--spacing-24);
  border-top: 1px solid var(--color-border);
}

.concierge-step__label {
  padding-top: var(--spacing-4);
}

.concierge-step__title {
  margin-bottom: var(--spacing-8);
  color: var(--color-text-primary);
  font-size: var(--text-subheading);
  font-weight: var(--font-weight-medium);
  line-height: var(--leading-subheading);
}

.concierge-step__body {
  max-width: 60ch;
  color: var(--color-text-secondary);
  font-size: var(--text-body);
  line-height: var(--leading-body);
}

/* WALKTHROUGH */
.concierge-demo .video-proof__badge {
  margin-top: var(--spacing-24);
}

/* INQUIRY */
.concierge-inquiry__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--spacing-48);
  align-items: start;
}

.concierge-inquiry .section-sub + .section-sub {
  margin-top: var(--spacing-16);
}

.inquiry__notice {
  padding: var(--spacing-8) var(--spacing-20);
  border-bottom: 1px solid var(--color-border);
  color: var(--color-text-muted);
  font-family: var(--font-mono);
  font-size: 11px;
}

.inquiry {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--surface-card-surface);
  overflow: hidden;
}

.inquiry__subject {
  padding: var(--spacing-16) var(--spacing-20) var(--spacing-8);
  color: var(--color-text-primary);
  font-size: var(--text-subheading);
  font-weight: var(--font-weight-medium);
}

.inquiry__fields {
  padding: 0 var(--spacing-20) var(--spacing-16);
}

.inquiry__fields div {
  display: grid;
  grid-template-columns: 8.5rem minmax(0, 1fr);
  gap: var(--spacing-12);
  padding-block: var(--spacing-8);
  border-top: 1px solid var(--border-subtle);
  font-size: var(--text-body-sm);
}

.inquiry__fields dt {
  color: var(--color-text-muted);
}

.inquiry__fields dd {
  color: var(--color-text-primary);
  overflow-wrap: anywhere;
}

/* BENEFITS */
.concierge-benefits__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--spacing-48);
  margin-top: var(--spacing-36);
}

.concierge-benefits__label {
  margin-bottom: var(--spacing-16);
}

/* TRUST */
.concierge-trust__list {
  margin-top: var(--spacing-36);
}

.concierge-trust .feature-item {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: var(--spacing-40);
}

.concierge-trust .feature-item__title {
  margin-bottom: 0;
}

/* RESPONSIVE */
@media (max-width: 899px) {
  .concierge-inquiry__grid,
  .concierge-benefits__grid,
  .concierge-trust .feature-item {
    grid-template-columns: 1fr;
    gap: var(--spacing-24);
  }

  .concierge-hero__headline {
    font-size: var(--text-heading-lg);
    line-height: var(--leading-heading-lg);
  }
}

@media (max-width: 767px) {
  .concierge-step {
    grid-template-columns: 1fr;
    gap: var(--spacing-8);
  }

  .concierge-hero__actions .btn {
    width: 100%;
  }

  .inquiry__fields div {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}

/* REQUEST FORM */
.request__inner {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
  gap: var(--spacing-48);
  align-items: start;
}

.request__panel {
  max-width: 36rem;
}

.request__noscript {
  margin-bottom: var(--spacing-16);
  color: var(--color-text-secondary);
}

.request__noscript a,
.request-form__privacy a,
.request-form__failure a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.request__noscript a,
.request-form__privacy a {
  color: var(--color-accent);
}

.request-form {
  display: grid;
  gap: var(--spacing-20);
}

.request-form__honeypot {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.request-form__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-16);
}

.request-form__field {
  display: grid;
  gap: var(--spacing-8);
}

.request-form__field label {
  color: var(--color-text-secondary);
  font-size: var(--text-body-sm);
  font-weight: var(--font-weight-medium);
}

.request-form__field label span {
  color: var(--color-text-muted);
  font-weight: var(--font-weight-regular);
}

.request-form input,
.request-form textarea {
  width: 100%;
  padding: 0.875rem 1rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-input);
  background: var(--color-bg-surface);
  color: var(--color-text-primary);
  font-family: var(--font-body);
  font-size: var(--text-body);
  line-height: 1.5;
  transition: border-color 180ms var(--ease-standard), box-shadow 180ms var(--ease-standard);
}

.request-form textarea {
  resize: vertical;
}

.request-form input:focus,
.request-form textarea:focus {
  border-color: var(--color-accent-primary);
  box-shadow: 0 0 0 3px var(--color-accent-glow);
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 2px;
}

.request-form input[aria-invalid='true'] {
  border-color: var(--color-error);
}

.request-form__error {
  margin: 0;
  color: var(--color-error);
  font-size: var(--text-body-sm);
}

.request-form__privacy {
  margin: 0;
  color: var(--color-text-muted);
  font-size: var(--text-body-sm);
  line-height: 1.55;
}

.request-form button[type='submit'] {
  justify-self: start;
}

.request-form__success,
.request-form__failure {
  max-width: 36rem;
  margin: 0;
  font-size: var(--text-body);
  line-height: var(--leading-body);
}

.request-form__success {
  color: var(--color-success);
  font-weight: var(--font-weight-medium);
}

.request-form__failure {
  color: var(--color-error);
}

.request-form__failure a {
  color: var(--color-error);
}

.request-form__success[hidden],
.request-form__failure[hidden] {
  display: none;
}

@media (max-width: 899px) {
  .request__inner {
    grid-template-columns: 1fr;
    gap: var(--spacing-36);
  }
}

@media (max-width: 599px) {
  .request-form__row {
    grid-template-columns: 1fr;
  }

  .request-form button[type='submit'] {
    width: 100%;
  }
}

/* Anchor links must land below the fixed nav and the name-change bar. */
.request,
.concierge-journey,
.concierge-demo {
  scroll-margin-top: calc(var(--nav-height) + var(--notice-height, 0px));
}

.request-form__optional {
  margin-left: var(--spacing-8);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-text-muted);
}