/*
  DBM Spatial Commercial
  Route-owned finishing for Engines, Services, and Pricing.
  Lightweight CSS 3D only: physical plates, rails, depth, and material changes.
  Loaded after the existing shared commercial layers.
*/

body.dbm-commercial-page.dbm-engines-page,
body.dbm-commercial-page.dbm-services-page,
body.dbm-commercial-page.dbm-pricing-page {
  --spatial-ink: #edf5ef;
  --spatial-muted: #aebdb6;
  --spatial-deep: #07110f;
  --spatial-panel: #102019;
  --spatial-panel-2: #162b22;
  --spatial-line: rgba(195, 220, 207, .24);
  --spatial-lime: #7ec820;
  --spatial-cyan: #75d4ed;
  --spatial-amber: #f1c46b;
  --spatial-orange: #dd5d31;
}

body.dbm-commercial-page.dbm-engines-page main,
body.dbm-commercial-page.dbm-services-page main,
body.dbm-commercial-page.dbm-pricing-page main {
  isolation: isolate;
}

body.dbm-commercial-page.dbm-engines-page main > .dbm-section,
body.dbm-commercial-page.dbm-services-page main > .dbm-section,
body.dbm-commercial-page.dbm-pricing-page main > .dbm-section {
  position: relative;
}

/* Shared spatial hero geometry */
body.dbm-commercial-page.dbm-engines-page main > .dbm-spatial-hero,
body.dbm-commercial-page.dbm-services-page main > .dbm-spatial-hero,
body.dbm-commercial-page.dbm-pricing-page main > .dbm-spatial-hero {
  overflow: visible;
  max-width: 100%;
}

body.dbm-commercial-page.dbm-engines-page main .dbm-button,
body.dbm-commercial-page.dbm-services-page main .dbm-button,
body.dbm-commercial-page.dbm-pricing-page main .dbm-button {
  color: #07110f;
}

body.dbm-commercial-page.dbm-engines-page main .dbm-button.alt,
body.dbm-commercial-page.dbm-services-page main .dbm-button.alt,
body.dbm-commercial-page.dbm-pricing-page main .dbm-button.alt {
  color: var(--dbm-text, var(--spatial-ink));
  border-color: var(--dbm-text, var(--spatial-ink));
}

body.dbm-commercial-page.dbm-engines-page .dbm-spatial-scene,
body.dbm-commercial-page.dbm-services-page .dbm-workfloor-scene,
body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-board,
body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-offer-row {
  max-width: 100%;
  min-width: 0;
}

body.dbm-commercial-page.dbm-engines-page .dbm-spatial-scene,
body.dbm-commercial-page.dbm-services-page .dbm-workfloor-scene {
  overflow: visible;
}

body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-offer-row > * {
  min-width: 0;
  overflow-wrap: anywhere;
}

body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-offer-row a,
body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-offer-row button {
  max-width: 100%;
  white-space: normal;
}

body.dbm-commercial-page.dbm-engines-page main > .dbm-spatial-hero,
body.dbm-commercial-page.dbm-services-page main > .dbm-spatial-hero,
body.dbm-commercial-page.dbm-pricing-page main > .dbm-spatial-hero {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr);
  gap: clamp(28px, 5vw, 76px);
  align-items: center;
  padding-block: clamp(42px, 7vw, 92px) clamp(52px, 8vw, 110px);
  isolation: isolate;
  overflow: clip;
}

body.dbm-commercial-page.dbm-engines-page .dbm-spatial-hero-copy,
body.dbm-commercial-page.dbm-services-page .dbm-spatial-hero-copy,
body.dbm-commercial-page.dbm-pricing-page .dbm-spatial-hero-copy {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  position: relative;
  z-index: 10;
}

body.dbm-commercial-page.dbm-engines-page main > .dbm-spatial-hero > .dbm-spatial-scene,
body.dbm-commercial-page.dbm-services-page main > .dbm-spatial-hero > .dbm-workfloor-scene,
body.dbm-commercial-page.dbm-pricing-page main > .dbm-spatial-hero > .dbm-pricing-board {
  grid-column: 2;
  grid-row: 1;
}

body.dbm-commercial-page.dbm-engines-page main > .dbm-spatial-hero::before,
body.dbm-commercial-page.dbm-engines-page main > .dbm-spatial-hero::after,
body.dbm-commercial-page.dbm-services-page main > .dbm-spatial-hero::before,
body.dbm-commercial-page.dbm-services-page main > .dbm-spatial-hero::after,
body.dbm-commercial-page.dbm-pricing-page main > .dbm-spatial-hero::before,
body.dbm-commercial-page.dbm-pricing-page main > .dbm-spatial-hero::after {
  display: none;
}

body.dbm-commercial-page.dbm-engines-page .dbm-spatial-hero-copy h1,
body.dbm-commercial-page.dbm-services-page .dbm-spatial-hero-copy h1,
body.dbm-commercial-page.dbm-pricing-page .dbm-spatial-hero-copy h1 {
  max-width: 14ch;
  margin-block: 14px 22px;
  font-size: clamp(38px, 4.4vw, 52px);
  line-height: .98;
  letter-spacing: -.055em;
}

body.dbm-commercial-page.dbm-engines-page .dbm-spatial-hero-copy .dbm-lede,
body.dbm-commercial-page.dbm-services-page .dbm-spatial-hero-copy .dbm-lede,
body.dbm-commercial-page.dbm-pricing-page .dbm-spatial-hero-copy .dbm-lede {
  max-width: 59ch;
  font-size: clamp(17px, 1.55vw, 20px);
}

body.dbm-commercial-page.dbm-engines-page .dbm-spatial-hero-copy .dbm-actions,
body.dbm-commercial-page.dbm-services-page .dbm-spatial-hero-copy .dbm-actions,
body.dbm-commercial-page.dbm-pricing-page .dbm-spatial-hero-copy .dbm-actions {
  margin-top: 28px;
}

.dbm-spatial-scene {
  position: relative;
  min-height: 460px;
  z-index: 1;
  isolation: isolate;
  perspective: 1200px;
  transform-style: preserve-3d;
  overflow: hidden;
}

.dbm-spatial-scene::before {
  content: "";
  position: absolute;
  inset: 8% 4% 5%;
  z-index: -2;
  border: 1px solid rgba(117, 212, 237, .2);
  background:
    linear-gradient(90deg, transparent 49.7%, rgba(117, 212, 237, .1) 50%, transparent 50.3%),
    linear-gradient(0deg, transparent 49.7%, rgba(117, 212, 237, .1) 50%, transparent 50.3%),
    #0a1717;
  background-size: 76px 76px;
  transform: rotateX(58deg) rotateZ(-8deg) translateZ(-48px);
  transform-origin: center;
  box-shadow: 18px 22px 0 rgba(4, 10, 9, .72), inset 0 0 0 10px rgba(6, 15, 13, .42);
}

.dbm-spatial-scene::after {
  content: "DBM / FIELD ASSEMBLY";
  position: absolute;
  right: 6%;
  bottom: 3%;
  color: rgba(237, 245, 239, .5);
  font: 800 10px/1 ui-monospace, monospace;
  letter-spacing: .18em;
}

.dbm-scene-shadow {
  position: absolute;
  left: 13%;
  right: 11%;
  bottom: 5%;
  height: 46px;
  background: rgba(0, 0, 0, .46);
  transform: rotateX(63deg) rotateZ(-8deg) translateZ(-24px);
  filter: blur(8px);
}

.dbm-spatial-module {
  position: absolute;
  display: block;
  overflow: visible;
  padding: 19px 20px 18px;
  border: 1px solid var(--spatial-line);
  border-radius: 4px;
  color: var(--spatial-ink);
  text-decoration: none;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  transition: transform .24s ease, border-color .24s ease;
  box-shadow: 10px 12px 0 rgba(3, 9, 7, .52), inset 0 1px rgba(255, 255, 255, .08);
}

.dbm-spatial-module::before,
.dbm-spatial-module::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.dbm-spatial-module::before {
  inset: 7px -9px -9px 7px;
  z-index: -1;
  border: 1px solid rgba(0, 0, 0, .4);
  background: #091511;
  transform: translateZ(-15px);
}

.dbm-spatial-module::after {
  top: 9px;
  right: -10px;
  bottom: -9px;
  width: 10px;
  background: #0a1712;
  border-right: 1px solid rgba(255, 255, 255, .08);
  transform: skewY(45deg) translateZ(-3px);
  transform-origin: left top;
}

.dbm-spatial-module:hover,
.dbm-spatial-module:focus-visible {
  border-color: currentColor;
}

.dbm-spatial-module:focus-visible {
  outline: 3px solid var(--spatial-cyan);
  outline-offset: 6px;
}

.dbm-spatial-module .dbm-module-index,
.dbm-spatial-module .dbm-module-kicker {
  display: block;
  font: 800 10px/1.2 ui-monospace, monospace;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.dbm-spatial-module .dbm-module-index {
  margin-bottom: 12px;
  color: currentColor;
  opacity: .84;
}

.dbm-spatial-module .dbm-module-kicker {
  margin-top: 8px;
  color: var(--spatial-muted);
  letter-spacing: .08em;
}

.dbm-spatial-module strong {
  display: block;
  font: 800 clamp(21px, 2.1vw, 30px)/1 var(--dbm-font-display, Orbitron, sans-serif);
  letter-spacing: -.04em;
}

.dbm-spatial-module small {
  display: block;
  margin-top: 8px;
  color: var(--spatial-muted);
  font: 500 12px/1.45 var(--dbm-font-body, Inter, sans-serif);
}

.dbm-scene-conduit {
  position: absolute;
  display: block;
  z-index: -1;
  height: 2px;
  transform-origin: left center;
  background: var(--spatial-cyan);
  opacity: .72;
  box-shadow: 5px 5px 0 rgba(4, 10, 9, .62);
}

.dbm-scene-conduit::after {
  content: "";
  position: absolute;
  right: -5px;
  top: -4px;
  width: 9px;
  height: 9px;
  border: 2px solid currentColor;
  border-radius: 50%;
  background: var(--spatial-deep);
}

/* Engines: three primary choices sit on one physical assembly, with support nodes behind. */
body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-engine-module-content {
  top: 8%;
  left: 2%;
  width: 42%;
  color: var(--spatial-lime);
  background: linear-gradient(150deg, #183b2a, #0d2119 72%);
  transform: rotateY(8deg) rotateX(2deg) translateZ(76px);
}

body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-engine-module-path {
  top: 34%;
  right: 8%;
  width: 36%;
  color: var(--spatial-cyan);
  background: linear-gradient(150deg, #123541, #0d1d22 72%);
  transform: rotateY(-9deg) rotateX(2deg) translateZ(42px);
}

body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-engine-module-care {
  left: 3%;
  bottom: 3%;
  width: 36%;
  color: var(--spatial-amber);
  background: linear-gradient(150deg, #403220, #211b14 72%);
  transform: rotateY(7deg) rotateX(2deg) translateZ(60px);
}

body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-engine-module-review,
body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-engine-module-compliance {
  right: 2%;
  width: 23%;
  padding: 13px 14px;
  color: #d8ff9a;
  background: #13241b;
  transform: rotateY(-11deg) rotateX(1deg) translateZ(18px);
}

body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-engine-module-review { top: 4%; right: 1%; }
body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-engine-module-compliance { bottom: 1%; right: 1%; }
body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-engine-module-review strong,
body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-engine-module-compliance strong { font-size: 17px; }
body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-engine-module-review small,
body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-engine-module-compliance small { font-size: 11px; }

body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-conduit-content-path {
  top: 34%; left: 34%; width: 25%; transform: rotate(9deg);
}
body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-conduit-path-care {
  top: 66%; left: 28%; width: 22%; transform: rotate(-25deg);
  color: var(--spatial-amber); background: var(--spatial-amber);
}
body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-conduit-content-care {
  top: 51%; left: 29%; width: 20%; transform: rotate(88deg);
  color: var(--spatial-lime); background: var(--spatial-lime);
}

body.dbm-commercial-page.dbm-engines-page .dbm-engine-system {
  padding-top: clamp(36px, 6vw, 84px);
}

body.dbm-commercial-page.dbm-engines-page .dbm-engine-decision-board {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
  align-items: stretch;
}

body.dbm-commercial-page.dbm-engines-page .dbm-engine-decision-primary,
body.dbm-commercial-page.dbm-engines-page .dbm-engine-decision-secondary > article,
body.dbm-commercial-page.dbm-engines-page .dbm-support-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--spatial-line);
  border-radius: 5px;
  background: linear-gradient(150deg, #183b2a, #0a1712 75%);
  box-shadow: 12px 14px 0 rgba(2, 8, 6, .42), inset 0 1px rgba(255, 255, 255, .08);
}

body.dbm-commercial-page.dbm-engines-page .dbm-engine-decision-primary {
  display: flex;
  min-height: 380px;
  flex-direction: column;
  padding: clamp(24px, 3.8vw, 48px);
  border-top: 4px solid var(--spatial-lime);
}

body.dbm-commercial-page.dbm-engines-page .dbm-engine-decision-primary::after {
  content: "CONTENT / APPROVED WEEK";
  position: absolute;
  right: 22px;
  bottom: 20px;
  color: rgba(216, 255, 154, .62);
  font: 800 10px/1 ui-monospace, monospace;
  letter-spacing: .13em;
  transform: rotate(-90deg) translateX(100%);
  transform-origin: right bottom;
}

body.dbm-commercial-page.dbm-engines-page .dbm-engine-decision-primary .dbm-button { align-self: flex-start; margin-top: auto; }

body.dbm-commercial-page.dbm-engines-page .dbm-engine-decision-secondary {
  display: grid;
  gap: 18px;
}

body.dbm-commercial-page.dbm-engines-page .dbm-engine-decision-secondary > article {
  display: flex;
  min-height: 190px;
  flex-direction: column;
  padding: 24px;
}

body.dbm-commercial-page.dbm-engines-page .dbm-engine-decision-secondary > article:first-child {
  border-top: 4px solid var(--spatial-cyan);
  background: linear-gradient(150deg, #123541, #0a171b 75%);
}

body.dbm-commercial-page.dbm-engines-page .dbm-engine-decision-secondary > article:last-child {
  border-top: 4px solid var(--spatial-amber);
  background: linear-gradient(150deg, #403220, #211b14 75%);
}

body.dbm-commercial-page.dbm-engines-page .dbm-engine-decision-secondary .dbm-button { align-self: flex-start; margin-top: auto; }
body.dbm-commercial-page.dbm-engines-page .dbm-engine-price { margin: 18px 0 12px; color: #d8ff9a; font: 800 24px/1.1 var(--dbm-font-display, Orbitron, sans-serif); }
body.dbm-commercial-page.dbm-engines-page .dbm-engine-price small { display: block; margin-top: 7px; color: var(--spatial-muted); font: 500 12px/1.45 var(--dbm-font-body, Inter, sans-serif); }

body.dbm-commercial-page.dbm-engines-page .dbm-support-section {
  padding-block: clamp(44px, 7vw, 88px);
  background: #0b1713;
}

body.dbm-commercial-page.dbm-engines-page .dbm-support-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

body.dbm-commercial-page.dbm-engines-page .dbm-support-card {
  min-height: 300px;
  padding: clamp(22px, 3vw, 34px);
  border-top: 3px solid var(--spatial-line);
  background: #13231b;
}

body.dbm-commercial-page.dbm-engines-page .dbm-support-card:first-child { border-top-color: var(--spatial-orange); }
body.dbm-commercial-page.dbm-engines-page .dbm-support-card:last-child { border-top-color: var(--spatial-amber); }
body.dbm-commercial-page.dbm-engines-page .dbm-support-card a { margin-top: 15px; display: inline-flex; }
body.dbm-commercial-page.dbm-engines-page .dbm-owner-note { margin-top: 20px; padding: 15px 17px; border-left: 3px solid var(--spatial-amber); background: rgba(241, 196, 107, .07); color: var(--spatial-muted); }

/* Services: the hero and body share one connected work-floor. */
body.dbm-commercial-page.dbm-services-page main > .dbm-spatial-hero {
  grid-template-columns: minmax(0, .95fr) minmax(380px, 1.05fr);
}

body.dbm-commercial-page.dbm-services-page .dbm-spatial-hero-copy h1 { max-width: 17ch; }

.dbm-workfloor-scene {
  position: relative;
  min-height: 420px;
  perspective: 1100px;
  transform-style: preserve-3d;
  isolation: isolate;
  overflow: hidden;
}

.dbm-workfloor-scene::before {
  content: "";
  position: absolute;
  inset: 18% 2% 12%;
  border: 0;
  background:
    repeating-linear-gradient(157deg, transparent 0 54px, rgba(126, 200, 32, .3) 55px 56px, transparent 57px 96px),
    linear-gradient(157deg, transparent 0 49%, rgba(117, 212, 237, .22) 49.2% 49.6%, transparent 50%);
  transform: rotateX(62deg) rotateZ(-13deg) translateZ(-45px) scale(1.08);
  transform-origin: center;
  opacity: .9;
}

.dbm-workfloor-scene::after {
  content: "DIAGNOSE  →  REPAIR  →  BUILD  →  MAINTAIN";
  position: absolute;
  right: 2%;
  bottom: 4%;
  color: rgba(215, 255, 190, .58);
  font: 800 9px/1 ui-monospace, monospace;
  letter-spacing: .12em;
  transform: rotate(-13deg);
}

.dbm-workfloor-track {
  position: absolute;
  inset: 7% 5% 8%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  align-items: center;
  transform-style: preserve-3d;
}

.dbm-workfloor-step {
  position: relative;
  display: flex;
  min-height: 184px;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px 15px;
  border: 1px solid rgba(237, 245, 239, .2);
  border-radius: 3px;
  color: var(--spatial-ink);
  text-decoration: none;
  background: rgba(13, 29, 23, .93);
  transform: rotateX(10deg) rotateY(-10deg) rotateZ(-2deg) translateZ(18px);
  box-shadow: 12px 16px 0 rgba(3, 9, 7, .68), inset 0 1px rgba(255, 255, 255, .08);
  backface-visibility: hidden;
  transition: transform .24s ease, border-color .24s ease;
}

.dbm-workfloor-step:nth-child(2) { background: rgba(46, 36, 28, .94); transform: rotateX(10deg) rotateY(-3deg) rotateZ(-1deg) translateZ(34px); }
.dbm-workfloor-step:nth-child(3) { background: rgba(22, 43, 49, .94); transform: rotateX(10deg) rotateY(4deg) rotateZ(1deg) translateZ(52px); }
.dbm-workfloor-step:nth-child(4) { background: rgba(33, 55, 33, .94); transform: rotateX(10deg) rotateY(11deg) rotateZ(2deg) translateZ(70px); }
.dbm-workfloor-step::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 8px;
  right: -13px;
  bottom: -10px;
  width: 13px;
  border-right: 1px solid rgba(237, 245, 239, .16);
  background: #09140f;
  transform: skewY(45deg) translateZ(-12px);
  transform-origin: left top;
}
.dbm-workfloor-step:hover,
.dbm-workfloor-step:focus-visible { border-color: currentColor; }
.dbm-workfloor-step:focus-visible { outline: 3px solid var(--spatial-cyan); outline-offset: 5px; }
.dbm-workfloor-step strong { font: 800 clamp(18px, 2vw, 27px)/1 var(--dbm-font-display, Orbitron, sans-serif); }
.dbm-workfloor-step span { color: var(--spatial-muted); font: 800 10px/1.3 ui-monospace, monospace; letter-spacing: .13em; text-transform: uppercase; }
.dbm-workfloor-step small { color: var(--spatial-muted); font-size: 12px; line-height: 1.45; }
.dbm-workfloor-step::after { content: ""; position: absolute; right: -12px; top: 50%; width: 12px; height: 2px; background: var(--spatial-lime); }
.dbm-workfloor-step:last-child::after { display: none; }

body.dbm-commercial-page.dbm-services-page .dbm-workfloor-section {
  padding-block: clamp(44px, 7vw, 92px);
}

body.dbm-commercial-page.dbm-services-page .dbm-workfloor-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

body.dbm-commercial-page.dbm-services-page .dbm-workfloor-bay {
  display: flex;
  min-height: 410px;
  flex-direction: column;
  padding: clamp(21px, 2.5vw, 32px);
  border: 1px solid var(--spatial-line);
  border-top: 3px solid var(--spatial-lime);
  border-radius: 4px;
  background: linear-gradient(155deg, #183b2a, #0b1712 76%);
  box-shadow: 8px 11px 0 rgba(3, 9, 7, .36), inset 0 1px rgba(255, 255, 255, .07);
}

body.dbm-commercial-page.dbm-services-page .dbm-workfloor-bay:nth-child(1) { border-top-color: var(--spatial-cyan); background: linear-gradient(155deg, #123541, #0b171b 76%); }
body.dbm-commercial-page.dbm-services-page .dbm-workfloor-bay:nth-child(2) { border-top-color: var(--spatial-orange); background: linear-gradient(155deg, #3d2b22, #17120f 76%); }
body.dbm-commercial-page.dbm-services-page .dbm-workfloor-bay:nth-child(3) { border-top-color: #b7c8bf; background: linear-gradient(155deg, #27352e, #0b1712 76%); }
body.dbm-commercial-page.dbm-services-page .dbm-workfloor-bay:nth-child(4) { border-top-color: var(--spatial-lime); background: linear-gradient(155deg, #183b2a, #0b1712 76%); }
body.dbm-commercial-page.dbm-services-page .dbm-workfloor-bay .dbm-button { align-self: flex-start; margin-top: auto; }
body.dbm-commercial-page.dbm-services-page .dbm-workfloor-bay ul { padding-left: 18px; color: var(--spatial-muted); }
body.dbm-commercial-page.dbm-services-page .dbm-workfloor-bay li + li { margin-top: 5px; }

body.dbm-commercial-page.dbm-services-page .dbm-content-engine-deck {
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 18px;
  align-items: stretch;
}

body.dbm-commercial-page.dbm-services-page .dbm-content-engine-primary,
body.dbm-commercial-page.dbm-services-page .dbm-approval-panel {
  border: 1px solid var(--spatial-line);
  border-radius: 4px;
  box-shadow: 10px 12px 0 rgba(3, 9, 7, .4), inset 0 1px rgba(255, 255, 255, .08);
}

body.dbm-commercial-page.dbm-services-page .dbm-content-engine-primary {
  min-height: 320px;
  padding: clamp(24px, 4vw, 46px);
  border-left: 4px solid var(--spatial-lime);
  background: linear-gradient(145deg, #193d2a, #0a1712 78%);
}

body.dbm-commercial-page.dbm-services-page .dbm-content-engine-price {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 24px;
}

body.dbm-commercial-page.dbm-services-page .dbm-content-engine-price strong {
  display: block;
  color: #d8ff9a;
  font: 800 28px/1.1 var(--dbm-font-display, Orbitron, sans-serif);
}

body.dbm-commercial-page.dbm-services-page .dbm-approval-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(24px, 3vw, 36px);
  background: #13221b;
}

body.dbm-commercial-page.dbm-services-page .dbm-approval-checklist {
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  color: var(--spatial-muted);
}

body.dbm-commercial-page.dbm-services-page .dbm-approval-checklist li {
  padding: 10px 0 10px 24px;
  border-top: 1px solid rgba(195, 220, 207, .15);
  position: relative;
}

body.dbm-commercial-page.dbm-services-page .dbm-approval-checklist li::before { content: "✓"; position: absolute; left: 0; color: var(--spatial-lime); font-weight: 800; }

body.dbm-commercial-page.dbm-services-page .dbm-service-evidence {
  padding-block: clamp(44px, 7vw, 90px);
  background: #0b1713;
}

body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-layout {
  display: grid;
  grid-template-columns: 1.22fr .78fr;
  gap: 18px;
  align-items: stretch;
}

body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-feature,
body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-item {
  display: block;
  overflow: hidden;
  border: 1px solid var(--spatial-line);
  border-radius: 4px;
  color: var(--spatial-ink);
  text-decoration: none;
  background: #13231b;
  box-shadow: 8px 10px 0 rgba(3, 9, 7, .38);
  transition: border-color .24s ease, transform .24s ease;
}

body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-feature:hover,
body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-feature:focus-visible,
body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-item:hover,
body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-item:focus-visible { border-color: var(--spatial-lime); }
body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-feature:focus-visible,
body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-item:focus-visible { outline: 3px solid var(--spatial-cyan); outline-offset: 5px; }
body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-feature img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; object-position: top; }
body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-feature > div { padding: 22px 24px 26px; }
body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-feature h3 { margin: 8px 0 6px; font-size: clamp(25px, 3vw, 42px); }
body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-list { display: grid; gap: 14px; }
body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-item { min-height: 0; }
body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-item img { display: block; width: 100%; aspect-ratio: 16 / 8; object-fit: cover; object-position: top; }
body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-item div { padding: 16px 18px 18px; }
body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-item strong { display: block; margin-bottom: 5px; }
body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-item span { color: var(--spatial-muted); font-size: 13px; line-height: 1.45; }
body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-item.is-text { padding: 22px; background: linear-gradient(145deg, #183b2a, #0b1712); }

/* Pricing: stable comparison, not a dial or carousel. */
body.dbm-commercial-page.dbm-pricing-page main > .dbm-spatial-hero {
  grid-template-columns: minmax(0, .86fr) minmax(380px, 1.14fr);
}

body.dbm-commercial-page.dbm-pricing-page .dbm-spatial-hero-copy h1 { max-width: 15ch; }

.dbm-pricing-board {
  position: relative;
  min-height: 408px;
  padding: 24px;
  border: 1px solid var(--spatial-line);
  border-radius: 4px;
  color: #17241c;
  background: #d8d1bf;
  border-color: #7b887b;
  box-shadow: 14px 16px 0 rgba(3, 9, 7, .46), inset 0 1px rgba(255, 255, 255, .7);
  transform: perspective(1400px) rotateY(-8deg) rotateX(3deg) translateZ(12px);
  transform-style: preserve-3d;
  overflow: visible;
}

.dbm-pricing-board::before {
  content: "COMMITMENT / COMPARISON BOARD";
  display: block;
  margin-bottom: 20px;
  color: #276c68;
  font: 800 10px/1 ui-monospace, monospace;
  letter-spacing: .15em;
}

.dbm-pricing-board::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 12px -18px -18px 18px;
  border: 1px solid #667467;
  background: #a9aa93;
  transform: translateZ(-18px) skewY(2deg);
  box-shadow: 14px 16px 0 rgba(3, 9, 7, .38);
}

.dbm-price-track {
  position: absolute;
  left: 33px;
  top: 80px;
  bottom: 38px;
  width: 2px;
  background: #738678;
}

.dbm-price-row {
  position: relative;
  display: grid;
  grid-template-columns: 100px 1fr auto;
  gap: 16px;
  align-items: center;
  min-height: 69px;
  margin: 12px 0 12px 23px;
  padding: 14px 16px 14px 26px;
  border: 1px solid #8c998b;
  border-radius: 3px;
  color: #17241c;
  background: #f2eee4;
  box-shadow: 5px 6px 0 rgba(50, 63, 48, .34), inset 0 1px rgba(255, 255, 255, .8);
  transform: translateZ(14px) rotateX(1deg);
  transform-style: preserve-3d;
}

.dbm-price-row::before {
  content: "";
  position: absolute;
  left: -30px;
  width: 11px;
  height: 11px;
  border: 2px solid #6a9b22;
  border-radius: 50%;
  background: #d8d1bf;
}

.dbm-price-row::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 7px;
  right: -9px;
  bottom: -7px;
  width: 9px;
  background: #b9b69f;
  border-right: 1px solid #7b887b;
  transform: skewY(45deg);
}

.dbm-price-row:nth-of-type(3)::before { border-color: var(--spatial-cyan); }
.dbm-price-row:nth-of-type(4)::before { border-color: var(--spatial-amber); }
.dbm-price-row:nth-of-type(5)::before { border-color: var(--spatial-orange); }
.dbm-price-row:nth-of-type(4) { transform: translateZ(24px) rotateX(1deg); }
.dbm-price-row:nth-of-type(5) { transform: translateZ(34px) rotateX(1deg); }
.dbm-price-row > span { color: #53665a; font: 800 10px/1.3 ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; }
.dbm-price-row strong { color: #17241c; font: 800 clamp(20px, 2.3vw, 31px)/1 var(--dbm-font-display, Orbitron, sans-serif); }
.dbm-price-row small { color: #53665a; font-size: 12px; }

body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-comparison-section { padding-top: clamp(42px, 6vw, 80px); }

body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-comparison {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-choice {
  display: flex;
  min-height: 360px;
  flex-direction: column;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid var(--spatial-line);
  border-top: 4px solid var(--spatial-lime);
  border-radius: 4px;
  background: #13231b;
  box-shadow: 8px 11px 0 rgba(3, 9, 7, .38), inset 0 1px rgba(255, 255, 255, .08);
}

body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-choice:nth-child(2) { border-top-color: var(--spatial-cyan); background: #10242a; }
body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-choice:nth-child(3) { border-top-color: var(--spatial-amber); background: #282116; }
body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-choice .price { margin: 20px 0 14px; color: #d8ff9a; font-size: clamp(23px, 2.5vw, 34px); line-height: 1.15; }
body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-choice .offer-actions { margin-top: auto; }

body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-tier {
  padding-block: clamp(42px, 6vw, 78px);
  border-top: 1px solid rgba(195, 220, 207, .22);
}

body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-tier-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, .7fr);
  gap: 30px;
  align-items: end;
  margin-bottom: 22px;
}

body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-offer-list {
  display: grid;
  gap: 9px;
}

body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-offer-row {
  display: grid;
  grid-template-columns: minmax(150px, .75fr) minmax(0, 1.6fr) minmax(150px, .65fr);
  gap: 22px;
  align-items: center;
  padding: 19px 20px;
  border: 1px solid var(--spatial-line);
  border-left: 3px solid var(--spatial-line);
  border-radius: 3px;
  background: #111f19;
  box-shadow: 5px 6px 0 rgba(3, 9, 7, .25);
}

body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-offer-row:nth-child(2n) { background: #0e1a16; }
body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-offer-row h3 { margin: 0; font-size: 20px; }
body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-offer-row p { margin: 0; color: var(--spatial-muted); }
body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-offer-row .price { color: #d8ff9a; font: 800 20px/1.25 var(--dbm-font-display, Orbitron, sans-serif); }
body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-offer-row .offer-actions { justify-content: flex-end; margin: 0; }

body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-tier--recurring .dbm-pricing-offer-row { border-left-color: var(--spatial-lime); }
body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-tier--scoped .dbm-pricing-offer-row { border-left-color: var(--spatial-cyan); }
body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-tier--evidence .dbm-pricing-offer-row { border-left-color: var(--spatial-amber); }
body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-tier--defined .dbm-pricing-offer-row { border-left-color: var(--spatial-orange); }

body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-faq {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-faq details {
  padding: 18px 20px;
  border: 1px solid var(--spatial-line);
  border-radius: 3px;
  background: #111f19;
}

body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-faq summary { cursor: pointer; font-weight: 800; }
body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-faq p { color: var(--spatial-muted); }

/* Narrow layouts keep the authored order and turn the assembly into a readable stack. */
@media (max-width: 980px) {
  body.dbm-commercial-page.dbm-engines-page main > .dbm-spatial-hero,
  body.dbm-commercial-page.dbm-services-page main > .dbm-spatial-hero,
  body.dbm-commercial-page.dbm-pricing-page main > .dbm-spatial-hero {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  body.dbm-commercial-page.dbm-engines-page main > .dbm-spatial-hero > .dbm-spatial-scene,
  body.dbm-commercial-page.dbm-services-page main > .dbm-spatial-hero > .dbm-workfloor-scene,
  body.dbm-commercial-page.dbm-pricing-page main > .dbm-spatial-hero > .dbm-pricing-board {
    grid-column: 1;
    grid-row: 2;
  }

  body.dbm-commercial-page.dbm-engines-page .dbm-spatial-hero-copy h1,
  body.dbm-commercial-page.dbm-services-page .dbm-spatial-hero-copy h1,
  body.dbm-commercial-page.dbm-pricing-page .dbm-spatial-hero-copy h1 { max-width: 18ch; }

  body.dbm-commercial-page.dbm-engines-page .dbm-engine-decision-board,
  body.dbm-commercial-page.dbm-services-page .dbm-content-engine-deck,
  body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-layout { grid-template-columns: 1fr; }

  body.dbm-commercial-page.dbm-services-page .dbm-workfloor-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-comparison { grid-template-columns: 1fr; }
  body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-choice { min-height: 0; }
}

@media (max-width: 680px) {
  .dbm-spatial-scene,
  .dbm-workfloor-scene { min-height: 500px; }

  .dbm-spatial-scene::before,
  .dbm-workfloor-scene::before { inset: 7% 1% 8%; transform: rotateX(55deg) rotateZ(-5deg) translateZ(-30px); }

  body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-engine-module-content { top: 8%; left: 2%; width: 65%; }
  body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-engine-module-path { top: 39%; right: 1%; width: 63%; }
  body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-engine-module-care { left: 7%; bottom: 5%; width: 62%; }
  body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-engine-module-review,
  body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-engine-module-compliance { right: 1%; width: 37%; }
  body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-engine-module-review { top: 4%; }
  body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-engine-module-compliance { bottom: 4%; }
  body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-engine-module-review strong,
  body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-engine-module-compliance strong { font-size: 14px; }
  body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-engine-module-review small,
  body.dbm-commercial-page.dbm-engines-page .dbm-engines-scene .dbm-engine-module-compliance small { display: none; }

  .dbm-workfloor-track { inset: 5% 3% 4%; grid-template-columns: 1fr 1fr; gap: 14px; }
  .dbm-workfloor-step { min-height: 170px; }
  .dbm-workfloor-step:nth-child(n) { transform: rotateX(5deg) rotateY(-4deg) translateZ(18px); }
  .dbm-workfloor-step::after { right: -10px; width: 10px; }
  .dbm-workfloor-step:nth-child(2)::after { display: none; }
  .dbm-workfloor-step:nth-child(3)::before { content: ""; position: absolute; top: -15px; left: 50%; width: 2px; height: 15px; background: var(--spatial-lime); }

  body.dbm-commercial-page.dbm-services-page .dbm-workfloor-grid { grid-template-columns: 1fr; }
  body.dbm-commercial-page.dbm-services-page .dbm-workfloor-bay { min-height: 0; }
  body.dbm-commercial-page.dbm-services-page .dbm-content-engine-price { grid-template-columns: 1fr; }
  body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-board { transform: none; }
  body.dbm-commercial-page.dbm-pricing-page .dbm-price-row { grid-template-columns: 1fr auto; gap: 7px 12px; margin-left: 17px; }
  body.dbm-commercial-page.dbm-pricing-page .dbm-price-row > span { grid-column: 1 / -1; }
  body.dbm-commercial-page.dbm-pricing-page .dbm-price-row small { grid-column: 1 / -1; }
  body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-tier-head,
  body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-faq { grid-template-columns: 1fr; }
  body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-offer-row { grid-template-columns: 1fr; gap: 9px; }
  body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-offer-row .offer-actions { justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  .dbm-spatial-module,
  .dbm-workfloor-step,
  body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-feature,
  body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-item { transition: none; }

  .dbm-spatial-module:hover,
  .dbm-workfloor-step:hover,
  body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-feature:hover,
  body.dbm-commercial-page.dbm-services-page .dbm-service-evidence-item:hover { transform: none; }
}

@media (forced-colors: active) {
  .dbm-spatial-module,
  .dbm-workfloor-step,
  .dbm-pricing-board,
  .dbm-pricing-choice,
  body.dbm-commercial-page.dbm-pricing-page .dbm-pricing-offer-row,
  body.dbm-commercial-page.dbm-services-page .dbm-workfloor-bay { border: 1px solid CanvasText; box-shadow: none; }
}