/* Deep Mapping landing v4.1 - dark pro identity layer */
:root{
  --dm-night:#010307;
  --dm-panel:#05090f;
  --dm-panel-2:#07111c;
  --dm-cyan:#00B7E3;
  --dm-magenta:#E6007E;
  --dm-white:#F2F2F2;
}

body{
  background:
    radial-gradient(circle at 16% 12%, rgba(0,183,227,.13), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(230,0,126,.11), transparent 24%),
    linear-gradient(180deg,var(--dm-night),#02050a 44%,#010203);
}

.topbar{
  background:rgba(1,3,7,.86);
  border-bottom-color:rgba(0,183,227,.22);
}

.hero:after{
  background:
    linear-gradient(90deg,rgba(1,3,7,.98),rgba(1,3,7,.82) 48%,rgba(1,3,7,.92)),
    linear-gradient(180deg,rgba(1,3,7,.14),var(--dm-night) 94%);
}

.hero-welcome,
.dm-version-bar,
.software-card,
.plan-card,
.testimonial-card,
.access-card,
.software-form,
.contact-form,
.feed-panel article{
  background:linear-gradient(145deg,rgba(5,9,15,.92),rgba(2,5,10,.88));
  border-color:rgba(0,183,227,.18);
  box-shadow:0 18px 50px rgba(0,0,0,.28);
}

.hero-panel,
.studio-console,
.project-figure{
  background:
    linear-gradient(135deg,rgba(0,183,227,.08),rgba(230,0,126,.06)),
    rgba(2,5,10,.9);
  border-color:rgba(242,242,242,.12);
}

.software-highlights span,
.hero-kicker-row span,
.hero-stats article,
.steps-friendly article{
  background:rgba(5,12,20,.76);
  border-color:rgba(0,183,227,.22);
}

.button{
  border-radius:6px;
}

.button.primary{
  background:linear-gradient(135deg,var(--dm-cyan),#20d8ff);
  color:#001018;
}

.button.secondary{
  background:rgba(230,0,126,.08);
  border-color:rgba(230,0,126,.44);
}

.section{
  background:transparent;
}

.final-cta{
  background:
    linear-gradient(110deg,rgba(0,183,227,.14),rgba(3,4,6,.96) 48%,rgba(230,0,126,.14)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 68px);
}