.landing-development-page .md-service-panel__top span,
.landing-development-page .md-service-result-grid span { background: var(--color-accent); color: var(--color-accent-text); }

.landing-development-page .md-service-figure {
  overflow: hidden;
  margin: 0;
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-sm);
}

.landing-development-page .md-service-figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.landing-development-page .md-service-figure--hero {
  aspect-ratio: 3 / 2;
  align-self: center;
}

.landing-development-page .md-service-figure--scope {
  grid-column: 1 / -1;
  aspect-ratio: 3 / 2;
  margin-top: var(--space-5);
}

.landing-development-page .md-service-figure--process,
.landing-development-page .md-service-figure--results {
  aspect-ratio: 3 / 2;
  margin-top: var(--space-6);
}

.landing-development-page .md-service-figure--boundaries {
  grid-column: 1 / -1;
  aspect-ratio: 3 / 2;
}

.landing-development-page .md-service-results .md-service-figure {
  background: var(--color-bg-primary);
  border-color: color-mix(in srgb, var(--color-text-inverse) 18%, transparent);
}

.landing-development-page .md-service-hero__grid {
  grid-template-columns: minmax(0, .92fr) minmax(520px, 1.08fr);
  align-items: center;
}

.landing-development-page .md-service-hero h1 {
  max-width: 760px;
  font-size: clamp(44px, 4.4vw, 72px);
  line-height: .98;
}

@media (max-width: 1180px) {
  .landing-development-page .md-service-hero { padding-block: var(--space-5) var(--space-6); }
  .landing-development-page .md-service-hero__grid { grid-template-columns: 1fr; }
  .landing-development-page .md-service-figure { max-width: 880px; }
  .landing-development-page .md-service-panel { padding: var(--space-4); }
  .landing-development-page .md-service-panel h2 { font-size: 1.2rem; line-height: 1.25; }
  .landing-development-page .md-service-interface { padding: var(--space-3); }
  .landing-development-page .md-service-interface div { padding-block: var(--space-2); }
  .landing-development-page .md-service-mini { display: none; }
}

@media (max-width: 760px) {
  .landing-development-page .md-service-hero { padding-block: var(--space-2) var(--space-4); }
  .landing-development-page .md-service-hero h1 { font-size: clamp(36px, 11vw, 48px); }
  .landing-development-page .md-service-figure { border-radius: var(--radius-md); }
  .landing-development-page .md-service-figure--scope,
  .landing-development-page .md-service-figure--process,
  .landing-development-page .md-service-figure--results,
  .landing-development-page .md-service-figure--boundaries { margin-top: var(--space-4); }
  .landing-development-page .md-service-panel { padding: var(--space-3); }
  .landing-development-page .md-service-interface { padding: var(--space-2); }
  .landing-development-page .md-service-interface div { padding-block: 5px; }
}

@media (prefers-reduced-motion: reduce) {
  .landing-development-page *,
  .landing-development-page *::before,
  .landing-development-page *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}