:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#e9edf2;background:#0c131c;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,a,input{font:inherit}a{color:inherit;text-decoration:none}button,select{background:#1b2b3d;border:1px solid #354659;color:#e9edf2;border-radius:7px;padding:10px 13px;cursor:pointer}button:hover,button.active{background:#d7ff63;color:#162016;border-color:#d7ff63}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d7ff63;outline-offset:3px}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #2a3440;font-size:12px;letter-spacing:1.2px}header a:first-child{font-size:21px;font-weight:800}header a span{font-size:10px;color:#b2bfca;margin-left:14px}header>a:last-child{color:#d7ff63}main{max-width:1660px;margin:auto;display:grid;grid-template-columns:325px 1fr;grid-template-rows:minmax(610px,76vh) auto}aside{padding:28px 25px;border-right:1px solid #2a3440;overflow:auto}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#d7ff63}h1{font-size:27px;line-height:1.1;margin:15px 0}h1 em{font-style:normal;color:#9cabb9}aside>p:not(.eyebrow){font-size:12px;line-height:1.6;color:#aebaca}nav{display:grid;gap:5px;margin-top:24px}nav button{display:flex;align-items:center;text-align:left;gap:12px;padding:6px 10px;background:transparent;border-color:transparent;font-size:13px}nav button span{font-size:10px;opacity:.6;width:20px}nav svg{width:43px;height:34px}nav b{font-weight:500}.stage{position:relative;overflow:hidden;background:#131f2b}#stage{display:block;width:100%;height:100%}.stage-top{position:absolute;top:25px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#a6b5c5}.stage-title{position:absolute;top:68px;left:30px;max-width:430px;pointer-events:none}.stage-title small{color:#d7ff63;font-size:11px}h2{font-size:42px;margin:9px 0;letter-spacing:-1.5px}.stage-title p{font-size:13px;line-height:1.6;color:#aebdcd;max-width:355px}.views{position:absolute;right:24px;bottom:70px;display:flex;gap:5px}.views button{font-size:10px;padding:9px}.phase{position:absolute;bottom:27px;left:30px;right:30px;display:flex;gap:10px;align-items:center;font-size:13px}.phase i{width:8px;height:8px;background:#d7ff63;border-radius:50%}.phase span{margin-left:auto;font-variant-numeric:tabular-nums;font-size:11px;color:#9baaba}.timeline{grid-column:2;padding:22px 30px;background:#111c27;border-top:1px solid #2b3b49}.transport{display:flex;gap:9px;align-items:center;font-size:11px}.transport label{margin-left:10px;color:#aebdcd}.transport select{margin-left:8px;padding:7px}.transport>span{margin-left:auto;color:#aebdcd}#scrub{width:100%;margin:23px 0 16px;accent-color:#d7ff63}#phases{display:flex;gap:5px;flex-wrap:wrap}#phases button{font-size:10px;flex:1;min-width:70px;line-height:1.6;padding:7px 5px}.hint{font-size:11px;color:#96a8b9;line-height:1.6;margin-bottom:0}@media(max-width:850px){header{padding:0 18px}header>span,header a span{display:none}main{grid-template-columns:1fr;grid-template-rows:auto 570px auto}aside{border:0;padding:20px}aside h1{font-size:23px}nav{grid-template-columns:repeat(3,1fr);margin-top:12px}nav button{font-size:11px;gap:5px;padding:3px}nav button span{display:none}.timeline{grid-column:1;padding:20px}h2{font-size:32px}.stage-title{top:55px}.stage-title p{max-width:270px}.stage-top{font-size:9px}.transport{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

@media(min-width:851px){main{grid-template-rows:minmax(510px,calc(100vh - 285px)) auto}aside{grid-row:1 / 3}nav{gap:3px;margin-top:16px}.stage-title{top:53px}.stage-title p{max-width:310px}h2{font-size:35px}}