.mv-public-roadmap,
.mv-public-founder {
  margin-top: 24px;
  border-radius: 28px;
  overflow: hidden;
}

.mv-public-roadmap {
  padding: clamp(26px, 5vw, 48px);
  border: 1px solid rgba(15, 23, 42, .06);
  background:
    radial-gradient(circle at 100% 0%, rgba(249,115,22,.08), transparent 30%),
    linear-gradient(180deg, #fff 0%, #fcfaf6 100%);
  box-shadow: 0 14px 42px rgba(15, 23, 42, .055);
}

.mv-public-section-head {
  max-width: 720px;
}

.mv-public-section-head h2,
.mv-public-founder h2 {
  margin: 7px 0 10px;
  color: #0f172a;
  font-size: clamp(1.7rem, 4vw, 2.45rem);
  line-height: 1.08;
  letter-spacing: -.035em;
}

.mv-public-section-head > p:last-child {
  margin: 0;
  max-width: 640px;
  color: #64748b;
  line-height: 1.65;
}

/* Editorial phase navigator: typography first, chrome last. */
.mv-roadmap-tabs {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: end;
  margin-top: 34px;
  border-bottom: 1px solid rgba(15,23,42,.10);
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
}
.mv-roadmap-tabs::-webkit-scrollbar { display:none; }

.mv-roadmap-tab {
  position: relative;
  min-width: 88px;
  padding: 0 10px 14px;
  border: 0;
  background: transparent;
  color: #94a3b8;
  font: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  transition: color .18s ease;
}

.mv-roadmap-tab::after {
  content: "";
  position: absolute;
  left: 16%;
  right: 16%;
  bottom: -1px;
  height: 2px;
  border-radius: 99px;
  background: transparent;
  transform: scaleX(.45);
  transition: transform .18s ease, background .18s ease;
}

.mv-roadmap-tab:hover { color:#475569; }
.mv-roadmap-tab:focus-visible {
  outline: 2px solid rgba(249,115,22,.30);
  outline-offset: 4px;
  border-radius: 8px;
}

.mv-roadmap-tab.active {
  color: #0f172a;
}
.mv-roadmap-tab.active::after {
  background: #f97316;
  transform: scaleX(1);
}
.mv-roadmap-tab.current.active::after { background:#10b981; }
.mv-roadmap-tab.future.active::after { background:#64748b; }

.mv-roadmap-dot {
  display: block;
  width: 7px;
  height: 7px;
  margin: 0 auto 8px;
  border-radius: 50%;
  background: #cbd5e1;
  transition: transform .18s ease, background .18s ease;
}
.mv-roadmap-tab.current .mv-roadmap-dot { background:#10b981; }
.mv-roadmap-tab.next .mv-roadmap-dot { background:#f97316; }
.mv-roadmap-tab.active .mv-roadmap-dot { transform: scale(1.45); }

.mv-roadmap-tab-code {
  display:block;
  font-size: .86rem;
  font-weight: 750;
  letter-spacing: -.015em;
}

/* One quiet progress rail; no extra cards. */
.mv-roadmap-line {
  height: 2px;
  margin: 16px 0 28px;
  border-radius: 99px;
  background: linear-gradient(90deg,#10b981 0 16%,#f97316 16% 50%,#cbd5e1 50% 100%);
  opacity: .72;
}
.mv-roadmap-line span { display:none; }

/* Detail behaves like editorial content, not another card. */
.mv-roadmap-detail {
  min-height: 230px;
  padding: 4px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none !important;
  animation: mvRoadmapIn .18s ease-out;
}

@keyframes mvRoadmapIn {
  from { opacity:.25; transform:translateY(3px); }
  to { opacity:1; transform:none; }
}

.mv-roadmap-detail-head {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 900px;
}

.mv-roadmap-detail-head h3 {
  margin: 0;
  color: #0f172a;
  font-size: clamp(1.3rem, 3.1vw, 2rem);
  line-height: 1.14;
  letter-spacing: -.035em;
}

.mv-roadmap-state {
  display: inline-block;
  width: fit-content;
  padding: 0;
  background: transparent !important;
  color: #64748b;
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .12em;
}
.mv-roadmap-detail.current .mv-roadmap-state { color:#059669; }
.mv-roadmap-detail.next .mv-roadmap-state { color:#ea580c; }

.mv-roadmap-detail-grid {
  display: grid;
  grid-template-columns: minmax(0,.9fr) minmax(0,1.2fr);
  gap: 26px 52px;
  margin-top: 30px;
}

.mv-roadmap-detail-grid > div {
  min-width: 0;
}

.mv-roadmap-gate {
  grid-column: 1 / -1;
  padding: 20px 0 0;
  border: 0;
  border-top: 1px solid rgba(15,23,42,.09);
  border-radius: 0;
  background: transparent;
}

.mv-roadmap-label {
  display:block;
  margin-bottom: 9px;
  color:#94a3b8;
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.12em;
}

.mv-roadmap-goal,
.mv-roadmap-gate p {
  margin:0;
  color:#334155;
  line-height:1.65;
}

.mv-roadmap-focus {
  display:grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px 20px;
  margin:0;
  padding:0;
  list-style:none;
  color:#334155;
}

.mv-roadmap-focus li {
  position: relative;
  margin:0;
  padding-left: 14px;
  line-height:1.5;
}

.mv-roadmap-focus li::before {
  content:"";
  position:absolute;
  left:0;
  top:.65em;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#f97316;
}

.mv-roadmap-detail.current .mv-roadmap-focus li::before { background:#10b981; }
.mv-roadmap-detail.future .mv-roadmap-focus li::before { background:#94a3b8; }

.mv-roadmap-principle {
  margin: 28px 0 0;
  padding-top: 14px;
  border-top: 1px solid rgba(15,23,42,.06);
  color:#94a3b8;
  font-size:.76rem;
  font-weight:600;
}

/* Founder stays visually distinct from the quiet roadmap. */
.mv-public-founder {
  display:grid;
  grid-template-columns:minmax(150px,.65fr) minmax(0,1.7fr);
  background:#0f172a;
  color:#e2e8f0;
  box-shadow:0 18px 60px rgba(15,23,42,.10);
}

.mv-founder-accent {
  display:grid;
  place-items:center;
  min-height:320px;
  background:
    radial-gradient(circle at 30% 25%, rgba(249,115,22,.65), transparent 30%),
    radial-gradient(circle at 70% 70%, rgba(16,185,129,.32), transparent 34%),
    linear-gradient(145deg,#111827,#0f172a);
  color:rgba(255,255,255,.94);
  font-size:clamp(4rem,14vw,8rem);
  font-weight:800;
  letter-spacing:-.08em;
}

.mv-founder-copy { padding:clamp(28px,6vw,52px); }
.mv-founder-copy .mv-eyebrow { color:#fb923c; }
.mv-public-founder h2 { color:#fff; }

.mv-founder-name {
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  align-items:baseline;
  margin:18px 0;
}
.mv-founder-name strong { color:#fff; font-size:1.15rem; }
.mv-founder-name span { color:#94a3b8; font-size:.9rem; }
.mv-founder-copy p { max-width:760px; color:#cbd5e1; line-height:1.7; }
.mv-founder-copy .mv-founder-why {
  margin-top:20px;
  padding:14px 16px;
  border-left:3px solid #f97316;
  background:rgba(255,255,255,.05);
  color:#f8fafc;
  font-weight:600;
}
.mv-founder-link {
  display:inline-flex;
  gap:8px;
  align-items:center;
  margin-top:8px;
  color:#fff;
  font-weight:700;
  text-decoration:none;
}
.mv-founder-link:hover,
.mv-founder-link:focus-visible { color:#fb923c; }

@media (max-width: 820px) {
  .mv-roadmap-tabs {
    grid-template-columns: repeat(6, 104px);
  }
  .mv-roadmap-detail-grid {
    grid-template-columns: 1fr 1.15fr;
    gap:24px 34px;
  }
  .mv-public-founder { grid-template-columns:1fr; }
  .mv-founder-accent { min-height:180px; }
}

@media (max-width: 620px) {
  .mv-public-roadmap,
  .mv-public-founder { border-radius:22px; }

  .mv-public-roadmap {
    padding: 26px 22px 28px;
  }

  .mv-public-section-head h2 {
    font-size: clamp(1.72rem, 8vw, 2.1rem);
  }

  .mv-public-section-head > p:last-child {
    font-size: .98rem;
    line-height: 1.55;
  }

  .mv-roadmap-tabs {
    display:flex;
    margin-top: 28px;
    margin-left: -6px;
    margin-right: -6px;
    border-bottom-color: rgba(15,23,42,.08);
    scroll-snap-type: x proximity;
  }

  .mv-roadmap-tab {
    flex: 0 0 auto;
    min-width: 78px;
    padding: 0 10px 12px;
    scroll-snap-align: center;
  }

  .mv-roadmap-tab-code {
    font-size: .82rem;
  }

  .mv-roadmap-dot {
    width:6px;
    height:6px;
    margin-bottom:7px;
  }

  .mv-roadmap-line {
    margin: 14px 0 24px;
  }

  .mv-roadmap-detail {
    min-height:0;
    padding:0;
  }

  .mv-roadmap-detail-head {
    gap:7px;
  }

  .mv-roadmap-detail-head h3 {
    font-size: 1.42rem;
  }

  .mv-roadmap-detail-grid {
    grid-template-columns:1fr;
    gap: 0;
    margin-top: 28px;
  }

  .mv-roadmap-detail-grid > div {
    padding: 0 0 22px;
  }

  .mv-roadmap-detail-grid > div + div {
    padding-top: 22px;
    border-top: 1px solid rgba(15,23,42,.08);
  }

  .mv-roadmap-gate {
    grid-column:auto;
    padding-top:22px !important;
  }

  .mv-roadmap-focus {
    grid-template-columns:1fr;
    gap:9px;
  }

  .mv-roadmap-principle {
    margin-top: 10px;
  }

  .mv-founder-copy { padding:24px 20px 28px; }
}


/* Homepage 10/10 hierarchy pass */
.mv-home > .mv-action-grid{display:none!important}

.mv-hero-actions .mv-hero-link{display:none}
.mv-hero-actions{grid-template-columns:1fr!important}
.mv-hero-primary{max-width:520px}

.mv-public-why{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:clamp(28px,6vw,64px);
  align-items:start;
  padding:clamp(30px,5vw,48px) 4px;
}
.mv-why-intro h2{
  margin:7px 0 12px;
  max-width:680px;
  color:#0f172a;
  font-size:clamp(1.75rem,4vw,2.55rem);
  line-height:1.08;
  letter-spacing:-.038em;
}
.mv-why-intro>p:last-child{
  margin:0;
  max-width:620px;
  color:#64748b;
  line-height:1.68;
}
.mv-why-points{
  display:grid;
  gap:0;
  border-top:1px solid rgba(15,23,42,.09);
}
.mv-why-points article{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:14px;
  padding:18px 0;
  border-bottom:1px solid rgba(15,23,42,.09);
}
.mv-why-points article>span{
  color:#f97316;
  font-size:.66rem;
  font-weight:850;
  letter-spacing:.08em;
}
.mv-why-points strong{display:block;color:#0f172a;font-size:1rem}
.mv-why-points p{margin:5px 0 0;color:#64748b;font-size:.9rem;line-height:1.55}

.mv-feature-card{
  padding:clamp(26px,5vw,42px)!important;
}
.mv-feature-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  margin-top:24px!important;
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.mv-feature-item{
  min-height:0!important;
  padding:18px 14px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.mv-feature-item:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.10)!important}
.mv-feature-item:not(:nth-child(3n)){border-right:1px solid rgba(255,255,255,.10)!important}
.mv-feature-item>span{
  width:30px!important;
  height:30px!important;
  margin-bottom:10px;
  background:rgba(249,115,22,.10)!important;
}
.mv-feature-item strong{font-size:.83rem!important}
.mv-feature-item small{font-size:.72rem!important;line-height:1.4!important}
.mv-limit-note{
  margin-top:16px!important;
  padding:12px 0 0!important;
  border:0!important;
  border-radius:0!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  background:transparent!important;
}

.mv-sandbox-utility{
  margin-top:24px;
  padding:0;
  border-top:1px solid rgba(15,23,42,.08);
  border-bottom:1px solid rgba(15,23,42,.08);
}
.mv-sandbox-utility>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 2px;
  cursor:pointer;
  list-style:none;
}
.mv-sandbox-utility>summary::-webkit-details-marker{display:none}
.mv-sandbox-utility>summary span{display:grid;gap:3px}
.mv-sandbox-utility>summary small{
  color:#f97316;
  font-size:.63rem;
  font-weight:850;
  letter-spacing:.11em;
}
.mv-sandbox-utility>summary strong{color:#0f172a;font-size:.95rem}
.mv-sandbox-utility>summary>b{color:#94a3b8;font-size:1.25rem;font-weight:500}
.mv-sandbox-utility[open]>summary>b{transform:rotate(45deg)}
.mv-sandbox-utility-copy{margin:0 0 16px;color:#64748b;font-size:.86rem;line-height:1.55}
.mv-sandbox-utility-content{display:grid;gap:16px;padding-bottom:18px}
.mv-sandbox-utility-content .mv-tour-section,
.mv-sandbox-utility-content .mv-sandbox-card{margin:0!important}
.mv-sandbox-utility-content .mv-sandbox-card{box-shadow:none!important}
.mv-sandbox-utility-content .mv-sandbox-list{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.mv-sandbox-utility-content .mv-sandbox-list li{
  padding:10px!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  font-size:.76rem!important;
}

.mv-public-founder{
  grid-template-columns:120px minmax(0,1fr)!important;
  align-items:stretch;
}
.mv-founder-accent{
  min-height:0!important;
  font-size:3.4rem!important;
}
.mv-founder-copy{padding:30px 34px!important}
.mv-founder-copy h2{font-size:clamp(1.55rem,3.5vw,2.1rem)!important}
.mv-founder-name{margin:14px 0 12px!important}
.mv-founder-summary{margin-bottom:12px!important}
.mv-founder-more{margin-top:8px}
.mv-founder-more summary{
  color:#fb923c;
  font-size:.8rem;
  font-weight:700;
  cursor:pointer;
}
.mv-founder-more p{font-size:.86rem!important;line-height:1.55!important}
.mv-founder-copy .mv-founder-why{display:none!important}

@media(max-width:760px){
  .mv-public-why{grid-template-columns:1fr;gap:26px;padding:30px 2px}
  .mv-why-intro h2{font-size:1.95rem}
  .mv-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mv-feature-item:nth-child(-n+3){border-bottom:0!important}
  .mv-feature-item:nth-child(-n+4){border-bottom:1px solid rgba(255,255,255,.10)!important}
  .mv-feature-item:not(:nth-child(3n)){border-right:0!important}
  .mv-feature-item:nth-child(odd){border-right:1px solid rgba(255,255,255,.10)!important}
  .mv-sandbox-utility-content .mv-sandbox-list{grid-template-columns:1fr 1fr!important}
  .mv-public-founder{grid-template-columns:76px minmax(0,1fr)!important}
  .mv-founder-accent{font-size:2.1rem!important}
  .mv-founder-copy{padding:24px 20px!important}
}
@media(max-width:520px){
  .mv-hero-actions{margin-top:22px!important}
  .mv-hero-primary{width:100%;max-width:none}
  .mv-public-why{padding-top:24px}
  .mv-why-points article{padding:15px 0}
  .mv-feature-card{padding:24px 18px!important}
  .mv-feature-item{padding:16px 10px!important}
  .mv-feature-item>span{width:28px!important;height:28px!important}
  .mv-feature-item small{font-size:.68rem!important}
  .mv-sandbox-utility-content .mv-sandbox-list{grid-template-columns:1fr!important}
  .mv-public-founder{grid-template-columns:1fr!important}
  .mv-founder-accent{
    min-height:72px!important;
    font-size:2rem!important;
    justify-content:start!important;
    padding-left:22px;
  }
  .mv-founder-copy{padding:22px!important}
}

