.roadmap-products{position:relative;padding:clamp(4rem,8vw,7rem) 0 6rem}
.roadmap-products__inner{width:min(100% - 2.5rem,72rem);margin:0 auto}
.roadmap-products__eyebrow{display:flex;align-items:center;gap:.8rem;margin:0;color:#b9a1ff;font-size:.72rem;font-weight:750;letter-spacing:.2em;text-transform:uppercase}
.roadmap-products__eyebrow::before{width:2rem;height:1px;background:#9f7aea;content:""}
.roadmap-products__title{max-width:68rem;margin:1.55rem 0 0;color:var(--oh-ink,#f7f4ff);font-size:clamp(2.65rem,7vw,5.2rem);font-weight:650;letter-spacing:-.065em;line-height:.99}
.roadmap-products__title span{background:linear-gradient(100deg,#7c3aed 5%,#a78bfa 48%,#e9d5ff 94%);background-clip:text;color:transparent;-webkit-background-clip:text}
.roadmap-products__lead{max-width:48rem;margin:2rem 0 0;color:var(--oh-muted,#aaa4b8);font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.75}
.roadmap-filters{display:inline-flex;max-width:100%;margin-top:2.6rem;padding:.32rem;gap:.2rem;overflow-x:auto;border:1px solid rgba(255,255,255,.11);border-radius:.95rem;background:rgba(15,13,22,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);scrollbar-width:none}
.roadmap-filters::-webkit-scrollbar{display:none}
.roadmap-filter{min-height:2.75rem;padding:.65rem 1rem;border:1px solid transparent;border-radius:.72rem;background:transparent;color:var(--oh-muted,#aaa4b8);font:inherit;font-size:.86rem;font-weight:680;white-space:nowrap;cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.roadmap-filter:hover{color:var(--oh-ink,#f7f4ff);background:rgba(255,255,255,.045)}
.roadmap-filter:focus-visible{outline:2px solid #a78bfa;outline-offset:3px}
.roadmap-filter.is-active{border-color:rgba(139,92,246,.54);background:linear-gradient(135deg,rgba(124,58,237,.38),rgba(124,58,237,.2));box-shadow:0 8px 28px rgba(76,29,149,.2),inset 0 1px 0 rgba(255,255,255,.08);color:#f7f4ff}
.roadmap-filter-result{min-height:1.25rem;margin:1rem 0 .8rem;color:var(--oh-muted,#aaa4b8);font-size:.75rem;text-align:right}
.roadmap-groups{display:grid;gap:4.5rem}
.roadmap-group[hidden]{display:none}
.roadmap-group__header{display:grid;max-width:52rem;margin:0 0 1.5rem;grid-template-columns:auto 1fr;gap:.35rem 1rem;align-items:end}
.roadmap-group__eyebrow{grid-column:1/-1;margin:0;color:rgb(167,139,250);font-size:.68rem;font-weight:760;letter-spacing:.18em;text-transform:uppercase}
.roadmap-group__header h2{margin:0;color:var(--oh-ink,#f7f4ff);font-size:clamp(1.65rem,3vw,2.3rem);font-weight:620;letter-spacing:-.04em;line-height:1.05}
.roadmap-group__header>p:last-child{margin:0;color:var(--oh-muted,#aaa4b8);font-size:.88rem;line-height:1.55}
.roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}
.roadmap-grid--extensions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:calc(66.666% - .383rem)}
.roadmap-card{--roadmap-accent:139,92,246;position:relative;isolation:isolate;display:flex;min-height:29rem;padding:1.6rem;overflow:hidden;flex-direction:column;border:1px solid rgba(var(--roadmap-accent),.25);border-radius:1.45rem;background:radial-gradient(circle at 12% 0%,rgba(var(--roadmap-accent),.18),transparent 47%),linear-gradient(145deg,rgba(19,16,29,.9),rgba(10,9,15,.74));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 50px rgba(0,0,0,.16);transition:border-color .28s ease,background .28s ease,box-shadow .38s ease,transform .42s cubic-bezier(.22,1,.36,1)}
.roadmap-card::before{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 86% 16%,rgba(var(--roadmap-accent),.12),transparent 42%);content:"";opacity:0;transition:opacity .3s ease}
.roadmap-card:hover,.roadmap-card:focus-within{z-index:2;border-color:rgba(var(--roadmap-accent),.66);background:radial-gradient(circle at 12% 0%,rgba(var(--roadmap-accent),.27),transparent 50%),linear-gradient(145deg,rgba(24,20,35,.95),rgba(12,10,18,.84));box-shadow:0 30px 72px rgba(0,0,0,.32),0 16px 42px rgba(var(--roadmap-accent),.14);transform:translateY(-7px)}
.roadmap-card:hover::before,.roadmap-card:focus-within::before{opacity:1}
.roadmap-card[hidden]{display:none}
.roadmap-card.is-filter-entering{animation:roadmap-card-enter .3s cubic-bezier(.22,1,.36,1) both}
@keyframes roadmap-card-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.roadmap-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.roadmap-card__icon{display:grid;width:4rem;height:4rem;overflow:hidden;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:transparent;box-shadow:0 14px 34px rgba(0,0,0,.25),0 8px 24px rgba(var(--roadmap-accent),.12);transition:transform .36s cubic-bezier(.22,1,.36,1)}
.roadmap-card__icon img{width:100%;height:100%;object-fit:contain;transform:scale(var(--roadmap-icon-scale,1));transition:filter .3s ease,transform .36s cubic-bezier(.22,1,.36,1)}
.roadmap-card:hover .roadmap-card__icon,.roadmap-card:focus-within .roadmap-card__icon{transform:translateY(-3px) scale(1.045)}
.roadmap-card:hover .roadmap-card__icon img,.roadmap-card:focus-within .roadmap-card__icon img{filter:drop-shadow(0 12px 18px rgba(var(--roadmap-accent),.26))}
.roadmap-card__status{padding:.42rem .66rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.045);color:#b9b3c2;font-size:.65rem;font-weight:760;letter-spacing:.105em;text-transform:uppercase;white-space:nowrap}
.roadmap-card--available .roadmap-card__status{border-color:rgba(52,211,153,.24);background:rgba(16,185,129,.075);color:#7ee2b8}
.roadmap-card--integrated .roadmap-card__status{border-color:rgba(56,189,248,.25);background:rgba(14,165,233,.075);color:#8bdcff}
.roadmap-card--development .roadmap-card__status{border-color:rgba(251,191,36,.24);background:rgba(245,158,11,.075);color:#f8cf73}
.roadmap-card--soon .roadmap-card__status{border-color:rgba(167,139,250,.3);background:rgba(124,58,237,.12);color:#c4b5fd}
.roadmap-card__content{margin-top:3.1rem}
.roadmap-card__content h3{margin:0;color:var(--oh-ink,#f7f4ff);font-size:1.65rem;font-weight:590;letter-spacing:-.035em}
.roadmap-card__content p{margin:1.15rem 0 0;color:var(--oh-muted,#aaa4b8);font-size:.96rem;line-height:1.7}
.roadmap-card__tags{display:flex;margin:1.5rem 0 0;padding:0;flex-wrap:wrap;gap:.45rem;list-style:none}
.roadmap-card__tags li{padding:.38rem .58rem;border:1px solid rgba(255,255,255,.1);border-radius:.58rem;color:#918b9b;font-size:.7rem;font-weight:650}
.roadmap-card__action{display:flex;margin-top:auto;padding-top:1.4rem;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.075);color:var(--oh-ink,#f7f4ff);font-size:.86rem;font-weight:680;text-decoration:none}
.roadmap-card__action span:last-child{color:rgb(var(--roadmap-accent));font-size:1.15rem;transition:transform .26s cubic-bezier(.22,1,.36,1)}
.roadmap-card:hover .roadmap-card__action span:last-child,.roadmap-card:focus-within .roadmap-card__action span:last-child{transform:translate(3px,-3px)}
.roadmap-card__action--muted{justify-content:flex-start;color:#898391}
@media(max-width:900px){.roadmap-grid,.roadmap-grid--extensions{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.roadmap-products__inner{width:min(100% - 2rem,72rem)}.roadmap-products__title{font-size:clamp(2.4rem,12vw,3.4rem)}.roadmap-products__title br{display:none}.roadmap-products__lead{margin-top:1.4rem}.roadmap-filters{width:100%}.roadmap-filter{flex:1}.roadmap-filter-result{text-align:left}.roadmap-groups{gap:3.5rem}.roadmap-group__header{display:block}.roadmap-group__header h2{margin-top:.45rem}.roadmap-group__header>p:last-child{margin-top:.75rem}.roadmap-grid,.roadmap-grid--extensions{grid-template-columns:1fr}.roadmap-card{min-height:25rem;padding:1.35rem}.roadmap-card__content{margin-top:2.3rem}}
@media(prefers-reduced-motion:reduce){.roadmap-card,.roadmap-card::before,.roadmap-card__icon,.roadmap-card__icon img,.roadmap-card__action span:last-child,.roadmap-filter{transition:none}.roadmap-card:hover,.roadmap-card:focus-within,.roadmap-card:hover .roadmap-card__icon,.roadmap-card:focus-within .roadmap-card__icon{transform:none}.roadmap-card.is-filter-entering{animation:none}}