.roadmap-badge{--roadmap-badge-dot:var(--readLaterColor);--roadmap-badge-text:color-mix(in srgb, var(--roadmap-badge-dot) 72%, var(--text));--roadmap-badge-surface:color-mix(in srgb, var(--roadmap-badge-dot) 14%, var(--card));--roadmap-badge-border:color-mix(in srgb, var(--roadmap-badge-dot) 38%, var(--border));letter-spacing:.04em;text-transform:uppercase;color:var(--roadmap-badge-text);background:var(--roadmap-badge-surface);border:1px solid var(--roadmap-badge-border);border-radius:999px;align-items:center;gap:.4rem;margin:0;padding:.35rem .7rem;font-size:.75rem;font-weight:700;line-height:1.4;display:inline-flex}.roadmap-badge:before{content:"";background:var(--roadmap-badge-dot);width:.4rem;height:.4rem;box-shadow:0 0 0 0 color-mix(in srgb, var(--roadmap-badge-dot) 45%, transparent);border-radius:50%;flex-shrink:0;animation:2.2s ease-in-out infinite roadmap-badge-pulse}@keyframes roadmap-badge-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--roadmap-badge-dot) 50%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--roadmap-badge-dot) 0%, transparent)}}.roadmap-badge--active{--roadmap-badge-dot:#15803d}@media (prefers-color-scheme:dark){.roadmap-badge--active{--roadmap-badge-dot:#4ade80;--roadmap-badge-text:color-mix(in srgb, #4ade80 78%, var(--text));--roadmap-badge-surface:color-mix(in srgb, #4ade80 12%, var(--card));--roadmap-badge-border:color-mix(in srgb, #4ade80 32%, var(--border))}}.roadmap-badge--soon{--roadmap-badge-dot:var(--accent);--roadmap-badge-text:color-mix(in srgb, var(--accent) 78%, var(--text));--roadmap-badge-surface:color-mix(in srgb, var(--accent) 14%, var(--card));--roadmap-badge-border:color-mix(in srgb, var(--accent) 40%, var(--border))}@media (prefers-color-scheme:dark){.roadmap-badge--soon{--roadmap-badge-text:color-mix(in srgb, var(--accent) 88%, var(--text));--roadmap-badge-surface:color-mix(in srgb, var(--accent) 16%, var(--card));--roadmap-badge-border:color-mix(in srgb, var(--accent) 36%, var(--border))}}.roadmap-badge--planned{--roadmap-badge-dot:var(--secondaryAction);--roadmap-badge-text:color-mix(in srgb, var(--secondaryAction) 75%, var(--text));--roadmap-badge-surface:color-mix(in srgb, var(--secondaryAction) 12%, var(--card));--roadmap-badge-border:color-mix(in srgb, var(--secondaryAction) 35%, var(--border))}@media (prefers-color-scheme:dark){.roadmap-badge--planned{--roadmap-badge-text:color-mix(in srgb, var(--secondaryAction) 85%, var(--text));--roadmap-badge-surface:color-mix(in srgb, var(--secondaryAction) 14%, var(--card));--roadmap-badge-border:color-mix(in srgb, var(--secondaryAction) 32%, var(--border))}}.roadmap-badge--planned:before{box-shadow:none;opacity:.85;animation:none}@media (prefers-reduced-motion:reduce){.roadmap-badge:before{box-shadow:none;animation:none}}
.upcoming-page{--roadmap-glow:color-mix(in srgb, var(--accent) 24%, transparent);--roadmap-glow-alt:color-mix(in srgb, var(--secondaryAction) 20%, transparent);--roadmap-shine:color-mix(in srgb, var(--readLaterColor) 14%, transparent);overflow-x:clip}.roadmap-hero{isolation:isolate;margin-inline:calc(-1*min(20px,5vw));margin-bottom:clamp(2rem,5vw,3rem);padding-block:clamp(2.5rem,6vw,4.5rem);padding-inline:min(20px,5vw);position:relative}.roadmap-hero__backdrop{z-index:-1;background:radial-gradient(ellipse 75% 55% at 15% 25%, var(--roadmap-glow), transparent 58%), radial-gradient(ellipse 65% 45% at 88% 15%, var(--roadmap-glow-alt), transparent 52%), radial-gradient(ellipse 55% 35% at 50% 95%, var(--roadmap-shine), transparent 55%), var(--background);animation:22s ease-in-out infinite alternate roadmap-aurora;position:absolute;inset:0}@keyframes roadmap-aurora{0%{filter:hue-rotate()saturate()}to{filter:hue-rotate(12deg)saturate(1.08)}}.roadmap-hero__inner{max-width:44rem}.roadmap-hero__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb, var(--accent) 11%, var(--card));border:1px solid color-mix(in srgb, var(--accent) 32%, var(--border));border-radius:999px;align-items:center;gap:.5rem;margin:0 0 .85rem;padding:.3rem .75rem;font-size:.8125rem;font-weight:600;animation:.65s both roadmap-rise;display:inline-flex}.roadmap-hero__pulse{background:var(--accent);width:.5rem;height:.5rem;box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent);border-radius:50%;animation:2s ease-in-out infinite roadmap-pulse-dot}@keyframes roadmap-pulse-dot{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 50%, transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--accent) 0%, transparent)}}.roadmap-hero h1{letter-spacing:-.03em;color:var(--text);margin:0;font-size:clamp(2rem,5vw,3.15rem);font-weight:650;line-height:1.12;animation:.65s 70ms both roadmap-rise}.roadmap-hero__lead{color:var(--textSecondary);margin:1.2rem 0 0;font-size:clamp(1.05rem,2.2vw,1.22rem);line-height:1.58;animation:.65s .14s both roadmap-rise}.roadmap-hero__note{color:color-mix(in srgb, var(--textSecondary) 92%, var(--text));margin:1rem 0 0;font-size:.9375rem;line-height:1.55;animation:.65s .2s both roadmap-rise}.roadmap-jump{flex-wrap:wrap;gap:.5rem;margin:0 0 clamp(2rem,4vw,2.75rem);padding:0;list-style:none;display:flex}.roadmap-jump a{color:var(--textSecondary);background:var(--card);border:1px solid var(--border);border-radius:999px;padding:.45rem .9rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s,transform .2s,box-shadow .25s;display:block}.roadmap-jump a:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 42%, var(--border));box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 10%, transparent);transform:translateY(-1px)}.roadmap-jump a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.roadmap-lane{margin-bottom:clamp(3rem,7vw,4.5rem)}.roadmap-lane__header{border-bottom:1px solid color-mix(in srgb, var(--border) 85%, var(--accent) 8%);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:clamp(1.5rem,3vw,2rem);padding-bottom:1rem;display:flex}.roadmap-lane__header h2{letter-spacing:-.02em;color:var(--text);margin:0;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:650}.roadmap-lane__header p{max-width:28rem;color:var(--textSecondary);margin:0;font-size:.9375rem;line-height:1.55}.roadmap-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--secondaryAction);margin-bottom:.45rem;font-size:.75rem;font-weight:700;display:inline-block}.roadmap-tag--accent{color:var(--accent)}.roadmap-section{align-items:center;gap:clamp(1.5rem,4vw,2.5rem);margin-bottom:clamp(2.5rem,6vw,4rem);animation:.7s both roadmap-rise;display:grid}@media (min-width:768px){.roadmap-section{grid-template-columns:1fr 1fr}.roadmap-section--reverse .roadmap-section__copy{order:2}.roadmap-section--reverse .roadmap-section__media{order:1}}.roadmap-section__copy h3{letter-spacing:-.02em;color:var(--text);margin:0 0 .65rem;font-size:clamp(1.35rem,2.8vw,1.75rem);font-weight:650}.roadmap-section__copy p{color:var(--textSecondary);margin:0 0 .85rem;font-size:1rem;line-height:1.65}.roadmap-section__copy ul{color:var(--textSecondary);margin:.5rem 0 0;padding-left:1.25rem;line-height:1.6;list-style:outside}.roadmap-section__copy li{margin-bottom:.35rem}.roadmap-section__copy li::marker{color:var(--accent)}.roadmap-section__copy p.roadmap-badge,.roadmap-card p.roadmap-badge{flex:none;margin:1.35rem 0 0}.roadmap-media{border:1px dashed color-mix(in srgb, var(--border) 75%, var(--accent) 22%);background:linear-gradient(145deg, var(--card) 0%, color-mix(in srgb, var(--backgroundElement) 55%, var(--card)) 100%);box-shadow:0 1px 0 color-mix(in srgb, var(--card) 80%, var(--border)) inset, 0 12px 36px color-mix(in srgb, var(--text) 6%, transparent);border-radius:1rem;transition:transform .35s,box-shadow .35s,border-color .35s;position:relative;overflow:hidden}.roadmap-section:hover .roadmap-media,.roadmap-card:hover .roadmap-media{border-color:color-mix(in srgb, var(--accent) 38%, var(--border));box-shadow:0 1px 0 color-mix(in srgb, var(--card) 80%, var(--border)) inset, 0 18px 44px color-mix(in srgb, var(--accent) 11%, transparent);transform:translateY(-4px)}.roadmap-media:after{content:"";background:linear-gradient(105deg, transparent 40%, color-mix(in srgb, var(--card) 35%, transparent) 50%, transparent 60%);pointer-events:none;animation:5s ease-in-out infinite roadmap-shimmer;position:absolute;inset:0;transform:translate(-120%)}@keyframes roadmap-shimmer{0%,70%{transform:translate(-120%)}to{transform:translate(120%)}}.roadmap-media--video{aspect-ratio:16/9}.roadmap-media--image{aspect-ratio:4/3}.roadmap-media--wide{aspect-ratio:21/9}.roadmap-media--compact{aspect-ratio:16/10}.roadmap-media__inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;height:100%;min-height:11rem;padding:1.35rem;display:flex}.roadmap-media__icon{width:3rem;height:3rem;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--card));border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));border-radius:50%;justify-content:center;align-items:center;animation:2.6s ease-in-out infinite roadmap-icon-breathe;display:flex}.roadmap-media--video .roadmap-media__icon:before{content:"▶";margin-left:.12rem;font-size:.85rem}.roadmap-media--image .roadmap-media__icon:before{content:"⌁";font-size:1.3rem;line-height:1}@keyframes roadmap-icon-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.roadmap-media__label{color:var(--textSecondary);margin:0;font-size:.8125rem;font-weight:600}.roadmap-media__hint{color:color-mix(in srgb, var(--textSecondary) 85%, transparent);margin:0;font-size:.75rem}.roadmap-publisher-panel{background:linear-gradient(155deg, color-mix(in srgb, var(--secondaryAction) 13%, var(--card)), color-mix(in srgb, var(--accent) 9%, var(--card)));border:1px solid color-mix(in srgb, var(--secondaryAction) 26%, var(--border));border-radius:1.15rem;margin-bottom:clamp(2rem,4vw,2.75rem);padding:clamp(1.5rem,4vw,2.25rem);animation:.75s both roadmap-rise}.roadmap-publisher-panel__grid{align-items:center;gap:clamp(1.25rem,3vw,2rem);display:grid}@media (min-width:768px){.roadmap-publisher-panel__grid{grid-template-columns:1.1fr .9fr}}.roadmap-publisher-panel h3{color:var(--text);margin:0 0 .65rem;font-size:clamp(1.25rem,2.5vw,1.6rem);font-weight:650}.roadmap-publisher-panel p{color:var(--textSecondary);margin:0 0 .85rem;font-size:1rem;line-height:1.6}.roadmap-grid{gap:1.15rem;margin-bottom:clamp(1.75rem,4vw,2.5rem);display:grid}.roadmap-grid--follow{margin-top:clamp(.25rem,1vw,.5rem)}@media (min-width:640px){.roadmap-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.roadmap-grid--triple{grid-template-columns:repeat(3,1fr)}}.roadmap-card{background:var(--card);border:1px solid var(--border);border-radius:1rem;flex-direction:column;gap:.85rem;padding:1.15rem;transition:border-color .25s,box-shadow .3s,transform .3s;animation:.7s both roadmap-rise;display:flex}.roadmap-card:hover{border-color:color-mix(in srgb, var(--secondaryAction) 32%, var(--border));box-shadow:0 10px 30px color-mix(in srgb, var(--text) 7%, transparent);transform:translateY(-3px)}.roadmap-card h4{color:var(--text);margin:0;font-size:1.02rem;font-weight:650}.roadmap-card p{color:var(--textSecondary);flex:1;margin:0;font-size:.9375rem;line-height:1.55}.roadmap-card .roadmap-media{border-radius:.65rem}.roadmap-card--span{grid-column:1/-1}@media (min-width:768px){.roadmap-card--span-md{grid-column:span 2}}.roadmap-cta{text-align:center;background:linear-gradient(130deg, color-mix(in srgb, var(--accent) 15%, var(--card)), color-mix(in srgb, var(--secondaryAction) 11%, var(--card)));border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));border-radius:1.2rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);padding:clamp(2rem,5vw,2.75rem);animation:.8s both roadmap-rise;position:relative}.roadmap-cta h2{color:var(--text);margin:0 0 .65rem;font-size:clamp(1.3rem,3vw,1.7rem);font-weight:650}.roadmap-cta p{max-width:34rem;color:var(--textSecondary);margin:0 auto 1.35rem;font-size:1rem;line-height:1.6}.roadmap-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.roadmap-btn{border-radius:.5rem;justify-content:center;align-items:center;padding:.65rem 1.2rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .25s,background-color .2s,color .2s,border-color .2s;display:inline-flex}.roadmap-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.roadmap-btn--primary{color:#fff;background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 72%, #c44a00));box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 32%, transparent)}.roadmap-btn--primary:hover{box-shadow:0 8px 22px color-mix(in srgb, var(--accent) 38%, transparent);transform:translateY(-2px)}.roadmap-btn--secondary{color:var(--text);background:var(--card);border:1px solid var(--border)}.roadmap-btn--secondary:hover{border-color:color-mix(in srgb, var(--secondaryAction) 45%, var(--border));box-shadow:0 6px 16px color-mix(in srgb, var(--text) 7%, transparent);transform:translateY(-2px)}@keyframes roadmap-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.roadmap-hero__backdrop,.roadmap-hero__eyebrow,.roadmap-hero h1,.roadmap-hero__lead,.roadmap-hero__note,.roadmap-hero__pulse,.roadmap-badge--active:before,.roadmap-badge--soon:before,.roadmap-media:after,.roadmap-media__icon,.roadmap-section,.roadmap-publisher-panel,.roadmap-card,.roadmap-cta{animation:none}.roadmap-jump a:hover,.roadmap-btn:hover,.roadmap-card:hover,.roadmap-section:hover .roadmap-media,.roadmap-card:hover .roadmap-media{transform:none}}
