/* LID-632 90-day operating plan */
.roadmap-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:16px;align-items:stretch;perspective:1300px}
.roadmap-controls{display:grid;gap:10px}
.roadmap-controls button{appearance:none;width:100%;text-align:left;border:1px solid var(--line);border-radius:var(--r-sm);background:linear-gradient(145deg,#fff,var(--surface));padding:20px;display:grid;gap:5px;cursor:pointer;color:var(--ink);transition:transform .24s var(--ease),background .24s ease,border-color .24s ease,box-shadow .24s ease}
.roadmap-controls button>span{font:500 9px/1.2 var(--mono);letter-spacing:.12em;color:var(--muted)}
.roadmap-controls button strong{font-size:18px;letter-spacing:-.02em}
.roadmap-controls button small{font-size:12px;line-height:1.45;color:var(--muted)}
.roadmap-controls button:hover,.roadmap-controls button:focus-visible{transform:translateX(4px);border-color:#b7b7b7;box-shadow:0 16px 40px rgba(0,0,0,.07)}
.roadmap-controls button.is-active{background:#070707;color:#fff;border-color:#070707}
.roadmap-controls button.is-active>span,.roadmap-controls button.is-active small{color:#a9a9a9}
.roadmap-controls button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.roadmap-stage{--roadmap-rx:0deg;--roadmap-ry:0deg;--roadmap-scroll-y:0px;--roadmap-scroll-rx:0deg;--roadmap-scroll-scale:1;--roadmap-depth-y:0px;position:relative;overflow:hidden;isolation:isolate;border-radius:var(--r);background:#f7f7f5;border:1px solid var(--line);padding:30px;min-height:440px;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.58fr);gap:24px;transform-style:preserve-3d;transform:translateY(var(--roadmap-scroll-y)) rotateX(calc(var(--roadmap-rx) + var(--roadmap-scroll-rx))) rotateY(var(--roadmap-ry)) scale(var(--roadmap-scroll-scale));box-shadow:0 28px 70px rgba(0,0,0,.08);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.roadmap-stage.is-pointer-active{box-shadow:0 38px 90px rgba(0,0,0,.13)}
.roadmap-depth{position:absolute;inset:-22% 34% 40% -14%;background:radial-gradient(circle,rgba(0,0,0,.085),rgba(0,0,0,.02) 36%,transparent 70%);transform:translate3d(0,var(--roadmap-depth-y),-24px) rotate(-9deg);pointer-events:none;transition:transform .3s var(--ease)}
.roadmap-stage[data-goal="make"] .roadmap-depth{inset:-18% -10% 44% 38%;transform:translateZ(-24px) rotate(8deg)}
.roadmap-stage[data-goal="build"] .roadmap-depth{inset:34% 30% -28% -12%;transform:translateZ(-24px) rotate(5deg)}
.roadmap-timeline{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid;gap:0;transform:translateZ(22px);transform-style:preserve-3d}
.roadmap-timeline li{position:relative;padding:2px 0 24px 42px;border-left:1px solid #c9c9c9;display:grid;gap:6px}
.roadmap-timeline li:last-child{border-left-color:transparent;padding-bottom:0}
.roadmap-stage.has-motion .roadmap-timeline li{opacity:.58;transform:translateZ(0) translateX(0);transition:opacity .28s ease,transform .34s var(--ease)}
.roadmap-stage.has-motion .roadmap-timeline li.is-current{opacity:1;transform:translateZ(28px) translateX(5px)}
.roadmap-stage.has-motion .roadmap-timeline li.is-current:before{box-shadow:0 0 0 5px #f7f7f5,0 0 0 9px rgba(0,0,0,.08)}
.roadmap-stage.has-motion.is-visible .roadmap-owner{transform:translateZ(40px)}
.roadmap-timeline li:before{content:"";position:absolute;left:-5px;top:4px;width:9px;height:9px;border-radius:50%;background:#080808;box-shadow:0 0 0 5px #f7f7f5}
.roadmap-timeline span,.roadmap-owner>span{font:500 9px/1.2 var(--mono);letter-spacing:.11em;color:var(--muted)}
.roadmap-timeline strong{font-size:18px;letter-spacing:-.02em}
.roadmap-timeline small{font-size:12px;line-height:1.5;color:var(--muted);max-width:520px}
.roadmap-owner{position:relative;z-index:1;align-self:end;background:#080808;color:#fff;border-radius:var(--r-sm);padding:22px;display:grid;gap:11px;transform:translateZ(34px)}
.roadmap-owner>span{color:#999}.roadmap-owner strong{font-size:20px;line-height:1.1;letter-spacing:-.025em}
.roadmap-owner p{font-size:12px;line-height:1.5;color:#aaa;margin:0}.roadmap-owner .text-link{color:#fff;margin-top:6px}
@media(max-width:900px){.roadmap-layout{grid-template-columns:1fr}.roadmap-controls{grid-template-columns:repeat(3,1fr)}.roadmap-stage{min-height:390px}}
@media(max-width:700px){.roadmap-controls{grid-template-columns:1fr}.roadmap-stage{grid-template-columns:1fr;padding:24px;min-height:0}.roadmap-owner{align-self:auto}.roadmap-controls button:hover,.roadmap-controls button:focus-visible{transform:none}}
@media(prefers-reduced-motion:reduce){.roadmap-controls button,.roadmap-stage,.roadmap-depth,.roadmap-timeline li{transition:none}.roadmap-controls button:hover,.roadmap-controls button:focus-visible,.roadmap-stage{transform:none!important}.roadmap-depth,.roadmap-timeline,.roadmap-timeline li,.roadmap-owner{transform:none!important;opacity:1!important}}
