@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Sans+Condensed:wght@500;600;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--bg-primary: #000000;--bg-secondary: #050505;--panel-base: #0a0a08;--panel-raised: #111110;--text-primary: #E0E0D8;--text-secondary: #a0a098;--text-muted: #606058;--border: #1a1a18;--border-accent: rgba(255, 152, 48, .28);--panel-highlight: #FF9830;--signal-amber: #FF9830;--signal-red: #FF4840;--signal-green: #50FF50;--signal-cyan: #20F0FF;--font-display: "Bebas Neue", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body: "IBM Plex Sans", sans-serif;--font-condensed: "IBM Plex Sans Condensed", sans-serif;--font-mono: "IBM Plex Mono", monospace}html{scroll-behavior:smooth}body{min-width:320px;font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh}button,input,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{font-weight:600}a{color:inherit}::selection{background:#ff983066;color:#fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,rgba(0,0,0,.04) 0px,rgba(0,0,0,.04) 1px,transparent 1px,transparent 3px)}.app{min-height:100vh;background:#000}.header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1400px;margin:0 auto;padding:.8rem 1.5rem;background:#000000eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,152,48,.15)}.header__left{display:flex;align-items:baseline;gap:.7rem}.header__label{font-family:var(--font-condensed);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--signal-amber)}.header__title{font-family:var(--font-display);font-size:1.6rem;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary)}.filters{display:flex;gap:.35rem}.filters__btn{padding:.4rem .75rem;border:1px solid rgba(255,152,48,.12);background:transparent;color:var(--text-muted);font-family:var(--font-condensed);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .1s}.filters__btn:hover{border-color:#ff98304d;color:var(--text-primary)}.filters__btn.is-active{border-color:var(--accent, var(--signal-amber));color:var(--accent, var(--signal-amber));background:#ff98300f;box-shadow:0 0 10px #ff983014}.layout{display:grid;grid-template-columns:1fr;max-width:1400px;margin:0 auto;padding:0 1.5rem}@media(min-width:1060px){.layout:has(.sidebar){grid-template-columns:1fr 380px;gap:1.5rem}}.timeline{padding:2rem 0 3rem;display:grid;gap:2.5rem}.year{display:grid;gap:.75rem;animation:fadeUp .3s ease both}.year__marker{display:flex;align-items:baseline;gap:.6rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,152,48,.2)}.year__label{font-family:var(--font-display);font-size:2.8rem;line-height:1;letter-spacing:.06em;color:var(--signal-amber);text-shadow:0 0 20px rgba(255,152,48,.2)}.year__count{font-family:var(--font-condensed);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.year__cards{display:grid;gap:.5rem}.milestone{position:relative;display:grid;gap:.3rem;padding:.7rem 1rem;border:1px solid color-mix(in srgb,var(--ms-color) 25%,transparent);border-left:3px solid var(--ms-color);background:linear-gradient(135deg,color-mix(in srgb,var(--ms-color) 6%,transparent),transparent 60%),#ffffff04}.milestone__row{display:flex;align-items:center;gap:.5rem}.milestone__badge{display:inline-block;padding:.15rem .45rem;font-family:var(--font-condensed);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ms-color);border:1px solid color-mix(in srgb,var(--ms-color) 35%,transparent);background:color-mix(in srgb,var(--ms-color) 8%,transparent)}.milestone__date{margin-left:auto;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.05em;color:var(--text-muted)}.milestone__title{font-family:var(--font-display);font-size:1.15rem;line-height:1.1;letter-spacing:.04em;text-transform:uppercase;color:var(--ms-color)}.milestone__summary{font-size:.82rem;line-height:1.4;color:var(--text-secondary);max-width:60ch}.card{display:grid;gap:.35rem;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.05);border-left:3px solid var(--accent);background:#ffffff05;color:inherit;text-align:left;cursor:pointer;transition:all 80ms}.card:hover{background:#ffffff0a;border-color:#ffffff14;border-left-color:var(--accent)}.card.is-selected{background:#ff98300a;border-color:#ff983033;border-left-color:var(--accent);box-shadow:0 0 16px #ff98300f}.card__row{display:flex;align-items:center;gap:.5rem;font-family:var(--font-condensed);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.card__dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);flex-shrink:0}.card__company{color:var(--accent);font-weight:600}.card__track{color:var(--text-muted);opacity:.7}.card__date{margin-left:auto;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.05em;color:var(--text-muted)}.card__name{font-family:var(--font-display);font-size:1.5rem;line-height:1;letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary)}.card__summary{font-size:.88rem;line-height:1.4;color:var(--text-secondary);max-width:60ch}.sidebar{display:none}@media(min-width:1060px){.sidebar{display:block;position:relative}.mobile-overlay{display:none!important}}.detail{position:sticky;top:64px;display:grid;gap:0;border:1px solid rgba(255,152,48,.15);background:var(--panel-base);animation:fadeUp .2s ease both;overflow:hidden}.detail__top{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;border-bottom:1px solid rgba(255,152,48,.1);background:#ff98300a}.detail__company{font-family:var(--font-condensed);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.detail__close{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:0 .3rem;line-height:1}.detail__close:hover{color:var(--text-primary)}.detail__title{padding:1rem 1rem 0;font-family:var(--font-display);font-size:2.2rem;line-height:1;letter-spacing:.06em;text-transform:uppercase}.detail__date{padding:.25rem 1rem 0;font-family:var(--font-mono);font-size:.75rem;color:var(--signal-amber)}.detail__summary{padding:.6rem 1rem 0;color:var(--text-secondary);line-height:1.5}.detail__meta{display:grid;grid-template-columns:1fr 1fr;margin:1rem 1rem 0;border:1px solid rgba(255,152,48,.1)}.detail__meta div{padding:.6rem .75rem}.detail__meta div:first-child{border-right:1px solid rgba(255,152,48,.1)}.detail__meta span{display:block;font-family:var(--font-condensed);font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.detail__meta strong{display:block;margin-top:.15rem;font-family:var(--font-mono);font-size:.82rem;font-weight:500;color:var(--signal-green)}.detail__section{padding:1rem;border-top:1px solid rgba(255,152,48,.08)}.detail__section h3{font-family:var(--font-condensed);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--signal-amber);margin-bottom:.6rem}.detail__section ul{display:grid;gap:.5rem;padding-left:1rem;color:var(--text-secondary);font-size:.88rem;line-height:1.45}.detail__section li::marker{color:var(--signal-amber)}.detail__nav{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.75rem 1rem 1rem;border-top:1px solid rgba(255,152,48,.08)}.detail__nav button{display:grid;gap:.15rem;padding:.6rem .7rem;border:1px solid rgba(255,152,48,.1);background:transparent;color:inherit;cursor:pointer;text-align:left}.detail__nav button:hover:not(:disabled){border-color:#ff983040;background:#ff983008}.detail__nav button:disabled{opacity:.3;cursor:not-allowed}.detail__nav span{font-family:var(--font-condensed);font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.detail__nav strong{font-family:var(--font-display);font-size:1rem;letter-spacing:.06em;text-transform:uppercase}.takeaways{border-top:1px solid rgba(255,152,48,.15);padding-top:2rem}.takeaways__title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.6rem);line-height:1;letter-spacing:.05em;text-transform:uppercase;color:var(--signal-amber);margin-bottom:1.2rem}.takeaways__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.takeaway{padding:1rem;border:1px solid rgba(255,255,255,.05);border-left:3px solid var(--accent);background:#ffffff05}.takeaway strong{display:block;font-family:var(--font-display);font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem}.takeaway p{font-size:.88rem;line-height:1.5;color:var(--text-secondary)}.footer{display:flex;justify-content:space-between;gap:1rem;max-width:1400px;margin:0 auto;padding:1rem 1.5rem;border-top:1px solid rgba(255,152,48,.1);font-family:var(--font-condensed);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.mobile-overlay{display:none}@media(max-width:1059px){.mobile-overlay{display:block;position:fixed;inset:0;z-index:50;pointer-events:none}.mobile-overlay .mobile-overlay__scrim{position:absolute;inset:0;background:#000c;pointer-events:auto}.mobile-overlay .mobile-overlay__sheet{position:absolute;bottom:0;left:0;right:0;max-height:85vh;overflow-y:auto;pointer-events:auto;animation:fadeUp .15s ease}.mobile-overlay .detail{border:none;border-top:2px solid var(--signal-amber)}}@media(max-width:860px){.header{flex-direction:column;align-items:flex-start;gap:.6rem;padding:.7rem 1rem}.filters{flex-wrap:wrap;gap:.3rem}.layout{padding:0 1rem}.year__label{font-size:2.2rem}.takeaways__grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:.3rem;padding:1rem}}@media(max-width:480px){.card__track{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
