/* Marketing site — cool stone / navy / citrus (not cream+terracotta) */
:root {
  --mkt-ink: #0b1220;
  --mkt-ink-soft: #243044;
  --mkt-muted: #5b6b82;
  --mkt-stone: #f4f6f9;
  --mkt-white: #ffffff;
  --mkt-line: rgba(11, 18, 32, 0.1);
  --mkt-accent: #c8f542;
  --mkt-accent-ink: #14200a;
  --mkt-navy: #152238;
  --mkt-glow: rgba(200, 245, 66, 0.35);
  --font-display: "Syne", sans-serif;
  --font-body: "Manrope", sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body.mkt {
  margin: 0;
  min-height: 100%;
  color: var(--mkt-ink);
  font-family: var(--font-body);
  background:
    radial-gradient(900px 480px at 85% -5%, var(--mkt-glow), transparent 55%),
    radial-gradient(700px 420px at -5% 15%, rgba(21, 34, 56, 0.12), transparent 50%),
    linear-gradient(180deg, #eef2f7 0%, var(--mkt-stone) 35%, var(--mkt-white) 100%);
  line-height: 1.55;
}

a {
  color: inherit;
  text-decoration: none;
}

.mkt-wrap {
  width: min(1120px, calc(100% - 2rem));
  margin: 0 auto;
}

.mkt-muted {
  color: var(--mkt-muted);
}

.mkt-header {
  position: sticky;
  top: 0;
  z-index: 40;
  backdrop-filter: blur(12px);
  background: rgba(244, 246, 249, 0.82);
  border-bottom: 1px solid var(--mkt-line);
}

.mkt-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 0;
}

.mkt-brand {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 1.45rem;
  letter-spacing: -0.04em;
}

.mkt-menu {
  display: flex;
  align-items: center;
  gap: 0.35rem 1.1rem;
  flex-wrap: wrap;
}

.mkt-menu > a,
.mkt-drop-btn {
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--mkt-ink-soft);
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0.35rem 0;
  font-family: inherit;
}

.mkt-menu > a:hover,
.mkt-menu > a.is-active,
.mkt-drop-btn:hover {
  color: var(--mkt-ink);
}

.mkt-link-quiet {
  opacity: 0.85;
}

.mkt-drop {
  position: relative;
}

.mkt-drop-panel {
  display: none;
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  min-width: 11rem;
  padding: 0.5rem;
  background: var(--mkt-white);
  border: 1px solid var(--mkt-line);
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(11, 18, 32, 0.08);
}

.mkt-drop-panel a {
  display: block;
  padding: 0.45rem 0.65rem;
  border-radius: 8px;
  font-size: 0.92rem;
  color: var(--mkt-ink-soft);
}

.mkt-drop-panel a:hover {
  background: var(--mkt-stone);
  color: var(--mkt-ink);
}

.mkt-drop.is-open .mkt-drop-panel {
  display: block;
}

.mkt-nav-toggle {
  display: none;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid var(--mkt-line);
  border-radius: 10px;
  background: var(--mkt-white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

.mkt-nav-toggle span {
  display: block;
  width: 1rem;
  height: 2px;
  background: var(--mkt-ink);
}

.mkt-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  border-radius: 12px;
  padding: 0.85rem 1.35rem;
  font-weight: 700;
  font-family: inherit;
  border: 0;
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease;
}

.mkt-btn:hover {
  transform: translateY(-1px);
}

.mkt-btn-sm {
  padding: 0.55rem 1rem;
  font-size: 0.92rem;
}

.mkt-btn-primary {
  background: var(--mkt-accent);
  color: var(--mkt-accent-ink);
}

.mkt-btn-ghost {
  background: transparent;
  border: 1px solid var(--mkt-line);
  color: var(--mkt-ink);
}

.mkt-hero {
  position: relative;
  min-height: calc(100vh - 4.5rem);
  display: grid;
  align-content: center;
  overflow: hidden;
  padding: 3.5rem 0 4.5rem;
}

.mkt-hero-visual {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.mkt-hero-visual svg {
  width: 100%;
  height: 100%;
  opacity: 0.72;
}

.mkt-hero-copy {
  position: relative;
  z-index: 1;
  max-width: 38rem;
}

.mkt-hero .mkt-brand {
  font-size: clamp(2.4rem, 6vw, 4.2rem);
  display: block;
  margin-bottom: 0.75rem;
  animation: mkt-rise 0.8s ease both;
}

.mkt-kicker {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mkt-muted);
  margin-bottom: 0.75rem;
}

.mkt-kicker strong,
.mkt-section h2 strong,
.mkt-section .section-lead strong,
.mkt-feature-row h3 strong {
  color: var(--mkt-ink);
  font-weight: 800;
  letter-spacing: 0.04em;
  box-shadow: inset 0 -0.28em 0 rgba(200, 245, 66, 0.55);
}

.mkt-hero h1 {
  font-family: var(--font-display);
  font-size: clamp(2.2rem, 5.5vw, 3.6rem);
  line-height: 1.05;
  letter-spacing: -0.03em;
  margin: 0 0 1rem;
  max-width: 14ch;
  animation: mkt-rise 0.9s 0.08s ease both;
}

.mkt-hero .lead {
  font-size: 1.12rem;
  color: var(--mkt-ink-soft);
  max-width: 34rem;
  margin: 0;
  animation: mkt-rise 1s 0.14s ease both;
}

.mkt-hero .mkt-typecase {
  animation: mkt-rise 1.02s 0.17s ease both;
}

.mkt-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.5rem;
  animation: mkt-rise 1.05s 0.2s ease both;
}

@keyframes mkt-rise {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes mkt-drift {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(14px, -12px, 0);
  }
}

@keyframes mkt-dash-flow {
  to {
    stroke-dashoffset: -48;
  }
}

@keyframes mkt-node-pulse {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.55;
    transform: scale(1.45);
  }
}

.mkt-graph-drift {
  animation: mkt-drift 9s ease-in-out infinite;
  transform-origin: center;
}

.mkt-graph-live .mkt-edge-flow {
  stroke-dasharray: 10 14;
  animation: mkt-dash-flow 1.8s linear infinite;
}

.mkt-graph-live .mkt-edge-accent {
  stroke-dasharray: 8 12;
  animation: mkt-dash-flow 1.25s linear infinite;
}

.mkt-graph-live .mkt-node {
  transform-box: fill-box;
  transform-origin: center;
  animation: mkt-node-pulse 2.8s ease-in-out infinite;
  animation-delay: var(--d, 0s);
}

.mkt-section {
  position: relative;
  padding: 4.5rem 0;
  overflow: hidden;
}

.mkt-section-has-visual {
  position: relative;
  overflow: hidden;
}

.mkt-section-body,
.mkt-trust-copy,
.mkt-cta-inner {
  position: relative;
  z-index: 1;
}

.mkt-trust {
  position: relative;
  overflow: hidden;
}

.mkt-trust-copy {
  margin: 0;
}

.mkt-cta-band {
  position: relative;
  overflow: hidden;
}

/* —— Per-section motifs —— */
.mkt-motif {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  opacity: 0.7;
}

.mkt-motif-right {
  right: 2%;
  top: 12%;
}

.mkt-motif-left {
  left: 2%;
  top: 14%;
}

/* Merge constellation: many → one */
.mkt-motif-merge {
  width: 220px;
  height: 220px;
}

.mkt-merge-core {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 28px;
  height: 28px;
  margin: -14px 0 0 -14px;
  border-radius: 50%;
  background: var(--mkt-accent);
  box-shadow: 0 0 0 0 rgba(200, 245, 66, 0.45);
  opacity: 0;
  transform: scale(0.4);
}

.mkt-merge-dot {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  border-radius: 50%;
  background: var(--mkt-accent);
  transform: translate(var(--x), var(--y));
  opacity: 0.85;
}

.mkt-merge-dot-navy {
  background: var(--mkt-navy);
  opacity: 0.45;
}

.mkt-section-has-visual.is-visible .mkt-merge-dot {
  animation: mkt-merge-in 2.8s ease-in-out infinite;
  animation-delay: var(--d, 0s);
}

.mkt-section-has-visual.is-visible .mkt-merge-core {
  animation: mkt-merge-core 2.8s ease-in-out infinite;
}

@keyframes mkt-merge-in {
  0%,
  12% {
    transform: translate(var(--x), var(--y)) scale(1);
    opacity: 0.9;
  }
  45%,
  70% {
    transform: translate(0, 0) scale(0.35);
    opacity: 0;
  }
  100% {
    transform: translate(var(--x), var(--y)) scale(1);
    opacity: 0.9;
  }
}

@keyframes mkt-merge-core {
  0%,
  20% {
    opacity: 0;
    transform: scale(0.35);
    box-shadow: 0 0 0 0 rgba(200, 245, 66, 0.35);
  }
  45%,
  65% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 0 18px rgba(200, 245, 66, 0);
  }
  100% {
    opacity: 0;
    transform: scale(0.35);
  }
}

/* Orbit rings */
.mkt-motif-orbit {
  width: 240px;
  height: 240px;
}

.mkt-orbit-ring {
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1.5px dashed rgba(21, 34, 56, 0.28);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.mkt-orbit-ring-a {
  width: 90px;
  height: 90px;
}

.mkt-orbit-ring-b {
  width: 150px;
  height: 150px;
  border-color: rgba(200, 245, 66, 0.45);
}

.mkt-orbit-ring-c {
  width: 210px;
  height: 210px;
}

.mkt-orbit-core {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border-radius: 50%;
  background: var(--mkt-accent);
}

.mkt-orbit-sat {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  border-radius: 50%;
  background: var(--mkt-accent);
}

.mkt-section-has-visual.is-visible .mkt-orbit-ring-a {
  animation: mkt-spin 14s linear infinite;
}

.mkt-section-has-visual.is-visible .mkt-orbit-ring-b {
  animation: mkt-spin-rev 22s linear infinite;
}

.mkt-section-has-visual.is-visible .mkt-orbit-ring-c {
  animation: mkt-spin 32s linear infinite;
}

.mkt-section-has-visual.is-visible .mkt-orbit-sat-a {
  animation: mkt-orbit-a 8s linear infinite;
}

.mkt-section-has-visual.is-visible .mkt-orbit-sat-b {
  animation: mkt-orbit-b 12s linear infinite;
  background: var(--mkt-navy);
}

@keyframes mkt-spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes mkt-spin-rev {
  to {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}

@keyframes mkt-orbit-a {
  from {
    transform: rotate(0deg) translateX(75px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(75px) rotate(-360deg);
  }
}

@keyframes mkt-orbit-b {
  from {
    transform: rotate(40deg) translateX(105px) rotate(-40deg);
  }
  to {
    transform: rotate(400deg) translateX(105px) rotate(-400deg);
  }
}

/* Industry mosaic */
.mkt-motif-mosaic {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  width: 200px;
}

.mkt-mosaic-tile {
  aspect-ratio: 1;
  border-radius: 14px;
  background: var(--mkt-accent);
  opacity: 0.55;
}

.mkt-mosaic-navy {
  background: var(--mkt-navy);
  opacity: 0.22;
}

.mkt-section-has-visual.is-visible .mkt-mosaic-tile {
  animation: mkt-mosaic-breathe 3.6s ease-in-out infinite;
  animation-delay: calc(var(--i, 0) * 0.28s);
}

@keyframes mkt-mosaic-breathe {
  0%,
  100% {
    transform: scale(1) rotate(0deg);
    border-radius: 14px;
    filter: none;
  }
  40% {
    transform: scale(1.12) rotate(2deg);
    border-radius: 22px;
  }
  70% {
    transform: scale(0.92) rotate(-2deg);
    border-radius: 10px;
  }
}

/* Confidence meter */
.mkt-motif-meter {
  left: 50%;
  top: 18%;
  transform: translateX(-50%);
  width: min(420px, 80%);
  opacity: 0.55;
}

.mkt-meter-track {
  position: relative;
  height: 6px;
  border-radius: 999px;
  background: rgba(21, 34, 56, 0.12);
  overflow: visible;
}

.mkt-meter-fill {
  display: block;
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--mkt-navy), var(--mkt-accent));
}

.mkt-meter-tick {
  position: absolute;
  top: -5px;
  width: 2px;
  height: 16px;
  background: var(--mkt-ink);
  opacity: 0.2;
  left: calc(12% + var(--i) * 18%);
}

.mkt-section-has-visual.is-visible .mkt-meter-fill {
  animation: mkt-meter-fill 3.2s ease-in-out infinite;
}

.mkt-section-has-visual.is-visible .mkt-meter-tick {
  animation: mkt-meter-tick 3.2s ease-in-out infinite;
  animation-delay: calc(var(--i) * 0.12s);
}

@keyframes mkt-meter-fill {
  0% {
    width: 8%;
    opacity: 0.7;
  }
  55% {
    width: 92%;
    opacity: 1;
  }
  70% {
    width: 92%;
    opacity: 1;
  }
  100% {
    width: 8%;
    opacity: 0.7;
  }
}

@keyframes mkt-meter-tick {
  0%,
  100% {
    opacity: 0.15;
    transform: scaleY(1);
  }
  50% {
    opacity: 0.55;
    transform: scaleY(1.35);
  }
}

/* CTA beacon */
.mkt-motif-beacon {
  width: 200px;
  height: 200px;
}

.mkt-beacon-core {
  position: absolute;
  left: 58%;
  top: 42%;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  border-radius: 50%;
  background: var(--mkt-accent);
}

.mkt-beacon-ring {
  position: absolute;
  left: 58%;
  top: 42%;
  border: 2px solid rgba(200, 245, 66, 0.55);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.mkt-beacon-ring-a {
  width: 40px;
  height: 40px;
}

.mkt-beacon-ring-b {
  width: 40px;
  height: 40px;
}

.mkt-beacon-path {
  position: absolute;
  left: 0;
  top: 55%;
  width: 70%;
  opacity: 0.7;
}

.mkt-beacon-stroke {
  stroke-dasharray: 180;
  stroke-dashoffset: 180;
}

.mkt-section-has-visual.is-visible .mkt-beacon-ring-a {
  animation: mkt-beacon-pulse 2.4s ease-out infinite;
}

.mkt-section-has-visual.is-visible .mkt-beacon-ring-b {
  animation: mkt-beacon-pulse 2.4s 0.7s ease-out infinite;
}

.mkt-section-has-visual.is-visible .mkt-beacon-stroke {
  animation: mkt-beacon-draw 2.4s ease-in-out infinite;
}

@keyframes mkt-beacon-pulse {
  0% {
    width: 24px;
    height: 24px;
    opacity: 0.7;
  }
  100% {
    width: 140px;
    height: 140px;
    opacity: 0;
  }
}

@keyframes mkt-beacon-draw {
  0% {
    stroke-dashoffset: 180;
    opacity: 0.2;
  }
  45% {
    stroke-dashoffset: 0;
    opacity: 0.9;
  }
  100% {
    stroke-dashoffset: 0;
    opacity: 0.15;
  }
}

@media (max-width: 720px) {
  .mkt-motif-right,
  .mkt-motif-left {
    opacity: 0.35;
    transform: scale(0.75);
    transform-origin: top right;
  }

  .mkt-motif-left {
    transform-origin: top left;
  }
}

.mkt-section h2 {
  font-family: var(--font-display);
  font-size: clamp(1.8rem, 3.5vw, 2.5rem);
  letter-spacing: -0.03em;
  margin: 0 0 0.5rem;
}

.mkt-section .section-lead {
  color: var(--mkt-muted);
  max-width: 36rem;
  margin: 0 0 2rem;
}

.mkt-feature-list {
  display: grid;
  gap: 1.25rem;
}

.mkt-feature-row {
  display: grid;
  grid-template-columns: minmax(10rem, 14rem) 1fr;
  gap: 1rem 1.5rem;
  padding: 1.25rem 0;
  border-top: 1px solid var(--mkt-line);
}

.mkt-feature-row h3 {
  font-family: var(--font-display);
  font-size: 1.15rem;
  margin: 0;
  letter-spacing: -0.02em;
}

.mkt-feature-row p {
  margin: 0;
  color: var(--mkt-ink-soft);
}

.mkt-ai-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem 1.5rem;
}

.mkt-ai-item h3 {
  font-family: var(--font-display);
  font-size: 1.2rem;
  margin: 0 0 0.35rem;
}

.mkt-ai-item p {
  margin: 0;
  color: var(--mkt-ink-soft);
}

.mkt-solutions-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.mkt-solution-tile {
  display: block;
  padding: 1.25rem 1.15rem;
  border-radius: 14px;
  border: 1px solid var(--mkt-line);
  background: rgba(255, 255, 255, 0.65);
  transition: border-color 0.2s ease, transform 0.2s ease;
}

.mkt-solution-tile:hover {
  border-color: rgba(200, 245, 66, 0.8);
  transform: translateY(-2px);
}

.mkt-solution-tile h3 {
  font-family: var(--font-display);
  margin: 0 0 0.4rem;
  font-size: 1.15rem;
}

.mkt-solution-tile p {
  margin: 0;
  font-size: 0.95rem;
  color: var(--mkt-muted);
}

.mkt-trust {
  text-align: center;
  padding: 2.5rem 0;
  border-top: 1px solid var(--mkt-line);
  border-bottom: 1px solid var(--mkt-line);
  color: var(--mkt-muted);
  font-size: 1.05rem;
}

.mkt-cta-band {
  text-align: center;
  padding: 4rem 0 5rem;
}

.mkt-cta-band h2 {
  font-family: var(--font-display);
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  margin: 0 0 0.75rem;
}

.mkt-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.mkt-pricing-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0 -0.25rem;
  padding: 0 0.25rem 0.5rem;
}

.mkt-pricing-table {
  width: 100%;
  min-width: 44rem;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.95rem;
}

.mkt-pricing-table th,
.mkt-pricing-table td {
  padding: 0.85rem 1rem;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid var(--mkt-line);
  color: var(--mkt-ink);
}

.mkt-pricing-table thead th {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--mkt-line);
  background: rgba(255, 255, 255, 0.72);
  vertical-align: bottom;
}

.mkt-pricing-table tbody th[scope="row"] {
  text-align: left;
  font-weight: 600;
  color: var(--mkt-ink);
  background: rgba(255, 255, 255, 0.55);
}

.mkt-pricing-table thead th:first-child,
.mkt-pricing-table tbody th[scope="row"] {
  position: sticky;
  left: 0;
  z-index: 1;
  min-width: 12rem;
  max-width: 16rem;
  text-align: left;
  box-shadow: 4px 0 8px -6px rgba(15, 23, 42, 0.18);
}

.mkt-pricing-table thead th:first-child {
  z-index: 2;
  background: rgba(244, 246, 249, 0.98);
}

.mkt-pricing-plan {
  display: block;
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 0.35rem;
}

.mkt-pricing-table .mkt-price-amount {
  display: block;
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  margin: 0 0 0.85rem;
  color: var(--mkt-ink);
}

.mkt-pricing-table .mkt-price-amount span {
  font-size: 0.9rem;
  font-weight: 600;
  opacity: 0.7;
}

.mkt-pricing-table thead .mkt-btn {
  width: 100%;
  max-width: 9.5rem;
  justify-content: center;
}

.mkt-pricing-table .is-featured {
  background: var(--mkt-navy);
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.14);
}

.mkt-pricing-table thead th.is-featured {
  border-radius: 16px 16px 0 0;
}

.mkt-pricing-table tbody tr:last-child td.is-featured {
  border-radius: 0 0 16px 16px;
  border-bottom-color: transparent;
}

.mkt-pricing-table .is-featured .mkt-price-amount {
  color: #fff;
}

.mkt-pricing-table .is-featured .mkt-btn-primary {
  background: var(--mkt-accent);
  color: var(--mkt-accent-ink);
}

.mkt-pricing-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--mkt-accent);
  line-height: 1;
}

.mkt-pricing-table .is-featured .mkt-pricing-check {
  color: var(--mkt-accent);
}

.mkt-article {
  padding: 2.5rem 0 4rem;
  max-width: 48rem;
}

.mkt-article .eyebrow {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mkt-muted);
}

.mkt-prose {
  margin-top: 1.5rem;
}

.mkt-prose img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
  margin: 1rem 0;
  border: 1px solid var(--mkt-line);
}

.mkt-prose h1 {
  font-family: var(--font-display);
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  letter-spacing: -0.03em;
  line-height: 1.15;
}

.mkt-prose h2 {
  font-family: var(--font-display);
  font-size: 1.45rem;
  margin-top: 2rem;
}

.mkt-prose h3 {
  font-family: var(--font-display);
  font-size: 1.15rem;
}

.mkt-prose pre {
  overflow-x: auto;
  padding: 1rem;
  border-radius: 12px;
  background: var(--mkt-navy);
  color: #e8eef8;
  font-size: 0.85rem;
}

.mkt-prose code {
  font-size: 0.9em;
}

.mkt-prose table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.92rem;
}

.mkt-prose th,
.mkt-prose td {
  border-bottom: 1px solid var(--mkt-line);
  text-align: left;
  padding: 0.5rem 0.35rem;
  vertical-align: top;
}

.mkt-auth {
  max-width: 440px;
  margin: 3rem auto 4rem;
  padding: 1.5rem;
  border: 1px solid var(--mkt-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.75);
}

.mkt-auth h1 {
  font-family: var(--font-display);
  margin: 0 0 0.5rem;
}

.mkt-field {
  display: grid;
  gap: 0.35rem;
  margin-bottom: 1rem;
}

.mkt-field input {
  border: 1px solid var(--mkt-line);
  border-radius: 10px;
  padding: 0.75rem 0.9rem;
  font: inherit;
  background: #fff;
}

.mkt-err {
  color: #9b1c1c;
  margin: 0.5rem 0 1rem;
}

.mkt-footer {
  border-top: 1px solid var(--mkt-line);
  padding: 3rem 0 2rem;
  background: rgba(255, 255, 255, 0.5);
}

.mkt-footer-grid {
  display: grid;
  grid-template-columns: 1.4fr repeat(3, 1fr);
  gap: 1.5rem;
}

.mkt-footer h3 {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 0 0 0.75rem;
  color: var(--mkt-muted);
}

.mkt-footer a {
  display: block;
  margin-bottom: 0.4rem;
  color: var(--mkt-ink-soft);
  font-size: 0.95rem;
}

.mkt-footer a:hover {
  color: var(--mkt-ink);
}

.mkt-footer-bottom {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid var(--mkt-line);
  color: var(--mkt-muted);
  font-size: 0.9rem;
}

[data-reveal] {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.65s ease, transform 0.65s ease;
}

[data-reveal].is-visible {
  opacity: 1;
  transform: none;
}

[data-reveal-child] {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.55s ease, transform 0.55s ease;
  transition-delay: calc(var(--i, 0) * 70ms);
}

[data-reveal].is-visible [data-reveal-child] {
  opacity: 1;
  transform: none;
}

.mkt-header[data-reveal] {
  opacity: 1;
  transform: none;
}

/* —— Typing use-case —— */
.mkt-typecase {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.45rem 0.65rem;
  margin: 1rem 0 0;
  min-height: 1.6em;
  font-size: 0.98rem;
  color: var(--mkt-ink-soft);
}

.mkt-hero .mkt-typecase {
  margin-top: 1.1rem;
  margin-bottom: 0.25rem;
}

.mkt-page-hero .mkt-typecase {
  margin-top: 0.85rem;
}

.mkt-typecase-text {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--mkt-ink);
}

.mkt-typecase-caret {
  display: inline-block;
  width: 2px;
  height: 1em;
  margin-left: 1px;
  background: var(--mkt-accent);
  vertical-align: text-bottom;
  animation: mkt-caret 0.9s steps(1) infinite;
}

@keyframes mkt-caret {
  0%,
  45% { opacity: 1; }
  50%,
  100% { opacity: 0; }
}

/* —— Feature showcases with animated demos —— */
.mkt-feat-list {
  display: grid;
  gap: 0;
  margin-top: 1.5rem;
}

.mkt-feat {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 1.5rem 2rem;
  align-items: center;
  padding: 1.35rem 0;
  border-top: 1px solid var(--mkt-line);
}

.mkt-feat:first-child {
  border-top: 0;
  padding-top: 0.25rem;
}

.mkt-feat-list--2,
.mkt-feat-list--3,
.mkt-feat-list--4 {
  gap: 1.5rem 1.75rem;
}

.mkt-feat-list--2 {
  grid-template-columns: 1fr 1fr;
}

.mkt-feat-list--3 {
  grid-template-columns: repeat(3, 1fr);
}

.mkt-feat-list--4 {
  grid-template-columns: repeat(4, 1fr);
}

.mkt-feat-list--2 .mkt-feat,
.mkt-feat-list--3 .mkt-feat,
.mkt-feat-list--4 .mkt-feat {
  grid-template-columns: 1fr;
  gap: 0.85rem;
  align-items: start;
  padding: 0;
  border-top: 0;
}

.mkt-feat-list--2 .mkt-feat:first-child,
.mkt-feat-list--3 .mkt-feat:first-child,
.mkt-feat-list--4 .mkt-feat:first-child {
  padding-top: 0;
}

.mkt-feat-list--2 .mkt-feat-demo,
.mkt-feat-list--3 .mkt-feat-demo,
.mkt-feat-list--4 .mkt-feat-demo {
  width: 100%;
  max-width: none;
}

.mkt-feat-list--2 .mkt-feat-copy p,
.mkt-feat-list--3 .mkt-feat-copy p,
.mkt-feat-list--4 .mkt-feat-copy p {
  max-width: none;
}

.mkt-feat-demo {
  position: relative;
  width: 200px;
  height: 120px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid var(--mkt-line);
  overflow: hidden;
}

.mkt-feat-copy h3 {
  font-family: var(--font-display);
  font-size: 1.15rem;
  margin: 0 0 0.35rem;
  letter-spacing: -0.02em;
}

.mkt-feat-copy p {
  margin: 0;
  color: var(--mkt-ink-soft);
  font-size: 0.98rem;
  max-width: 36ch;
}

/* Agentic steps */
.demo-agentic {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0 0.5rem;
}

.demo-step {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0.35rem 0.45rem;
  border-radius: 8px;
  background: rgba(21, 34, 56, 0.08);
  color: var(--mkt-ink-soft);
  opacity: 0.35;
}

.demo-arrow {
  width: 10px;
  height: 2px;
  background: var(--mkt-line);
}

[data-reveal].is-visible .demo-step[data-step="1"] {
  animation: demo-step-pulse 3s ease-in-out infinite;
}
[data-reveal].is-visible .demo-step[data-step="2"] {
  animation: demo-step-pulse 3s 1s ease-in-out infinite;
}
[data-reveal].is-visible .demo-step[data-step="3"] {
  animation: demo-step-pulse 3s 2s ease-in-out infinite;
}

@keyframes demo-step-pulse {
  0%,
  100% {
    opacity: 0.35;
    background: rgba(21, 34, 56, 0.08);
    color: var(--mkt-ink-soft);
  }
  20%,
  35% {
    opacity: 1;
    background: var(--mkt-accent);
    color: var(--mkt-accent-ink);
  }
}

/* Resolve chips */
.demo-resolve {
  display: flex;
  align-items: center;
  justify-content: center;
}

.demo-chip {
  position: absolute;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.3rem 0.55rem;
  border-radius: 999px;
  background: rgba(21, 34, 56, 0.1);
  white-space: nowrap;
}

.demo-chip-a { left: 12%; top: 22%; }
.demo-chip-b { right: 10%; top: 28%; }
.demo-chip-c { left: 28%; bottom: 22%; }
.demo-chip-gold {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.6);
  background: var(--mkt-accent);
  color: var(--mkt-accent-ink);
  opacity: 0;
}

[data-reveal].is-visible .demo-chip-a,
[data-reveal].is-visible .demo-chip-b,
[data-reveal].is-visible .demo-chip-c {
  animation: demo-chip-in 3.2s ease-in-out infinite;
}
[data-reveal].is-visible .demo-chip-a { animation-delay: 0s; }
[data-reveal].is-visible .demo-chip-b { animation-delay: 0.1s; }
[data-reveal].is-visible .demo-chip-c { animation-delay: 0.2s; }
[data-reveal].is-visible .demo-chip-gold {
  animation: demo-chip-gold 3.2s ease-in-out infinite;
}

@keyframes demo-chip-in {
  0%,
  15% {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
  45%,
  70% {
    opacity: 0;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%) scale(0.4);
  }
  100% {
    opacity: 1;
  }
}

@keyframes demo-chip-gold {
  0%,
  30% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.5);
  }
  50%,
  75% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.5);
  }
}

/* Dedupe cards — long dup hold → converge → gold master */
.demo-dedupe {
  display: flex;
  align-items: center;
  justify-content: center;
}

.demo-card {
  position: absolute;
  left: 50%;
  top: 50%;
  min-width: 96px;
  width: auto;
  height: 46px;
  padding: 0 0.55rem;
  border-radius: 10px;
  border: 1px solid var(--mkt-line);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  white-space: nowrap;
  box-sizing: border-box;
  color: var(--mkt-ink);
}

.demo-card-a {
  transform: translate(calc(-50% - 58px), calc(-50% - 14px)) rotate(-8deg);
  background: rgba(21, 34, 56, 0.07);
  z-index: 1;
}

.demo-card-b {
  transform: translate(calc(-50% + 58px), calc(-50% + 12px)) rotate(7deg);
  background: rgba(21, 34, 56, 0.11);
  z-index: 1;
}

.demo-card-gold {
  transform: translate(-50%, -50%) scale(0.55);
  background: var(--mkt-accent);
  color: var(--mkt-accent-ink);
  border-color: transparent;
  opacity: 0;
  min-width: 78px;
  z-index: 2;
}

.demo-dedupe .demo-card-a,
[data-reveal].is-visible .demo-card-a {
  animation: demo-dedupe-out-a 3.2s ease-in-out infinite;
}
.demo-dedupe .demo-card-b,
[data-reveal].is-visible .demo-card-b {
  animation: demo-dedupe-out-b 3.2s ease-in-out infinite;
}
.demo-dedupe .demo-card-gold,
[data-reveal].is-visible .demo-card-gold {
  animation: demo-dedupe-gold 3.2s ease-in-out infinite;
}

/* 0–35% hold dups · 35–55% merge · 55–85% gold · 85–100% reset */
@keyframes demo-dedupe-out-a {
  0%,
  35% {
    opacity: 1;
    transform: translate(calc(-50% - 58px), calc(-50% - 14px)) rotate(-8deg) scale(1);
  }
  55%,
  85% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(0deg) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translate(calc(-50% - 58px), calc(-50% - 14px)) rotate(-8deg) scale(1);
  }
}

@keyframes demo-dedupe-out-b {
  0%,
  35% {
    opacity: 1;
    transform: translate(calc(-50% + 58px), calc(-50% + 12px)) rotate(7deg) scale(1);
  }
  55%,
  85% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(0deg) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translate(calc(-50% + 58px), calc(-50% + 12px)) rotate(7deg) scale(1);
  }
}

@keyframes demo-dedupe-gold {
  0%,
  42% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.4);
  }
  55%,
  85% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.06);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.85);
  }
}

/* Semantic morph */
.demo-semantic {
  display: flex;
  align-items: center;
  justify-content: center;
}

.demo-sem-a,
.demo-sem-b {
  position: absolute;
  font-weight: 700;
  font-size: 0.9rem;
}

.demo-sem-a {
  opacity: 1;
}

.demo-sem-b {
  opacity: 0;
  color: var(--mkt-accent-ink);
  background: var(--mkt-accent);
  padding: 0.3rem 0.6rem;
  border-radius: 8px;
}

.demo-sem-pulse {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--mkt-accent);
  opacity: 0;
}

[data-reveal].is-visible .demo-sem-a {
  animation: demo-sem-out 3s ease-in-out infinite;
}
[data-reveal].is-visible .demo-sem-pulse {
  animation: demo-sem-pulse 3s ease-in-out infinite;
}
[data-reveal].is-visible .demo-sem-b {
  animation: demo-sem-in 3s ease-in-out infinite;
}

@keyframes demo-sem-out {
  0%,
  20% { opacity: 1; transform: scale(1); }
  40%,
  100% { opacity: 0; transform: scale(0.8); }
}
@keyframes demo-sem-pulse {
  0%,
  25% { opacity: 0; transform: scale(0.5); }
  40% { opacity: 1; transform: scale(2.2); }
  55%,
  100% { opacity: 0; transform: scale(3); }
}
@keyframes demo-sem-in {
  0%,
  45% { opacity: 0; transform: scale(0.85); }
  60%,
  85% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; }
}

/* Confidence gauge */
.demo-confidence {
  display: flex;
  align-items: center;
  justify-content: center;
}

.demo-gauge {
  display: flex;
  gap: 0.4rem;
}

.demo-gauge-high,
.demo-gauge-mid {
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  padding: 0.55rem 0.7rem;
  border-radius: 10px;
  border: 1px solid var(--mkt-line);
  opacity: 0.35;
}

[data-reveal].is-visible .demo-gauge-high {
  animation: demo-gauge-hi 2.8s ease-in-out infinite;
}
[data-reveal].is-visible .demo-gauge-mid {
  animation: demo-gauge-mid 2.8s ease-in-out infinite;
}

@keyframes demo-gauge-hi {
  0%,
  40% {
    opacity: 1;
    background: var(--mkt-accent);
    color: var(--mkt-accent-ink);
    border-color: transparent;
  }
  55%,
  100% {
    opacity: 0.3;
    background: transparent;
    color: inherit;
  }
}
@keyframes demo-gauge-mid {
  0%,
  40% {
    opacity: 0.3;
    background: transparent;
  }
  55%,
  90% {
    opacity: 1;
    background: var(--mkt-navy);
    color: #fff;
    border-color: transparent;
  }
  100% {
    opacity: 0.3;
    background: transparent;
    color: inherit;
  }
}

/* Relationship graph SVG */
.demo-graph {
  display: flex;
  align-items: center;
  justify-content: center;
}

.demo-graph svg {
  width: 90%;
  height: 90%;
}

.demo-g-e1,
.demo-g-e2,
.demo-g-e3 {
  stroke-dasharray: 80;
  stroke-dashoffset: 80;
}

[data-reveal].is-visible .demo-g-e1 {
  animation: demo-draw 3s ease-in-out infinite;
}
[data-reveal].is-visible .demo-g-e2 {
  animation: demo-draw 3s 0.35s ease-in-out infinite;
}
[data-reveal].is-visible .demo-g-e3 {
  animation: demo-draw 3s 0.7s ease-in-out infinite;
}

@keyframes demo-draw {
  0% { stroke-dashoffset: 80; opacity: 0.2; }
  30%,
  70% { stroke-dashoffset: 0; opacity: 1; }
  100% { stroke-dashoffset: 80; opacity: 0.2; }
}

/* Search */
.demo-search {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 0.45rem;
  padding: 0.75rem;
}

.demo-search-q,
.demo-search-hit {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.35rem 0.55rem;
  border-radius: 8px;
}

.demo-search-q {
  border: 1px solid var(--mkt-line);
  background: #fff;
  overflow: hidden;
  white-space: nowrap;
  max-width: 0;
}

.demo-search-hit {
  background: rgba(200, 245, 66, 0.35);
  opacity: 0;
}

[data-reveal].is-visible .demo-search-q {
  animation: demo-type 3.2s steps(14, end) infinite;
}
[data-reveal].is-visible .demo-search-hit {
  animation: demo-hit 3.2s ease-in-out infinite;
}

@keyframes demo-type {
  0% { max-width: 0; }
  40%,
  75% { max-width: 160px; }
  100% { max-width: 0; }
}
@keyframes demo-hit {
  0%,
  35% { opacity: 0; transform: translateY(4px); }
  50%,
  80% { opacity: 1; transform: none; }
  100% { opacity: 0; }
}

/* Govern */
.demo-govern {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

.demo-lock {
  width: 18px;
  height: 22px;
  border: 2px solid var(--mkt-navy);
  border-radius: 4px;
  position: relative;
}

.demo-lock::before {
  content: "";
  position: absolute;
  left: 2px;
  top: -10px;
  width: 10px;
  height: 10px;
  border: 2px solid var(--mkt-navy);
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
}

.demo-toggle {
  width: 36px;
  height: 20px;
  border-radius: 999px;
  background: rgba(21, 34, 56, 0.15);
  position: relative;
}

.demo-toggle i {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.demo-govern-label {
  font-size: 0.7rem;
  font-weight: 700;
  opacity: 0.5;
}

[data-reveal].is-visible .demo-toggle {
  animation: demo-tog-bg 2.6s ease-in-out infinite;
}
[data-reveal].is-visible .demo-toggle i {
  animation: demo-tog 2.6s ease-in-out infinite;
}
[data-reveal].is-visible .demo-govern-label {
  animation: demo-tog-lab 2.6s ease-in-out infinite;
}

@keyframes demo-tog-bg {
  0%,
  35% { background: rgba(21, 34, 56, 0.15); }
  50%,
  85% { background: var(--mkt-accent); }
  100% { background: rgba(21, 34, 56, 0.15); }
}
@keyframes demo-tog {
  0%,
  35% { transform: translateX(0); }
  50%,
  85% { transform: translateX(16px); }
  100% { transform: translateX(0); }
}
@keyframes demo-tog-lab {
  0%,
  35% { opacity: 0.4; }
  50%,
  85% { opacity: 1; color: var(--mkt-accent-ink); }
  100% { opacity: 0.4; }
}

/* API */
.demo-api {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  padding: 0.5rem;
}

.demo-api-req {
  font-family: ui-monospace, monospace;
  font-size: 0.68rem;
  font-weight: 600;
  padding: 0.4rem 0.55rem;
  border-radius: 8px;
  background: var(--mkt-navy);
  color: #fff;
  opacity: 0.5;
}

.demo-api-hook {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.3rem 0.6rem;
  border-radius: 999px;
  border: 1px solid var(--mkt-line);
  opacity: 0.35;
}

[data-reveal].is-visible .demo-api-req {
  animation: demo-api-req 2.8s ease-in-out infinite;
}
[data-reveal].is-visible .demo-api-hook {
  animation: demo-api-hook 2.8s ease-in-out infinite;
}

@keyframes demo-api-req {
  0%,
  25% { opacity: 0.45; transform: translateY(0); }
  40%,
  55% { opacity: 1; transform: translateY(-2px); }
  100% { opacity: 0.45; }
}
@keyframes demo-api-hook {
  0%,
  50% { opacity: 0.3; background: transparent; }
  65%,
  85% {
    opacity: 1;
    background: var(--mkt-accent);
    border-color: transparent;
    color: var(--mkt-accent-ink);
  }
  100% { opacity: 0.3; }
}

/* Schema domain chips */
.demo-schema {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0 0.75rem;
}

.demo-schema-chip {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  padding: 0.4rem 0.55rem;
  border-radius: 8px;
  background: rgba(21, 34, 56, 0.08);
  color: var(--mkt-ink-soft);
  opacity: 0.4;
}

[data-reveal].is-visible .demo-schema-chip {
  animation: demo-schema-pop 2.8s ease-in-out infinite;
  animation-delay: calc(var(--i, 0) * 0.35s);
}

@keyframes demo-schema-pop {
  0%,
  100% {
    opacity: 0.4;
    background: rgba(21, 34, 56, 0.08);
    color: var(--mkt-ink-soft);
    transform: translateY(0);
  }
  25%,
  40% {
    opacity: 1;
    background: var(--mkt-accent);
    color: var(--mkt-accent-ink);
    transform: translateY(-2px);
  }
}

@media (max-width: 720px) {
  .mkt-feat {
    grid-template-columns: 1fr;
  }

  .mkt-feat-demo {
    width: 100%;
    max-width: 280px;
  }

  .mkt-feat-list--2,
  .mkt-feat-list--3,
  .mkt-feat-list--4 {
    grid-template-columns: 1fr;
  }

  .mkt-feat-list--2 .mkt-feat-demo,
  .mkt-feat-list--3 .mkt-feat-demo,
  .mkt-feat-list--4 .mkt-feat-demo {
    max-width: none;
  }
}

/* Keep product/hero/demo motion even when OS Reduce motion is on.
   Only skip scroll-reveal fades — JS already marks sections visible. */
@media (prefers-reduced-motion: reduce) {
  [data-reveal],
  [data-reveal-child] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

@media (max-width: 900px) {
  .mkt-ai-grid,
  .mkt-solutions-grid,
  .mkt-footer-grid {
    grid-template-columns: 1fr 1fr;
  }

  .mkt-feature-row {
    grid-template-columns: 1fr;
  }

  .mkt-feat-list--3,
  .mkt-feat-list--4 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 720px) {
  .mkt-nav-toggle {
    display: flex;
  }

  .mkt-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    padding: 1rem;
    background: rgba(244, 246, 249, 0.98);
    border-bottom: 1px solid var(--mkt-line);
  }

  .mkt-menu.is-open {
    display: flex;
  }

  .mkt-drop-panel {
    position: static;
    display: none;
    box-shadow: none;
    border: 0;
    padding-left: 0.5rem;
    background: transparent;
  }

  .mkt-drop.is-open .mkt-drop-panel {
    display: block;
  }

  .mkt-ai-grid,
  .mkt-solutions-grid,
  .mkt-footer-grid {
    grid-template-columns: 1fr;
  }

  .mkt-hero {
    min-height: auto;
    padding-top: 2.5rem;
  }
}