.roadmap-page{--rm-accent-strong:light-dark(oklch(48% .12 195),var(--color-wire-90));--rm-wire-dim:light-dark(oklch(80% .05 195),oklch(45% .07 195));--rm-btn-bg:light-dark(oklch(48% .12 195),var(--color-wire-90));--rm-btn-bg-hover:light-dark(oklch(42% .11 195),oklch(94% .1 195));--rm-btn-fg:light-dark(#fff,oklch(15% .04 195));--rm-glow:0 0 0 1px color-mix(in oklch, var(--accent-color) 30%, transparent), 0 8px 24px color-mix(in oklch, var(--accent-color) 12%, transparent);--rm-gutter:clamp(1.125rem, 2.4vw, 2.5rem)}.roadmap-page h1,.roadmap-page h2,.roadmap-page h3{text-wrap:balance;margin:0;font-weight:600}.roadmap-page p{text-wrap:pretty;margin:0}.roadmap-page ul{margin:0}.roadmap-page code{border-radius:var(--radius-s);background:var(--accent-bg-color);color:var(--rm-accent-strong);font-size:.86em;font-family:var(--font-mono);overflow-wrap:anywhere;padding:.05em .35em}.roadmap-page a:focus-visible{outline:3px solid var(--rm-accent-strong);outline-offset:2px}.roadmap-page .wrap{padding-inline:var(--rm-gutter);max-width:1200px;margin-inline:auto}.roadmap-page .eyebrow{color:var(--rm-accent-strong);font-size:.76rem;font-weight:500;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0}.roadmap-page [data-icon]{flex:none;width:1em;height:1em}.roadmap-page .hero{padding-block:clamp(3rem,7vw,5.5rem) clamp(2.5rem,5vw,4rem);position:relative;overflow:hidden}.roadmap-page .hero:before{z-index:-1;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), linear-gradient(var(--grid-line-strong) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line-strong) 1px, transparent 1px);pointer-events:none;content:"";background-size:32px 32px,32px 32px,128px 128px,128px 128px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.roadmap-page .hero .wrap{gap:1.25rem;display:grid}.roadmap-page .hero h1{letter-spacing:-.035em;max-width:14ch;font-size:clamp(2.6rem,1.6rem + 4.6vw,4.6rem);font-weight:700;line-height:1.03}.roadmap-page .hero h1 span{color:var(--accent-color);text-shadow:0 0 24px color-mix(in oklch, var(--accent-color) 28%, transparent)}.roadmap-page .hero .lede{max-width:40rem;color:var(--text-decoration-color);font-size:clamp(1.05rem,.95rem + .45vw,1.28rem)}.roadmap-page .legend{color:var(--text-decoration-color);font-size:.78rem;font-family:var(--font-mono);flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:.5rem;display:flex}.roadmap-page .legend span{align-items:center;gap:.5rem;display:inline-flex}.roadmap-page .node{border:2px solid var(--accent-color);background:var(--background-color);border-radius:50%;flex:none;width:14px;height:14px;display:inline-block}.roadmap-page .node.now{box-shadow:0 0 0 4px color-mix(in oklch, var(--accent-color) 18%, transparent), 0 0 14px color-mix(in oklch, var(--accent-color) 55%, transparent);background:var(--accent-color)}.roadmap-page .node.next{background:color-mix(in oklch, var(--accent-color) 45%, var(--background-color))}.roadmap-page .node.later{border-style:dashed;border-color:var(--rm-wire-dim)}@media (prefers-reduced-motion:no-preference){.roadmap-page .lane-head .node.now{animation:2.4s cubic-bezier(.16,1,.3,1) infinite rm-pulse}}.roadmap-page .principles{padding-block:1rem 3.5rem}.roadmap-page .principles dl{border-top:1px solid var(--border-color);grid-template-columns:repeat(auto-fill,minmax(min(100%,15.5rem),1fr));gap:0;margin:1rem 0 0;display:grid}.roadmap-page .principles dl>div{border-bottom:1px solid var(--border-color-subtle);padding:1.1rem 1.25rem 1.2rem 0}.roadmap-page .principles dt{margin-bottom:.3rem;font-weight:600}.roadmap-page .principles dd{max-width:34ch;color:var(--text-decoration-color);margin:0;font-size:.95rem}.roadmap-page .lanes{padding-block:1rem 2rem;position:relative}.roadmap-page .lane{grid-template-columns:1fr;gap:1.25rem;padding-block:2.25rem;display:grid;position:relative}.roadmap-page .lane+.lane{border-top:1px solid var(--border-color-subtle)}@media (width>=900px){.roadmap-page .lane{grid-template-columns:17rem 1fr;gap:2.5rem}.roadmap-page .lane-head{align-self:start;position:sticky;top:5.5rem}.roadmap-page .lanes:before{top:3.3rem;bottom:4rem;left:calc(var(--rm-gutter) + 6px);opacity:.55;background:linear-gradient(to bottom, var(--accent-color) 0%, var(--accent-color) 34%, color-mix(in oklch, var(--accent-color) 45%, var(--background-color)) 34%, color-mix(in oklch, var(--accent-color) 45%, var(--background-color)) 67%, var(--rm-wire-dim) 67%);content:"";width:2px;position:absolute}.roadmap-page .lane-head{padding-left:0}}.roadmap-page .lane-head{grid-template-columns:auto 1fr;align-items:center;gap:.35rem .9rem;display:grid}.roadmap-page .lane-head .node{grid-row:1}.roadmap-page .lane-head h2{letter-spacing:-.025em;font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem);line-height:1.1}.roadmap-page .lane-head .eyebrow{grid-column:2}.roadmap-page .lane-head p.sum{max-width:34ch;color:var(--text-decoration-color);grid-column:1/-1;margin-top:.4rem;font-size:.97rem}@media (width>=900px){.roadmap-page .lane-head p.sum,.roadmap-page .lane-head .top3{grid-column:2}}.roadmap-page .items{grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.roadmap-page .item{border:1px solid var(--border-color-subtle);border-radius:var(--radius-l);background:var(--surface-color);overflow-wrap:break-word;flex-direction:column;gap:.55rem;min-width:0;padding:1.2rem 1.3rem 1.25rem;transition:border-color .12s cubic-bezier(.1,.1,0,1);display:flex}.roadmap-page .item:hover{border-color:var(--accent-color)}.roadmap-page .item h3{letter-spacing:-.01em;font-size:1.06rem;line-height:1.3}.roadmap-page .item p{color:var(--text-decoration-color);font-size:.94rem;line-height:1.55}.roadmap-page .meta{flex-wrap:wrap;gap:.35rem;margin-top:auto;padding-top:.35rem;display:flex}.roadmap-page .ref{border:1px solid var(--border-color-subtle);border-radius:var(--radius-s);background:var(--surface-2-color);color:var(--text-decoration-color);font-size:.72rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;padding:.22rem .5rem;text-decoration:none}.roadmap-page a.ref:hover{border-color:var(--accent-color);color:var(--rm-accent-strong)}.roadmap-page .status{background:var(--accent-bg-color);color:var(--rm-accent-strong);font-size:.72rem;font-family:var(--font-mono);border-radius:999px;align-items:center;gap:.35rem;padding:.22rem .55rem;display:inline-flex}.roadmap-page .status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.roadmap-page .status.after{background:var(--surface-2-color);color:var(--text-decoration-color);align-self:flex-start}.roadmap-page .item.far{background:0 0;border-style:dashed}.roadmap-page .shipped{padding-block:0 3rem}.roadmap-page .shipped ul{flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.roadmap-page .shipped a{border:1px solid var(--border-color-subtle);background:var(--surface-color);color:var(--foreground-color);border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .8rem;font-size:.9rem;text-decoration:none;display:inline-flex}.roadmap-page .shipped a:hover{border-color:var(--accent-color);color:var(--rm-accent-strong)}.roadmap-page .shipped a:before{background:var(--accent-color);content:"";border-radius:50%;width:6px;height:6px}.roadmap-page .top3{color:var(--text-decoration-color);grid-column:1/-1;margin-top:.9rem;font-size:.9rem}.roadmap-page .top3 strong{color:var(--foreground-color);font-weight:600}.roadmap-page h2.eyebrow{font-weight:500}.roadmap-page .one{padding-block:3.5rem}.roadmap-page .one .panel{box-shadow:var(--rm-glow);border:1px solid var(--border-color);border-radius:var(--radius-l);background:var(--surface-color);gap:1.75rem;padding:clamp(1.4rem,3vw,2.5rem);display:grid}@media (width>=900px){.roadmap-page .one .panel{grid-template-columns:20rem 1fr;gap:3rem}}.roadmap-page .one h2{letter-spacing:-.025em;margin-top:.5rem;font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem)}.roadmap-page .one .intro p{max-width:36ch;color:var(--text-decoration-color);margin-top:.75rem}.roadmap-page .checks{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.9rem 1.75rem;margin:0;padding:0;list-style:none;display:grid}.roadmap-page .checks li{grid-template-columns:auto 1fr;align-items:start;gap:.7rem;font-size:.97rem;display:grid}.roadmap-page .checks .tick{background:var(--accent-bg-color);width:22px;height:22px;color:var(--rm-accent-strong);border-radius:6px;place-items:center;margin-top:.1rem;font-size:14px;display:grid}.roadmap-page .two{gap:1rem;padding-block:1rem 4rem;display:grid}@media (width>=800px){.roadmap-page .two{grid-template-columns:1fr 1fr}}.roadmap-page .card{border:1px solid var(--border-color-subtle);border-radius:var(--radius-l);background:var(--background-color);flex-direction:column;gap:.8rem;padding:clamp(1.3rem,2.6vw,2rem);display:flex}.roadmap-page .card h2{letter-spacing:-.02em;font-size:1.4rem}.roadmap-page .card p{max-width:52ch;color:var(--text-decoration-color)}.roadmap-page .btns{flex-wrap:wrap;gap:.6rem;margin-top:.4rem;display:flex}.roadmap-page .btn{border:1.5px solid var(--accent-color);border-radius:var(--radius-m);align-items:center;gap:.5rem;padding:.62rem 1.05rem;font-size:.95rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.roadmap-page .btn.primary{box-shadow:0 0 12px color-mix(in oklch, var(--accent-color) 30%, transparent);border-color:var(--rm-btn-bg);background:var(--rm-btn-bg);color:var(--rm-btn-fg)}.roadmap-page .btn.primary:hover{border-color:var(--rm-btn-bg-hover);background:var(--rm-btn-bg-hover);color:var(--rm-btn-fg)}.roadmap-page .btn.ghost{border-color:var(--border-color);color:var(--foreground-color)}.roadmap-page .btn.ghost:hover{background:var(--accent-bg-color);color:var(--foreground-color)}.roadmap-page .btn:active{transform:translateY(1px)}.roadmap-page footer{border-top:1px solid var(--border-color-subtle);background:var(--surface-2-color)}.roadmap-page footer .wrap{color:var(--text-decoration-color);flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding-block:1.6rem;font-size:.88rem;display:flex}.roadmap-page .updated{font-size:.78rem;font-family:var(--font-mono)}@keyframes rm-pulse{50%{box-shadow:0 0 0 7px color-mix(in oklch, var(--accent-color) 8%, transparent), 0 0 20px color-mix(in oklch, var(--accent-color) 70%, transparent)}}
