/* Page-specific commercial hierarchy. Static CSS only; no new visual runtime. */
.dbm-commercial-page .dbm-hero {
  max-width: 980px;
  padding-top: clamp(68px, 7vw, 82px);
  padding-bottom: clamp(24px, 3vw, 32px);
}
.dbm-commercial-page .dbm-hero h1 { max-width: 900px; }
.dbm-commercial-page .dbm-section { padding-block: 52px; }
.dbm-commercial-page .dbm-hero + .dbm-section {
  padding-top: clamp(26px, 4vw, 38px);
}
.dbm-commercial-page .dbm-section-head h2 { max-width: 760px; }

.dbm-interactive-page .dbm-button:not(.alt),
.dbm-interactive-page .square-buy {
  border: 1px solid #a8e94d;
  background: #7EC820;
  color: #07110f;
  box-shadow: 0 5px 0 rgba(41, 76, 17, .55);
}

.dbm-interactive-page .dbm-button.alt {
  border: 1px solid rgba(168, 233, 77, .72);
  color: var(--dbm-text);
  background: rgba(126, 200, 32, .04);
}

.dbm-interactive-page .dbm-button:focus-visible,
.dbm-interactive-page .square-buy:focus-visible,
.dbm-interactive-page .dbm-card:focus-visible,
.dbm-interactive-page .dbm-tool:focus-visible {
  outline: 3px solid #75d4ed;
  outline-offset: 4px;
}

.dbm-interactive-page .dbm-section,
.dbm-interactive-page .dbm-band {
  transition: background .5s ease, border-color .5s ease;
}

.dbm-interactive-page .dbm-section.dbm-reveal-visible {
  background: linear-gradient(180deg, rgba(126, 200, 32, .035), transparent 68%);
}

@media (hover: hover) and (pointer: fine) {
  .dbm-interactive-page .dbm-button:not(.alt):hover,
  .dbm-interactive-page .square-buy:hover {
    background: #a8e94d;
    box-shadow: 0 8px 22px rgba(126, 200, 32, .2), 0 3px 0 rgba(41, 76, 17, .55);
    transform: translateY(-2px);
  }

  .dbm-interactive-page .dbm-button.alt:hover {
    border-color: #a8e94d;
    background: rgba(126, 200, 32, .12);
    transform: translateY(-2px);
  }

  .dbm-interactive-page .dbm-home-demo,
  .dbm-interactive-page .dbm-tool,
  .dbm-interactive-page .dbm-service-demo,
  .dbm-interactive-page .dbm-proof-card,
  .dbm-interactive-page .proof-demo,
  .dbm-interactive-page .dbm-live-card,
  .dbm-interactive-page .dbm-showcase-card {
    transition: border-color .24s ease, box-shadow .24s ease, background-color .24s ease;
  }

  .dbm-interactive-page .dbm-home-demo:hover,
  .dbm-interactive-page .dbm-tool:hover,
  .dbm-interactive-page .dbm-service-demo:hover,
  .dbm-interactive-page .dbm-proof-card:hover,
  .dbm-interactive-page .proof-demo:hover,
  .dbm-interactive-page .dbm-live-card:hover,
  .dbm-interactive-page .dbm-showcase-card:hover {
    border-color: rgba(168, 233, 77, .72);
    background-color: #142b20;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .2), 0 0 0 1px rgba(126, 200, 32, .08);
  }
}

.dbm-interactive-page .dbm-button:active,
.dbm-interactive-page .square-buy:active {
  box-shadow: 0 2px 0 rgba(41, 76, 17, .55);
  transform: translateY(2px);
}

.dbm-home-page .dbm-home-demos { align-items: stretch; }
.dbm-home-page .dbm-home-demo:first-child {
  border-color: rgba(126, 200, 32, .62);
  box-shadow: inset 3px 0 0 var(--dbm-lime);
}
.dbm-home-page .dbm-home-demo strong { font-family: var(--dbm-font-display); }

/* The contact section ends with the real DBM card, not another abstract panel.
   It is a useful handoff asset: the source images remain legible, link to the
   canonical card page, and collapse cleanly without a flip/tilt interaction. */
.dbm-home-page .dbm-contact-card-preview {
  width: min(1080px, 100%);
  margin: 38px auto 0;
  padding-top: 28px;
  border-top: 1px solid rgba(126, 200, 32, .34);
  text-align: center;
}
.dbm-home-page .dbm-contact-card-preview h3 {
  margin: 8px 0 6px;
  color: var(--dbm-text);
  font: 800 clamp(22px, 3vw, 34px)/1.05 var(--dbm-font-display);
}
.dbm-home-page .dbm-contact-card-preview > .dbm-muted {
  max-width: 54ch;
  margin: 0 auto;
}
.dbm-home-page .dbm-contact-card-images {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 22px auto 0;
}
.dbm-home-page .dbm-contact-card-images figure {
  min-width: 0;
  margin: 0;
  padding: 8px;
  border: 1px solid rgba(126, 200, 32, .34);
  background: linear-gradient(145deg, rgba(126, 200, 32, .12), rgba(6, 20, 29, .82));
  box-shadow: 0 18px 34px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .08);
}
.dbm-home-page .dbm-contact-card-images img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1239 / 635;
  object-fit: cover;
}
.dbm-home-page .dbm-contact-card-actions {
  justify-content: center;
  align-items: center;
  margin-top: 18px;
}
.dbm-home-page .dbm-quiet-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  padding: 8px 12px;
  color: var(--dbm-muted);
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.dbm-home-page .dbm-quiet-link:hover,
.dbm-home-page .dbm-quiet-link:focus-visible {
  color: var(--dbm-lime);
}
@media (hover: hover) and (pointer: fine) {
  .dbm-home-page .dbm-contact-card-images figure {
    transition: border-color .28s ease, box-shadow .28s ease, transform .28s ease;
  }
  .dbm-home-page .dbm-contact-card-images figure:hover {
    border-color: rgba(168, 233, 77, .8);
    box-shadow: 0 22px 42px rgba(0, 0, 0, .28), 0 0 0 1px rgba(126, 200, 32, .1);
    transform: translateY(-3px);
  }
}
@media (max-width: 700px) {
  .dbm-home-page .dbm-contact-card-images { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .dbm-home-page .dbm-contact-card-images figure { transition: none; }
  .dbm-home-page .dbm-contact-card-images figure:hover { transform: none; }
}

/* Replace low-information hero decoration with route-owned artifacts. These
   visuals expose the decision the page helps a buyer make instead of adding
   another generic ring/grid/console treatment. */
.dbm-services-page .dbm-hero::before,
.dbm-pricing-page .dbm-hero::before,
.dbm-portfolio-page .dbm-hero::before,
.dbm-proof-page .dbm-hero::before,
.dbm-toolbox-page .dbm-hero::before,
.dbm-content-engine-page .dbm-hero::before { display: none !important; }

.dbm-services-hero-visual {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 32px;
  border: 1px solid rgba(126, 200, 32, .28);
  background: rgba(4, 14, 17, .72);
}
.dbm-services-hero-visual > div {
  min-height: 106px;
  padding: 16px;
  border-right: 1px solid rgba(255, 255, 255, .1);
  border-top: 3px solid rgba(255, 255, 255, .16);
}
.dbm-services-hero-visual > div:last-child { border-right: 0; }
.dbm-services-hero-visual > div:nth-child(1) { border-top-color: #75d4ed; }
.dbm-services-hero-visual > div:nth-child(2) { border-top-color: #b4c5bb; }
.dbm-services-hero-visual > div:nth-child(3) { border-top-color: #dd5d31; }
.dbm-services-hero-visual > .is-anchor {
  border-top-color: var(--dbm-lime);
  background: linear-gradient(145deg, rgba(126, 200, 32, .2), rgba(126, 200, 32, .04));
}
.dbm-services-hero-visual span,
.dbm-services-hero-visual small {
  display: block;
  color: var(--dbm-muted);
  font: 800 10px/1.2 var(--dbm-font-mono);
  letter-spacing: .1em;
  text-transform: uppercase;
}
.dbm-services-hero-visual strong {
  display: block;
  margin: 12px 0 6px;
  color: var(--dbm-text);
  font: 800 clamp(17px, 2vw, 23px)/1 var(--dbm-font-display);
}
.dbm-services-hero-visual .is-anchor strong,
.dbm-services-hero-visual .is-anchor small { color: #d8ff9a; }

.dbm-pricing-ladder {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  margin-top: 24px;
  padding: 10px;
  border-left: 3px solid var(--dbm-lime);
  background: linear-gradient(90deg, rgba(126, 200, 32, .14), rgba(6, 20, 29, .25));
}
.dbm-pricing-ladder > div {
  min-height: 78px;
  padding: 12px 13px;
  border: 1px solid rgba(255, 255, 255, .12);
  background: rgba(0, 0, 0, .2);
}
.dbm-pricing-ladder > div:nth-child(2) { border-color: rgba(117, 212, 237, .4); }
.dbm-pricing-ladder > div:nth-child(3) { border-color: rgba(241, 196, 107, .42); }
.dbm-pricing-ladder > .is-scoped { border-color: rgba(255, 255, 255, .24); }
.dbm-pricing-ladder span,
.dbm-pricing-ladder small {
  display: block;
  color: var(--dbm-muted);
  font: 800 10px/1.2 var(--dbm-font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.dbm-pricing-ladder strong {
  display: block;
  margin: 8px 0 4px;
  color: var(--dbm-text);
  font: 800 clamp(16px, 2vw, 22px)/1 var(--dbm-font-display);
}
.dbm-pricing-ladder > div:first-child strong { color: #d8ff9a; }

.dbm-portfolio-preview {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(210px, .75fr);
  gap: 12px;
  margin-top: 32px;
  padding: 10px;
  border: 1px solid rgba(126, 200, 32, .34);
  background: rgba(4, 14, 17, .78);
  box-shadow: 0 18px 34px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .06);
}
.dbm-portfolio-preview-main,
.dbm-portfolio-preview-side figure {
  position: relative;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  background: #07110f;
}
.dbm-portfolio-preview-main img,
.dbm-portfolio-preview-side img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dbm-portfolio-preview-main img { aspect-ratio: 16 / 10; }
.dbm-portfolio-preview-main span,
.dbm-portfolio-preview-side figcaption {
  position: absolute;
  right: 10px;
  bottom: 10px;
  left: 10px;
  padding: 7px 9px;
  color: #d8ff9a;
  background: rgba(0, 8, 10, .82);
  font: 800 10px/1.2 var(--dbm-font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.dbm-portfolio-preview-side {
  display: grid;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.dbm-portfolio-preview-side img { aspect-ratio: 16 / 9; }

.dbm-evidence-sheet {
  width: min(640px, 100%);
  margin-top: 30px;
  padding: 16px;
  border: 1px solid rgba(117, 212, 237, .34);
  border-left: 3px solid #75d4ed;
  background: linear-gradient(145deg, rgba(16, 40, 52, .9), rgba(7, 16, 25, .92));
  box-shadow: 12px 12px 0 rgba(117, 212, 237, .05);
}
.dbm-evidence-sheet-head,
.dbm-evidence-sheet > div:not(.dbm-evidence-sheet-head) {
  display: grid;
  grid-template-columns: 115px minmax(0, 1fr);
  gap: 16px;
  align-items: baseline;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.dbm-evidence-sheet > div:last-child { border-bottom: 0; }
.dbm-evidence-sheet-head strong { color: #d8ff9a; }
.dbm-evidence-sheet-head span,
.dbm-evidence-sheet > div:not(.dbm-evidence-sheet-head) span {
  color: var(--dbm-muted);
  font: 800 10px/1.2 var(--dbm-font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.dbm-evidence-sheet-head span { text-align: right; }
.dbm-evidence-sheet > div:not(.dbm-evidence-sheet-head) b {
  color: var(--dbm-text);
  font-weight: 700;
}

.dbm-content-engine-hero-visual {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: stretch;
  margin-top: 30px;
  padding: 10px;
  border: 1px solid rgba(126, 200, 32, .38);
  background: rgba(7, 16, 19, .82);
  box-shadow: 0 16px 34px rgba(0, 0, 0, .2);
}
.dbm-content-engine-hero-visual > img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 180px;
  object-fit: cover;
  border: 1px solid rgba(255, 255, 255, .12);
}
.dbm-content-engine-output-strip {
  display: grid;
  grid-template-rows: repeat(6, auto);
  gap: 7px;
  min-width: 156px;
  align-content: center;
  padding: 12px;
  border-left: 1px solid rgba(255, 255, 255, .12);
}
.dbm-content-engine-output-strip span,
.dbm-content-engine-output-strip b {
  padding: 8px 9px;
  border: 1px solid rgba(255, 255, 255, .12);
  color: var(--dbm-muted);
  font: 800 10px/1.2 var(--dbm-font-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.dbm-content-engine-output-strip b {
  border-color: rgba(126, 200, 32, .58);
  color: #d8ff9a;
  background: rgba(126, 200, 32, .1);
}

@media (max-width: 760px) {
  .dbm-services-hero-visual,
  .dbm-pricing-ladder { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dbm-services-hero-visual > div:nth-child(2) { border-right: 0; }
  .dbm-services-hero-visual > div:nth-child(-n+2) { border-bottom: 1px solid rgba(255, 255, 255, .1); }
  .dbm-portfolio-preview { grid-template-columns: 1fr; }
  .dbm-portfolio-preview-side { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; }
  .dbm-content-engine-hero-visual { grid-template-columns: 1fr; }
  .dbm-content-engine-output-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: none; border-top: 1px solid rgba(255, 255, 255, .12); border-left: 0; }
}
@media (max-width: 520px) {
  .dbm-services-hero-visual,
  .dbm-pricing-ladder,
  .dbm-portfolio-preview-side { grid-template-columns: 1fr; }
  .dbm-services-hero-visual > div { border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .1); }
  .dbm-services-hero-visual > div:last-child { border-bottom: 0; }
  .dbm-evidence-sheet-head,
  .dbm-evidence-sheet > div:not(.dbm-evidence-sheet-head) { grid-template-columns: 92px minmax(0, 1fr); gap: 10px; }
  .dbm-content-engine-output-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Final depth pass: the visual artifacts now have physical layers and a
   restrained 3D read. Important copy remains HTML; this is CSS depth, not a
   heavy scene library or an animated distraction. */
.dbm-home-page .dbm-contact-card-preview {
  width: min(760px, calc(100% - 12px));
  margin-top: 28px;
  padding-top: 20px;
}
.dbm-home-page .dbm-contact-card-preview h3 {
  font-size: clamp(20px, 2.4vw, 28px);
}
.dbm-home-page .dbm-contact-card-images {
  gap: 10px;
  margin-top: 16px;
}
.dbm-home-page .dbm-contact-card-images figure {
  padding: 5px;
}
.dbm-home-page .dbm-home-grid .dbm-hero-panel {
  transform: perspective(1400px) rotateY(-.7deg);
  transform-style: preserve-3d;
  box-shadow: 0 26px 60px rgba(0, 0, 0, .34), 8px 8px 0 rgba(126, 200, 32, .08);
}

.dbm-services-hero-visual,
.dbm-pricing-ladder,
.dbm-portfolio-preview,
.dbm-evidence-sheet,
.dbm-content-engine-hero-visual {
  transform: perspective(1200px) rotateX(2deg) rotateY(-1deg);
  transform-style: preserve-3d;
  box-shadow: 0 24px 42px rgba(0, 0, 0, .24), 10px 10px 0 rgba(117, 212, 237, .045);
  transition: transform .38s cubic-bezier(.22, .8, .24, 1), box-shadow .38s ease;
}
.dbm-services-hero-visual > div,
.dbm-pricing-ladder > div,
.dbm-portfolio-preview-main,
.dbm-portfolio-preview-side figure,
.dbm-content-engine-output-strip {
  transform: translateZ(8px);
}
.dbm-evidence-sheet > div { transform: translateZ(5px); }

/* The engine rails are the useful 3D object on /engines: each plate carries
   a real offer, so the depth reinforces the choice instead of decorating it. */
.dbm-engines-page .dbm-engine-stack {
  perspective: 900px;
}
.dbm-engines-page .dbm-engine-rail {
  transform: rotateX(2deg) translateZ(5px);
  box-shadow: 8px 10px 0 rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .06);
  transition: transform .32s cubic-bezier(.22, .8, .24, 1), border-color .24s ease, box-shadow .32s ease;
}
.dbm-home-page #elephant-goldfish .dbm-grid {
  perspective: 1200px;
}
.dbm-home-page #elephant-goldfish .dbm-grid > .dbm-card {
  transform-style: preserve-3d;
  box-shadow: 8px 14px 0 rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .05);
}
.dbm-home-page #elephant-goldfish .dbm-grid > .dbm-card:nth-child(1) { transform: rotateY(-2deg) rotateX(1deg) translateZ(14px); }
.dbm-home-page #elephant-goldfish .dbm-grid > .dbm-card:nth-child(2) { transform: rotateX(2deg) translateZ(24px); }
.dbm-home-page #elephant-goldfish .dbm-grid > .dbm-card:nth-child(3) { transform: rotateY(2deg) rotateX(1deg) translateZ(14px); }

@media (hover: hover) and (pointer: fine) {
  .dbm-services-hero-visual:hover,
  .dbm-pricing-ladder:hover,
  .dbm-portfolio-preview:hover,
  .dbm-evidence-sheet:hover,
  .dbm-content-engine-hero-visual:hover {
    transform: perspective(1200px) rotateX(0) rotateY(0) translateY(-3px);
    box-shadow: 0 30px 52px rgba(0, 0, 0, .28), 10px 10px 0 rgba(126, 200, 32, .07);
  }
  .dbm-engines-page .dbm-engine-rail:hover {
    transform: rotateX(0) translate3d(5px, -2px, 14px);
    box-shadow: 12px 14px 0 rgba(0, 0, 0, .22), 0 0 0 1px rgba(126, 200, 32, .12);
  }
}

@media (max-width: 700px) {
  .dbm-home-page .dbm-home-grid .dbm-hero-panel,
  .dbm-services-hero-visual,
  .dbm-pricing-ladder,
  .dbm-portfolio-preview,
  .dbm-evidence-sheet,
  .dbm-content-engine-hero-visual { transform: none; }
  .dbm-home-page #elephant-goldfish .dbm-grid > .dbm-card { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .dbm-home-page .dbm-home-grid .dbm-hero-panel,
  .dbm-services-hero-visual,
  .dbm-pricing-ladder,
  .dbm-portfolio-preview,
  .dbm-evidence-sheet,
  .dbm-content-engine-hero-visual,
  .dbm-engines-page .dbm-engine-rail,
  .dbm-home-page #elephant-goldfish .dbm-grid > .dbm-card {
    transform: none !important;
    transition: none !important;
  }
}

.dbm-services-page .dbm-hero {
  max-width: 1040px;
  padding-left: clamp(18px, 4vw, 48px);
  border-left: 3px solid var(--dbm-lime);
}
.dbm-services-page .dbm-service-card {
  min-height: 340px;
  border-radius: 4px;
  border-top: 2px solid var(--dbm-line);
  border-left: 0;
}
.dbm-services-page .dbm-service-card:nth-child(1) { border-top-color: var(--dbm-orange); }
.dbm-services-page .dbm-service-card:nth-child(2) { border-top-color: #75d4ed; }
.dbm-services-page .dbm-service-card:nth-child(3) { border-top-color: #b4c5bb; }
.dbm-services-page .dbm-service-card#maintain {
  border-color: rgba(126, 200, 32, .62);
  background: linear-gradient(145deg, #173321, #0d1c14);
  box-shadow: inset 0 3px 0 var(--dbm-lime);
}
.dbm-services-page .dbm-content-engine-feature {
  border-top: 1px solid var(--dbm-line);
  padding-top: 20px;
}

.dbm-content-engine-page .dbm-hero {
  max-width: 920px;
  border-bottom: 1px solid var(--dbm-line);
}
.dbm-content-engine-page .content-engine-opening article {
  border-radius: 4px;
  border-left: 3px solid var(--dbm-lime);
  background: #10271b;
}
.dbm-content-engine-page .content-engine-opening img {
  border-radius: 4px;
  border-color: rgba(126, 200, 32, .45);
}
.dbm-content-engine-page .content-engine-price {
  font-size: clamp(22px, 3vw, 30px);
  letter-spacing: -.03em;
}

.dbm-pricing-page .dbm-hero {
  max-width: 1040px;
  border-bottom: 2px solid var(--dbm-lime);
}
.tier {
  border-radius: 4px;
  border-left: 3px solid var(--dbm-line);
}
#defined-work { border-left-color: var(--dbm-lime); }
#recurring {
  border-left-color: var(--dbm-orange);
  background: linear-gradient(145deg, #17291e, #0d1913);
}
#recurring .offer:nth-child(4),
#recurring .offer:nth-child(5) {
  border-color: rgba(126, 200, 32, .55);
}
.dbm-starting-prices {
  display: inline-block;
  margin-top: 18px;
  padding: 11px 14px;
  border-left: 3px solid var(--dbm-lime);
  color: var(--dbm-text);
  background: rgba(126, 200, 32, .08);
  font-size: 14px;
}

.dbm-portfolio-page .dbm-hero,
.dbm-proof-page .dbm-hero {
  max-width: 1040px;
  border-bottom: 1px solid var(--dbm-line);
}
.dbm-portfolio-page .dbm-proof-card,
.dbm-proof-page .proof-demo { border-radius: 4px; }
.dbm-portfolio-page .dbm-proof-card:first-child,
.dbm-proof-page .proof-demo:first-child {
  grid-column: span 2;
  border-color: rgba(126, 200, 32, .62);
  box-shadow: inset 0 3px 0 var(--dbm-lime);
}
.dbm-portfolio-page .dbm-proof-card img,
.dbm-proof-page .proof-demo img { aspect-ratio: 16 / 9; }
.dbm-portfolio-page .dbm-showcase-card { border-radius: 4px; }

@media (max-width: 900px) {
  .dbm-portfolio-page .dbm-proof-card:first-child,
  .dbm-proof-page .proof-demo:first-child { grid-column: span 2; }
}
@media (max-width: 700px) {
  .dbm-commercial-page .dbm-hero {
    padding-top: 50px;
    padding-bottom: 24px;
  }
  .dbm-commercial-page .dbm-hero + .dbm-section { padding-top: 24px; }
  .dbm-portfolio-page .dbm-proof-card:first-child,
  .dbm-proof-page .proof-demo:first-child { grid-column: span 1; }
}
@media (prefers-reduced-motion: reduce) {
  .dbm-commercial-page *,
  .dbm-commercial-page *::before,
  .dbm-commercial-page *::after {
    scroll-behavior: auto;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }

  .dbm-interactive-page .dbm-button,
  .dbm-interactive-page .square-buy,
  .dbm-interactive-page .dbm-card,
  .dbm-interactive-page .offer,
  .dbm-interactive-page .dbm-tool,
  .dbm-interactive-page .dbm-home-demo,
  .dbm-interactive-page .dbm-service-demo,
  .dbm-interactive-page .dbm-proof-card,
  .dbm-interactive-page .proof-demo,
  .dbm-interactive-page .dbm-live-card,
  .dbm-interactive-page .dbm-showcase-card {
    transform: none !important;
    transition: none !important;
  }
}
/* Plain-language buyer groups shared by the homepage and Industries. */
.dbm-audience-groups {
  display: grid;
  gap: 28px;
}
.dbm-audience-group {
  padding-top: 20px;
  border-top: 1px solid var(--dbm-line);
}
.dbm-audience-group > h3 {
  margin: 0 0 14px;
  color: var(--dbm-lime);
  font: 800 clamp(18px, 2.4vw, 26px)/1.15 var(--dbm-font-display);
  letter-spacing: -.025em;
}
.dbm-audience-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.dbm-audience-card {
  display: flex;
  min-height: 210px;
  flex-direction: column;
  padding: 20px;
  border: 1px solid var(--dbm-line);
  border-radius: 12px;
  background: linear-gradient(145deg, var(--dbm-panel-2), var(--dbm-panel));
}
.dbm-audience-card h4 {
  margin: 0 0 10px;
  color: var(--dbm-text);
  font: 800 18px/1.15 var(--dbm-font-display);
}
.dbm-audience-card p {
  margin: 0;
  color: var(--dbm-muted);
  font-size: 14px;
}
.dbm-audience-card a {
  margin-top: auto;
  padding-top: 18px;
  color: var(--dbm-lime);
  font-weight: 800;
  text-decoration: none;
}
.dbm-audience-card a:hover { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 900px) {
  .dbm-audience-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .dbm-audience-cards { grid-template-columns: 1fr; }
  .dbm-audience-card { min-height: 0; }
}
/* Homepage audience cards read as wide rows; Industries keeps its compact grid. */
.dbm-home-page .dbm-audience-cards {
  grid-template-columns: 1fr;
  gap: 10px;
}
.dbm-home-page .dbm-audience-card {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(190px, .6fr) minmax(0, 1.7fr) auto;
  align-items: center;
  gap: 18px;
  padding: 17px 20px;
}
.dbm-home-page .dbm-audience-card h4,
.dbm-home-page .dbm-audience-card p {
  margin: 0;
}
.dbm-home-page .dbm-audience-card a {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
@media (max-width: 900px) {
  .dbm-home-page .dbm-audience-card {
    grid-template-columns: minmax(150px, .6fr) minmax(0, 1.4fr);
  }
  .dbm-home-page .dbm-audience-card a { grid-column: 2; }
}
@media (max-width: 620px) {
  .dbm-home-page .dbm-audience-card {
    display: flex;
    gap: 0;
    padding: 18px;
  }
  .dbm-home-page .dbm-audience-card a {
    margin-top: 14px;
    white-space: normal;
  }
}

/* EGM section craft pass: the page body carries a different rhythm from its
   hero. These are route-owned compositions, not another universal card grid. */
.dbm-commercial-page main > .dbm-section,
.dbm-commercial-page main > .dbm-band {
  position: relative;
}
.dbm-commercial-page main > .dbm-section + .dbm-band,
.dbm-commercial-page main > .dbm-band + .dbm-section {
  background: linear-gradient(180deg, rgba(255,255,255,.018), transparent 62%);
}
.dbm-commercial-page .dbm-section-head h2 { text-wrap: balance; }

/* Engines: the recurring engine gets the visual anchor; support rails stay
   quieter so five published paths do not read as five equal products. */
.dbm-engines-page .dbm-engine-grid { align-items: stretch; }
.dbm-engines-page .dbm-engine-stack { min-height: 0; height: auto; }
.dbm-engines-page .dbm-engine-card.content {
  grid-column: span 2;
  min-height: 320px;
  background: linear-gradient(145deg, #173321, #0a1714 72%);
  border-color: rgba(126, 200, 32, .56);
  box-shadow: inset 4px 0 0 var(--dbm-lime), 0 18px 34px rgba(0,0,0,.18);
}
.dbm-engines-page .dbm-support-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dbm-engines-page .dbm-support-card { min-height: 230px; background: rgba(255,255,255,.022); }
.dbm-engines-page .dbm-proof { max-width: 760px; padding: 30px 34px; background: linear-gradient(135deg, rgba(126,200,32,.11), rgba(6,20,29,.18)); }

/* Services: the four lanes are a sequence, while the feature section is the
   commercial anchor and the demo rail is evidence rather than process copy. */
.dbm-services-page .dbm-grid.four { align-items: stretch; }
.dbm-services-page .dbm-grid.four .dbm-service-card { display: flex; flex-direction: column; }
.dbm-services-page .dbm-grid.four .dbm-service-card .dbm-button { margin-top: auto; align-self: flex-start; }
.dbm-services-page .dbm-content-engine-feature { padding: 28px; background: linear-gradient(135deg, rgba(126,200,32,.12), rgba(10,24,18,.12)); }
.dbm-services-page .dbm-content-engine-feature > article { box-shadow: 14px 16px 0 rgba(126,200,32,.045); }
.dbm-services-page .dbm-service-demos { align-items: stretch; }
.dbm-services-page .dbm-service-demo:first-child { grid-column: span 2; }

/* Pricing: isolate the published ladder, recurring anchor, and scoped work
   so the visitor can see commitment before the longer catalog. */
.dbm-pricing-page #engine-pricing { padding-top: 26px; }
.dbm-pricing-page #engine-pricing .tier { border-top: 3px solid var(--dbm-lime); }
.dbm-pricing-page #recurring { border-top: 3px solid var(--dbm-orange); }
.dbm-pricing-page #scoped-systems { border-top: 3px solid #75d4ed; }
.dbm-pricing-page #defined-work { opacity: .94; }
.dbm-pricing-page .tier-head { padding-bottom: 6px; }
.dbm-pricing-page .tier-head h2 { text-wrap: balance; }
.dbm-pricing-page .offer { min-height: 184px; display: flex; flex-direction: column; }
.dbm-pricing-page .offer-actions { margin-top: auto; }
.dbm-pricing-page .dbm-proof { max-width: 760px; padding: 28px 32px; background: linear-gradient(135deg, rgba(117,212,237,.09), rgba(126,200,32,.08)); }

/* Portfolio / Proof: real screenshots are the stage; ledger rows are the
   compact archive and stay visually subordinate. */
.dbm-portfolio-page #working-demos,
.dbm-proof-page main > .dbm-section:first-of-type { padding-top: 30px; }
.dbm-portfolio-page .dbm-proof-grid,
.dbm-proof-page .proof-demos { align-items: stretch; }
.dbm-portfolio-page .dbm-proof-card:first-child,
.dbm-proof-page .proof-demo:first-child { min-height: 420px; }
.dbm-portfolio-page .dbm-live-grid { gap: 8px; }
.dbm-portfolio-page .dbm-live-card { border-left-width: 3px; border-radius: 4px; }
.dbm-proof-page .dbm-proof-empty { max-width: 860px; padding: 12px 0; }
.dbm-proof-page .proof-state { border-radius: 4px; }

/* Toolbox: three first decisions get breathing room; advanced tools read as
   a quieter index rather than a second hero. */
.dbm-toolbox-page #primary-tools { padding-top: 30px; }
.dbm-toolbox-page .toolbox-primary { display: flex; flex-direction: column; }
.dbm-toolbox-page .toolbox-primary .dbm-button { margin-top: auto; align-self: flex-start; }
.dbm-toolbox-page #advanced { background: rgba(0,0,0,.12); }
.dbm-toolbox-page .toolbox-advanced { min-height: 112px; border-radius: 4px; }

/* Field Notes: editorial hierarchy replaces equal-weight marketing cards. */
.dbm-blog-page main > .dbm-section:first-of-type .dbm-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; }
.dbm-blog-page main > .dbm-section:first-of-type .dbm-card:first-child { grid-column: span 2; min-height: 250px; background: linear-gradient(145deg, #173321, #0a1714); border-left: 3px solid var(--dbm-lime); }
.dbm-blog-page main > .dbm-section:first-of-type .dbm-card { border-radius: 4px; }
.dbm-blog-page main > .dbm-band .dbm-proof { max-width: 760px; padding-block: 24px; }

/* Content Engine: source, package, approval, and outputs each get a distinct
   surface so the recurring offer reads like a system, not a content list. */
.dbm-content-engine-page .content-engine-opening { max-width: 980px; }
.dbm-content-engine-page .content-engine-opening article { padding: clamp(26px, 4vw, 48px); background: linear-gradient(135deg, #173321, #0b1815 68%, #102834); }
.dbm-content-engine-page #content-engine-model .content-engine-model { align-items: stretch; }
.dbm-content-engine-page #content-engine-model .content-engine-model .dbm-card { min-height: 230px; border-radius: 4px; }
.dbm-content-engine-page #content-engine-model .dbm-card:nth-child(1) { background: linear-gradient(145deg, #102834, #0a1714); }
.dbm-content-engine-page #content-engine-model .dbm-card:nth-child(2) { background: linear-gradient(145deg, #173321, #0a1714); }
.dbm-content-engine-page #content-engine-model .dbm-card:nth-child(3) { background: linear-gradient(145deg, #2b2118, #171511); }
.dbm-content-engine-page main > .dbm-band { background: linear-gradient(180deg, rgba(126,200,32,.08), rgba(6,16,19,.06)); }

/* Industries: the grouped buyer choices are the body navigation; give each
   group room and make the links read like decisions rather than tiles. */
.dbm-industries-page .dbm-audience-group { padding-block: 22px 4px; }
.dbm-industries-page .dbm-audience-card { min-height: 190px; border-radius: 4px; }
.dbm-industries-page .dbm-audience-group:nth-child(2) .dbm-audience-card { background: linear-gradient(145deg, #102834, #0a1714); }
.dbm-industries-page .dbm-audience-group:nth-child(3) .dbm-audience-card { background: linear-gradient(145deg, #2b2118, #171511); }

@media (max-width: 850px) {
  .dbm-engines-page .dbm-engine-card.content { grid-column: auto; }
  .dbm-services-page .dbm-service-demo:first-child { grid-column: auto; }
  .dbm-blog-page main > .dbm-section:first-of-type .dbm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dbm-blog-page main > .dbm-section:first-of-type .dbm-card:first-child { grid-column: span 2; }
}
@media (max-width: 620px) {
  .dbm-engines-page .dbm-support-grid { grid-template-columns: 1fr; }
  .dbm-blog-page main > .dbm-section:first-of-type .dbm-grid { grid-template-columns: 1fr; }
  .dbm-blog-page main > .dbm-section:first-of-type .dbm-card:first-child { grid-column: auto; min-height: 0; }
  .dbm-content-engine-page .content-engine-opening article { padding: 24px 20px; }
}
/* IronClad is the featured homepage system demo; Forza remains in the portfolio. */
.dbm-home-page .dbm-home-demo-ironclad {
  border-color: rgba(117, 212, 237, .58);
  background: linear-gradient(145deg, #102b43, #0d171d);
}
.dbm-home-page .dbm-ironclad-brand {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 12px;
  min-height: 118px;
  padding: 20px;
  background: linear-gradient(135deg, #0d2a47, #173b59);
  border-bottom: 1px solid rgba(117, 212, 237, .35);
}
.dbm-home-page .dbm-ironclad-brand img {
  width: 72px;
  height: 72px;
  aspect-ratio: 1;
  object-fit: contain;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, .32));
}
.dbm-home-page .dbm-ironclad-brand strong {
  display: block;
  color: #f2f7fb;
  font: 900 clamp(20px, 3vw, 30px)/1 var(--dbm-font-display);
  letter-spacing: .08em;
}
.dbm-home-page .dbm-ironclad-brand small,
.dbm-home-page .dbm-ironclad-brand em {
  display: block;
  color: #a9d7e7;
  font: 800 10px/1.3 var(--dbm-font-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.dbm-home-page .dbm-ironclad-brand em {
  grid-column: 1 / -1;
  color: #d8ff9a;
  font-style: normal;
  letter-spacing: .08em;
}
.dbm-home-page .dbm-home-demo .dbm-demo-label {
  display: block;
  margin-bottom: 5px;
  color: var(--dbm-lime);
  font: 800 11px/1.2 var(--dbm-font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Keep the main commercial message, price, and next action in the first read. */
.dbm-engines-page .dbm-engines-hero {
  padding-top: clamp(42px, 5vw, 58px);
  padding-bottom: clamp(26px, 3vw, 34px);
}
.dbm-engines-page .dbm-engines-hero-copy {
  padding: clamp(26px, 4vw, 48px);
}
.dbm-engines-page .dbm-engines-hero-copy h1,
.dbm-services-page .dbm-hero h1,
.dbm-pricing-page .dbm-hero h1,
.dbm-content-engine-page .dbm-hero h1,
.dbm-toolbox-page .dbm-hero h1 {
  font-size: clamp(42px, 6.2vw, 68px);
}
.dbm-services-page .dbm-hero,
.dbm-pricing-page .dbm-hero,
.dbm-content-engine-page .dbm-hero,
.dbm-toolbox-page .dbm-hero {
  padding-top: clamp(48px, 5vw, 64px);
  padding-bottom: clamp(28px, 3vw, 36px);
}

/* EGM visual elevation: each route gets its own visual grammar. These are
   lightweight CSS depth cues, not a shared hero illustration or 3D runtime. */
.dbm-commercial-page .dbm-hero,
.dbm-commercial-page .dbm-engines-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.dbm-commercial-page .dbm-hero > *,
.dbm-commercial-page .dbm-engines-hero > * { position: relative; z-index: 1; }
.dbm-commercial-page .dbm-hero::before,
.dbm-commercial-page .dbm-engines-hero::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 12% -8% -30% 58%;
  pointer-events: none;
  opacity: .72;
  border: 1px solid rgba(126,200,32,.22);
  border-radius: 42% 58% 64% 36%;
  transform: rotate(-10deg);
  box-shadow: 0 0 0 16px rgba(126,200,32,.025), 0 0 0 32px rgba(117,212,237,.018);
}

/* Services: lane divider / build-floor motif. */
.dbm-services-page .dbm-hero::before {
  inset: 0 0 0 56%;
  border: 0;
  border-radius: 0;
  opacity: .8;
  transform: none;
  background:
    linear-gradient(120deg, transparent 0 47%, rgba(126,200,32,.22) 47.3% 47.7%, transparent 48%),
    repeating-linear-gradient(90deg, rgba(117,212,237,.06) 0 1px, transparent 1px 46px),
    linear-gradient(145deg, transparent 0 48%, rgba(221,93,49,.1) 48.4% 49%, transparent 49.4%);
  clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%);
}

/* Pricing: stacked price plates / radial dial motif. */
.dbm-pricing-page .dbm-hero::before {
  inset: -22% -10% -40% 62%;
  border: 0;
  border-radius: 50%;
  transform: rotate(14deg);
  opacity: .75;
  background:
    radial-gradient(circle, transparent 0 27%, rgba(126,200,32,.26) 27.5% 28%, transparent 28.5% 43%, rgba(117,212,237,.18) 43.5% 44%, transparent 44.5% 58%, rgba(221,93,49,.14) 58.5% 59%, transparent 59.5%),
    linear-gradient(145deg, transparent 48%, rgba(255,255,255,.06) 48.4% 48.8%, transparent 49.2%);
}

/* Engines: angular rails, kept distinct from the old console/flow language. */
.dbm-engines-page .dbm-engines-hero::before {
  inset: 0 -4% -16% 54%;
  border: 0;
  border-radius: 0;
  transform: skewX(-14deg);
  opacity: .9;
  background:
    linear-gradient(90deg, transparent 0 18%, rgba(126,200,32,.24) 18.4% 19%, transparent 19.4% 38%, rgba(117,212,237,.22) 38.4% 39%, transparent 39.4% 62%, rgba(221,93,49,.2) 62.4% 63%, transparent 63.4%),
    repeating-linear-gradient(0deg, transparent 0 27px, rgba(255,255,255,.07) 27px 28px);
}

/* Content Engine: orbiting editorial layers rather than another flow diagram. */
.dbm-content-engine-page .dbm-hero::before {
  inset: -28% -5% -20% 62%;
  border: 1px solid rgba(117,212,237,.27);
  border-radius: 50%;
  transform: rotate(-18deg) skewX(-8deg);
  opacity: .88;
  box-shadow: 0 0 0 22px rgba(117,212,237,.025), 0 0 0 44px rgba(126,200,32,.025);
  background: radial-gradient(circle at 34% 42%, rgba(117,212,237,.16), transparent 3%, transparent 28%, rgba(126,200,32,.12) 28.5%, transparent 29.5%);
}

/* Portfolio / Proof: framed screen-stack treatment around real demo images. */
.dbm-portfolio-page .dbm-hero::before,
.dbm-proof-page .dbm-hero::before,
.dbm-proof-in-progress-page .dbm-hero::before {
  inset: 6% -4% -34% 60%;
  border: 1px solid rgba(126,200,32,.28);
  border-radius: 8px;
  transform: perspective(900px) rotateY(-20deg) rotateZ(5deg);
  box-shadow: 14px 14px 0 rgba(117,212,237,.08), 28px 28px 0 rgba(221,93,49,.05);
  background: linear-gradient(135deg, rgba(117,212,237,.12), transparent 48%);
}

/* Toolbox: instrument-grid opening. */
.dbm-toolbox-page .dbm-hero::before {
  inset: 0 0 0 55%;
  border: 0;
  border-radius: 0;
  transform: none;
  opacity: .75;
  background:
    radial-gradient(circle at 52% 48%, rgba(126,200,32,.24) 0 2px, transparent 3px 46px, rgba(117,212,237,.13) 47px 48px, transparent 49px 90px, rgba(126,200,32,.1) 91px 92px, transparent 93px),
    linear-gradient(90deg, transparent 49.6%, rgba(126,200,32,.24) 50%, transparent 50.4%),
    linear-gradient(0deg, transparent 49.6%, rgba(126,200,32,.16) 50%, transparent 50.4%);
}

/* Field Notes: editorial signal, not a product-console surface. */
.dbm-blog-page .dbm-hero::before {
  inset: 8% -6% -26% 66%;
  border: 0;
  border-radius: 0;
  transform: rotate(-8deg);
  opacity: .85;
  background:
    repeating-linear-gradient(90deg, rgba(126,200,32,.16) 0 1px, transparent 1px 18px),
    linear-gradient(118deg, transparent 0 42%, rgba(117,212,237,.17) 42.5% 43.2%, transparent 43.8%),
    linear-gradient(168deg, transparent 0 64%, rgba(221,93,49,.14) 64.5% 65%, transparent 65.6%);
}

/* Industries: buyer map with grouped color bands. */
.dbm-industries-page .dbm-hero::before {
  inset: -18% -8% -22% 62%;
  border: 1px solid rgba(126,200,32,.24);
  border-radius: 46% 28% 56% 34%;
  transform: rotate(12deg);
  opacity: .8;
  background: conic-gradient(from 210deg at 50% 50%, rgba(126,200,32,.12), transparent 18%, rgba(117,212,237,.14) 38%, transparent 52%, rgba(221,93,49,.1) 75%, transparent 90%);
}
.dbm-industries-page .dbm-audience-group:nth-child(1) h3 { color: #75d4ed; }
.dbm-industries-page .dbm-audience-group:nth-child(2) h3 { color: #7ec820; }
.dbm-industries-page .dbm-audience-group:nth-child(3) h3 { color: #dd5d31; }

/* Content Engine cards use source / package / approval colors, not generic
   green-on-green panels. */
.dbm-content-engine-page .grid .card:nth-child(3n+1) { border-top: 3px solid #75d4ed; }
.dbm-content-engine-page .grid .card:nth-child(3n+2) { border-top: 3px solid #7ec820; }
.dbm-content-engine-page .grid .card:nth-child(3n) { border-top: 3px solid #dd5d31; }

/* Quiet public-sector identity: paper/grid geometry, no sales glow. */
.dbm-route-government .hero::after,
.dbm-route-government .top::after {
  content: "";
  display: block;
  height: 1px;
  margin-top: 22px;
  background: linear-gradient(90deg, #7ec820, rgba(117,212,237,.38), transparent);
}

/* Semantic card contracts: each family has one restrained interaction. The
   source classes remain explicit so generic .card/panel styles cannot leak
   across the commercial pages. */
@media (hover: hover) and (pointer: fine) {
  .dbm-commercial-page .dbm-home-demo,
  .dbm-services-page .dbm-service-card,
  .dbm-services-page .dbm-content-engine-feature,
  .dbm-engines-page .dbm-engine-card,
  .dbm-pricing-page .tier > .offer,
  .dbm-toolbox-page .dbm-tool,
  .dbm-content-engine-page .content-engine-opening article,
  .dbm-portfolio-page .dbm-proof-card,
  .dbm-proof-page .proof-demo,
  .dbm-portfolio-page .dbm-live-card,
  .dbm-audience-card {
    transition: border-color .24s ease, box-shadow .24s ease, background-color .24s ease;
  }

  .dbm-commercial-page .dbm-home-demo:hover,
  .dbm-services-page .dbm-service-card:hover,
  .dbm-services-page .dbm-content-engine-feature:hover,
  .dbm-engines-page .dbm-engine-card:hover,
  .dbm-pricing-page .tier > .offer:hover,
  .dbm-toolbox-page .dbm-tool:hover,
  .dbm-content-engine-page .content-engine-opening article:hover,
  .dbm-portfolio-page .dbm-proof-card:hover,
  .dbm-proof-page .proof-demo:hover,
  .dbm-portfolio-page .dbm-live-card:hover,
  .dbm-audience-card:hover {
    border-color: rgba(168, 233, 77, .72);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .2), 0 0 0 1px rgba(126, 200, 32, .08);
  }

  .dbm-portfolio-page .dbm-proof-card img,
  .dbm-proof-page .proof-demo img { transition: transform .35s ease; }
  .dbm-portfolio-page .dbm-proof-card:hover img,
  .dbm-proof-page .proof-demo:hover img { transform: scale(1.018); }
}

@media (max-width: 760px) {
  .dbm-commercial-page .dbm-hero::before,
  .dbm-commercial-page .dbm-engines-hero::before { opacity: .28; inset: 18% -22% -10% 62%; }
}

@media (prefers-reduced-motion: reduce) {
  .dbm-commercial-page .dbm-home-demo,
  .dbm-services-page .dbm-service-card,
  .dbm-services-page .dbm-content-engine-feature,
  .dbm-engines-page .dbm-engine-card,
  .dbm-pricing-page .tier > .offer,
  .dbm-toolbox-page .dbm-tool,
  .dbm-content-engine-page .content-engine-opening article,
  .dbm-portfolio-page .dbm-proof-card,
  .dbm-proof-page .proof-demo,
  .dbm-portfolio-page .dbm-live-card,
  .dbm-audience-card,
  .dbm-portfolio-page .dbm-proof-card img,
  .dbm-proof-page .proof-demo img {
    transition: none !important;
    transform: none !important;
  }
}