:root{--color-primary-blue:#0085ff;--color-primary-blue-hover:#006fd6;--color-cta-red:#e9142b;--color-dark-bg:#222326;--color-white:#fff;--color-black:#000;--color-text-gray:#666;--color-text-light:#888;--color-border-light:#e2e6ea;--color-border-blue:#bcddff;--color-bg-light-blue:#f3f9ff;--color-bg-hero:#f4f9ff;--color-bg-gray:#f7f7f7;--color-bg-page:#f5f6f8;--status-released:#0d9b52;--status-released-bg:#e8f8ef;--status-early-access:#e68a00;--status-early-access-bg:#fff6e5;--status-upcoming:#7c5cfc;--status-upcoming-bg:#f0ecff;--font-family:'Zoho Puvi','Segoe UI','Helvetica Neue',Arial,sans-serif;--fs-xs:12px;--fs-sm:14px;--fs-base:15px;--fs-md:16px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:32px;--fs-3xl:40px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--container-max:1200px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:50px;--shadow-card:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-card-hover:0 8px 24px rgba(0,0,0,0.08),0 2px 6px rgba(0,0,0,0.04);--shadow-dropdown:0 4px 12px rgba(0,0,0,0.1);--transition-fast:.15s ease;--transition-base:.25s ease}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--fs-base);color:var(--color-black);background:var(--color-bg-page);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}ul,ol{list-style:none}button,select{font-family:var(--font-family);cursor:pointer}.container{max-width:var(--container-max);margin:0 auto;padding-left:var(--space-lg);padding-right:var(--space-lg)}.roadmap-header{background:linear-gradient(135deg,#0a1628 0,#1a2d4a 50%,#0f2240 100%);padding:60px 0 56px;position:relative;overflow:hidden}.roadmap-header::before{content:'';position:absolute;top:-40%;left:-10%;width:60%;height:180%;background:radial-gradient(ellipse at center,rgba(0,133,255,0.12) 0,transparent 70%);pointer-events:none}.roadmap-header::after{content:'';position:absolute;bottom:-40%;right:-10%;width:50%;height:160%;background:radial-gradient(ellipse at center,rgba(124,92,252,0.08) 0,transparent 65%);pointer-events:none}.roadmap-header__title{font-size:var(--fs-3xl);font-weight:700;color:var(--color-white);line-height:1.2;margin-bottom:12px;position:relative}.roadmap-header__subtitle{font-size:var(--fs-lg);font-weight:400;color:rgba(255,255,255,0.7);line-height:1.6;max-width:640px;position:relative}.status-tabs{background:var(--color-white);border-bottom:1px solid var(--color-border-light);position:sticky;top:0;z-index:100}.status-tabs__list{display:flex;gap:0}.status-tabs__list li{flex:none}.status-tab{position:relative;background:0;border:0;padding:16px 28px;font-size:var(--fs-md);font-weight:500;color:var(--color-text-gray);transition:color var(--transition-fast);white-space:nowrap}.status-tab::after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:3px;border-radius:3px 3px 0 0;background:transparent;transition:background var(--transition-fast)}.status-tab:hover{color:var(--color-black)}.status-tab.active{color:var(--color-primary-blue);font-weight:600}.status-tab.active::after{background:var(--color-primary-blue)}.status-tab[data-status="released"].active{color:var(--status-released)}.status-tab[data-status="released"].active::after{background:var(--status-released)}.status-tab[data-status="early-access"].active{color:var(--status-early-access)}.status-tab[data-status="early-access"].active::after{background:var(--status-early-access)}.status-tab[data-status="upcoming"].active{color:var(--status-upcoming)}.status-tab[data-status="upcoming"].active::after{background:var(--status-upcoming)}.filters{background:var(--color-white);padding:20px 0;border-bottom:1px solid var(--color-border-light)}.filters__bar{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:190px}.filter-group label{font-size:var(--fs-xs);font-weight:600;color:var(--color-text-gray);text-transform:uppercase;letter-spacing:.5px}.filter-group select{appearance:none;-webkit-appearance:none;background:var(--color-bg-gray);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:9px 36px 9px 14px;font-size:var(--fs-sm);color:var(--color-black);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.filter-group select:hover{border-color:#c0c6cc}.filter-group select:focus{outline:0;border-color:var(--color-primary-blue);box-shadow:0 0 0 3px rgba(0,133,255,0.1)}.filters__reset{background:0;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:9px 20px;font-size:var(--fs-sm);font-weight:500;color:var(--color-text-gray);transition:all var(--transition-fast);white-space:nowrap}.filters__reset:hover{border-color:var(--color-cta-red);color:var(--color-cta-red);background:rgba(233,20,43,0.04)}.card-grid-section{flex:1;padding:32px 0 60px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.roadmap-card{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;gap:14px;transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base);position:relative;overflow:hidden}.roadmap-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}.roadmap-card[data-status="released"]::before{background:var(--status-released)}.roadmap-card[data-status="early-access"]::before{background:var(--status-early-access)}.roadmap-card[data-status="upcoming"]::before{background:var(--status-upcoming)}.roadmap-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px);border-color:transparent}.roadmap-card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.roadmap-card__badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:600;line-height:1.4}.roadmap-card__badge--module{background:var(--color-bg-light-blue);color:#1a6db5}.roadmap-card__badge--type{background:#eef1f4;color:#3d4f5f}.roadmap-card__title{font-size:var(--fs-lg);font-weight:600;line-height:1.4;color:var(--color-black)}.roadmap-card__desc{font-size:var(--fs-sm);font-weight:400;line-height:1.65;color:var(--color-text-gray);flex:1}.roadmap-card__link{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:600;color:var(--color-primary-blue);transition:gap var(--transition-fast),color var(--transition-fast);margin-top:auto}.roadmap-card__link:hover{color:var(--color-primary-blue-hover);gap:10px}.roadmap-card__link-arrow{font-size:16px;line-height:1;transition:transform var(--transition-fast)}.roadmap-card__link:hover .roadmap-card__link-arrow{transform:translateX(2px)}.empty-state{text-align:center;padding:80px 20px}.empty-state__icon{margin-bottom:20px;opacity:.5}.empty-state__text{font-size:var(--fs-md);color:var(--color-text-gray);margin-bottom:20px}.empty-state__reset{background:var(--color-primary-blue);color:var(--color-white);border:0;padding:10px 24px;border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:600;transition:background var(--transition-fast)}.empty-state__reset:hover{background:var(--color-primary-blue-hover)}.roadmap-footer{background:var(--color-dark-bg);padding:24px 0;text-align:center}.roadmap-footer p{font-size:var(--fs-sm);color:rgba(255,255,255,0.5)}@keyframes cardFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.roadmap-card{animation:cardFadeIn .35s ease forwards}.roadmap-card:nth-child(1){animation-delay:0.0s}.roadmap-card:nth-child(2){animation-delay:.04s}.roadmap-card:nth-child(3){animation-delay:.08s}.roadmap-card:nth-child(4){animation-delay:.12s}.roadmap-card:nth-child(5){animation-delay:.16s}.roadmap-card:nth-child(6){animation-delay:.20s}.roadmap-card:nth-child(7){animation-delay:.24s}.roadmap-card:nth-child(8){animation-delay:.28s}.roadmap-card:nth-child(9){animation-delay:.32s}.result-count{font-size:var(--fs-sm);color:var(--color-text-light);margin-bottom:20px}.result-count strong{color:var(--color-black);font-weight:600}@media(max-width:1024px){.roadmap-header{padding:44px 0 40px}.roadmap-header__title{font-size:32px}.card-grid{grid-template-columns:repeat(2,1fr);gap:20px}.filters__bar{gap:16px}.filter-group{min-width:160px;flex:1}}@media(max-width:600px){.container{padding-left:16px;padding-right:16px}.roadmap-header{padding:36px 0 32px}.roadmap-header__title{font-size:26px}.roadmap-header__subtitle{font-size:var(--fs-base)}.status-tabs__list{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.status-tabs__list::-webkit-scrollbar{display:none}.status-tab{padding:14px 20px;font-size:var(--fs-sm)}.filters__bar{flex-direction:column;gap:14px}.filter-group{min-width:100%}.filters__reset{width:100%;text-align:center;padding:12px}.card-grid{grid-template-columns:1fr;gap:16px}.card-grid-section{padding:24px 0 40px}.roadmap-card{padding:22px}}