.development-roadmap {position:relative;}
.mk-page .development-roadmap .section-header {max-width:none;margin-bottom:0;}
.roadmap-primer {margin:0 0 14px;color:var(--sv-teal-700);font-family:var(--sv-font-body);font-size:var(--landing-eyebrow-size);font-weight:800;line-height:1.3;letter-spacing:.08em;}
.mk-page .development-roadmap h2 {
  font-family:var(--sv-font-body);font-size:var(--sv-section-heading-size);
  font-weight:800;line-height:1.08;letter-spacing:-.04em;margin:0 0 20px;text-align:left;
}
.mk-page .development-roadmap .sv-lede {font-size:var(--landing-intro-size);font-weight:450;line-height:1.5;letter-spacing:-.02em;margin:0;max-width:none;color:var(--sv-ink-soft);}
.roadmap-mobile-hint {display:none;}
.roadmap-visual {position:relative;margin-top:8px;padding-bottom:var(--roadmap-description-space,204px);isolation:isolate;}
.roadmap-scroll {overflow-x:auto;padding:80px 7px 18px;margin-inline:-7px;scrollbar-width:thin;scrollbar-color:var(--sv-teal-700) var(--sv-cream-200);}
.roadmap-scroll:focus-visible {outline:2px solid var(--sv-teal-700);outline-offset:5px;border-radius:12px;}
.roadmap-track {position:relative;min-width:1060px;}
.roadmap-stages {position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:18px;align-items:end;list-style:none;margin:0;padding:0;}
.roadmap-stage {
  --stage-bg:var(--sv-gold-500);--stage-fg:var(--sv-ink);--stage-shadow:var(--sv-gold-500);
  position:relative;box-sizing:border-box;min-width:0;height:var(--stage-height,315px);
  display:flex;flex-direction:column;align-items:center;padding:24px 14px 18px;gap:10px;
  color:var(--stage-fg);background:var(--stage-bg);border:2.5px solid var(--sv-ink);
  border-radius:50% 50% 12px 12px / 38px 38px 12px 12px;box-shadow:6px 3px 0 var(--stage-shadow);text-align:center;
  transform-origin:center bottom;transition:transform 180ms ease-out,box-shadow 180ms ease-out;
}
.roadmap-stage.is-active {transform:scale(1.025);box-shadow:8px 5px 0 var(--stage-shadow);z-index:1;}
.roadmap-stage--2 {--stage-height:350px;--stage-bg:var(--sv-gold-300);}
.roadmap-stage--3 {--stage-height:405px;--stage-bg:var(--sv-mint-100);--stage-shadow:var(--sv-mint-300);}
.roadmap-stage--4 {--stage-height:435px;--stage-bg:var(--sv-mint-300);--stage-shadow:var(--sv-teal-500);}
.roadmap-stage--5 {--stage-height:490px;--stage-bg:var(--sv-teal-700);--stage-fg:var(--sv-cream-50);--stage-shadow:var(--sv-teal-500);}
.roadmap-stage--6 {--stage-height:520px;--stage-bg:var(--sv-teal-900);--stage-fg:var(--sv-cream-50);--stage-shadow:var(--sv-teal-700);}
.roadmap-stage--7 {--stage-height:570px;--stage-bg:var(--sv-ink);--stage-fg:var(--sv-cream-50);}
.roadmap-stage-toggle {position:absolute;inset:0;z-index:2;border:0;border-radius:inherit;background:transparent;padding:0;cursor:pointer;color:inherit;}
.roadmap-stage-toggle:focus {outline:none;}
.roadmap-stage:has(.roadmap-stage-toggle:focus-visible) {outline:3px solid var(--sv-teal-700);outline-offset:5px;}
.roadmap-stage-number {font-size:34px;line-height:1.1;font-weight:800;letter-spacing:-.04em;}
.roadmap-stage-status {display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:11px;font-weight:800;line-height:1;letter-spacing:.02em;border:1.5px solid var(--sv-ink);border-radius:999px;padding:7px 6px;background:var(--sv-teal-700);color:var(--sv-cream-50);}
.mk-page .roadmap-stage-name {font-family:var(--sv-font-body);font-size:var(--landing-card-title-size);font-weight:800;line-height:1.15;letter-spacing:-.035em;color:inherit;margin:0;text-wrap:balance;overflow-wrap:normal;}
.roadmap-stage-caption {font-size:var(--landing-body-size);font-weight:450;line-height:1.5;margin:0;color:inherit;text-wrap:pretty;}
.roadmap-stage-icon {width:56px;height:56px;object-fit:contain;margin-top:auto;flex-shrink:0;pointer-events:none;}
.roadmap-stage:is(.roadmap-stage--5,.roadmap-stage--6,.roadmap-stage--7) .roadmap-stage-icon {filter:brightness(0) invert(1);}
.roadmap-popover {position:absolute;z-index:10;box-sizing:border-box;width:min(360px,100%);padding:18px 20px;background:var(--sv-cream-50);color:var(--sv-ink);border:2px solid var(--sv-ink);border-radius:20px;box-shadow:4px 4px 0 var(--sv-ink);transition:left 160ms ease-out;}
.roadmap-popover[hidden] {display:none;}
.roadmap-popover::after {content:"";position:absolute;left:calc(var(--pointer-x,50%) - 8px);top:-9px;width:15px;height:15px;transform:rotate(45deg);background:var(--sv-cream-50);border-left:2px solid var(--sv-ink);border-top:2px solid var(--sv-ink);transition:left 160ms ease-out;}
.roadmap-popover.is-unanchored::after {display:none;}
.mk-page .roadmap-popover-question {font-size:17px;line-height:1.35;letter-spacing:-.025em;margin:0 0 10px;}
.roadmap-popover-question strong {font-weight:800;}
.roadmap-popover-copy {font-size:var(--landing-body-size);font-weight:450;line-height:1.5;margin:0;}
.roadmap-inclusion {position:relative;box-sizing:border-box;width:fit-content;max-width:100%;padding-inline:40px;font-size:20px;line-height:1.5;letter-spacing:-.025em;font-weight:800;text-align:center;margin:40px auto 0;}
.roadmap-inclusion::before,.roadmap-inclusion::after {content:"";position:absolute;top:50%;width:26px;height:28px;transform:translateY(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 28'%3E%3Cpath d='M3 4l15 9M2 24h15' fill='none' stroke='%230D7168' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 26px 28px no-repeat;}
.roadmap-inclusion::before {left:0;}
.roadmap-inclusion::after {right:0;transform:translateY(-50%) scaleX(-1);}
.roadmap-inclusion span {color:var(--sv-teal-700);}
.roadmap-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;}
@media(prefers-reduced-motion:reduce) {
  .roadmap-stage,.roadmap-popover,.roadmap-popover::after {transition:none;}
}
@media(min-width:1200px) {
  .mk-page .development-roadmap .section-header {position:absolute;left:0;top:38px;max-width:62%;}
  .mk-page .development-roadmap .sv-lede {max-width:none;text-wrap:initial;}
  .roadmap-intro-line {display:block;white-space:nowrap;}
}
@media(max-width:1250px) {
  .roadmap-stages {gap:14px;}
  .roadmap-stage {padding-inline:10px;}
}
@media(max-width:760px) {
  .roadmap-visual {--roadmap-mobile-peek:48px;--roadmap-mobile-stage-width:calc(100vw - 88px);}
  .roadmap-mobile-hint {display:block;font-size:13px;line-height:1.5;color:var(--sv-ink-muted);margin:12px 0 0;}
  .roadmap-track {min-width:0;width:max-content;height:var(--roadmap-mobile-track-height,520px);padding-right:var(--roadmap-mobile-peek);}
  .mk-page .development-roadmap .roadmap-track .section-header {position:absolute;top:0;left:0;width:var(--roadmap-mobile-stage-width);}
  .roadmap-stages {grid-template-columns:repeat(7,var(--roadmap-mobile-stage-width));gap:14px;height:100%;}
  .roadmap-scroll {padding-top:0;padding-bottom:8px;scroll-snap-type:x mandatory;scroll-padding-inline:7px;scrollbar-width:none;}
  .roadmap-scroll::-webkit-scrollbar {display:none;}
  .roadmap-stage {scroll-snap-align:start;padding:18px 16px;}
  .roadmap-stage--2 {--stage-height:330px;}
  .roadmap-stage--3 {--stage-height:355px;}
  .roadmap-stage--4 {--stage-height:370px;}
  .roadmap-stage--5 {--stage-height:405px;}
  .roadmap-stage--6 {--stage-height:420px;}
  .roadmap-stage--7 {--stage-height:455px;}
  .roadmap-popover {width:var(--roadmap-mobile-stage-width);transition:none;}
  .roadmap-inclusion {font-size:17px;margin-top:28px;text-align:left;}
}
