/* Scoped presentation; tokens are copied from the ENOT source of truth. */
.brand-concierge, .brand-concierge * { box-sizing: border-box; }
.brand-concierge { color: var(--fg-primary); background: var(--bg-page); font-family: var(--font-ui); font-size: var(--text-base); line-height: var(--text-line); }
.brand-concierge [hidden] { display: none; }
.brand-concierge p, .brand-concierge h1, .brand-concierge h2, .brand-concierge h3 { margin: 0; }
.brand-concierge :is(h1, h2, h3) { text-wrap: balance; }
.brand-concierge p { text-wrap: pretty; }
.brand-concierge button, .brand-concierge textarea, .brand-concierge a { -webkit-tap-highlight-color: transparent; }
.brand-concierge button { cursor: pointer; font: inherit; }
.brand-concierge :is(button, a, textarea, input, summary):focus-visible { outline: var(--focus-ring-width) solid var(--focus-ring-color); outline-offset: var(--focus-ring-offset); }
.brand-concierge button:disabled { opacity: .5; cursor: wait; }
.brand-concierge a { color: inherit; text-underline-offset: var(--space-1); }
.brand-concierge__container { width: min(100% - 2 * var(--container-pad), var(--container-max)); margin-inline: auto; }
.brand-concierge__hero { padding-block: var(--space-11) var(--space-8); min-height: calc(100svh - var(--space-11)); display: flex; background: var(--bg-card) url('concierge-office.png') center / cover no-repeat; }
.brand-concierge__hero { background-image: image-set(url('concierge-office.webp') type('image/webp'), url('concierge-office.png') type('image/png')); }
.brand-concierge__hero > .brand-concierge__container { display: flex; flex-direction: column; align-items: stretch; }
.brand-concierge__intro { text-align: center; }
.brand-concierge .brand-concierge__eyebrow { font-size: var(--text-xxs); font-weight: var(--eyebrow-weight); letter-spacing: var(--eyebrow-track); text-transform: uppercase; line-height: var(--text-line-tight); color: var(--fg-tertiary); margin-bottom: var(--space-6); }
.brand-concierge .brand-concierge__title { font: 400 var(--display-xxl)/var(--display-line) var(--font-display); letter-spacing: var(--display-track); text-wrap: balance; }
.brand-concierge em { font-family: var(--font-accent); font-weight: 400; color: var(--fg-secondary); }
.brand-concierge .brand-concierge__lead { margin: var(--space-6) auto 0; color: var(--fg-secondary); font-size: var(--text-lg); max-width: 65ch; text-wrap: pretty; }
.brand-concierge__mobile-break { display: none; }
.brand-concierge__workspace { width: 100%; max-width: calc(var(--space-12) * 6 + var(--space-9)); margin: var(--space-8) auto 0; }
.brand-concierge__input-label { display: block; font-size: var(--text-xs); color: var(--fg-secondary); margin-bottom: var(--space-2); }
.brand-concierge__form > .brand-concierge__input-label, .brand-concierge__visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.brand-concierge__composer { display: flex; align-items: center; gap: var(--space-4); padding: var(--space-5); border: 1px solid var(--border-default); background: var(--bg-card); border-radius: var(--radius-xl); }
.brand-concierge__composer:focus-within { border-color: var(--fg-primary); }
.brand-concierge__input { min-width: 0; min-height: calc(var(--space-8) + var(--space-1)); flex: 1; background: transparent; border: 0; resize: vertical; field-sizing: content; max-height: calc(var(--space-12) * 2); font: inherit; font-size: var(--text-lg); line-height: var(--text-line); color: var(--fg-primary); padding: var(--space-2); border-radius: var(--radius-sm); }
.brand-concierge__input::placeholder { color: var(--fg-tertiary); opacity: 1; }
.brand-concierge__send { display: grid; place-items: center; flex: 0 0 var(--space-9); height: var(--space-9); border: 0; border-radius: var(--radius-pill); background: var(--action-primary-bg); color: var(--action-primary-fg); }
.brand-concierge__send svg { width: var(--space-6); height: var(--space-6); }
.brand-concierge__quick { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-2); }
.brand-concierge__quick button { padding: var(--space-3) var(--space-5); border: 1px solid var(--border-default); border-radius: var(--radius-pill); background: var(--bg-card); color: var(--fg-primary); font-size: var(--text-xs); min-height: var(--space-9); }
.brand-concierge__quick button:hover, .brand-concierge__option:hover { background: var(--bg-card); border-color: var(--fg-secondary); }
.brand-concierge .brand-concierge__guidance { margin: var(--space-7) auto 0; text-align: center; color: var(--fg-secondary); text-wrap: pretty; }
.brand-concierge .brand-concierge__privacy { margin: var(--space-4) auto 0; max-width: 75ch; font-size: var(--text-xs); line-height: var(--text-line-tight); color: var(--fg-secondary); text-align: center; text-wrap: pretty; }
.brand-concierge .brand-concierge__status { font-size: var(--text-xs); color: var(--fg-secondary); min-height: var(--space-6); margin-block: var(--space-2); }
.brand-concierge__trust { display: flex; justify-content: center; flex-wrap: wrap; gap: var(--space-7); margin-top: auto; padding-top: var(--space-10); font-size: var(--text-xs); color: var(--fg-secondary); }
.brand-concierge__trust p { background: var(--bg-card); padding: var(--space-3) var(--space-4); border-radius: var(--radius-pill); }
.brand-concierge__trust span { margin-right: var(--space-2); }
.brand-concierge__toolbar { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); border-bottom: 1px solid var(--border-default); padding-bottom: var(--space-3); margin-bottom: var(--space-5); font-size: var(--text-xs); }
.brand-concierge__actions { display: flex; gap: var(--space-3); }
.brand-concierge__quiet { border: 0; background: transparent; color: var(--fg-secondary); text-decoration: underline; text-underline-offset: var(--space-1); min-height: calc(var(--space-8) + var(--space-1)); padding-inline: var(--space-2); }
.brand-concierge__messages { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--space-4); }
.brand-concierge__message { padding: var(--space-4) var(--space-5); border-left: 1px solid var(--border-default); overflow-wrap: anywhere; }
.brand-concierge__message--user { background: var(--bg-card); border: 1px solid var(--border-default); border-radius: var(--radius-lg); }
.brand-concierge__speaker { display: block; font-size: var(--text-xxs); font-weight: var(--eyebrow-weight); text-transform: uppercase; letter-spacing: var(--eyebrow-track); color: var(--fg-tertiary); margin-bottom: var(--space-2); }
.brand-concierge__current { margin-block: var(--space-6); scroll-margin-block: var(--space-7); padding: var(--space-7); background: var(--bg-card); border: 1px solid var(--border-default); border-radius: var(--radius-xl); }
.brand-concierge .brand-concierge__question { font: 400 var(--display-md)/1.2 var(--font-display); margin-bottom: var(--space-5); }
.brand-concierge__options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); min-width: 0; padding: 0; margin: 0; border: 0; }
.brand-concierge__option { display: flex; align-items: center; gap: var(--space-3); border: 1px solid var(--border-default); border-radius: var(--radius-md); padding: var(--space-4) var(--space-5); min-height: var(--space-9); text-align: left; color: var(--fg-primary); background: var(--bg-card); cursor: pointer; }
.brand-concierge__option:has(:checked) { border-color: var(--fg-primary); }
.brand-concierge__option:has(:focus-visible) { outline: var(--focus-ring-width) solid var(--focus-ring-color); outline-offset: var(--focus-ring-offset); }
.brand-concierge__radio { flex: 0 0 var(--space-5); width: var(--space-5); height: var(--space-5); margin: 0; accent-color: var(--fg-primary); }
.brand-concierge .brand-concierge__option .brand-concierge__radio:focus-visible,
#brx-content .brand-concierge__radio:focus-visible { outline: none; }
.brand-concierge__answer-form > .brand-concierge__primary { display: flex; margin: var(--space-5) 0 0 auto; min-height: var(--space-9); }
.brand-concierge__notice { padding: var(--space-4); margin-bottom: var(--space-5); border: 1px solid var(--border-default); border-radius: var(--radius-md); background: var(--bg-card); }
.brand-concierge__result { padding: var(--space-7); border: 1px solid var(--border-default); background: var(--bg-card); border-radius: var(--radius-xl); }
.brand-concierge .brand-concierge__result p { margin-block: var(--space-4); }
.brand-concierge__primary { display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--action-primary-bg); border-radius: var(--radius-md); background: var(--action-primary-bg); color: var(--action-primary-fg); padding: var(--space-4) var(--space-6); text-decoration: none; }
.brand-concierge a.brand-concierge__primary { color: var(--action-primary-fg); }
.brand-concierge__support { border-top: 1px solid var(--border-default); padding-block: var(--space-9); }
.brand-concierge__support-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-10); }
.brand-concierge__support h2 { font: 400 var(--display-md)/1.2 var(--font-display); letter-spacing: var(--display-track); margin-bottom: var(--space-4); }
.brand-concierge__support p { color: var(--fg-secondary); max-width: 48ch; }
.brand-concierge__links { display: grid; }
.brand-concierge__links a { display: flex; justify-content: space-between; align-items: center; min-height: var(--space-9); padding-block: var(--space-4); border-bottom: 1px solid var(--border-default); text-decoration: none; }
.brand-concierge__steps { display: grid; gap: var(--space-5); }
.brand-concierge__steps p { display: flex; align-items: baseline; gap: var(--space-5); }
.brand-concierge__steps b { font: 400 var(--display-xs)/1 var(--font-display); color: var(--fg-accent); }
.brand-concierge details { border-bottom: 1px solid var(--border-default); }
.brand-concierge summary { cursor: pointer; padding-block: var(--space-5); }
.brand-concierge details p { padding-bottom: var(--space-5); }
.brand-concierge--active .brand-concierge__hero { padding-top: var(--space-8); }
.brand-concierge--active .brand-concierge__workspace { background: var(--bg-card); border-radius: var(--radius-xl); padding: var(--space-6); }
.brand-concierge--active .brand-concierge__guidance { display: none; }
.brand-concierge--active .brand-concierge__title { font-size: var(--display-md); }
.brand-concierge--active .brand-concierge__title br { display: none; }
.brand-concierge--active .brand-concierge__lead { display: none; }
@media (max-width: 991px) {
  .brand-concierge { --display-xxl: 48px; --display-md: 28px; --container-pad: var(--space-7); }
  .brand-concierge__hero { padding-top: var(--space-10); }
  .brand-concierge__support-grid { gap: var(--space-8); }
}
@media (max-width: 767px) {
  .brand-concierge { --display-xxl: 38px; --display-md: 25px; --container-pad: var(--space-6); }
  .brand-concierge__hero { padding-top: var(--space-9); }
  .brand-concierge__support-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
  .brand-concierge__trust { gap: var(--space-3); flex-direction: column; align-items: center; padding-top: var(--space-8); }
  .brand-concierge__composer { padding: var(--space-3); gap: var(--space-2); }
  .brand-concierge__input { font-size: var(--text-md); }
  .brand-concierge__send { flex-basis: calc(var(--space-8) + var(--space-1)); height: calc(var(--space-8) + var(--space-1)); }
  .brand-concierge__options { grid-template-columns: minmax(0, 1fr); }
  .brand-concierge__result { padding: var(--space-5); }
  .brand-concierge__current { padding: var(--space-5); }
  .brand-concierge--active .brand-concierge__workspace { padding: var(--space-3); }
  .brand-concierge__privacy { text-align: left; }
}
@media (max-width: 478px) {
  .brand-concierge { --display-xxl: 32px; --display-md: 23px; --container-pad: var(--space-4); }
  .brand-concierge__mobile-break { display: initial; }
  .brand-concierge__toolbar { flex-wrap: wrap; }
  .brand-concierge__quick { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brand-concierge__quick button { padding-inline: var(--space-3); }
  .brand-concierge__hero { background-position: center top; }
}
@media (prefers-reduced-motion: reduce) { .brand-concierge * { scroll-behavior: auto; transition: none; animation: none; } }

/* V2 factual journey. Uses the same ENOT form tokens as the intake. */
.brand-concierge :is(input, select):focus-visible { outline: var(--focus-ring-width) solid var(--focus-ring-color); outline-offset: var(--focus-ring-offset); }
.brand-concierge__answer-form { display: grid; gap: var(--space-5); margin-block: var(--space-5); }
.brand-concierge__answer-form > .brand-concierge__primary { justify-self: end; }
.brand-concierge__field { display: grid; gap: var(--space-2); min-width: 0; }
.brand-concierge__field > .brand-concierge__field { margin-bottom: var(--space-3); }
.brand-concierge__field-input { width: 100%; min-width: 0; min-height: var(--space-9); padding: var(--space-3) var(--space-4); border: 1px solid var(--border-default); border-radius: var(--radius-md); background: var(--bg-page); color: var(--fg-primary); font: inherit; }
.brand-concierge__selected { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.brand-concierge__summary-row { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); border-bottom: 1px solid var(--border-default); }
.brand-concierge__summary-row p { overflow-wrap: anywhere; }
.brand-concierge__summary-row button { flex-shrink: 0; }
.brand-concierge__quote { border-top: 1px solid var(--border-default); padding-block: var(--space-6); margin-top: var(--space-5); }
.brand-concierge__quote-items { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-3) var(--space-5); margin: 0; font-size: var(--text-sm); }
.brand-concierge__quote-items dd { margin: 0; text-align: right; }
.brand-concierge__quote-total { font-weight: var(--eyebrow-weight); }
.brand-concierge--journey .brand-concierge__conversation { padding-bottom: var(--space-5); }
@media (max-width: 767px) {
  .brand-concierge__quote-items { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); }
  .brand-concierge__quote-items dd { text-align: left; margin-bottom: var(--space-4); }
}
.brand-concierge .brand-concierge__question-help { margin-block: calc(-1 * var(--space-2)) var(--space-5); color: var(--fg-secondary); }

/* V2 reuses the site theme without changing the V1 header or footer. */
body.enot-v2-page #brx-header .brand-header__logo { flex-shrink: 1; min-width: 0; }
body.enot-v2-page #brx-header .brand-header__logo img { width: 100%; height: auto; }
@media (min-width: 768px) and (max-width: 1199px) {
  body.enot-v2-page #brx-footer .brand-footer__top { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--space-7); }
  body.enot-v2-page #brx-footer .brand-footer__brand { grid-column: 1 / -1; }
}