/* PLM showroom identity; form behavior and conversion hooks stay unchanged. */
:root,
html[data-theme=dark] {
  color-scheme: dark;
  --paper: #101013;
  --stone: #18181c;
  --ink: #f1f0ee;
  --muted: #b2b1b8;
  --line: #ffffff1c;
  --accent: #782ddd;
  --accent-hover: #8943e6;
}
html[data-theme=light] {
  color-scheme: light;
  --paper: #f7f6f3;
  --stone: #eeedea;
  --ink: #17161b;
  --muted: #5e5b64;
  --line: #15121b26;
  --accent: #7130c3;
  --accent-hover: #6027a7;
}
body { font-family: 'Manrope', Arial, sans-serif; }
.wrap { max-width: 1392px; padding-inline: 56px; }
.brand svg { color: #8a4bff; width: 92px; height: auto; flex-shrink: 0; }
.brand span {
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .07em;
  line-height: 1.5;
  border-left: 1px solid var(--line);
  padding-left: 14px;
}
.navigation { background: var(--paper); }
.utility, footer { background: #101013; }
h1, h2 {
  font-family: 'Instrument Serif', Georgia, serif;
  font-weight: 400;
  letter-spacing: -.025em;
}
h1 { font-size: clamp(3.75rem, 6.5vw, 6.5rem); line-height: .98; }
h1 span { color: #be8ded; }
h2 { font-size: clamp(2rem, 4vw, 3.5rem); }
.eyebrow, .number, .mono, .form-progress, .brand span {
  font-family: 'Manrope', Arial, sans-serif;
}
.eyebrow, .number, .process .mono,
.form-progress span:first-child,
.form-progress[data-step=contact] span:last-child { color: #c29bed; }
html[data-theme=light] .eyebrow,
html[data-theme=light] .number,
html[data-theme=light] .process .mono,
html[data-theme=light] .form-progress span:first-child,
html[data-theme=light] .form-progress[data-step=contact] span:last-child { color: #7136b3; }
.eyebrow { font-size: 12px; font-weight: 700; }
.eyebrow.light { color: #d1bfef; }
.button, html[data-theme=dark] .button,
html[data-theme=dark] .mobile-action a:last-child { color: #fff; }
.button { font-weight: 700; }
.lighting-card figure { border: 1px solid var(--line); }
.lighting-card figcaption { font-size: 12px; }
.lighting-card.offset { margin-top: 0; }
.lighting-card h3 { font-family: 'Manrope', Arial, sans-serif; }
.tags span { font-size: 12px; }
.form-panel { background: var(--stone); }
.field input, .field textarea { background: var(--paper); }
.choices label:has(:checked) { border-color: #ad72ee; background: #782ddd14; }
.error, #form-status[data-kind=error] { color: #ff9fb3; }
html[data-theme=light] .error,
html[data-theme=light] #form-status[data-kind=error] { color: #a51e3b; }
.form-progress[data-step=contact] span:first-child { color: var(--muted); }
@media (max-width: 700px) {
  html { scroll-padding-top: 140px; }
  .lighting-card { scroll-margin-top: 140px; }
  .wrap { padding-inline: 22px; }
  .brand { gap: 10px; }
  .brand svg { width: 64px; height: auto; }
  .brand span { font-size: 12px; letter-spacing: .04em; padding-left: 10px; }
  .nav-inner { flex-wrap: wrap; height: auto; min-height: 118px; padding-block: 14px; gap: 12px; }
  .nav-inner nav { width: 100%; justify-content: space-between; }
  .nav-inner .button.small { flex: 1; justify-content: center; font-size: 12px; }
  .brand span { white-space: nowrap; }
  h1 { font-size: 64px; }
  .hero .eyebrow { font-size: 11px; }
}