/* BUGSY DEV / Roadmap — standalone responsive feature */
.rm-main{min-height:100vh;padding:150px 0 115px;background:radial-gradient(ellipse 65% 24% at 85% 0%,#ff75241a,transparent 75%),#090a0d}
.rm-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(30px,6vw,90px);align-items:center;padding:28px 0 90px}
.rm-eyebrow{display:inline-flex;align-items:center;gap:11px;color:#ffa46e;font:700 10px var(--mono);letter-spacing:.16em}
.rm-live{width:8px;height:8px;border-radius:50%;background:#ff8b47;box-shadow:0 0 0 6px #ff7b2919,0 0 18px #ff7b29}
.rm-hero h1{font:700 clamp(54px,7.2vw,104px)/1.02 var(--display);letter-spacing:-.075em;margin:27px 0 25px;max-width:800px}
.rm-hero h1 span{display:block;background:linear-gradient(105deg,#ff7a31,#ffb879 72%,#ffe0b9);color:transparent;background-clip:text;-webkit-background-clip:text}
.rm-hero p{font-size:16px;line-height:1.9;color:#b1acb5;max-width:600px}
.rm-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.rm-hero-actions .btn{gap:13px}
.rm-hero-panel{position:relative;padding:30px;border:1px solid #ff9a4c36;border-radius:23px;background:linear-gradient(155deg,#29201c,#17181e 65%,#101115);box-shadow:0 24px 70px #0008,0 0 90px #ff73200a;overflow:hidden}
.rm-hero-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#ffffff0b,transparent 43%)}
.rm-panel-head{display:flex;align-items:center;justify-content:space-between;color:#ffa66e;font:700 10px var(--mono);letter-spacing:.13em}
.rm-panel-head span:last-child{color:#8d8891}
.rm-panel-orbit{position:relative;height:200px;display:grid;place-items:center}
.rm-panel-orbit:before,.rm-panel-orbit:after{content:"";position:absolute;border:1px solid #ff88402b;border-radius:50%;width:200px;height:200px}
.rm-panel-orbit:after{width:145px;height:145px;border-style:dashed;animation:rm-rotate 25s linear infinite}
.rm-panel-core{position:relative;z-index:1;width:95px;height:95px;display:grid;place-items:center;border:1px solid #ff994c5c;border-radius:25px;background:linear-gradient(135deg,#5b2c1d,#201b1c);color:#ffab70;font:700 27px var(--display);box-shadow:0 0 45px #ff7b2d25}
.rm-panel-foot{display:flex;justify-content:space-between;gap:14px;align-items:center;padding-top:18px;border-top:1px solid #ffffff18}
.rm-panel-foot strong{display:block;font:700 19px var(--display)}
.rm-panel-foot small{display:block;color:#aaa2a7;font-size:11px;margin-top:5px}
.rm-mini-bars{display:flex;gap:5px;align-items:end;height:34px}
.rm-mini-bars i{width:7px;border-radius:4px 4px 0 0;background:linear-gradient(#ffae6c,#ff722a)}
.rm-mini-bars i:nth-child(1){height:45%}.rm-mini-bars i:nth-child(2){height:70%}.rm-mini-bars i:nth-child(3){height:55%}.rm-mini-bars i:nth-child(4){height:100%}.rm-mini-bars i:nth-child(5){height:75%}
.rm-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:100px}
.rm-stat{padding:26px 28px;border:1px solid #ffffff15;border-radius:17px;background:linear-gradient(135deg,#1c1d23,#111216)}
.rm-stat strong{display:block;font:700 clamp(32px,3.4vw,49px) var(--display);letter-spacing:-.07em;color:#fff}
.rm-stat strong span{color:#ff9458}
.rm-stat small{display:block;margin-top:7px;color:#aaa3ad;font-size:12px}
.rm-stat .rm-stat-tag{display:block;color:#ff9e62;font:700 10px var(--mono);letter-spacing:.12em;margin-bottom:12px}
.rm-section-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:28px}
.rm-section-head h2{font:700 clamp(32px,4.3vw,58px)/1.12 var(--display);letter-spacing:-.06em;margin:14px 0 0}
.rm-section-head p{font-size:13px;line-height:1.8;color:#aaa4ae;max-width:420px;margin:0}
.rm-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;padding:20px 0 24px;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff16;margin-bottom:25px}
.rm-filter-group{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.rm-filter-group button{border:1px solid #ffffff21;border-radius:10px;padding:11px 15px;background:#1a1b20;color:#bdb7c0;font:700 12px var(--font);transition:.2s}
.rm-filter-group button:hover{border-color:#ff975a8a;color:#fff}
.rm-filter-group button[aria-pressed=true]{background:#ff8039;color:#24110b;border-color:#ff8039;box-shadow:0 6px 23px #ff702128}
.rm-filter-group button:focus-visible,.rm-project-toggle:focus-visible{outline:2px solid #ffb47b;outline-offset:3px}
.rm-status-select{display:flex;align-items:center;gap:11px;color:#a8a2ac;font-size:12px}
.rm-status-select select{appearance:none;border:1px solid #ffffff27;border-radius:10px;background:#1b1b21;color:#f1edeb;font:600 12px var(--font);padding:12px 38px 12px 14px;background-image:linear-gradient(45deg,transparent 50%,#ff9453 50%),linear-gradient(135deg,#ff9453 50%,transparent 50%);background-position:calc(100% - 18px) 17px,calc(100% - 12px) 17px;background-size:6px 6px;background-repeat:no-repeat}
.rm-projects{display:grid;gap:23px}
.rm-project{border:1px solid #ffffff20;border-radius:22px;background:linear-gradient(130deg,#1a1b21,#111216);overflow:hidden;box-shadow:0 18px 45px #0004}
.rm-project.featured{border-color:#ff995c56;background:linear-gradient(125deg,#211c1b,#17181e 42%,#111216)}
.rm-project-head{padding:30px 32px 24px}
.rm-project-kicker{display:flex;align-items:center;gap:11px;flex-wrap:wrap;color:#ff9e62;font:700 10px var(--mono);letter-spacing:.12em}
.rm-project-kicker .rm-dot{width:5px;height:5px;border-radius:50%;background:#776d6e}
.rm-project-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:16px 0 9px}
.rm-project-title h3{font:700 clamp(27px,3.1vw,39px) var(--display);letter-spacing:-.05em;margin:0;overflow-wrap:anywhere}
.rm-project-summary{font-size:13px;line-height:1.8;color:#ada7b0;max-width:760px;margin:0}
.rm-project-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.rm-project-meta span{font:600 10px var(--mono);color:#d2b7a6;border:1px solid #74503c77;border-radius:7px;padding:8px 10px}
.rm-milestone-count{display:flex;align-items:center;gap:9px;color:#bcb4b8;font-size:12px;white-space:nowrap}
.rm-milestone-count strong{color:#ffae7b;font:700 21px var(--display)}
.rm-progress{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:7px;margin:25px 0 8px}
.rm-progress span{height:6px;border-radius:10px;background:#ffffff18}
.rm-progress span.tested{background:linear-gradient(90deg,#ff8037,#ffb576);box-shadow:0 0 12px #ff85322b}
.rm-progress span.building{background:repeating-linear-gradient(110deg,#8b5237 0,#8b5237 8px,#342922 8px,#342922 14px)}
.rm-progress-key{display:flex;gap:15px;flex-wrap:wrap;margin-top:12px;font-size:10px;color:#a29ca4}
.rm-progress-key span{display:flex;align-items:center;gap:7px}
.rm-progress-key i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff995b}
.rm-progress-key span:nth-child(2) i{background:#8b5237}
.rm-progress-key span:nth-child(3) i{background:#5b5660}
.rm-project-body{border-top:1px solid #ffffff15;padding:0 32px 27px}
.rm-milestone{border-bottom:1px solid #ffffff13}
.rm-milestone:last-child{border-bottom:0}
.rm-project-toggle{width:100%;display:flex;align-items:center;gap:17px;text-align:left;padding:20px 0;background:none;border:0;color:#f2efec}
.rm-step-icon{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:11px;border:1px solid #ffffff24;background:#ffffff09;color:#bbb5be;font:700 13px var(--mono)}
.rm-milestone[data-state=tested] .rm-step-icon{background:#4c2a1c;border-color:#ff92564f;color:#ffb37c}
.rm-milestone[data-state=building] .rm-step-icon{background:#33261f;border-color:#916043;color:#ffb482}
.rm-step-main{flex:1;min-width:0}
.rm-step-main strong{display:block;font:700 14px var(--display)}
.rm-step-main small{display:block;margin-top:6px;color:#918c97;font-size:11px}
.rm-step-status{font:700 10px var(--mono);letter-spacing:.04em;white-space:nowrap;color:#a6a0aa}
.rm-milestone[data-state=tested] .rm-step-status{color:#ffb483}
.rm-milestone[data-state=building] .rm-step-status{color:#f7a36e}
.rm-step-chevron{color:#d9a78c;font-size:18px;transition:transform .2s}
.rm-project-toggle[aria-expanded=true] .rm-step-chevron{transform:rotate(45deg)}
.rm-step-details{padding:0 40px 21px 54px;font-size:12px;line-height:1.85;color:#b6adb4;max-width:820px}
.rm-step-details[hidden]{display:none}
.rm-project-footer{padding:18px 32px;border-top:1px solid #ffffff15;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.rm-project-footer small{color:#8e8991;font-size:11px}
.rm-project-footer a{color:#ffb180;font:700 12px var(--font);transition:color .2s}
.rm-project-footer a:hover{color:#ffe0c6}
.rm-empty{padding:65px 22px;text-align:center;border:1px dashed #ffffff25;border-radius:17px;color:#a8a2ab}
.rm-empty h3{font:700 21px var(--display);color:#fff;margin:0 0 12px}
.rm-notice{margin-top:55px;padding:24px 26px;border:1px solid #ff9a5a3c;border-radius:15px;background:linear-gradient(120deg,#2b201b,#17171c);display:flex;align-items:flex-start;gap:17px}
.rm-notice>span{color:#ff9d62;font-size:22px}
.rm-notice strong{font-size:13px;color:#f8d1b6}
.rm-notice p{margin:7px 0 0;color:#b6a8a1;font-size:12px;line-height:1.85}
.rm-outro{position:relative;overflow:hidden;margin-top:95px;padding:65px 50px;border:1px solid #ff9d5e5e;border-radius:24px;background:radial-gradient(ellipse at 90% 5%,#b4532855,transparent 55%),linear-gradient(125deg,#29201e,#141519);text-align:center}
.rm-outro>span{color:#ffa56b;font:700 10px var(--mono);letter-spacing:.15em}
.rm-outro h2{font:700 clamp(31px,4vw,53px)/1.16 var(--display);letter-spacing:-.055em;margin:20px auto 13px;max-width:680px}
.rm-outro p{color:#b7adb1;font-size:13px;line-height:1.8;margin:0 auto 27px;max-width:540px}
.rm-outro .btn{gap:12px}
@keyframes rm-rotate{to{transform:rotate(360deg)}}
@media(max-width:900px){.rm-main{padding-top:118px}.rm-hero{grid-template-columns:1fr;gap:32px;padding-bottom:55px}.rm-hero-panel{max-width:540px}.rm-stats{margin-bottom:72px}.rm-section-head{align-items:start;flex-direction:column}.rm-project-head,.rm-project-body,.rm-project-footer{padding-left:23px;padding-right:23px}}
@media(max-width:620px){.rm-main{padding:106px 0 70px}.rm-hero h1{font-size:clamp(49px,13vw,70px)}.rm-hero p{font-size:14px}.rm-hero-panel{padding:20px}.rm-panel-orbit{height:170px}.rm-stats{gap:8px;margin-bottom:64px}.rm-stat{padding:17px 13px}.rm-stat strong{font-size:31px}.rm-stat small{font-size:10px;line-height:1.5}.rm-stat .rm-stat-tag{font-size:8px}.rm-toolbar{align-items:stretch}.rm-filter-group{width:100%}.rm-filter-group button{flex:1;padding:11px 9px;font-size:11px}.rm-status-select{justify-content:space-between;width:100%}.rm-status-select select{flex:1;max-width:230px}.rm-project-head{padding:22px 18px}.rm-project-title{align-items:start;flex-direction:column}.rm-project-body{padding:0 18px 12px}.rm-project-footer{padding:17px 18px}.rm-project-title h3{font-size:30px}.rm-milestone-count{font-size:11px}.rm-project-toggle{gap:10px}.rm-step-icon{flex-basis:31px;width:31px;height:31px}.rm-step-main strong{font-size:12px}.rm-step-status{font-size:9px}.rm-step-details{padding:0 8px 18px 41px}.rm-outro{padding:50px 20px;margin-top:66px}.rm-notice{padding:18px}}
@media(prefers-reduced-motion:reduce){.rm-panel-orbit:after{animation:none}}


/* BUGSY DEV 4.2 — Roadmap polish: typography, contrast, focus and expanded details */
.rm-hero p{font-size:17px;line-height:1.82;color:#c0bac3}
.rm-section-head p{font-size:14px;line-height:1.75;color:#c0b9c2}
.rm-stat small{font-size:13px;color:#b8b1bc}
.rm-projects{gap:27px}
.rm-project{border-color:#ffffff2b;box-shadow:0 18px 54px #0005;transition:border-color .28s,box-shadow .28s,transform .28s}
.rm-project:hover{border-color:#ff975a66;box-shadow:0 25px 66px #0007,0 0 45px #ff84220b}
.rm-project-head{padding-top:35px;padding-bottom:28px}
.rm-project-kicker{font-size:11px;letter-spacing:.1em;gap:12px;color:#ffb07b}
.rm-project-title{margin:20px 0 12px}
.rm-project-title h3{font-size:clamp(30px,3.1vw,42px)}
.rm-project-summary{font-size:15px;line-height:1.8;color:#c4bdc5}
.rm-project-meta{margin-top:23px;gap:10px}
.rm-project-meta span{font-size:11px;padding:9px 11px;color:#e7c1a7;border-color:#93604488}
.rm-milestone-count{font-size:13px;color:#c9c1c9;gap:9px}
.rm-milestone-count strong{font-size:25px;color:#ffb078}
.rm-progress{gap:8px;margin:29px 0 13px}
.rm-progress span{height:8px}
.rm-progress-key{font-size:12px;gap:22px;color:#c0b8c2}
.rm-progress-key i{width:9px;height:9px}
.rm-project-body{padding-bottom:20px}
.rm-milestone{position:relative;border-bottom:1px solid #ffffff19;transition:background .22s}
.rm-milestone:hover{background:#ffffff05}
.rm-milestone:has(.rm-project-toggle[aria-expanded="true"]){background:linear-gradient(90deg,#ff8c3210,#ffffff02)}
.rm-milestone:has(.rm-project-toggle[aria-expanded="true"]):before{content:"";position:absolute;left:-32px;top:0;bottom:0;width:3px;background:linear-gradient(#ffad6e,#ff762c)}
.rm-project-toggle{min-height:83px;gap:18px;padding:20px 0}
.rm-step-icon{flex:0 0 42px;width:42px;height:42px;border-radius:12px;font-size:17px}
.rm-step-main strong{font-size:16px;line-height:1.45;letter-spacing:-.012em}
.rm-step-main small{font-size:12px;line-height:1.5;color:#aaa3ae;margin-top:6px}
.rm-step-status{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:8px;border:1px solid #ffffff23;background:#ffffff08;font:700 11px var(--mono);letter-spacing:0;color:#c9c2cb}
.rm-milestone[data-state=tested] .rm-step-status{color:#ffbf93;background:#ff873014;border-color:#ff985c45}
.rm-milestone[data-state=building] .rm-step-status{color:#ffc293;background:#b56a271a;border-color:#c57b4055}
.rm-milestone[data-state=planned] .rm-step-status{color:#bbb5c0;background:#ffffff06;border-color:#ffffff1d}
.rm-step-chevron{flex:0 0 30px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff1c;border-radius:9px;color:#ffb484;font:500 20px var(--font);transition:transform .22s,border-color .22s,background .22s}
.rm-project-toggle:hover .rm-step-chevron,.rm-project-toggle[aria-expanded=true] .rm-step-chevron{border-color:#ff9e6270;background:#ff86321a}
.rm-project-toggle:focus-visible{outline:2px solid #ffb77c;outline-offset:-2px;border-radius:7px}
.rm-step-details{max-width:none;margin:0 0 21px 60px;padding:18px 22px;border:1px solid #ff945b35;border-left:3px solid #ff995c;border-radius:0 12px 12px 0;background:linear-gradient(110deg,#ff8c3110,#ffffff05);font-size:14px;line-height:1.8;color:#d4cbd0}
.rm-step-details[hidden]{display:none}
.rm-project-footer{padding-top:21px;padding-bottom:21px}
.rm-project-footer small{font-size:12px;line-height:1.6;color:#aca4ad}
.rm-project-footer a{font-size:13px}
.rm-project-footer a:focus-visible{outline:2px solid #ffb77c;outline-offset:4px}
.rm-toolbar{gap:20px}
.rm-filter-group button{font-size:13px;padding:12px 18px}
.rm-status-select{font-size:13px}
.rm-status-select select{font-size:13px}
#roadmapSummary{font-size:11px!important;letter-spacing:.11em;color:#ada6b0!important}
.rm-notice strong{font-size:14px}
.rm-notice p{font-size:13px}
.rm-outro p{font-size:14px}
@media(max-width:900px){
  .rm-milestone:has(.rm-project-toggle[aria-expanded="true"]):before{left:-23px}
}
@media(max-width:620px){
  .rm-hero p{font-size:15px}
  .rm-project-head{padding:25px 18px}
  .rm-project-kicker{font-size:10px}
  .rm-project-summary{font-size:14px}
  .rm-project-meta span{font-size:10px}
  .rm-project-title h3{font-size:31px}
  .rm-milestone-count{font-size:12px}
  .rm-milestone-count strong{font-size:23px}
  .rm-progress-key{gap:12px;font-size:11px}
  .rm-project-toggle{gap:11px;min-height:82px;padding:16px 0}
  .rm-step-icon{flex-basis:36px;width:36px;height:36px;font-size:14px}
  .rm-step-main strong{font-size:14px}
  .rm-step-main small{font-size:11px}
  .rm-step-status{font-size:10px;padding:7px 8px}
  .rm-step-chevron{flex-basis:26px;width:26px;height:26px;font-size:17px}
  .rm-step-details{margin:0 0 18px 0;padding:16px;border-radius:10px;font-size:13px}
  .rm-milestone:has(.rm-project-toggle[aria-expanded="true"]):before{left:-18px}
  .rm-project-footer small{font-size:11px}
  .rm-filter-group button{font-size:12px;padding:11px 12px}
  .rm-status-select{font-size:12px}
  .rm-status-select select{font-size:12px}
}
@media(max-width:380px){
  .rm-step-status{font-size:9px;padding:6px}
  .rm-project-toggle{gap:7px}
  .rm-step-icon{flex-basis:31px;width:31px;height:31px}
  .rm-step-main strong{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .rm-project,.rm-milestone,.rm-step-chevron{transition:none}
}