@layer base {
:root {
  --mc-bg: var(--mc-lit-c-0f172a);
  --mc-bg2: var(--mc-lit-c-0b1220);
  --mc-card: var(--mc-lit-c-rgba-17-24-39-0-72);
  --mc-border: var(--mc-lit-c-rgba-148-163-184-0-16);
  --mc-text: var(--mc-lit-c-f8fafc);
  --mc-muted: var(--mc-lit-c-94a3b8);
  --mc-blue: var(--mc-lit-c-1e81b0);
  --mc-orange: var(--mc-lit-c-ff6b00);
  --mc-orange-2: var(--mc-lit-c-ff3c00);
  --mc-radius: 12px;
}

* {
  box-sizing: border-box;
}

html,
body {
  min-height: var(--mc-lit-m-100pct);
}

.mc-body {
  margin: var(--mc-lit-m-0);
  color: var(--mc-text);
  background:
    radial-gradient(1200px 600px at 10% -10%, var(--mc-lit-c-rgba-30-129-176-0-18), transparent 60%),
    radial-gradient(900px 500px at 90% 10%, var(--mc-lit-c-rgba-255-107-0-0-12), transparent 55%),
    var(--mc-bg);
  font-family: 'Inter', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--mc-text);
  font-family: 'Inter', sans-serif;
  letter-spacing: var(--mc-lit-m-0_03em);
}

a {
  color: var(--mc-lit-c-7dd3fc);
  text-decoration: none;
}

a:hover {
  color: var(--mc-lit-c-bae6fd);
}

.mc-nav {
  background: var(--mc-lit-c-rgba-10-15-28-0-55);
  border-bottom: var(--mc-lit-m-1px) solid var(--mc-lit-c-rgba-148-163-184-0-1);
  backdrop-filter: blur(14px);
}

.mc-nav-shell {
  min-height: var(--mc-lit-m-68px);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mc-menu-btn {
  width: var(--mc-lit-m-38px);
  height: var(--mc-lit-m-34px);
  border-radius: var(--mc-lit-m-10px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-28);
  background: var(--mc-lit-c-rgba-15-23-42-0-78);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--mc-lit-m-4px);
}

.mc-menu-btn::after {
  display: none;
}

.mc-menu-btn:focus-visible {
  outline: var(--mc-lit-m-2px) solid var(--mc-lit-c-rgba-125-211-252-0-65);
  outline-offset: var(--mc-lit-m-2px);
}

.mc-menu-line {
  width: var(--mc-lit-m-16px);
  height: var(--mc-lit-m-1_8px);
  border-radius: var(--mc-lit-m-99px);
  background: var(--mc-lit-c-94a3b8);
}

.mc-nav-user {
  display: inline-flex;
  align-items: center;
  gap: var(--mc-lit-m-8px);
  padding: var(--mc-lit-m-4px) var(--mc-lit-m-8px) var(--mc-lit-m-4px) var(--mc-lit-m-4px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-3);
  border-radius: var(--mc-lit-m-999px);
  background: var(--mc-lit-c-rgba-15-23-42-0-72);
  max-width: var(--mc-lit-m-220px);
  cursor: pointer;
}

.mc-nav-user.dropdown-toggle::after {
  display: none;
}

.mc-nav-user__avatar {
  width: var(--mc-lit-m-30px);
  height: var(--mc-lit-m-30px);
  border-radius: var(--mc-lit-m-999px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-35);
  background: var(--mc-lit-c-rgba-30-41-59-0-9);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--mc-lit-c-cbd5e1);
  font-size: var(--mc-lit-m-18px);
  overflow: hidden;
  flex: 0 0 auto;
}

.mc-nav-user__avatar-img {
  width: var(--mc-lit-m-100pct);
  height: var(--mc-lit-m-100pct);
  object-fit: cover;
  display: block;
}

.mc-nav-user__name {
  color: var(--mc-lit-c-e2e8f0);
  font-size: var(--mc-lit-m-0_85rem);
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mc-nav-brand-wrap {
  display: inline-flex;
  align-items: center;
  gap: var(--mc-lit-m-8px);
}

.mc-nav-links {
  display: inline-flex;
  align-items: center;
  gap: var(--mc-lit-m-8px);
}

.mc-nav-link {
  color: var(--mc-lit-c-e2e8f0);
  font-weight: 700;
  border: 1px solid transparent;
  border-radius: var(--mc-lit-m-8px);
  padding: var(--mc-lit-m-6px) var(--mc-lit-m-10px);
}

.mc-nav-link:hover,
.mc-nav-link:focus {
  color: var(--mc-lit-c-fff);
  border-color: var(--mc-lit-c-rgba-148-163-184-0-3);
  background: var(--mc-lit-c-rgba-15-23-42-0-7);
}

.mc-nav-signup {
  border-radius: var(--mc-lit-m-8px);
  border: 1px solid var(--mc-ed-primary-strong, var(--mc-lit-c-4338ca));
  color: var(--mc-lit-c-fff);
  background: var(--mc-ed-primary, var(--mc-lit-c-4f46e5));
  font-weight: 600;
  padding: var(--mc-lit-m-6px) var(--mc-lit-m-12px);
}

.mc-nav-signup:hover,
.mc-nav-signup:focus {
  color: var(--mc-lit-c-fff);
  border-color: var(--mc-lit-c-f97316);
}

.mc-logo-link {
  width: var(--mc-lit-m-44px);
  height: var(--mc-lit-m-44px);
  border-radius: var(--mc-lit-m-10px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-26);
  background: var(--mc-lit-c-rgba-15-23-42-0-82);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mc-logo {
  width: var(--mc-lit-m-34px);
  height: var(--mc-lit-m-34px);
  object-fit: contain;
}

.mc-brand-text {
  color: var(--mc-lit-c-f8fafc);
  font-size: var(--mc-lit-m-1rem);
  font-weight: 700;
  letter-spacing: var(--mc-lit-m-0_02em);
}

.mc-brand-text:hover,
.mc-brand-text:focus {
  color: var(--mc-lit-c-f8fafc);
}

.mc-main {
  padding-top: var(--mc-lit-m-92px);
  padding-bottom: var(--mc-lit-m-24px);
}

.mc-flash-stack {
  display: grid;
  gap: var(--mc-lit-m-8px);
  margin-bottom: var(--mc-lit-m-14px);
}

.mc-alert {
  margin: var(--mc-lit-m-0);
  border-radius: var(--mc-lit-m-12px);
  border: 1px solid var(--mc-lit-c-rgba-125-211-252-0-34);
  color: var(--mc-lit-c-e0f2fe);
  background: var(--mc-lit-c-rgba-14-116-144-0-22);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.mc-alert--closing {
  opacity: var(--mc-lit-m-0);
  transform: translateY(-4px);
}

.btn {
  border-radius: 6px;
  font-weight: 600;
  transition: box-shadow 0.16s ease, background-color 0.16s ease, border-color 0.16s ease;
}

.mc-btn-gradient {
  border: 1px solid var(--mc-ed-primary-strong, var(--mc-lit-c-4338ca));
  color: var(--mc-lit-c-fff);
  background: var(--mc-ed-primary, var(--mc-lit-c-4f46e5));
  box-shadow: none;
}

.mc-btn-gradient:hover,
.mc-btn-gradient:focus {
  color: var(--mc-lit-c-fff);
  border-color: var(--mc-ed-primary-ink, var(--mc-lit-c-312e81));
  background: var(--mc-ed-primary-strong, var(--mc-lit-c-4338ca));
  box-shadow: var(--mc-ed-shadow-1, 0 1px 3px rgba(15,23,42,0.04));
}

.mc-btn-outline {
  color: var(--mc-lit-c-e2e8f0);
  border: 1px solid var(--mc-lit-c-rgba-248-250-252-0-28);
  background: var(--mc-lit-c-rgba-15-23-42-0-65);
}

.mc-btn-outline:hover,
.mc-btn-outline:focus {
  color: var(--mc-lit-c-fff);
  border-color: var(--mc-lit-c-rgba-248-250-252-0-5);
  background: var(--mc-lit-c-rgba-30-41-59-0-82);
}

.mc-btn-danger {
  border: 1px solid var(--mc-ed-danger-strong, var(--mc-lit-c-b91c1c));
  color: var(--mc-lit-c-fff);
  background: var(--mc-ed-danger, var(--mc-lit-c-dc2626));
  box-shadow: none;
}

.mc-btn-danger:hover,
.mc-btn-danger:focus {
  color: var(--mc-lit-c-fff);
  border-color: var(--mc-ed-danger-strong, var(--mc-lit-c-b91c1c));
  background: var(--mc-ed-danger-strong, var(--mc-lit-c-b91c1c));
  box-shadow: var(--mc-ed-shadow-1, 0 1px 3px rgba(15,23,42,0.04));
}

.mc-btn-muted {
  color: var(--mc-lit-c-cbd5e1);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-44);
  background: var(--mc-lit-c-rgba-51-65-85-0-45);
}

.mc-btn-muted:hover,
.mc-btn-muted:focus {
  color: var(--mc-lit-c-e2e8f0);
  border-color: var(--mc-lit-c-rgba-148-163-184-0-6);
  background: var(--mc-lit-c-rgba-51-65-85-0-62);
}

.mc-btn-gradient:disabled,
.mc-btn-outline:disabled,
.mc-btn-danger:disabled,
.mc-btn-muted:disabled {
  opacity: var(--mc-lit-m-0_62);
  transform: none;
  box-shadow: none;
  cursor: not-allowed;
}

.mc-dropdown-menu {
  border: 1px solid var(--mc-border);
  background: var(--mc-lit-c-rgba-10-15-28-0-92);
}

.mc-nav-menu {
  min-width: var(--mc-lit-m-220px);
  margin-top: var(--mc-lit-m-10px);
}

.mc-dropdown-menu .dropdown-divider {
  border-top-color: var(--mc-lit-c-rgba-148-163-184-0-25);
}

.mc-dropdown-menu .dropdown-item {
  color: var(--mc-lit-c-e2e8f0);
}

.mc-dropdown-menu .dropdown-item:hover {
  color: var(--mc-lit-c-fff);
  background: var(--mc-lit-c-rgba-30-41-59-0-85);
}

.mcLanding {
  overflow: hidden;
}

.mcWordmark {
  font-weight: 700;
  letter-spacing: var(--mc-lit-m-0_03em);
  font-size: var(--mc-lit-m-1_05rem);
  opacity: var(--mc-lit-m-0_95);
}

.mcGradientText {
  background: linear-gradient(90deg, var(--mc-blue), var(--mc-orange));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.mcMuted {
  color: var(--mc-muted);
}

.mcHero {
  position: relative;
  overflow: hidden;
  padding-top: var(--mc-lit-m-38px);
  padding-bottom: var(--mc-lit-m-42px);
}

.mcHero__bg {
  position: absolute;
  inset: 0;
  z-index: var(--mc-lit-m-0);
}

.mcGrid {
  position: absolute;
  inset: -1px;
  opacity: 0.3;
  background-image:
    linear-gradient(var(--mc-lit-c-rgba-148-163-184-0-06) 1px, transparent 1px),
    linear-gradient(90deg, var(--mc-lit-c-rgba-148-163-184-0-06) 1px, transparent 1px);
  background-size: var(--mc-lit-m-56px) var(--mc-lit-m-56px);
  mask-image: radial-gradient(circle at 50% 20%, black 0%, transparent 68%);
}

.mcHero__glow {
  position: absolute;
  width: var(--mc-lit-m-560px);
  height: var(--mc-lit-m-560px);
  border-radius: var(--mc-lit-m-999px);
  filter: blur(40px);
  opacity: 0.3;
}

.mcHero__glow--blue {
  left: var(--mc-lit-m-120px);
  top: var(--mc-lit-m-180px);
  background: var(--mc-lit-c-rgba-30-129-176-0-22);
}

.mcHero__glow--orange {
  right: var(--mc-lit-m-180px);
  top: var(--mc-lit-m-120px);
  background: var(--mc-lit-c-rgba-255-107-0-0-18);
}

.mcHero__line {
  position: absolute;
  right: var(--mc-lit-m-120px);
  top: var(--mc-lit-m-94px);
  transform: rotate(-6deg);
  opacity: var(--mc-lit-m-0_92);
}

.motoLine {
  filter: drop-shadow(0 18px 40px var(--mc-lit-c-rgba-0-0-0-0-25));
  animation: mc-float 6s ease-in-out infinite;
}

.motoLine__path {
  stroke-dasharray: 900;
  stroke-dashoffset: 0;
  animation: mc-dash 5.5s linear infinite;
}

.motoLine__path--thin {
  stroke-dasharray: 700;
  animation-duration: 4.5s;
  opacity: var(--mc-lit-m-0_65);
}

.mcHero__content,
.mcHero__stats {
  position: relative;
  z-index: var(--mc-lit-m-1);
}

.mcHero__content {
  padding-top: var(--mc-lit-m-52px);
}

.mcPill {
  display: inline-flex;
  align-items: center;
  gap: var(--mc-lit-m-10px);
  padding: var(--mc-lit-m-10px) var(--mc-lit-m-14px);
  border-radius: var(--mc-lit-m-999px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-14);
  background: var(--mc-lit-c-rgba-17-24-39-0-55);
  color: var(--mc-lit-c-rgba-248-250-252-0-9);
  font-weight: 600;
  font-size: var(--mc-lit-m-0_95rem);
}

.mcDot {
  width: var(--mc-lit-m-10px);
  height: var(--mc-lit-m-10px);
  border-radius: var(--mc-lit-m-999px);
  background: linear-gradient(90deg, var(--mc-blue), var(--mc-orange));
  box-shadow: 0 0 0 4px var(--mc-lit-c-rgba-30-129-176-0-12);
}

.mcLead {
  max-width: var(--mc-lit-m-860px);
  color: var(--mc-lit-c-rgba-248-250-252-0-88);
}

.mcStores {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mc-lit-m-10px);
}

.mcStoreBadge {
  padding: var(--mc-lit-m-8px) var(--mc-lit-m-12px);
  border-radius: var(--mc-lit-m-999px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-18);
  background: var(--mc-lit-c-rgba-17-24-39-0-45);
  color: var(--mc-lit-c-rgba-248-250-252-0-88);
  font-weight: 600;
  font-size: var(--mc-lit-m-0_92rem);
}

.mcHero__stats {
  margin-top: var(--mc-lit-m-36px);
}

.mcStatCard {
  border-radius: var(--mc-radius);
  padding: var(--mc-lit-m-18px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-14);
  background: var(--mc-lit-c-rgba-17-24-39-0-5);
}

.mcStatValue {
  font-weight: 700;
  letter-spacing: var(--mc-lit-m-0_03em);
  font-size: var(--mc-lit-m-1_2rem);
}

.mcStatLabel {
  color: var(--mc-lit-c-rgba-148-163-184-0-95);
}

.mcTrust {
  border-top: var(--mc-lit-m-1px) solid var(--mc-lit-c-rgba-148-163-184-0-1);
  border-bottom: var(--mc-lit-m-1px) solid var(--mc-lit-c-rgba-148-163-184-0-1);
  background: var(--mc-lit-c-rgba-10-15-28-0-35);
}

.mcTrust__inner {
  padding: var(--mc-lit-m-16px) 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--mc-lit-m-16px);
}

.mcTrust__label {
  color: var(--mc-lit-c-rgba-148-163-184-0-9);
  font-weight: 600;
}

.mcTrust__chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mc-lit-m-10px);
}

.mcChip {
  padding: var(--mc-lit-m-8px) var(--mc-lit-m-12px);
  border-radius: var(--mc-lit-m-999px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-16);
  background: var(--mc-lit-c-rgba-17-24-39-0-4);
  color: var(--mc-lit-c-rgba-248-250-252-0-88);
  font-weight: 600;
  font-size: var(--mc-lit-m-0_9rem);
}

.mcSection {
  padding: var(--mc-lit-m-86px) 0;
}

.mcSection--alt {
  background:
    radial-gradient(800px 300px at 20% 0%, var(--mc-lit-c-rgba-30-129-176-0-12), transparent 60%),
    radial-gradient(700px 300px at 90% 40%, var(--mc-lit-c-rgba-255-107-0-0-1), transparent 60%),
    var(--mc-lit-c-rgba-10-15-28-0-35);
  border-top: var(--mc-lit-m-1px) solid var(--mc-lit-c-rgba-148-163-184-0-08);
  border-bottom: var(--mc-lit-m-1px) solid var(--mc-lit-c-rgba-148-163-184-0-08);
}

.mcH2 {
  font-weight: 700;
}

.mcSub {
  max-width: var(--mc-lit-m-820px);
  margin: var(--mc-lit-m-12px) auto 0;
  color: var(--mc-lit-c-rgba-148-163-184-0-95);
}

.mcCard {
  border-radius: var(--mc-radius);
  padding: var(--mc-lit-m-22px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-14);
  background: var(--mc-lit-c-rgba-17-24-39-0-55);
  box-shadow: var(--mc-ed-shadow-1, 0 1px 3px rgba(15,23,42,0.04));
  transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

.mcCard:hover {
  border-color: var(--mc-lit-c-rgba-30-129-176-0-3);
  box-shadow: var(--mc-ed-shadow-2, 0 4px 12px rgba(15,23,42,0.08));
}

.mcIcon {
  width: var(--mc-lit-m-44px);
  height: var(--mc-lit-m-44px);
  border-radius: var(--mc-lit-m-14px);
  margin-bottom: var(--mc-lit-m-14px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-16);
  background: linear-gradient(135deg, var(--mc-lit-c-rgba-30-129-176-0-22), var(--mc-lit-c-rgba-255-107-0-0-18));
  display: flex;
  align-items: center;
  justify-content: center;
}

.mcIcon__dot {
  width: var(--mc-lit-m-12px);
  height: var(--mc-lit-m-12px);
  border-radius: var(--mc-lit-m-999px);
  background: linear-gradient(90deg, var(--mc-blue), var(--mc-orange));
}

.mcStep {
  border-radius: var(--mc-radius);
  padding: var(--mc-lit-m-22px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-14);
  background: var(--mc-lit-c-rgba-17-24-39-0-45);
}

.mcStep__num {
  display: inline;
  margin-right: var(--mc-lit-m-0_35rem);
  font: inherit;
  color: inherit;
}

.mcStep__head {
  display: block;
  margin-bottom: var(--mc-lit-m-6px);
  font-weight: 700;
  font-size: var(--mc-lit-m-1_15rem);
  color: var(--mc-lit-c-rgba-248-250-252-0-94);
}

.mcStep__title {
  display: inline;
  margin: var(--mc-lit-m-0);
  font: inherit;
  color: inherit;
}

.mcList {
  margin-top: var(--mc-lit-m-18px);
  padding-left: var(--mc-lit-m-18px);
  color: var(--mc-lit-c-rgba-248-250-252-0-88);
}

.mcList li {
  margin-bottom: var(--mc-lit-m-10px);
}

.mcMock {
  border-radius: var(--mc-radius);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-14);
  background: var(--mc-lit-c-rgba-17-24-39-0-45);
  overflow: hidden;
  box-shadow: var(--mc-ed-shadow-2, 0 4px 12px rgba(15,23,42,0.08));
}

.mcMock__header {
  padding: var(--mc-lit-m-12px) var(--mc-lit-m-14px);
  display: flex;
  align-items: center;
  gap: var(--mc-lit-m-8px);
  border-bottom: var(--mc-lit-m-1px) solid var(--mc-lit-c-rgba-148-163-184-0-1);
  background: var(--mc-lit-c-rgba-10-15-28-0-35);
}

.mcMock__dot {
  width: var(--mc-lit-m-10px);
  height: var(--mc-lit-m-10px);
  border-radius: var(--mc-lit-m-999px);
  display: inline-block;
}

.mcMock__dot--r {
  background: var(--mc-lit-c-ff5f57);
}

.mcMock__dot--y {
  background: var(--mc-lit-c-febc2e);
}

.mcMock__dot--g {
  background: var(--mc-lit-c-28c840);
}

.mcMock__body {
  padding: var(--mc-lit-m-16px);
}

.mcRideRow {
  margin-bottom: var(--mc-lit-m-12px);
  padding: var(--mc-lit-m-14px);
  border-radius: var(--mc-lit-m-14px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-1);
  background: var(--mc-lit-c-rgba-17-24-39-0-45);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--mc-lit-m-12px);
}

.mcRideRow:last-child {
  margin-bottom: var(--mc-lit-m-0);
}

.mcRideRow__name {
  font-weight: 700;
}

.mcRideRow__meta {
  color: var(--mc-lit-c-rgba-148-163-184-0-95);
  font-size: var(--mc-lit-m-0_92rem);
}

.mcPillSmall {
  padding: var(--mc-lit-m-6px) var(--mc-lit-m-10px);
  border-radius: var(--mc-lit-m-999px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-16);
  background: var(--mc-lit-c-rgba-30-129-176-0-18);
  font-weight: 600;
}

.mcQuote {
  border-radius: var(--mc-radius);
  padding: var(--mc-lit-m-22px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-14);
  background: var(--mc-lit-c-rgba-17-24-39-0-45);
}

.mcQuote__mark {
  font-size: var(--mc-lit-m-40px);
  line-height: var(--mc-lit-m-1);
  font-weight: 900;
  background: linear-gradient(90deg, var(--mc-blue), var(--mc-orange));
  -webkit-background-clip: text;
  color: transparent;
}

.mcQuote__text {
  margin-top: var(--mc-lit-m-10px);
  color: var(--mc-lit-c-rgba-248-250-252-0-88);
  font-weight: 600;
}

.mcQuote__name {
  margin-top: var(--mc-lit-m-12px);
  color: var(--mc-lit-c-rgba-148-163-184-0-95);
}

.mcAccordion .accordion-item {
  margin-bottom: var(--mc-lit-m-12px);
  border-radius: var(--mc-radius);
  overflow: hidden;
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-14);
  background: var(--mc-lit-c-rgba-17-24-39-0-45);
}

.mcAccordion .accordion-button {
  background: transparent;
  color: var(--mc-lit-c-rgba-248-250-252-0-92);
  font-weight: 700;
}

.mcAccordion .accordion-button:focus {
  box-shadow: none;
}

.mcAccordion .accordion-button:not(.collapsed) {
  background: var(--mc-lit-c-rgba-10-15-28-0-35);
}

.mcAccordion .accordion-button::after {
  filter: invert(1);
}

.mcCta {
  padding: var(--mc-lit-m-86px) 0;
  border-top: var(--mc-lit-m-1px) solid var(--mc-lit-c-rgba-148-163-184-0-1);
  background: linear-gradient(90deg, var(--mc-lit-c-rgba-30-129-176-0-2), var(--mc-lit-c-rgba-255-107-0-0-18));
}

.mcCta__inner {
  border-radius: var(--mc-lit-m-26px);
  padding: var(--mc-lit-m-44px) var(--mc-lit-m-18px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-14);
  background: var(--mc-lit-c-rgba-10-15-28-0-45);
  box-shadow: var(--mc-ed-shadow-2, 0 4px 12px rgba(15,23,42,0.08));
}

.mcFooter {
  padding: var(--mc-lit-m-18px) 0;
  border-top: var(--mc-lit-m-1px) solid var(--mc-lit-c-rgba-148-163-184-0-1);
  background: var(--mc-lit-c-rgba-5-10-18-0-85);
}

.mcDemoModal .modal-content {
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-24);
  border-radius: var(--mc-lit-m-22px);
  background:
    radial-gradient(860px 340px at 10% 0%, var(--mc-lit-c-rgba-30-129-176-0-16), transparent 62%),
    radial-gradient(760px 320px at 90% 0%, var(--mc-lit-c-rgba-255-107-0-0-14), transparent 65%),
    var(--mc-lit-c-rgba-8-14-26-0-98);
  color: var(--mc-text);
}

.mcDemoModal .modal-header {
  border-bottom: var(--mc-lit-m-1px) solid var(--mc-lit-c-rgba-148-163-184-0-16);
  padding: var(--mc-lit-m-14px) var(--mc-lit-m-18px) var(--mc-lit-m-10px);
}

.mcDemoModal .modal-title {
  margin: var(--mc-lit-m-0);
  font-size: clamp(1.1rem, 1.5vw, 1.35rem);
  font-weight: 700;
  letter-spacing: var(--mc-lit-m-0_02em);
}

.mcDemoMeta {
  margin-top: var(--mc-lit-m-8px);
  display: flex;
  flex-wrap: wrap;
  gap: var(--mc-lit-m-8px);
}

.mcDemoChip {
  padding: var(--mc-lit-m-5px) var(--mc-lit-m-10px);
  border-radius: var(--mc-lit-m-999px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-2);
  background: var(--mc-lit-c-rgba-17-24-39-0-68);
  color: var(--mc-lit-c-rgba-248-250-252-0-88);
  font-weight: 700;
  font-size: var(--mc-lit-m-0_8rem);
}

.mcDemoModal .btn-close {
  filter: invert(1) grayscale(1);
}

.mcDemoModal .modal-body {
  padding: var(--mc-lit-m-16px) var(--mc-lit-m-18px) var(--mc-lit-m-8px);
}

.mcConfirmModal .modal-content {
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-3);
  border-radius: var(--mc-lit-m-16px);
  background:
    radial-gradient(620px 220px at 12% 0%, var(--mc-lit-c-rgba-30-129-176-0-2), transparent 62%),
    radial-gradient(520px 220px at 90% 0%, var(--mc-lit-c-rgba-255-107-0-0-16), transparent 64%),
    var(--mc-lit-c-rgba-8-14-26-0-98);
  color: var(--mc-text);
}

.mcConfirmModal .modal-header {
  border-bottom: var(--mc-lit-m-1px) solid var(--mc-lit-c-rgba-148-163-184-0-16);
  padding: var(--mc-lit-m-12px) var(--mc-lit-m-14px) var(--mc-lit-m-10px);
}

.mcConfirmModal .modal-title {
  margin: var(--mc-lit-m-0);
  font-size: var(--mc-lit-m-1rem);
  font-weight: 700;
  letter-spacing: var(--mc-lit-m-0_01em);
}

.mcConfirmModal .mc-modal-close-btn {
  margin-left: auto;
}

.mcConfirmModal .modal-body {
  padding: var(--mc-lit-m-12px) var(--mc-lit-m-14px) var(--mc-lit-m-8px);
}

.mcConfirmModal .modal-footer {
  border-top: var(--mc-lit-m-1px) solid var(--mc-lit-c-rgba-148-163-184-0-16);
  padding: var(--mc-lit-m-10px) var(--mc-lit-m-14px) var(--mc-lit-m-12px);
  gap: var(--mc-lit-m-8px);
}

.mc-confirm-modal__target {
  margin: var(--mc-lit-m-0);
  color: var(--mc-lit-c-f8fafc);
  font-size: var(--mc-lit-m-0_93rem);
  font-weight: 700;
  line-height: var(--mc-lit-m-1_35);
  word-break: break-word;
}

.mcDemoIndicators {
  position: static;
  margin: var(--mc-lit-m-0) 0 var(--mc-lit-m-10px);
  justify-content: flex-start;
  gap: var(--mc-lit-m-6px);
}

.mcDemoIndicators button {
  width: var(--mc-lit-m-26px);
  height: var(--mc-lit-m-4px);
  margin: var(--mc-lit-m-0);
  border-radius: var(--mc-lit-m-99px);
  opacity: var(--mc-lit-m-0_5);
}

.mcDemoSlide {
  display: grid;
  grid-template-columns: 1.75fr 0.85fr;
  gap: var(--mc-lit-m-14px);
  align-items: stretch;
  min-height: var(--mc-lit-m-500px);
}

.mcDemoScreen {
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-18);
  border-radius: var(--mc-lit-m-16px);
  background: var(--mc-lit-c-rgba-17-24-39-0-72);
  overflow: hidden;
}

.mcDemoScreen__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--mc-lit-m-10px);
  padding: var(--mc-lit-m-11px) var(--mc-lit-m-13px);
  border-bottom: var(--mc-lit-m-1px) solid var(--mc-lit-c-rgba-148-163-184-0-12);
  background: var(--mc-lit-c-rgba-10-15-28-0-4);
  font-weight: 700;
  font-size: var(--mc-lit-m-0_86rem);
  color: var(--mc-lit-c-rgba-248-250-252-0-92);
}

.mcDemoMapMock {
  min-height: var(--mc-lit-m-430px);
  padding: var(--mc-lit-m-14px);
  background:
    linear-gradient(120deg, var(--mc-lit-c-rgba-30-129-176-0-12), var(--mc-lit-c-rgba-255-107-0-0-1)),
    repeating-linear-gradient(
      -35deg,
      var(--mc-lit-c-rgba-148-163-184-0-06),
      var(--mc-lit-c-rgba-148-163-184-0-06) var(--mc-lit-m-11px),
      transparent var(--mc-lit-m-11px),
      transparent var(--mc-lit-m-22px)
    ),
    var(--mc-lit-c-rgba-15-23-42-0-72);
}

.mcDemoMapMock--map {
  display: flex;
  flex-direction: column;
  gap: var(--mc-lit-m-10px);
}

.mcDemoMapCanvas {
  width: var(--mc-lit-m-100pct);
  height: var(--mc-lit-m-350px);
  border-radius: var(--mc-lit-m-12px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-2);
  overflow: hidden;
  background: var(--mc-lit-c-rgba-2-6-23-0-8);
}

.mcDemoMapStatus {
  min-height: var(--mc-lit-m-18px);
  color: var(--mc-lit-c-rgba-226-232-240-0-86);
  font-size: var(--mc-lit-m-0_78rem);
  font-weight: 600;
}

.mcDemoMapStatus--error {
  color: var(--mc-lit-c-fecaca);
}

.mcDemoMapBadge {
  display: inline-flex;
  padding: var(--mc-lit-m-5px) var(--mc-lit-m-10px);
  border-radius: var(--mc-lit-m-999px);
  border: 1px solid var(--mc-lit-c-rgba-125-211-252-0-42);
  background: var(--mc-lit-c-rgba-14-116-144-0-22);
  color: var(--mc-lit-c-e0f2fe);
  font-weight: 700;
  font-size: var(--mc-lit-m-0_8rem);
}

.mcDemoMapCenter {
  margin-top: var(--mc-lit-m-14px);
  color: var(--mc-lit-c-rgba-226-232-240-0-92);
  font-weight: 600;
}

.mcDemoRouteList {
  margin: var(--mc-lit-m-0);
  padding: var(--mc-lit-m-0);
  list-style: none;
  display: grid;
  gap: var(--mc-lit-m-8px);
}

.mcDemoPoint {
  padding: var(--mc-lit-m-9px) var(--mc-lit-m-10px);
  border-radius: var(--mc-lit-m-11px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-2);
  background: var(--mc-lit-c-rgba-15-23-42-0-64);
  color: var(--mc-lit-c-rgba-248-250-252-0-9);
  font-weight: 600;
  font-size: var(--mc-lit-m-0_9rem);
}

.mcDemoPoint--start,
.mcDemoPoint--end {
  border-color: var(--mc-lit-c-rgba-56-189-248-0-5);
  background: var(--mc-lit-c-rgba-14-116-144-0-24);
}

.mcDemoPoint--return,
.mcDemoPoint--return-end {
  border-color: var(--mc-lit-c-rgba-251-146-60-0-5);
  background: var(--mc-lit-c-rgba-154-52-18-0-24);
}

.mcDemoLegend {
  margin-top: var(--mc-lit-m-11px);
  display: flex;
  flex-wrap: wrap;
  gap: var(--mc-lit-m-8px);
}

.mcDemoLegendOnward,
.mcDemoLegendReturn {
  display: inline-flex;
  padding: var(--mc-lit-m-4px) var(--mc-lit-m-9px);
  border-radius: var(--mc-lit-m-999px);
  font-size: var(--mc-lit-m-0_78rem);
  font-weight: 700;
}

.mcDemoLegendOnward {
  color: var(--mc-lit-c-dbeafe);
  border: 1px solid var(--mc-lit-c-rgba-125-211-252-0-5);
  background: var(--mc-lit-c-rgba-14-116-144-0-2);
}

.mcDemoLegendReturn {
  color: var(--mc-lit-c-ffedd5);
  border: 1px solid var(--mc-lit-c-rgba-251-146-60-0-5);
  background: var(--mc-lit-c-rgba-154-52-18-0-2);
}

.mcDemoPanel {
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-18);
  border-radius: var(--mc-lit-m-16px);
  background: var(--mc-lit-c-rgba-10-15-28-0-7);
  padding: var(--mc-lit-m-14px) var(--mc-lit-m-13px) var(--mc-lit-m-12px);
  display: flex;
  flex-direction: column;
  gap: var(--mc-lit-m-8px);
}

.mcDemoPanel h4 {
  margin: var(--mc-lit-m-0);
  font-weight: 700;
  font-size: var(--mc-lit-m-1rem);
}

.mcDemoPanel p {
  margin: var(--mc-lit-m-0);
  color: var(--mc-lit-c-rgba-203-213-225-0-98);
  font-size: var(--mc-lit-m-0_9rem);
  line-height: var(--mc-lit-m-1_4);
}

.mcDemoCaption {
  margin-top: auto;
  padding: var(--mc-lit-m-9px) var(--mc-lit-m-10px);
  border-radius: var(--mc-lit-m-12px);
  border: 1px solid var(--mc-lit-c-rgba-125-211-252-0-26);
  background: var(--mc-lit-c-rgba-14-116-144-0-16);
  color: var(--mc-lit-c-e0f2fe);
  font-weight: 700;
  font-size: var(--mc-lit-m-0_82rem);
}

.mcDemoKV {
  display: grid;
  grid-template-columns: var(--mc-lit-m-110px) 1fr;
  gap: var(--mc-lit-m-8px);
  align-items: center;
  margin-bottom: var(--mc-lit-m-8px);
}

.mcDemoKV:last-child {
  margin-bottom: var(--mc-lit-m-0);
}

.mcDemoKV span {
  color: var(--mc-lit-c-rgba-148-163-184-0-98);
  font-size: var(--mc-lit-m-0_84rem);
}

.mcDemoKV strong {
  color: var(--mc-lit-c-rgba-248-250-252-0-95);
  font-size: var(--mc-lit-m-0_86rem);
}

.mcDemoPublishSuccess {
  display: inline-flex;
  padding: var(--mc-lit-m-8px) var(--mc-lit-m-12px);
  border-radius: var(--mc-lit-m-999px);
  border: 1px solid var(--mc-lit-c-rgba-34-197-94-0-5);
  background: var(--mc-lit-c-rgba-22-101-52-0-28);
  color: var(--mc-lit-c-dcfce7);
  font-weight: 700;
}

.mcDemoRequestRow {
  padding: var(--mc-lit-m-10px);
  margin-bottom: var(--mc-lit-m-8px);
  border-radius: var(--mc-lit-m-10px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-2);
  background: var(--mc-lit-c-rgba-15-23-42-0-62);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--mc-lit-m-10px);
  color: var(--mc-lit-c-rgba-248-250-252-0-9);
  font-weight: 600;
  font-size: var(--mc-lit-m-0_9rem);
}

.mcDemoRequestRow:last-child {
  margin-bottom: var(--mc-lit-m-0);
}

.mcDemoApprove {
  padding: var(--mc-lit-m-5px) var(--mc-lit-m-9px);
  border-radius: var(--mc-lit-m-999px);
  border: 1px solid var(--mc-lit-c-rgba-34-197-94-0-45);
  background: var(--mc-lit-c-rgba-22-101-52-0-3);
  color: var(--mc-lit-c-dcfce7);
  font-size: var(--mc-lit-m-0_78rem);
  font-weight: 700;
}

.mcDemoFinalTitle {
  font-family: 'Inter', sans-serif;
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  font-weight: 700;
  letter-spacing: var(--mc-lit-m-0_03em);
}

.mcDemoModal .carousel-control-prev,
.mcDemoModal .carousel-control-next {
  width: var(--mc-lit-m-34px);
}

.mcDemoJoinCard {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--mc-lit-m-14px);
}

.mcDemoJoinMetric {
  display: inline-flex;
  width: fit-content;
  max-width: var(--mc-lit-m-100pct);
  padding: var(--mc-lit-m-8px) var(--mc-lit-m-10px);
  border-radius: var(--mc-lit-m-10px);
  border: 1px solid var(--mc-lit-c-rgba-125-211-252-0-3);
  background: var(--mc-lit-c-rgba-14-116-144-0-16);
  color: var(--mc-lit-c-rgba-224-242-254-0-98);
  font-size: var(--mc-lit-m-0_82rem);
  font-weight: 700;
  line-height: var(--mc-lit-m-1_35);
}

.mcDemoBenefitList {
  display: grid;
  gap: var(--mc-lit-m-7px);
}

.mcDemoBenefitItem {
  padding: var(--mc-lit-m-8px) var(--mc-lit-m-10px);
  border-radius: var(--mc-lit-m-10px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-2);
  background: var(--mc-lit-c-rgba-15-23-42-0-58);
  color: var(--mc-lit-c-rgba-241-245-249-0-92);
  font-size: var(--mc-lit-m-0_84rem);
  font-weight: 600;
  line-height: var(--mc-lit-m-1_35);
}

.mcExploreFilterGroup {
  display: grid;
  gap: var(--mc-lit-m-8px);
}

.mcExploreFilterTitle {
  color: var(--mc-lit-c-f8fafc);
  font-weight: 700;
  font-size: var(--mc-lit-m-0_95rem);
}

.mcExploreRadioRow {
  display: flex;
  align-items: center;
  gap: var(--mc-lit-m-8px);
  padding: var(--mc-lit-m-8px) var(--mc-lit-m-10px);
  border-radius: var(--mc-lit-m-10px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-2);
  background: var(--mc-lit-c-rgba-15-23-42-0-58);
  color: var(--mc-lit-c-rgba-226-232-240-0-94);
  font-weight: 600;
  font-size: var(--mc-lit-m-0_86rem);
}

.mcExploreRadioRow.is-active {
  border-color: var(--mc-lit-c-rgba-56-189-248-0-55);
  background: var(--mc-lit-c-rgba-14-116-144-0-2);
  color: var(--mc-lit-c-e0f2fe);
}

.mcExploreRadioDot {
  width: var(--mc-lit-m-10px);
  height: var(--mc-lit-m-10px);
  border-radius: var(--mc-lit-m-999px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-4);
  background: var(--mc-lit-c-rgba-148-163-184-0-32);
}

.mcExploreRadioRow.is-active .mcExploreRadioDot {
  border-color: var(--mc-lit-c-rgba-125-211-252-0-8);
  background: var(--mc-lit-c-38bdf8);
}

.mcExploreRadiusBox {
  border-radius: var(--mc-lit-m-10px);
  border: 1px solid var(--mc-lit-c-rgba-251-146-60-0-35);
  background: var(--mc-lit-c-rgba-154-52-18-0-2);
  color: var(--mc-lit-c-ffedd5);
  font-size: var(--mc-lit-m-0_82rem);
  font-weight: 700;
  line-height: var(--mc-lit-m-1_35);
  padding: var(--mc-lit-m-8px) var(--mc-lit-m-10px);
}

.mcExploreRideCard {
  border-radius: var(--mc-lit-m-11px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-22);
  background: var(--mc-lit-c-rgba-15-23-42-0-62);
  padding: var(--mc-lit-m-9px) var(--mc-lit-m-10px);
  margin-bottom: var(--mc-lit-m-8px);
  display: grid;
  gap: var(--mc-lit-m-4px);
}

.mcExploreRideCard:last-child {
  margin-bottom: var(--mc-lit-m-0);
}

.mcExploreRideName {
  color: var(--mc-lit-c-f8fafc);
  font-weight: 700;
  font-size: var(--mc-lit-m-0_92rem);
}

.mcExploreRideMeta {
  color: var(--mc-lit-c-rgba-203-213-225-0-94);
  font-size: var(--mc-lit-m-0_81rem);
  font-weight: 600;
  line-height: var(--mc-lit-m-1_35);
}

.mcExploreRuleRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--mc-lit-m-10px);
  border-radius: var(--mc-lit-m-10px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-2);
  background: var(--mc-lit-c-rgba-15-23-42-0-62);
  color: var(--mc-lit-c-rgba-248-250-252-0-92);
  font-size: var(--mc-lit-m-0_84rem);
  font-weight: 700;
  padding: var(--mc-lit-m-8px) var(--mc-lit-m-10px);
  margin-bottom: var(--mc-lit-m-8px);
}

.mcExploreRuleRow:last-child {
  margin-bottom: var(--mc-lit-m-0);
}

.mcExploreActionPill {
  display: inline-flex;
  align-items: center;
  border-radius: var(--mc-lit-m-999px);
  border: 1px solid var(--mc-lit-c-rgba-251-146-60-0-5);
  background: var(--mc-lit-c-rgba-30-129-176-0-42);
  color: var(--mc-lit-c-ffffff);
  font-size: var(--mc-lit-m-0_75rem);
  font-weight: 700;
  line-height: var(--mc-lit-m-1);
  padding: var(--mc-lit-m-5px) var(--mc-lit-m-9px);
}

.mcExploreActionPill--join {
  border-color: var(--mc-lit-c-rgba-34-197-94-0-5);
  background: var(--mc-lit-c-rgba-22-101-52-0-35);
  color: var(--mc-lit-c-dcfce7);
}

.mcExploreActionPill--leave {
  border-color: var(--mc-lit-c-rgba-244-63-94-0-5);
  background: var(--mc-lit-c-rgba-159-18-57-0-28);
  color: var(--mc-lit-c-fecdd3);
}

.mcExploreActionPill--view {
  border-color: var(--mc-lit-c-rgba-148-163-184-0-45);
  background: var(--mc-lit-c-rgba-51-65-85-0-5);
  color: var(--mc-lit-c-e2e8f0);
}

.mcExploreDialog {
  border-radius: var(--mc-lit-m-12px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-24);
  background: var(--mc-lit-c-rgba-15-23-42-0-78);
  padding: var(--mc-lit-m-12px);
  display: grid;
  gap: var(--mc-lit-m-8px);
}

.mcExploreDialogTitle {
  color: var(--mc-lit-c-f8fafc);
  font-weight: 700;
  font-size: var(--mc-lit-m-0_95rem);
}

.mcExploreDialogInput {
  border-radius: var(--mc-lit-m-10px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-2);
  background: var(--mc-lit-c-rgba-2-6-23-0-62);
  color: var(--mc-lit-c-rgba-226-232-240-0-96);
  font-size: var(--mc-lit-m-0_83rem);
  font-weight: 600;
  padding: var(--mc-lit-m-8px) var(--mc-lit-m-10px);
}

.mcExploreDialogAction {
  width: fit-content;
  border-radius: var(--mc-lit-m-999px);
  border: 1px solid var(--mc-lit-c-rgba-251-146-60-0-62);
  background: var(--mc-lit-c-rgba-30-129-176-0-5);
  color: var(--mc-lit-c-ffffff);
  font-size: var(--mc-lit-m-0_8rem);
  font-weight: 700;
  line-height: var(--mc-lit-m-1);
  padding: var(--mc-lit-m-7px) var(--mc-lit-m-11px);
}

.mc-fade {
  opacity: var(--mc-lit-m-0);
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
  transition-delay: var(--mc-delay, 0ms);
}

.mc-fade.is-visible {
  opacity: var(--mc-lit-m-1);
  transform: translateY(0);
}

.mc-auth-shell {
  max-width: var(--mc-lit-m-760px);
  margin: var(--mc-lit-m-0) auto;
  display: grid;
  gap: var(--mc-lit-m-12px);
}

.mc-profile-shell {
  max-width: var(--mc-lit-m-940px);
}

.mc-dashboard-shell {
  width: var(--mc-lit-m-100pct);
  display: grid;
  gap: var(--mc-lit-m-12px);
}

/* ── Explore Page ── */
.mc-explore-page {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 56px); /* subtract nav height */
}

.mc-explore-mode-row {
  display: flex;
  gap: 8px;
  padding: 10px 12px;
  flex-shrink: 0;
}

.mc-explore-mode-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 40px;
  border-radius: 999px;
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-28);
  background: var(--mc-lit-c-rgba-15-23-42-0-72);
  color: var(--mc-lit-c-94a3b8);
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.mc-explore-mode-btn--active {
  background: var(--mc-lit-c-6366f1, #6366f1);
  border-color: var(--mc-lit-c-6366f1, #6366f1);
  color: #fff;
}

.mc-explore-mode-btn:not(.mc-explore-mode-btn--active):hover {
  border-color: var(--mc-lit-c-rgba-56-189-248-0-62);
  color: var(--mc-lit-c-f8fafc);
}

/* ── Explore Map ── */
.mc-explore-map-wrap {
  position: relative;
  flex: 1;
  overflow: hidden;
}

.mc-explore-map {
  width: 100%;
  height: 100%;
  background: var(--mc-lit-c-rgba-15-23-42-0-72);
}

.mc-explore-map-controls {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mc-explore-map-zoom {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 8px;
  background: var(--mc-lit-c-rgba-10-15-28-0-65);
  color: var(--mc-lit-c-f8fafc);
  font-size: 1.1rem;
  cursor: pointer;
  backdrop-filter: blur(6px);
  transition: background 0.15s;
}

.mc-explore-map-zoom:hover {
  background: var(--mc-lit-c-rgba-15-23-42-0-72);
}

.mc-explore-preview {
  position: absolute;
  bottom: 12px;
  left: 12px;
  right: 12px;
  z-index: 1000;
}

.mc-explore-preview__card {
  position: relative;
  background: var(--mc-lit-c-rgba-10-15-28-0-65);
  backdrop-filter: blur(12px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-24);
  border-radius: var(--mc-lit-m-12px);
  padding: var(--mc-lit-m-12px) var(--mc-lit-m-14px);
}

.mc-explore-preview__close {
  position: absolute;
  top: 6px;
  right: 10px;
  background: none;
  border: none;
  color: var(--mc-lit-c-94a3b8);
  font-size: 1.3rem;
  cursor: pointer;
  line-height: 1;
}

.mc-explore-preview__header-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  padding-right: 24px;
}

.mc-explore-preview__title {
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--mc-lit-c-f8fafc);
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mc-explore-preview__avatar {
  font-size: 1.4rem;
  color: var(--mc-ed-primary);
  line-height: 1;
  flex-shrink: 0;
}

.mc-explore-preview__stars {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  font-size: 0.72rem;
  color: var(--mc-ed-primary);
  flex-shrink: 0;
}

.mc-explore-preview__waypoints {
  display: grid;
  gap: 2px;
  font-size: 0.82rem;
  color: var(--mc-lit-c-94a3b8);
  margin-bottom: 6px;
}

.mc-explore-preview__wp-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.mc-explore-preview__wp-row i {
  font-size: 0.7rem;
  color: var(--mc-ed-primary);
  flex-shrink: 0;
}

.mc-explore-preview__meta {
  font-size: 0.78rem;
  color: var(--mc-lit-c-94a3b8);
  margin-bottom: 6px;
}

.mc-explore-preview__host {
  font-size: 0.78rem;
  color: var(--mc-lit-c-94a3b8);
  margin-bottom: 6px;
}

.mc-explore-preview__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 6px;
}

.mc-explore-preview__meta-items {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  font-size: 0.78rem;
  color: var(--mc-lit-c-94a3b8);
  margin-bottom: 6px;
}

.mc-explore-preview__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

.mc-explore-preview__meta-item i {
  font-size: 0.78rem;
  color: var(--mc-ed-primary);
}

.mc-explore-preview__actions {
  display: flex;
  gap: 8px;
}

/* Map markers */
.mc-map-marker {
  background: transparent !important;
  border: none !important;
}

.mc-map-marker__dot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid;
  color: #fff;
  font-size: 0.85rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}

.mc-auth-card {
  border-radius: var(--mc-radius);
  border: 1px solid var(--mc-border);
  background: var(--mc-card);
  box-shadow: var(--mc-ed-shadow-2, 0 4px 12px rgba(15,23,42,0.08));
  padding: clamp(16px, 2vw, 24px);
}

.mc-profile-card {
  display: grid;
  gap: var(--mc-lit-m-14px);
}

.mc-profile-section {
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-24);
  border-radius: var(--mc-lit-m-16px);
  padding: var(--mc-lit-m-14px);
  background: var(--mc-lit-c-rgba-15-23-42-0-56);
  box-shadow: inset 0 0 0 1px var(--mc-lit-c-rgba-255-255-255-0-02);
}

.mc-profile-section__header {
  margin-bottom: var(--mc-lit-m-10px);
}

.mc-profile-section__header--inline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--mc-lit-m-12px);
}

.mc-profile-section__title {
  margin: var(--mc-lit-m-0);
  font-size: var(--mc-lit-m-1rem);
  font-weight: 700;
  color: var(--mc-lit-c-f8fafc);
}

.mc-profile-section__subtitle {
  margin: var(--mc-lit-m-4px) 0 0;
  font-size: var(--mc-lit-m-0_9rem);
  color: var(--mc-lit-c-94a3b8);
}

.mc-header-inline-row {
  display: inline-flex;
  align-items: center;
  gap: var(--mc-lit-m-8px);
}

.mc-profile-avatar-wrap {
  margin: var(--mc-lit-m-6px) 0 var(--mc-lit-m-10px);
}

.mc-profile-avatar {
  width: var(--mc-lit-m-84px);
  height: var(--mc-lit-m-84px);
  border-radius: var(--mc-lit-m-999px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-34);
  object-fit: cover;
}

.mc-profile-actions {
  margin-top: var(--mc-lit-m-4px);
}

.mc-list-stack {
  display: grid;
  gap: var(--mc-lit-m-8px);
}

.mc-inline-card {
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-22);
  border-radius: var(--mc-lit-m-12px);
  background: var(--mc-lit-c-rgba-10-15-28-0-62);
  padding: var(--mc-lit-m-10px) var(--mc-lit-m-12px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--mc-lit-m-10px);
}

.mc-inline-card--ride {
  position: relative;
  align-items: flex-start;
  overflow: hidden;
  transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}

.mc-inline-card--ride::before {
  content: '';
  position: absolute;
  left: var(--mc-lit-m-0);
  top: var(--mc-lit-m-0);
  bottom: var(--mc-lit-m-0);
  width: var(--mc-lit-m-3px);
  background: linear-gradient(180deg, var(--mc-lit-c-rgba-30-129-176-0-86), var(--mc-lit-c-rgba-255-107-0-0-86));
  opacity: var(--mc-lit-m-0_74);
}

.mc-inline-card--ride:hover {
  border-color: var(--mc-lit-c-rgba-125-211-252-0-38);
}

.mc-list-stack--zebra .mc-inline-card--ride:nth-child(odd) {
  background: var(--mc-lit-c-rgba-9-14-25-0-7);
}

.mc-list-stack--zebra .mc-inline-card--ride:nth-child(even) {
  background: var(--mc-lit-c-rgba-13-20-34-0-78);
}

.mc-inline-card__title {
  color: var(--mc-lit-c-f8fafc);
  font-weight: 700;
}

.mc-inline-card__subtitle {
  color: var(--mc-lit-c-94a3b8);
  font-size: var(--mc-lit-m-0_85rem);
}

.mc-inline-card--highlight {
  border-color: var(--mc-lit-c-rgba-245-158-11-0-72);
  box-shadow: 0 0 0 1px var(--mc-lit-c-rgba-245-158-11-0-42);
  background: var(--mc-lit-c-rgba-46-32-4-0-65);
}

.mc-btn-sm {
  border-radius: var(--mc-lit-m-8px);
  font-size: var(--mc-lit-m-0_78rem);
  line-height: var(--mc-lit-m-1_2);
  padding: var(--mc-lit-m-6px) var(--mc-lit-m-10px);
  white-space: nowrap;
}

.mc-icon-btn {
  width: var(--mc-lit-m-34px);
  height: var(--mc-lit-m-34px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--mc-lit-m-0);
  font-size: var(--mc-lit-m-0_95rem);
}

.mc-icon-btn .bi {
  font-size: var(--mc-lit-m-0_98rem);
  line-height: var(--mc-lit-m-1);
}

.mc-auth-title {
  margin: var(--mc-lit-m-0);
  font-size: clamp(1.5rem, 2.8vw, 1.9rem);
}

.mc-auth-subtitle {
  margin-top: var(--mc-lit-m-8px);
  margin-bottom: var(--mc-lit-m-0);
  color: var(--mc-muted);
}

.mc-auth-actions {
  margin-top: var(--mc-lit-m-12px);
  display: grid;
  gap: var(--mc-lit-m-8px);
}

.mc-auth-card .form-label,
.mc-auth-card label {
  color: var(--mc-lit-c-cbd5e1);
  font-weight: 600;
}

.mc-auth-card .form-text,
.mc-auth-card .helptext,
.mc-auth-card small,
.mc-auth-card .text-secondary,
.mc-auth-card .text-muted {
  color: var(--mc-muted);
}

.mc-auth-card input,
.mc-auth-card textarea,
.mc-auth-card select,
.mc-auth-card .form-control,
.mc-auth-card .form-select {
  border-color: var(--mc-lit-c-rgba-148-163-184-0-32);
  background: var(--mc-lit-c-rgba-15-23-42-0-82);
  color: var(--mc-lit-c-f8fafc);
}

.mc-auth-card input:focus,
.mc-auth-card textarea:focus,
.mc-auth-card select:focus,
.mc-auth-card .form-control:focus,
.mc-auth-card .form-select:focus {
  border-color: var(--mc-lit-c-rgba-125-211-252-0-75);
  box-shadow: 0 0 0 0.2rem var(--mc-lit-c-rgba-30-129-176-0-2);
  background: var(--mc-lit-c-rgba-15-23-42-0-92);
  color: var(--mc-lit-c-f8fafc);
}

.mc-auth-card select option,
.mc-auth-card .form-select option,
.mc-auth-card select optgroup,
.mc-auth-card .form-select optgroup {
  color: var(--mc-lit-c-0f172a);
  background: var(--mc-lit-c-f8fafc);
}

.mc-auth-card .form-check-input {
  width: var(--mc-lit-m-1_1rem);
  height: var(--mc-lit-m-1_1rem);
  margin-top: var(--mc-lit-m-0_18rem);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-72);
  background-color: var(--mc-lit-c-rgba-15-23-42-0-94);
  box-shadow: none;
}

.mc-auth-card .form-check-input[type='checkbox'] {
  border-radius: var(--mc-lit-m-0_28rem);
}

.mc-auth-card .form-check-input:focus {
  border-color: var(--mc-lit-c-rgba-125-211-252-0-78);
  box-shadow: 0 0 0 0.2rem var(--mc-lit-c-rgba-30-129-176-0-2);
}

.mc-auth-card .form-check-input:checked {
  border-color: var(--mc-lit-c-rgba-251-146-60-0-95);
  background-color: var(--mc-orange);
}

.mc-auth-card .form-check-input[type='checkbox']:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.8' d='M4.5 10.2l3.4 3.5 7.6-7.7'/%3E%3C/svg%3E");
}

.mc-auth-card .form-check-input[type='radio'] {
  border-radius: var(--mc-lit-m-999px);
}

.mc-auth-card .form-check-input[type='radio']:checked {
  background-image: radial-gradient(circle, var(--mc-lit-c-ffffff) 0 38%, transparent 39%);
}

.mc-auth-card .btn-primary {
  border-color: var(--mc-ed-primary-strong, var(--mc-lit-c-4338ca));
  color: var(--mc-lit-c-fff);
  background: var(--mc-ed-primary, var(--mc-lit-c-4f46e5));
}

.mc-auth-card .btn-primary:hover {
  color: var(--mc-lit-c-fff);
  border-color: var(--mc-ed-primary-ink, var(--mc-lit-c-312e81));
  background: var(--mc-ed-primary-strong, var(--mc-lit-c-4338ca));
}

.mc-auth-card .btn-outline-secondary,
.mc-auth-card .btn-outline-primary,
.mc-auth-card .btn-outline-danger {
  border-color: var(--mc-lit-c-rgba-148-163-184-0-42);
  color: var(--mc-lit-c-e2e8f0);
  background: var(--mc-lit-c-rgba-15-23-42-0-72);
}

.mc-auth-card .btn-outline-secondary:hover,
.mc-auth-card .btn-outline-primary:hover,
.mc-auth-card .btn-outline-danger:hover {
  color: var(--mc-lit-c-fff);
  border-color: var(--mc-lit-c-rgba-125-211-252-0-72);
}

.mc-social-row {
  display: flex;
  align-items: center;
  gap: var(--mc-lit-m-10px);
}

.mc-social-btn {
  width: var(--mc-lit-m-48px);
  height: var(--mc-lit-m-48px);
  border-radius: var(--mc-lit-m-12px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-42);
  background: var(--mc-lit-c-rgba-15-23-42-0-72);
  color: var(--mc-lit-c-e2e8f0);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: var(--mc-lit-m-22px);
  transition: border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.mc-social-btn:hover,
.mc-social-btn:focus {
  color: var(--mc-lit-c-fff);
  border-color: var(--mc-lit-c-rgba-125-211-252-0-72);
}

.mc-auth-card ul,
.mc-auth-card li,
.mc-auth-card p,
.mc-auth-card span,
.mc-auth-card div {
  color: inherit;
}

.mc-auth-card .list-group-item {
  border-color: var(--mc-lit-c-rgba-148-163-184-0-2);
  background: var(--mc-lit-c-rgba-15-23-42-0-62);
  color: var(--mc-lit-c-e2e8f0);
}

.mc-auth-card .badge.text-bg-success {
  background-color: var(--mc-lit-c-166534);
}

.mc-auth-card .badge.text-bg-warning {
  background-color: var(--mc-lit-c-92400e);
  color: var(--mc-lit-c-fff8dc);
}

.mc-auth-card .badge.text-bg-primary {
  background-color: var(--mc-lit-c-1d4ed8);
}

.mc-ride-builder {
  gap: var(--mc-lit-m-12px);
}

.mc-ride-alert {
  margin-top: var(--mc-lit-m-10px);
  border-radius: var(--mc-lit-m-10px);
  border: 1px solid var(--mc-lit-c-rgba-125-211-252-0-5);
  background: var(--mc-lit-c-rgba-14-116-144-0-22);
  color: var(--mc-lit-c-e0f2fe);
  font-weight: 600;
  font-size: var(--mc-lit-m-0_86rem);
  padding: var(--mc-lit-m-9px) var(--mc-lit-m-11px);
}

.mc-ride-alert--success {
  border-color: var(--mc-lit-c-rgba-34-197-94-0-6);
  background: var(--mc-lit-c-rgba-22-101-52-0-35);
  color: var(--mc-lit-c-dcfce7);
}

.mc-ride-alert--warning {
  border-color: var(--mc-lit-c-rgba-251-191-36-0-68);
  background: var(--mc-lit-c-rgba-120-53-15-0-32);
  color: var(--mc-lit-c-ffedd5);
}

.mc-ride-alert--danger {
  border-color: var(--mc-lit-c-rgba-248-113-113-0-68);
  background: var(--mc-lit-c-rgba-127-29-29-0-32);
  color: var(--mc-lit-c-fee2e2);
}

.mc-ride-step-chips {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--mc-lit-m-8px);
  overflow-x: auto;
  scrollbar-width: thin;
}

.mc-ride-step-chip {
  border-radius: var(--mc-lit-m-12px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-3);
  background: var(--mc-lit-c-rgba-2-6-23-0-56);
  color: var(--mc-lit-c-cbd5e1);
  display: flex;
  align-items: center;
  gap: var(--mc-lit-m-9px);
  font-size: var(--mc-lit-m-0_82rem);
  font-weight: 700;
  flex: 1 0 0;
  min-width: var(--mc-lit-m-0);
  padding: var(--mc-lit-m-9px) var(--mc-lit-m-10px);
  text-align: left;
}

.mc-ride-step-chip strong {
  min-width: var(--mc-lit-m-0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mc-ride-step-chip span {
  width: var(--mc-lit-m-22px);
  height: var(--mc-lit-m-22px);
  border-radius: var(--mc-lit-m-999px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-46);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--mc-lit-m-0_76rem);
}

.mc-ride-step-chip.is-active {
  border-color: var(--mc-lit-c-rgba-251-146-60-0-75);
  background: var(--mc-lit-c-rgba-30-129-176-0-42);
  color: var(--mc-lit-c-fff);
}

.mc-ride-step-chip.is-done {
  border-color: var(--mc-lit-c-rgba-34-197-94-0-55);
  background: var(--mc-lit-c-rgba-22-101-52-0-36);
  color: var(--mc-lit-c-dcfce7);
}

.mc-ride-map {
  width: var(--mc-lit-m-100pct);
  min-height: var(--mc-lit-m-460px);
  border-radius: var(--mc-lit-m-14px);
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-26);
  overflow: hidden;
}

.mc-ride-map--fullscreen {
  min-height: clamp(460px, calc(100vh - 260px), 780px);
}

.mc-route-workspace {
  position: relative;
  display: grid;
  grid-template-columns: minmax(var(--mc-lit-m-280px), var(--mc-lit-m-360px)) minmax(0, 1fr);
  gap: var(--mc-lit-m-10px);
  align-items: stretch;
}

.mc-route-workspace.is-panel-collapsed {
  grid-template-columns: minmax(0, 1fr);
}

.mc-route-panel {
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-24);
  border-radius: var(--mc-lit-m-12px);
  background: var(--mc-lit-c-rgba-2-6-23-0-52);
  padding: var(--mc-lit-m-10px);
  min-height: clamp(460px, calc(100vh - 260px), 780px);
  max-height: clamp(460px, calc(100vh - 260px), 780px);
  overflow: auto;
}

.mc-route-panel.is-collapsed {
  display: none;
}

.mc-route-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--mc-lit-m-8px);
  margin-bottom: var(--mc-lit-m-8px);
}

.mc-route-panel__title {
  margin: var(--mc-lit-m-0);
  font-size: var(--mc-lit-m-0_93rem);
  font-weight: 700;
  color: var(--mc-lit-c-f8fafc);
}

.mc-route-panel__note {
  margin: var(--mc-lit-m-0) 0 var(--mc-lit-m-8px);
  color: var(--mc-lit-c-94a3b8);
  font-size: var(--mc-lit-m-0_83rem);
}

.mc-route-map-wrap {
  min-width: var(--mc-lit-m-0);
}

.mc-panel-expand {
  position: absolute;
  left: var(--mc-lit-m-8px);
  top: var(--mc-lit-m-8px);
  z-index: var(--mc-lit-m-3);
}

.mc-ride-bottom-bar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mc-lit-m-8px);
}

.mc-ride-bottom-bar .btn {
  min-width: var(--mc-lit-m-110px);
}

.mc-ride-point-actions {
  display: inline-flex;
  gap: var(--mc-lit-m-6px);
  align-items: center;
}

.mc-pagination-controls {
  display: flex;
  width: var(--mc-lit-m-100pct);
  justify-content: center;
}

.mc-inline-card--ride .mc-ride-point-actions {
  margin-top: var(--mc-lit-m-2px);
}

.mc-ride-point-fields {
  display: grid;
  gap: var(--mc-lit-m-2px);
  max-width: var(--mc-lit-m-320px);
}

.mc-ride-divider {
  border-top: var(--mc-lit-m-1px) solid var(--mc-lit-c-rgba-148-163-184-0-22);
  margin: var(--mc-lit-m-2px) 0;
}

.mc-ride-publish-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: var(--mc-lit-m-2px);
}

.mc-ride-map-meta {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--mc-lit-m-8px);
  margin-top: var(--mc-lit-m-4px);
}

.mc-ride-follow-actions {
  display: flex;
  justify-content: center;
  width: var(--mc-lit-m-100pct);
  flex-wrap: wrap;
  gap: var(--mc-lit-m-8px);
}

.mc-ride-directions-panel {
  max-height: none;
  min-height: var(--mc-lit-m-320px);
  overflow: auto;
  border: 1px solid var(--mc-lit-c-rgba-148-163-184-0-22);
  border-radius: var(--mc-lit-m-12px);
  background: var(--mc-lit-c-rgba-2-6-23-0-48);
  padding: var(--mc-lit-m-8px);
}

@keyframes mc-dash {
  to {
    stroke-dashoffset: -900;
  }
}

@keyframes mc-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

@media (min-width: var(--mc-lit-m-992px)) {
  .mcSub,
  .mcLead {
    margin-left: var(--mc-lit-m-0);
    margin-right: var(--mc-lit-m-0);
  }
}

@media (max-width: var(--mc-lit-m-991_98px)) {
  .mc-main {
    padding-top: var(--mc-lit-m-86px);
  }

  .mc-nav-user {
    max-width: var(--mc-lit-m-170px);
  }

  .mcHero__line {
    right: var(--mc-lit-m-220px);
  }

  .mcDemoSlide {
    grid-template-columns: 1fr;
    min-height: var(--mc-lit-m-0);
  }

  .mcDemoMapMock {
    min-height: var(--mc-lit-m-340px);
  }

  .mcDemoMapCanvas {
    height: var(--mc-lit-m-260px);
  }

  .mc-route-workspace {
    grid-template-columns: minmax(0, 1fr);
  }

  .mc-route-workspace.is-panel-collapsed {
    grid-template-columns: minmax(0, 1fr);
  }

  .mc-route-panel {
    min-height: var(--mc-lit-m-0);
    max-height: var(--mc-lit-m-420px);
  }

  .mc-panel-expand {
    top: var(--mc-lit-m-54px);
    left: var(--mc-lit-m-10px);
  }
}

@media (max-width: var(--mc-lit-m-767_98px)) {
  .mc-nav-shell {
    min-height: var(--mc-lit-m-62px);
  }

  .mc-nav-links {
    gap: var(--mc-lit-m-6px);
  }

  .mc-nav-link {
    font-size: var(--mc-lit-m-0_84rem);
    padding: var(--mc-lit-m-5px) var(--mc-lit-m-7px);
  }

  .mc-nav-signup {
    font-size: var(--mc-lit-m-0_84rem);
    padding: var(--mc-lit-m-5px) var(--mc-lit-m-8px);
  }

  .mc-logo-link {
    width: var(--mc-lit-m-40px);
    height: var(--mc-lit-m-40px);
  }

  .mc-logo {
    width: var(--mc-lit-m-31px);
    height: var(--mc-lit-m-31px);
  }

  .mc-brand-text {
    font-size: var(--mc-lit-m-0_95rem);
  }

  .mc-nav-menu {
    min-width: var(--mc-lit-m-200px);
  }

  .mc-nav-user {
    padding: var(--mc-lit-m-3px);
    max-width: var(--mc-lit-m-36px);
  }

  .mc-nav-user__name {
    display: none;
  }

  .mc-ride-map {
    min-height: var(--mc-lit-m-340px);
  }

  .mc-ride-map--fullscreen {
    min-height: var(--mc-lit-m-340px);
  }

  .mc-route-panel {
    max-height: var(--mc-lit-m-360px);
  }

  .mc-profile-section__header--inline {
    align-items: center;
  }

  .mcSection,
  .mcCta {
    padding: var(--mc-lit-m-62px) 0;
  }

  .mcHero {
    padding-top: var(--mc-lit-m-24px);
  }

  .mcHero__line {
    right: var(--mc-lit-m-320px);
    top: var(--mc-lit-m-118px);
    opacity: var(--mc-lit-m-0_7);
  }

  .mcCta__inner {
    padding: var(--mc-lit-m-30px) var(--mc-lit-m-14px);
  }
}
.mc-dashboard-search { position: relative; }
.mc-dashboard-search__input-wrap { position: relative; }
.mc-dashboard-search__input-wrap i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--mc-ed-primary); pointer-events: none; font-size: 1rem; }
.mc-dashboard-search__input { width: 100%; padding: 10px 12px 10px 38px; border: 1px solid var(--mc-ed-border, #d1d5db); border-radius: var(--mc-lit-m-8px); font-size: 0.9rem; font-family: inherit; background: var(--mc-ed-surface-2); color: var(--mc-ed-text); transition: border-color 0.15s, box-shadow 0.15s, background 0.15s; }
.mc-dashboard-search__input::placeholder { color: var(--mc-ed-muted); }
.mc-dashboard-search__input:focus { outline: none; border-color: var(--mc-ed-primary); background: var(--mc-ed-surface); box-shadow: 0 0 0 3px var(--mc-ed-primary-soft, rgba(59,130,246,0.15)); }
.mc-search-scope-toggle { display: inline-flex; gap: 0; border: 1px solid var(--mc-ed-border, #d1d5db); border-radius: var(--mc-lit-m-8px); overflow: hidden; margin-top: var(--mc-lit-m-8px); }
.mc-search-scope-toggle__btn { padding: 5px 16px; font-size: 0.8rem; font-weight: 600; font-family: inherit; border: none; background: var(--mc-ed-surface-2); color: var(--mc-ed-muted); cursor: pointer; transition: background 0.15s, color 0.15s; }
.mc-search-scope-toggle__btn:not(:last-child) { border-right: 1px solid var(--mc-ed-border, #d1d5db); }
.mc-search-scope-toggle__btn.is-active { background: var(--mc-ed-primary); color: #fff; }
.mc-search-scope-toggle__btn:hover:not(.is-active) { background: var(--mc-ed-surface-3); }
.mc-search-results { position: absolute; top: 100%; left: 0; right: 0; z-index: 20; background: var(--mc-ed-surface); border: 1px solid var(--mc-ed-border, #d1d5db); border-radius: var(--mc-lit-m-8px); box-shadow: 0 6px 24px rgba(0,0,0,0.12); max-height: 480px; overflow-y: auto; margin-top: 6px; }
.mc-search-results__section-label { padding: 10px 14px 4px; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--mc-ed-primary); }
.mc-search-results__item { display: flex; align-items: flex-start; gap: var(--mc-lit-m-8px); padding: 10px 14px; text-decoration: none; color: var(--mc-ed-text); transition: background 0.1s; border-bottom: 1px solid var(--mc-ed-surface-2); }
.mc-search-results__item:last-child { border-bottom: none; }
.mc-search-results__item:hover { background: var(--mc-ed-surface-highlight, var(--mc-ed-primary-soft, #f0f4ff)); }
.mc-search-results__item-icon { flex-shrink: 0; width: 28px; padding-top: 2px; text-align: center; color: var(--mc-ed-primary); }
.mc-search-results__item-body { flex: 1; min-width: 0; }
.mc-search-results__item-title { font-weight: 600; font-size: 0.88rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.mc-search-results__item-sub { font-size: 0.78rem; color: var(--mc-ed-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.mc-search-results__item-actions { flex-shrink: 0; display: flex; gap: 4px; align-items: center; padding-top: 2px; }
.mc-search-results__see-all { display: block; padding: 10px 14px; text-align: center; font-size: 0.82rem; font-weight: 600; color: var(--mc-ed-primary); text-decoration: none; border-top: 1px solid var(--mc-ed-border, #d1d5db); }
.mc-search-results__see-all:hover { background: var(--mc-ed-surface-highlight, var(--mc-ed-primary-soft, #f0f4ff)); }
.mc-search-results__hint { padding: 16px; text-align: center; font-size: 0.85rem; color: var(--mc-ed-muted); }
.mc-dashboard-quick-actions { display: flex; gap: var(--mc-lit-m-8px); flex-wrap: wrap; }
.mc-card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--mc-lit-m-12px); }
.mc-card-grid__item { min-width: 0; display: flex; flex-direction: column; }
.mc-card-grid__item > .mc-entity-card { flex: 1; }
.mc-card-grid__item > .mc-ride-point-actions { margin-top: auto; padding-top: var(--mc-lit-m-8px); }
.mc-next-ride-card { display: grid; grid-template-columns: auto 1fr; gap: var(--mc-lit-m-12px); }
.mc-next-ride-card > .mc-ride-point-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: var(--mc-lit-m-8px); padding-top: var(--mc-lit-m-4px); border-top: 1px solid var(--mc-ed-border, #e5e7eb); }
.mc-next-ride-date { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 52px; padding: var(--mc-lit-m-8px); border-radius: var(--mc-lit-m-8px); }
.mc-next-ride-date__month { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; }
.mc-next-ride-date__day { font-size: 1.5rem; font-weight: 800; line-height: 1; }
.mc-rider-card__stars { display: inline-flex; gap: 1px; }
.mc-dashboard-location-edit { display: flex; gap: var(--mc-lit-m-8px); align-items: center; flex-wrap: wrap; margin-top: var(--mc-lit-m-4px); }
.mc-dashboard-location-edit input { max-width: 140px; }
.mc-ride-map--preview { height: 260px; border-radius: var(--mc-lit-m-8px); }
.mc-ride-map-embed { position: relative; }
.mc-ride-map-embed__link { display: block; position: relative; text-decoration: none; }
.mc-ride-map-embed__overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.15); border-radius: var(--mc-lit-m-8px); opacity: 0; transition: opacity 0.2s; }
.mc-ride-map-embed__link:hover .mc-ride-map-embed__overlay { opacity: 1; }
.mc-rider-detail__rating { display: flex; align-items: center; gap: var(--mc-lit-m-8px); margin-bottom: var(--mc-lit-m-8px); }
.mc-rider-detail__rating-value { font-weight: 600; color: var(--mc-ed-muted); }
.mc-ridehub-search-row { margin-top: var(--mc-ed-space-2); }
.mc-ridehub-search-wrap { position: relative; max-width: 400px; }
.mc-ridehub-search-icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: var(--mc-ed-muted); font-size: var(--mc-ed-type-3); pointer-events: none; }
.mc-ridehub-search-input { padding-left: 32px; min-height: var(--mc-lit-m-36px); font-size: var(--mc-ed-type-2); }
.mc-ridehub-origin-controls { margin-top: var(--mc-ed-space-2); display: grid; grid-template-columns: minmax(220px, 1fr) var(--mc-lit-m-90px) var(--mc-lit-m-100px) auto auto; align-items: center; gap: var(--mc-ed-space-2); }
.mc-ridehub-origin-input { min-height: var(--mc-lit-m-36px); font-size: var(--mc-ed-type-2); }
.mc-ridehub-origin-city { flex: 1 1 180px; min-width: var(--mc-lit-m-160px); }
.mc-ridehub-origin-state { width: var(--mc-lit-m-90px); }
.mc-ridehub-origin-country { width: var(--mc-lit-m-100px); }
.mc-ridehub-origin-action-btn { width: var(--mc-lit-m-36px); height: var(--mc-lit-m-36px); padding: var(--mc-lit-m-0); display: inline-flex; align-items: center; justify-content: center; }
@media (max-width: 700px) {
  .mc-ridehub-origin-controls { grid-template-columns: 1fr 1fr; row-gap: var(--mc-ed-space-2); }
  .mc-ridehub-origin-city { grid-column: 1 / -1; min-width: 100%; }
  .mc-ridehub-origin-state, .mc-ridehub-origin-country { width: 100%; }
  .mc-ridehub-origin-action-btn { width: 100%; }
}
} /* end @layer base */