.roadmap-page{background:linear-gradient(180deg,#f4faf2 0,#fff 35%,#f7faf6 100%)}
.roadmap-hero{padding:148px 0 64px;background:radial-gradient(circle at 84% 18%,rgba(76,219,112,.22),transparent 30%),linear-gradient(135deg,#0a2514,#174c2a);color:#fff;overflow:hidden}.roadmap-kicker{display:inline-flex;padding:8px 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.1);font-weight:850;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em}.roadmap-hero h1{margin:20px 0 16px;max-width:900px;font-size:clamp(2.8rem,7vw,5.7rem);line-height:.96;letter-spacing:-.055em}.roadmap-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.82);font-size:clamp(1.02rem,2vw,1.25rem);line-height:1.7}.roadmap-trust{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:28px;color:#dff8e4;font-weight:750}
.roadmap-board-section{padding:64px 0 42px}.roadmap-section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px}.roadmap-section-head h2{margin:4px 0 0;font-size:clamp(2rem,5vw,3.45rem);letter-spacing:-.05em}.roadmap-section-head p{max-width:560px;margin:0;color:#607063}.roadmap-head-tools{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.roadmap-year-switch{display:inline-flex;padding:5px;border:1px solid #d8e6d5;border-radius:999px;background:#fff;box-shadow:0 8px 24px rgba(21,71,34,.08)}.roadmap-year-switch a{padding:9px 16px;border-radius:999px;color:#31503a;font-weight:900;text-decoration:none;transition:.2s ease}.roadmap-year-switch a:hover{background:#eef7ed}.roadmap-year-switch a.active{background:#123d22;color:#fff;box-shadow:0 5px 14px rgba(18,61,34,.2)}
.roadmap-legend{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.roadmap-legend span{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;font-size:.78rem;font-weight:850}.roadmap-legend span:before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}.roadmap-legend .progress{background:#e3f7e7;color:#16813a}.roadmap-legend .planned{background:#fff5c9;color:#8a6900}.roadmap-legend .testing{background:#e8efff;color:#2b59b6}.roadmap-legend .released{background:#eceff0;color:#47535a}.roadmap-legend .blocked{background:#ffe8e5;color:#b43228}
.roadmap-timeline-shell{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:stretch;gap:12px}.roadmap-scroll{overflow-x:auto;padding:2px 2px 18px;scrollbar-color:#97b59d #edf4eb;scroll-snap-type:x proximity}.roadmap-nav{align-self:center;width:58px;height:88px;border:0;border-radius:22px;background:#123d22;color:#fff;font-size:3.2rem;line-height:1;cursor:pointer;box-shadow:0 14px 34px rgba(18,61,34,.2);transition:.2s ease}.roadmap-nav:hover{transform:scale(1.04);background:#1c6135}.roadmap-nav:disabled{opacity:.28;cursor:not-allowed;transform:none}.roadmap-board{min-width:calc(240px + (260px * var(--months)));display:grid;grid-template-columns:240px minmax(960px,1fr);background:#fff;border:1px solid #dce8d9;border-radius:26px;box-shadow:0 24px 70px rgba(21,71,34,.1);overflow:visible;position:relative}.roadmap-board-year{grid-column:1/-1;padding:14px;text-align:center;background:#123d22;color:#fff;font-size:1.05rem;font-weight:900;border-radius:25px 25px 0 0}.roadmap-corner{padding:15px 18px;background:#f0f5ef;border-right:1px solid #dce8d9;border-bottom:1px solid #dce8d9;font-weight:900}.roadmap-months{display:grid;grid-template-columns:repeat(var(--months),1fr);background:#f0f5ef;border-bottom:1px solid #dce8d9}.roadmap-months div{padding:15px 4px;text-align:center;border-right:1px solid #dce8d9;font-weight:850;font-size:.82rem}.roadmap-row-label{display:flex;align-items:center;padding:16px 18px;border-right:1px solid #dce8d9;border-bottom:1px solid #e6eee4;background:#fbfdfb;color:#193c23;font-weight:800;line-height:1.25}.roadmap-row{position:relative;min-height:108px;border-bottom:1px solid #e6eee4;background-image:linear-gradient(to right,transparent calc(100% - 1px),#e7eee5 calc(100% - 1px));background-size:calc(100% / var(--months)) 100%}.roadmap-row-empty{position:absolute;left:18px;top:42px;color:#8a988c;font-size:.82rem}.roadmap-bar{--bar:#f3dc53;position:absolute;left:calc((var(--start) - 1) * (100% / var(--months)) + 8px);width:calc(var(--span) * (100% / var(--months)) - 16px);top:calc(8px + (var(--lane) - 1) * 31px);min-width:94px;padding:7px 11px 6px;border-radius:999px;background:var(--bar);color:#17331e;box-shadow:0 8px 18px rgba(20,50,28,.12);cursor:pointer;z-index:2;outline:none}.roadmap-bar.progress{--bar:#71d58a}.roadmap-bar.planned{--bar:#ffe86b}.roadmap-bar.testing{--bar:#9ebcff}.roadmap-bar.released{--bar:#cfd8d3}.roadmap-bar.blocked{--bar:#ff9d91}.roadmap-bar-main{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}.roadmap-bar-main strong{font-size:.77rem;overflow:hidden;text-overflow:ellipsis}.roadmap-bar-icon{flex:none}.roadmap-progress-label{margin-left:auto;font-size:.68rem;font-weight:900}.roadmap-progress{display:block;height:3px;margin-top:4px;border-radius:99px;background:rgba(255,255,255,.55);overflow:hidden}.roadmap-progress i{display:block;height:100%;background:rgba(16,61,28,.55)}.roadmap-popover{display:none}.roadmap-popover-overlay{display:none;position:fixed;max-height:72vh;overflow:auto;padding:20px;border:1px solid #d8e6d5;border-radius:18px;background:#fff;color:#1c2f20;box-shadow:0 28px 80px rgba(8,34,16,.34);white-space:normal;z-index:2147483000;pointer-events:auto}.roadmap-popover-overlay.is-visible{display:block}.roadmap-popover:after{display:none}.roadmap-popover-copy,.roadmap-popover-overlay .roadmap-popover-copy{min-width:0}.roadmap-popover-overlay .roadmap-item-image,.roadmap-item-image{display:block;width:100%;max-height:360px;object-fit:cover;border-radius:15px;margin-top:14px}.roadmap-popover-overlay .roadmap-video,.roadmap-video{position:relative;padding-top:56.25%;margin-top:14px;border-radius:15px;overflow:hidden;background:#0d1710}.roadmap-popover-overlay .roadmap-video iframe,.roadmap-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.roadmap-popover-overlay strong,.roadmap-popover strong{font-size:1rem}.roadmap-popover-overlay p,.roadmap-popover p{margin:8px 0 12px;color:#5a695c;font-size:.85rem;line-height:1.55}.roadmap-popover-overlay dl,.roadmap-popover dl{margin:0;display:grid;gap:6px}.roadmap-popover-overlay dl div,.roadmap-popover dl div{display:flex;justify-content:space-between;gap:15px}.roadmap-popover-overlay dt,.roadmap-popover dt{color:#738076;font-size:.75rem}.roadmap-popover-overlay dd,.roadmap-popover dd{margin:0;font-size:.75rem;font-weight:850}.roadmap-bar:hover,.roadmap-bar:focus{z-index:20;transform:translateY(-1px)}.roadmap-bar:hover .roadmap-popover,.roadmap-bar:focus .roadmap-popover{display:none}.roadmap-mobile-note{display:none;color:#69776b;font-size:.86rem}
.roadmap-feedback-section{padding:44px 0 90px}.roadmap-card{background:#fff;border:1px solid #dce9d8;border-radius:30px;padding:clamp(24px,4vw,42px);box-shadow:0 22px 65px rgba(25,71,36,.09)}.roadmap-feedback-card{max-width:980px;margin:0 auto}.roadmap-card-head{margin-bottom:24px}.roadmap-card h2{margin:4px 0 10px;font-size:clamp(1.8rem,4vw,2.7rem);letter-spacing:-.04em}.roadmap-card p{color:#5b6c5d}.roadmap-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.roadmap-field{display:flex;flex-direction:column;gap:8px}.roadmap-field.full{grid-column:1/-1}.roadmap-field label{font-weight:850;color:#17351f}.roadmap-field input,.roadmap-field select,.roadmap-field textarea{width:100%;padding:14px 15px;border:1px solid #cdddc9;border-radius:15px;background:#fff;color:#142318;font:inherit}.roadmap-field textarea{min-height:190px;resize:vertical}.roadmap-field input:focus,.roadmap-field select:focus,.roadmap-field textarea:focus{outline:0;border-color:#24a148;box-shadow:0 0 0 4px rgba(36,161,72,.12)}.roadmap-filebox,.voice-panel{height:100%;padding:18px;border:1px dashed #9fbea1;border-radius:20px;background:#f8fcf7}.roadmap-filebox span{display:block;margin-top:8px;color:#6a786c;font-size:.84rem}.voice-panel{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.voice-timer{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:900;color:#17351f}.voice-actions{display:flex;gap:12px}.voice-link,.voice-fallback{border:0;background:transparent;color:#137834;font-weight:850;text-decoration:underline;cursor:pointer;padding:0}.voice-fallback{font-size:.84rem}.roadmap-audio{width:100%}.roadmap-hint{font-size:.86rem;color:#68766a}.roadmap-alert{padding:15px 18px;border-radius:16px;margin:18px 0;font-weight:750}.roadmap-alert.success{background:#eaf8e9;color:#17622d;border:1px solid #b8dfbd}.roadmap-alert.error{background:#fff1ef;color:#a92a20;border:1px solid #f1c3bd}.roadmap-honeypot{position:absolute;left:-10000px}.roadmap-submit{margin-top:24px}.roadmap-privacy{font-size:.9rem;margin:14px 0 0}
@media(max-width:900px){.roadmap-section-head{display:block}.roadmap-head-tools{align-items:flex-start;margin-top:16px}.roadmap-section-head p{margin-top:10px}.roadmap-mobile-note{display:block}.roadmap-form-grid{grid-template-columns:1fr}.roadmap-field{grid-column:1/-1}}
@media(max-width:640px){.roadmap-hero{padding:118px 0 48px}.roadmap-board-section{padding-top:42px}.roadmap-card{border-radius:22px}.roadmap-feedback-section{padding-bottom:64px}}

@media(max-width:760px){.roadmap-timeline-shell{grid-template-columns:46px minmax(0,1fr) 46px;gap:6px}.roadmap-nav{width:42px;height:72px;border-radius:16px;font-size:2.4rem}.roadmap-board{min-width:1120px}.roadmap-popover-overlay{max-height:80vh}}