/* Timeline copied from the original /roadmap.html. Keep its styles scoped so
   the surrounding site navigation, footer and theme controls keep their design. */
.roadmap-reference {
  position: relative;
  isolation: isolate;
  background: #050505;
  color: #fff;
  color-scheme: dark;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.roadmap-reference *,
.roadmap-reference *::before,
.roadmap-reference *::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}
.roadmap-reference h1,
.roadmap-reference h2,
.roadmap-reference p {
  margin: 0;
  font: inherit;
  color: inherit;
  letter-spacing: normal;
  text-wrap: wrap;
}
.roadmap-reference .roadmap-intro {
  padding-top: 40px;
  background: radial-gradient(ellipse at 0 0, #05265655, transparent 65%);
}

/* Source utilities used by this timeline and its install link. */
.roadmap-reference .btn-primary { background: linear-gradient(rgb(255, 255, 255) 0%, rgb(185, 251, 255) 100%); color: rgb(4, 16, 20); font-weight: 700; box-shadow: rgba(114, 255, 255, 0.35) 0px 0px 0px 1px, rgba(114, 255, 255, 0.45) 0px 8px 24px -8px; transition: transform 0.2s, box-shadow 0.2s, filter 0.2s; }
.roadmap-reference .btn-primary:hover { filter: brightness(1.04); transform: translateY(-1px); box-shadow: rgba(114, 255, 255, 0.6) 0px 0px 0px 1px, rgba(114, 255, 255, 0.6) 0px 12px 30px -8px; }
.roadmap-reference .relative { position: relative; }
.roadmap-reference .z-10 { z-index: 10; }
.roadmap-reference .mx-auto { margin-left: auto; margin-right: auto; }
.roadmap-reference .-ml-6 { margin-left: -1.5rem; }
.roadmap-reference .mb-1 { margin-bottom: 0.25rem; }
.roadmap-reference .mb-16 { margin-bottom: 4rem; }
.roadmap-reference .mb-2 { margin-bottom: 0.5rem; }
.roadmap-reference .mb-4 { margin-bottom: 1rem; }
.roadmap-reference .ml-6 { margin-left: 1.5rem; }
.roadmap-reference .mt-0 { margin-top: 0px; }
.roadmap-reference .mt-12 { margin-top: 3rem; }
.roadmap-reference .mt-16 { margin-top: 4rem; }
.roadmap-reference .flex { display: flex; }
.roadmap-reference .inline-flex { display: inline-flex; }
.roadmap-reference .h-12 { height: 3rem; }
.roadmap-reference .w-12 { width: 3rem; }
.roadmap-reference .max-w-4xl { max-width: 56rem; }
.roadmap-reference .max-w-lg { max-width: 32rem; }
.roadmap-reference .flex-col { flex-direction: column; }
.roadmap-reference .items-center { align-items: center; }
.roadmap-reference .justify-center { justify-content: center; }
.roadmap-reference .gap-2 { gap: 0.5rem; }
.roadmap-reference .gap-6 { gap: 1.5rem; }
.roadmap-reference .overflow-hidden { overflow: hidden; }
.roadmap-reference .rounded-full { border-radius: 9999px; }
.roadmap-reference .rounded-lg { border-radius: 0.5rem; }
.roadmap-reference .border { border-width: 1px; }
.roadmap-reference .border-2 { border-width: 2px; }
.roadmap-reference .border-l { border-left-width: 1px; }
.roadmap-reference .border-t { border-top-width: 1px; }
.roadmap-reference .border-brand-cyan { --tw-border-opacity: 1; border-color: rgb(114 255 255 / var(--tw-border-opacity, 1)); }
.roadmap-reference .border-brand-cyan\/30 { border-color: rgba(114, 255, 255, 0.3); }
.roadmap-reference .border-gray-600 { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); }
.roadmap-reference .border-green-500 { --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); }
.roadmap-reference .border-white\/10 { border-color: rgba(255, 255, 255, 0.1); }
.roadmap-reference .border-white\/5 { border-color: rgba(255, 255, 255, 0.05); }
.roadmap-reference .bg-\[\#050505\] { --tw-bg-opacity: 1; background-color: rgb(5 5 5 / var(--tw-bg-opacity, 1)); }
.roadmap-reference .bg-\[\#111\] { --tw-bg-opacity: 1; background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1)); }
.roadmap-reference .bg-brand-cyan\/20 { background-color: rgba(114, 255, 255, 0.2); }
.roadmap-reference .bg-brand-navy\/30 { background-color: rgba(5, 38, 86, 0.3); }
.roadmap-reference .bg-green-500\/10 { background-color: rgba(34, 197, 94, 0.1); }
.roadmap-reference .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.roadmap-reference .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.roadmap-reference .px-8 { padding-left: 2rem; padding-right: 2rem; }
.roadmap-reference .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
.roadmap-reference .py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.roadmap-reference .py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.roadmap-reference .pb-12 { padding-bottom: 3rem; }
.roadmap-reference .pb-8 { padding-bottom: 2rem; }
.roadmap-reference .pt-2 { padding-top: 0.5rem; }
.roadmap-reference .text-center { text-align: center; }
.roadmap-reference .font-mono { font-family: "Fira Code", monospace; }
.roadmap-reference .font-sans { font-family: Inter, sans-serif; }
.roadmap-reference .text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.roadmap-reference .text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.roadmap-reference .text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.roadmap-reference .text-xs { font-size: 0.75rem; line-height: 1rem; }
.roadmap-reference .font-bold { font-weight: 700; }
.roadmap-reference .uppercase { text-transform: uppercase; }
.roadmap-reference .leading-relaxed { line-height: 1.625; }
.roadmap-reference .tracking-wider { letter-spacing: 0.05em; }
.roadmap-reference .tracking-widest { letter-spacing: 0.1em; }
.roadmap-reference .text-brand-cyan { --tw-text-opacity: 1; color: rgb(114 255 255 / var(--tw-text-opacity, 1)); }
.roadmap-reference .text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); }
.roadmap-reference .text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); }
.roadmap-reference .text-green-500 { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); }
.roadmap-reference .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.roadmap-reference .shadow-\[0_0_15px_rgba\(114\,255\,255\,0\.3\)\] { --tw-shadow: 0 0 15px rgba(114,255,255,0.3); --tw-shadow-colored: 0 0 15px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
@media (min-width: 768px) { .roadmap-reference .md\:ml-12 { margin-left: 3rem; } }
@media (min-width: 768px) { .roadmap-reference .md\:text-base { font-size: 1rem; line-height: 1.5rem; } }

@media (prefers-reduced-motion: reduce) {
  .roadmap-reference .btn-primary { transition: none; }
  .roadmap-reference .btn-primary:hover { transform: none; }
}