/* Headquarters by XBuild: homepage-only XBuild brand layer. Load after headquarters.css. */
body.hq {
  --paper: #F0ECE8;
  --ink: #0F0F0F;
  --stone: #DBD6CE;
  --yellow: #FDC23E;
  --brass: #A57C45;
  --text-2-paper: #5B574F;
  --text-2-ink: #A9A398;
  --glass: rgba(8,8,8,.82);
  --glass-line: rgba(255,255,255,.2);
  --sans: Switzer, Arial, sans-serif;
  --display: Switzer, Arial, sans-serif;
  --section: clamp(3.5rem,6vw,6rem);
  --h1: clamp(40px,6vw,84px);
  --h2: clamp(32px,3.8vw,56px);
  --h4: clamp(23px,2.2vw,32px);
  background: var(--paper);
}
body.hq .hq-section { font-family: var(--sans); font-weight: 500; }
body.hq .hq-section--ink { --brass: #A57C45; }
body.hq .hq-section :is(h1,h2,h3,.hq-story__title) {
  font-family: var(--sans); font-weight: 600; text-transform: none; line-height: 1.08; letter-spacing: -.035em;
}
/* These scoped selectors outrank the brand heading rule; trim resets also beat Webflow's global pseudo-elements. */
body.hq .hq-section.hq-hero { overflow: visible; }
body.hq .hq-section.hq-hero .hq-hero__title { font-size: var(--h1); line-height: 1.02; margin: 36px 0 0 !important; overflow-wrap: normal; word-break: normal; text-wrap: balance; }
body.hq .hq-section.hq-hero .hq-hero__title > span { display: block; }
body.hq .hq-section.hq-hero .hq-hero__actions { margin-top: 30px; }
body.hq .hq-section.hq-hero .hq-film { margin-top: 42px; }
body.hq .hq-section :is(.hq-intro__title,.hq-h2) { font-size: var(--h2); line-height: 1.02; }
body.hq .hq-section :is(h2,.hq-hero__title,.hq-stat__figure)::before,
body.hq .hq-section :is(h2,.hq-hero__title,.hq-stat__figure)::after { content: none !important; display: none !important; margin: 0 !important; }
body.hq :is(.hq-car__copy h3,.hq-story__title,.hq-story--all .hq-story__title,.hq-voices__title) { font-size: var(--h4); }
body.hq .hq-intro { margin-bottom: clamp(1.75rem,3.5vw,3rem); }
body.hq .hq-intro__body { font-weight: 500; }
body.hq :is(.hq-label,.hq-op__qlabel,.hq-op__ans b,.hq-rexline__who,.hq-car__eyebrow,.hq-car__asklabel,.hq-story__label,.hq-qcard__top,.hq-mlayer__t) {
  font-family: var(--sans); font-weight: 600; font-size: 12px; line-height: 1.4; letter-spacing: .16em; text-transform: uppercase;
}
body.hq :is(.hq-label,.hq-story__label) { color: var(--text-2-paper); }
body.hq .hq-section--ink .hq-label { color: var(--text-2-ink); }
body.hq .hq-label::before { display: none; }
body.hq .hq-gold { color: #A57C45; }
body.hq .hq-section--ink .hq-gold { color: #F0ECE8; }
body.hq .hq-section :focus-visible { outline: 2px solid #0F0F0F; outline-offset: 2px; }
body.hq :is(.hq-section--ink,.hq-op__q,.hq-car__tile) :focus-visible { outline-color: #F0ECE8; }
body.hq .hq-car__track:focus-visible { outline: 2px solid #0F0F0F; outline-offset: -2px; }
body.hq .hq-round { width: 48px; height: 48px; }
body.hq .hq-veil { background: #F0ECE8; }
body.hq .hq-film__stage { background: #0F0F0F; }
body.hq .hq-cue { font-weight: 500; }
body.hq .hq-pill { background: #0F0F0F; border-color: #262626; -webkit-backdrop-filter: none; backdrop-filter: none; }
body.hq .hq-logoband { padding-block: 2.25rem; }
body.hq .hq-logos__head { margin-bottom: 1.5rem; }
body.hq .hq-logos__title { font-size: clamp(24px,calc(22.182px + .568vw),32px); color: #F0ECE8; }
body.hq .hq-logos__sub { font-weight: 500; color: #A9A398; }
body.hq .hq-marquee { -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
body.hq .hq-marquee__track img { filter: brightness(0) invert(1); opacity: .6; height: clamp(24px,2.1vw,36px); max-height: none; max-width: none; width: auto; }
body.hq .hq-marquee:hover .hq-marquee__row { animation-play-state: paused; }
/* Concrete use cases: photographs above full-width, readable caption bands. */
body.hq .hq-usecases { background: #F0ECE8; }
body.hq .hq-usecases .hq-intro__lead { min-width: 0; }
body.hq .hq-usecases .hq-intro__title { max-width: 24ch; }
body.hq .hq-usecases .hq-intro__body { font: 500 clamp(16px,1.3vw,18px)/1.55 var(--sans); }
body.hq .hq-usecases .hq-mosaic { grid-template-columns: minmax(0,1fr); grid-template-areas: "field" "supplement" "moisture" "change" "ar"; grid-auto-rows: minmax(0,auto); gap: clamp(16px,2vw,24px); }
body.hq .hq-usecases .hq-tile { grid-column: auto; grid-row: auto; display: grid; grid-template-rows: auto 1fr; min-width: 0; height: auto; aspect-ratio: auto; border-radius: 8px; background: #1A1A1A; }
body.hq .hq-usecases .hq-tile--field { grid-area: field; }
body.hq .hq-usecases .hq-tile--supplement { grid-area: supplement; }
body.hq .hq-usecases .hq-tile--moisture { grid-area: moisture; }
body.hq .hq-usecases .hq-tile--change { grid-area: change; }
body.hq .hq-usecases .hq-tile--ar { grid-area: ar; }
body.hq .hq-usecases .hq-tile img { position: static; inset: auto; display: block; width: 100%; max-width: 100%; height: auto; min-height: 0; aspect-ratio: 16/9; object-fit: cover; object-position: center; transform: none; }
body.hq .hq-usecases .hq-chip { position: static; inset: auto; display: flex; align-items: center; box-sizing: border-box; min-width: 0; min-height: calc(2.8em + 32px); padding: 16px 20px; border: 0; border-radius: 0; background: #0F0F0F; color: #F0ECE8; -webkit-backdrop-filter: none; backdrop-filter: none; font: 500 clamp(16px,1.2vw,18px)/1.4 var(--sans); letter-spacing: 0; white-space: normal; overflow-wrap: anywhere; }
@media (min-width: 768px) and (max-width: 1099px) {
  body.hq .hq-usecases .hq-mosaic { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-areas: "field field" "supplement moisture" "change ar"; }
  body.hq .hq-usecases .hq-tile--field img { aspect-ratio: 16/7; }
}
@media (min-width: 1100px) {
  body.hq .hq-usecases .hq-intro { grid-template-columns: minmax(0,3fr) minmax(0,2fr); gap: 2rem; }
  body.hq .hq-usecases .hq-intro__title { font-size: clamp(48px,4.5vw,68px); }
  body.hq .hq-usecases .hq-mosaic { grid-template-columns: minmax(0,2fr) repeat(2,minmax(0,1fr)); grid-template-areas: "field supplement moisture" "field change ar"; grid-template-rows: repeat(2,minmax(0,auto)); }
  body.hq .hq-usecases .hq-tile--field { grid-template-rows: minmax(0,1fr) auto; min-height: 0; }
  body.hq .hq-usecases .hq-tile--field img { height: 100%; aspect-ratio: auto; }
}
body.hq .hq-rexline { max-width: min(28rem,calc(100% - 2.4rem)); }
body.hq .hq-rexline__who { color: #FDC23E; }
body.hq .hq-rexline__text { font-weight: 500; }
body.hq .hq-system { border-top: 1px solid #DBD6CE; }
body.hq .hq-op__q { --brass: #FDC23E; background: #0F0F0F; border-radius: 8px; }
body.hq :is(.hq-op__qlabel,.hq-op__ans b) { color: #FDC23E; }
body.hq .hq-op__dot { color: #A9A398; border-color: #262626; min-height: 32px; }
body.hq .hq-op__dot[aria-current="true"] { background: #FDC23E; border-color: #FDC23E; color: #0F0F0F; }
body.hq .hq-op__ask { background: #0F0F0F; border-color: #262626; border-radius: 8px; }
body.hq .hq-op__ans { font-weight: 500; color: #A9A398; }
body.hq .hq-op__key li:not(.is-lit) { opacity: 1; }
body.hq .hq-op__key h3 { font-size: 20px; }
body.hq .hq-op__key p { font-weight: 500; }
/* Brand-color the existing diagram without changing its nodes or controller. */
body.hq .hq-op :is(.wire,.hq-callout__lead,.hq-verb__lead) { stroke: #A57C45; }
body.hq .hq-op .hq-wires.is-lit .wire { stroke: #A57C45; }
body.hq .hq-op .hq-callout__pin { fill: #A57C45; stroke: #A57C45; }
body.hq .hq-op :is(.hq-callout__disc,.hq-tag rect,.hq-verb rect) { fill: #F0ECE8; stroke: #DBD6CE; }
body.hq .hq-op .is-lit > .b-t { fill: #FDC23E; }
body.hq .hq-op .hq-guard > .b-t { fill: #0F0F0F; }
body.hq .hq-op .hq-guard.is-lit > .b-t { fill: #FDC23E; }
body.hq .hq-op .hq-tag.is-lit rect, body.hq .hq-op .hq-verb.is-lit rect { fill: #0F0F0F; stroke: #0F0F0F; }
body.hq .hq-op .hq-tag.is-lit .t-tag { fill: #F0ECE8; }
body.hq .hq-op .hq-verb.is-lit .t-verb { fill: #FDC23E; }
body.hq .hq-op .hq-rexglow { display: none; }
body.hq .hq-op .t-face { fill: #A9A398; }
body.hq .hq-op :is(.t-lane,.t-tag,.t-verb) { fill: #0F0F0F; }
body.hq .hq-op .t-sys { fill: #5B574F; }
body.hq .hq-mlayer { background: #F0ECE8; border-radius: 8px; box-shadow: none; }
body.hq :is(.hq-mlayer--guard,.hq-mlayer--rex) { background: #0F0F0F; border-color: #262626; color: #F0ECE8; }
body.hq :is(.hq-mlayer--guard,.hq-mlayer--rex) .hq-mlayer__t { color: #FDC23E; }
body.hq .hq-mlayer--guard.is-lit { background: #0F0F0F; box-shadow: none; border-color: #FDC23E; }
body.hq .hq-mchip { color: #0F0F0F; }
body.hq .hq-mchip.is-lit { border-color: #A57C45; }
body.hq .hq-op .hq-hit:focus-visible { outline: 2px solid #0F0F0F; outline-offset: 2px; }
body.hq .hq-op :is(.hq-mlayer--guard,.hq-mlayer--rex):focus-visible { outline-color: #F0ECE8; }
/* Horizontal feature carousel. The secondary menu stays in flow; vertical scrolling remains native. */
body.hq .hq-car { --car-edge: max(var(--gutter),calc((100vw - var(--wrap))/2 + var(--gutter))); min-width: 0; }
body.hq .hq-car__menu { position: static; top: auto; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .75rem var(--car-edge); margin-bottom: 1rem; background: #F0ECE8; }
body.hq .hq-car__steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); flex: 1; gap: clamp(.5rem,2vw,2rem); min-width: 0; }
body.hq .hq-car__step { position: relative; appearance: none; box-sizing: border-box; min-width: 0; min-height: 44px; border: 0; border-radius: 0; padding: .75rem 0 1rem; background: #F0ECE8; color: #5B574F; cursor: pointer; white-space: nowrap; text-align: center; font: 600 15px/1.2 var(--sans); letter-spacing: 0; text-transform: none; }
body.hq .hq-car__step[aria-current="true"] { color: #0F0F0F; }
body.hq .hq-car__step[aria-current="true"] .hq-car__progress { height: 3px; background: #A57C45; }
body.hq .hq-car__step[aria-current="true"] .hq-car__progress::after { transform: scaleX(1); }
body.hq .hq-car__progress { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #DBD6CE; }
body.hq .hq-car__progress::after { content: ""; display: block; width: 100%; height: 100%; background: #FDC23E; transform: scaleX(var(--fill,0)); transform-origin: left; }
body.hq .hq-car__nav { display: flex; gap: .5rem; }
body.hq .hq-car__nav .hq-round { border-color: #DBD6CE; color: #0F0F0F; font-size: 24px; line-height: 1; }
body.hq .hq-car__nav .hq-round:is(:hover,:active) { background: #0F0F0F; color: #F0ECE8; }
body.hq .hq-round:disabled { cursor: default; opacity: .45; }
body.hq .hq-car__track { display: flex; gap: 1.5rem; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: var(--car-edge); scrollbar-width: none; padding: 2px var(--car-edge) 4px; }
body.hq .hq-car__track::-webkit-scrollbar { display: none; }
body.hq .hq-car__tile { --brass: #FDC23E; box-sizing: border-box; flex: 0 0 min(76rem,82vw); min-width: 0; height: clamp(30rem,62vh,38rem); display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(1rem,2vw,2rem); padding: clamp(1rem,2vw,2rem); background: #0F0F0F; color: #F0ECE8; border-radius: 8px; scroll-snap-align: start; }
body.hq .hq-car__photo { display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover; border-radius: 8px; }
body.hq .hq-car__photo.hq-car__illustration { object-fit: contain; object-position: center; background: #0F0F0F; box-sizing: border-box; border: 1px solid #262626; }
body.hq .hq-car__copy { display: flex; flex-direction: column; justify-content: center; gap: clamp(.75rem,1vw,1rem); min-width: 0; }
body.hq .hq-car__eyebrow { display: flex; gap: 1rem; color: #FDC23E; }
body.hq .hq-car__line { font: 500 clamp(16px,1.15vw,18px)/1.45 var(--sans); color: #A9A398; }
body.hq .hq-car__caps { display: flex; flex-wrap: wrap; gap: .4rem; }
body.hq .hq-car__caps li { border: 1px solid #262626; border-radius: 999px; padding: .4rem .65rem; font: 500 14px/1.2 var(--sans); color: #A9A398; }
body.hq .hq-car__asks { display: grid; gap: .65rem; }
body.hq .hq-car__asklabel { color: #A9A398; }
body.hq .hq-car__ask { font: 500 18px/1.4 var(--sans); color: #F0ECE8; }
body.hq .hq-car__ask + .hq-car__ask { border-top: 1px solid #262626; padding-top: .65rem; }
/* Compact proof row and four-card voices track. */
body.hq .hq-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: repeat(4,auto); border-block: 1px solid #262626; }
body.hq .hq-stat { display: grid; grid-row: span 4; grid-template-rows: subgrid; align-content: start; gap: 1.25rem; min-width: 0; padding: 1.75rem 1.25rem; }
body.hq .hq-stat + .hq-stat { border-left: 1px solid #262626; }
body.hq .hq-section .hq-stat__figure { font: 600 clamp(32px,2.7vw,48px)/1.1 var(--sans); color: #F0ECE8; font-variant-numeric: tabular-nums; text-transform: none; letter-spacing: -.02em; overflow-wrap: normal; word-break: normal; white-space: nowrap; margin: 0 !important; }
body.hq .hq-stat__line { font: 500 clamp(16px,1.15vw,18px)/1.5 var(--sans); color: #A9A398; }
body.hq .hq-stat__source { font: 500 14px/1.4 var(--sans); color: #A9A398; }
body.hq .hq-stat .hq-link { justify-self: start; color: #F0ECE8; border-color: #FDC23E; }
/* V4 customer voices: one gold-card system and native horizontal track. */
body.hq .hq-voices { margin-top: clamp(2rem,4vw,4rem); min-width: 0; max-width: 100%; }
body.hq .hq-voices__head { align-items: baseline; gap: 20px 24px; }
body.hq .hq-voices__title { min-width: 0; }
body.hq .hq-voices__nav { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; color: #A9A398; }
body.hq .hq-voices__nav .hq-round { width: 44px; height: 44px; color: #F0ECE8; background: #0F0F0F; border-color: #FDC23E; }
body.hq .hq-voices__nav .hq-round:is(:hover,:active) { color: #0F0F0F; background: #FDC23E; }
body.hq .hq-voices :focus-visible { outline: 2px solid #FDC23E; outline-offset: 2px; }
body.hq .hq-voices__track { box-sizing: border-box; width: 100%; min-width: 0; grid-auto-columns: 46%; gap: 24px; padding: 18px 10px; scroll-snap-type: none; scroll-behavior: auto; overscroll-behavior-x: contain; overflow-anchor: none; }
body.hq .hq-qcard { min-width: 0; }
body.hq .hq-qcard figure { position: relative; box-sizing: border-box; height: 100%; display: grid; grid-template-rows: auto 1fr auto; gap: 24px; background: #F0ECE8; color: #0F0F0F; border: 1px solid #DBD6CE; border-radius: 8px; padding: clamp(24px,2.5vw,36px); box-shadow: none; transition: transform 200ms ease; }
body.hq .hq-qcard figure::before { content: '“'; content: '“' / ''; position: absolute; top: 8px; right: 18px; font: 600 64px/1 var(--sans); color: #A57C45; opacity: .45; pointer-events: none; }
body.hq .hq-qcard figure > * { position: relative; min-width: 0; }
body.hq .hq-qcard__top { justify-content: flex-start; align-items: flex-start; gap: 12px; padding: 0; border: 0; color: #0F0F0F; letter-spacing: .02em; }
body.hq .hq-qcard__co { color: #0F0F0F; text-align: left; text-wrap: balance; overflow-wrap: anywhere; font: 600 16px/1.3 var(--sans); text-transform: none; }
body.hq .hq-qcard__n { flex: none; color: #0F0F0F; border: 2px solid #0F0F0F; border-radius: 999px; padding: 5px 9px; font: 900 16px/1 var(--display); letter-spacing: 0; }
body.hq .hq-qcard blockquote { align-self: start; }
body.hq .hq-qcard blockquote p { font: 600 clamp(22px,1.7vw,24px)/1.4 var(--sans); color: #0F0F0F; overflow-wrap: anywhere; }
body.hq .hq-qcard blockquote p::before,
body.hq .hq-qcard blockquote p::after,
body.hq .hq-qcard__top::before,
body.hq .hq-qcard__top::after { content: none !important; display: none !important; margin: 0 !important; }
body.hq .hq-qcard figcaption { box-sizing: border-box; align-self: end; position: relative; min-height: 66px; border-top: 2px solid #0F0F0F; padding: 20px 0 0 56px; text-align: left; font: 500 15px/1.4 var(--sans); color: #0F0F0F; overflow-wrap: anywhere; }
body.hq .hq-qcard figcaption b { color: #0F0F0F; font-weight: 600; }
body.hq .hq-qcard__avatar { position: absolute; left: 0; top: 20px; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #0F0F0F; color: #FDC23E; font: 900 16px/1 var(--display); }
body.hq .hq-qcard :focus-visible { outline-color: #0F0F0F; }
body.hq .hq-qcard[hidden] { display: none !important; }
@media (min-width: 768px) {
          body.hq .hq-qcard:hover figure { transform: none; }
}
@media (min-width: 768px) and (max-width: 1099px) {
  body.hq .hq-voices__track { grid-auto-columns: 61%; }
}
body.hq .hq-story__media, body.hq .hq-story--all { border-radius: 8px; }
body.hq .hq-story__dek { font-weight: 500; }
body.hq .hq-story--all { background: #0F0F0F; color: #F0ECE8; }
body.hq .hq-story--all .hq-story__go { color: #FDC23E; }
body.hq .hq-close { padding-block: var(--section); }
body.hq .hq-close__bg img { opacity: .35; }
body.hq .hq-close__bg::after { background: rgba(8,8,8,.6); }
body.hq .hq-close .hq-h2 { color: #F0ECE8; }
@media (min-width: 600px) and (max-width: 1279px) {
  body.hq .hq-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.hq .hq-stat:nth-child(3) { border-left: 0; }
  body.hq .hq-stat:nth-child(n+3) { border-top: 1px solid #262626; }
}
@media (max-width: 767px) {
  body.hq .hq-voices__head { flex-direction: column; align-items: flex-start; gap: 20px; margin-bottom: 24px; }
  body.hq .hq-voices__nav { max-width: 100%; }
  body.hq .hq-voices__track { grid-auto-columns: 88%; gap: 16px; padding-inline: 0; }
  body.hq .hq-qcard figure { padding: 20px; }
  body.hq .hq-qcard figure::before { font-size: 88px; right: 12px; }
  body.hq .hq-qcard blockquote p { font-size: 20px; }
}
@media (min-width: 900px) and (max-width: 1150px) {
  body.hq .hq-car__tile { gap: 1rem; padding: 1rem; }
  body.hq .hq-car__copy { gap: .65rem; }
  body.hq .hq-car__copy h3 { font-size: 28px; }
}
@media (max-width: 899px) {
  body.hq .hq-car__menu { padding-inline: var(--car-edge); }
  body.hq .hq-car__steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .5rem; width: 100%; }
  body.hq .hq-car__step { min-width: 0; min-height: 44px; padding: .7rem 0 .85rem; font-size: 14px; text-align: center; }
  body.hq .hq-car__step > span[aria-hidden="true"]:first-child { display: none; }
  body.hq .hq-car__nav { display: none; }
  body.hq .hq-car__tile { flex-basis: 86vw; grid-template-columns: 1fr; height: auto; gap: 1.25rem; padding: 1rem; }
  body.hq .hq-car__photo { height: auto; aspect-ratio: 16/10; }
  body.hq .hq-car__copy { padding: .25rem; gap: 1rem; }
}
@media (max-width: 767px) {
  body.hq .hq-rexline { max-width: none; padding: .8rem; }
  body.hq .hq-op__q { padding: 1rem; }
  body.hq .hq-hero__title { overflow-wrap: normal; }
}
@media (max-width: 599px) {
  body.hq .hq-stats { grid-template-columns: 1fr; }
  body.hq .hq-stat + .hq-stat { border-left: 0; border-top: 1px solid #262626; }
  body.hq .hq-stat__figure { overflow-wrap: normal; }
}
@media (prefers-reduced-motion: reduce) {
  body.hq .hq-marquee__row { animation: none; width: 100%; }
  body.hq .hq-marquee .hq-marquee__track { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem 2rem; padding: 0 var(--gutter); width: 100%; box-sizing: border-box; }
  body.hq .hq-marquee .hq-marquee__track[aria-hidden="true"] { display: none; }
  body.hq :is(.hq-car__track,.hq-voices__track) { scroll-behavior: auto; }
  body.hq .hq-section *, body.hq .hq-section *::before, body.hq .hq-section *::after { transition: none; }
}
/* V3 review: native layers and continuously moving customer proof. */
body.hq .hq-car__tile { height: auto; min-height: clamp(30rem,62vh,38rem); }
@media (max-width: 899px) {
  body.hq .hq-car__tile { min-height: 0; }
}
@media (max-width: 767px) {
  body.hq { --section: clamp(48px,13vw,64px); }
  body.hq #chatbase-message-bubbles { display: none !important; }
  body.hq .hq-op__key { display: none; }
  body.hq .hq-op__mobile { width: 100%; min-width: 0; }
  body.hq details.hq-mlayer { display: block; box-sizing: border-box; width: 100%; padding: 0 16px; }
  body.hq details.hq-mlayer > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; cursor: pointer; list-style: none; font: 600 16px/1.4 var(--sans); letter-spacing: 0; text-transform: none; }
  body.hq details.hq-mlayer > summary::-webkit-details-marker { display: none; }
  body.hq details.hq-mlayer > summary::after { content: '+'; flex: none; font: 500 24px/1 var(--sans); }
  body.hq details.hq-mlayer[open] > summary::after { content: '−'; }
  body.hq details.hq-mlayer > :not(summary) { margin-bottom: 16px; }
  body.hq details.hq-mlayer > p { font: 500 16px/1.5 var(--sans); }
  body.hq .hq-mchip { display: inline-flex; align-items: center; box-sizing: border-box; min-height: 44px; }
  body.hq .hq-op__dot { min-height: 44px; }
  body.hq .hq-op__dots { flex-wrap: wrap; }
  body.hq .hq-intro { margin-bottom: 28px; gap: 24px; }
  body.hq .hq-intro__lead { gap: 16px; }
  body.hq .hq-section :is(.hq-intro__title,.hq-h2) { font-size: clamp(36px,10vw,48px); text-wrap: balance; }
}
@media (prefers-reduced-motion: reduce) {
  body.hq .hq-qcard[data-clone] { display: none !important; }
  body.hq .hq-voices .hq-qcard figure { transform: none; transition: none; }
  body.hq .hq-voices__track { scroll-behavior: auto; }
}
/* V4c: signup goes directly to XBuild; three sales routes open the existing modal. Native shared button flip retained. */
body.hq :is(.hq-hero__actions,.hq-close__actions) { display: flex; justify-content: center; align-items: center; gap: 16px; }
body.hq .hq-modes__actions { display: flex; justify-content: center; margin-top: 28px; }
body.hq .hq-section .button_main_wrap.hq-cta { display: inline-flex; position: relative; vertical-align: middle; }
body.hq .hq-section .button_main_wrap.hq-cta :is(.button_main_element,.button_hover_element) { box-sizing: border-box; width: 100%; display: flex; align-items: center; justify-content: center; }
/* Keep the base face stable while the contrasting overlay animates, including pointerleave restoration. */
@media (max-width: 479px) {
  body.hq :is(.hq-hero__actions,.hq-close__actions) { flex-direction: column; width: 100%; }
  body.hq .hq-section .button_main_wrap.hq-cta { width: 100%; max-width: 320px; }
}
@media (prefers-reduced-motion: reduce) {
}

@media (max-width: 899px) {
  body.hq .hq-car__photo.hq-car__illustration { aspect-ratio: 6/5; }
}

/* A quiet support launcher; no unsolicited greeting over the hero film. */
body.hq #xbuild-teaser{display:none!important}
body.hq #xbuild-chat-button{width:48px!important;height:48px!important;border-radius:4px!important;background:#0F0F0F!important;color:#F0ECE8!important;border:1px solid #A57C45!important;animation:none!important;box-shadow:none!important}
body.hq #xbuild-btn-icon{color:#F0ECE8!important}
body.hq #xbuild-chat-button[data-hq-occluded="true"]{visibility:hidden!important;pointer-events:none!important}
body.hq #xbuild-chat-button>span:last-child:not(#xbuild-btn-icon){display:none!important}
body.hq #xbuild-chat-widget{background:#0F0F0F!important;backdrop-filter:none!important;border-radius:4px!important;max-width:calc(100vw - 32px)}
body.hq .hq-voices__nav .hq-round{border-color:#756F64}
body.hq .hq-voices__nav .hq-round:is(:hover,:active){background:#F0ECE8;color:#0F0F0F;border-color:#F0ECE8}
/* Holistic polish: stable spacing, quiet controls, and readable construction proof. */
body.hq{--wrap:80rem;--gutter:clamp(24px,4vw,48px);--section:clamp(48px,6vw,88px)}
body.hq .hq-section.hq-hero{padding-top:clamp(112px,10vw,152px);padding-bottom:32px}
body.hq .hq-section.hq-hero .hq-hero__title{margin-top:24px!important;line-height:1.06;max-width:20ch;margin-inline:auto!important}
body.hq .hq-section.hq-hero .hq-hero__actions{margin-top:28px}
body.hq .hq-section.hq-hero .hq-film{margin-top:40px}
body.hq .hq-lockup{--lk:clamp(10px,1.1vw,15px)}
body.hq .hq-usecases .hq-intro__title{font-size:var(--h2)}
body.hq .hq-intro{gap:24px 64px;padding-top:24px;margin-bottom:36px}
body.hq .hq-intro__lead{gap:16px}
body.hq .hq-intro__body{align-content:end;font-size:17px;line-height:1.55}
body.hq .hq-car__track{width:calc(100% - var(--car-edge)*2);margin-inline:auto;padding-inline:0;scroll-padding-inline:0;box-sizing:border-box}
body.hq .hq-car__tile{flex-basis:100%;height:auto;min-height:480px}
body.hq .hq-car__copy{padding:12px;gap:18px}
body.hq .hq-car__photo{min-height:360px}
body.hq .hq-car__caps li{border-radius:3px;padding:6px 9px}
body.hq .hq-op__q{border:1px solid #3d3933}
body.hq .hq-op__keyn{color:var(--text-2-paper);font-variant-numeric:tabular-nums;letter-spacing:0}
body.hq .hq-stat{gap:16px;padding:28px 24px}
body.hq .hq-qcard figure{transform:none!important;transition:none}
body.hq .hq-qcard blockquote p{font-size:clamp(19px,1.5vw,22px);line-height:1.5;font-weight:500}
body.hq .hq-qcard figcaption{border-top:1px solid #DBD6CE;padding-top:20px;font-size:14px}
body.hq .hq-qcard__avatar{background:#DBD6CE;color:#0F0F0F;font:600 14px/1 var(--sans);border-radius:4px}
body.hq .hq-qcard__top{padding-right:44px}
body.hq .hq-voices__track{grid-auto-columns:calc((100% - 24px)/2);padding:8px 0;scroll-snap-type:x mandatory}
body.hq .hq-qcard{scroll-snap-align:start}
body.hq .hq-story__title{font-size:clamp(22px,2.2vw,30px);line-height:1.13}
body.hq .hq-close .hq-h2{font-size:clamp(32px,4.5vw,56px);line-height:1.1;max-width:23ch}
body.hq :is(.nav_desktop_layout,.nav_mobile_layout){border:1px solid #DBD6CE;border-radius:16px;background:#FFFFFF;box-shadow:0 4px 16px rgba(15,15,15,.05)}
body.hq .button_hover_element{display:none!important}
body.hq .hq-logoband{padding-block:32px}
body.hq .hq-logos__head{margin-bottom:0}
body.hq .hq-logos__title{font-size:clamp(22px,2.2vw,30px);font-weight:500}
body.hq .hq-logos__sub{margin-top:12px;color:#A9A398}
@media(max-width:899px){body.hq .hq-intro{grid-template-columns:1fr;gap:20px}body.hq .hq-intro__body{max-width:60ch}body.hq .hq-car__tile{min-height:0;flex-basis:100%}body.hq .hq-car__photo{min-height:0}body.hq .hq-car__copy{padding:4px}}
@media(max-width:767px){body.hq{--section:48px;--h1:clamp(36px,9.3vw,48px);--h2:clamp(30px,7.6vw,40px);--h4:26px}body.hq .hq-section.hq-hero{padding-top:112px}body.hq .hq-section.hq-hero .hq-hero__title{margin-top:20px!important}body.hq .hq-section.hq-hero .hq-film{margin-top:32px}body.hq .hq-voices__track{grid-auto-columns:100%}body.hq .hq-stat{padding:24px 0}body.hq .hq-intro{margin-bottom:28px}body.hq .hq-car__ask{font-size:16px;line-height:1.5}body.hq .hq-close .hq-h2{font-size:32px}}

/* Close and guardrails use the XBuild wordmark (wide), not the square seal. */
body.hq .hq-close__logo { width: clamp(9rem, 13vw, 11.5rem); height: auto; }
body.hq .ind-guardrails__logo { width: 140px; height: auto; flex: none; }
@media (max-width: 767px) { body.hq .hq-close__logo { width: 8.5rem; } body.hq .ind-guardrails__logo { width: 112px; } }