/* Timeline and throwaway demo variants. */
[hidden]{display:none!important}.founder-copy a{text-decoration:underline;text-underline-offset:4px;color:white}.timeline-intro{margin-top:28px;max-width:620px}.timeline{margin:50px 0 36px}.timeline-track{display:flex;list-style:none;padding:0;margin:0}.timeline-track li{flex:1;position:relative}.timeline-track li:not(:last-child):before{content:'';position:absolute;top:23px;left:25px;right:-25px;height:1px;background:#333;transition:background .4s}.timeline-track li.visited:before{background:white}.timeline-stop{position:relative;display:flex;flex-direction:column;gap:15px;background:none;border:0;color:#85858e;text-align:left;padding:0 25px 0 0;width:100%}.timeline-dot{display:grid;place-items:center;border:1px solid #444;width:48px;height:48px;border-radius:50%;background:#080808;color:#999;font:12px var(--mono);transition:background .3s,color .3s,box-shadow .3s}.timeline-stop[aria-current] .timeline-dot{background:white;color:black;box-shadow:0 0 0 7px #ffffff10}.timeline-stop[aria-current] strong{color:white}.timeline-stop strong{font-size:23px;font-weight:500;letter-spacing:-.03em}.timeline-stop .mono{font-size:9px}.timeline-detail{display:grid;grid-template-columns:1fr 3fr;gap:40px;padding:50px 0;border-bottom:1px solid #303030;min-height:245px}.timeline-detail>span{font-size:110px;line-height:1;color:#363639;letter-spacing:-.08em}.timeline-detail h3{font-size:32px;margin-bottom:15px}.timeline-detail .badge{margin-bottom:14px}.timeline-detail .body-copy{max-width:690px}.prototype-entry{margin-bottom:25px;text-align:center}.concept-label{color:#8b8b94;margin-bottom:22px;font-size:9px}.prototype-switcher{position:fixed;z-index:150;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:#f5f5f5;color:#000;padding:7px;box-shadow:0 10px 50px #0008;border-radius:8px;gap:12px;width:max-content;max-width:calc(100% - 24px)}.prototype-switcher button,.prototype-switcher a{background:#e4e4e7;border:0;border-radius:4px;padding:10px 14px;color:#000}.prototype-switcher span{font:11px var(--mono)}.workspace,.constellation,.story-demo{border:1px solid #333;background:#090909;overflow:hidden}.workspace{display:grid;grid-template-columns:300px 1fr}.workspace aside{border-right:1px solid #303030;padding:35px 28px}.workspace h3,.map-intro h3{font-size:30px;margin:24px 0 16px}.workspace aside>.mono{color:#888}.workspace aside>.body-copy{font-size:14px}.memory{margin-top:38px;border-top:1px solid #333;padding-top:23px}.memory>.mono{font-size:9px;color:#888;margin-bottom:18px}.memory>p:not(.mono){font-size:13px;padding:15px 0;border-bottom:1px solid #222}.memory p span{display:block;color:#888;font-size:11px;padding:6px 0 0 16px}.memory .quiet-button{font-size:10px;text-align:left;margin-top:15px}.knowledge-gap{color:white}.workspace-main{padding:26px 35px}.workspace-top{color:#888;display:flex;justify-content:space-between;font-size:9px;padding-bottom:24px;border-bottom:1px solid #242424}.teacher-message{display:flex;gap:20px;margin-top:30px;min-height:180px}.teacher-avatar{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border:1px solid #555}.teacher-message h3{margin:12px 0;font-size:27px}.teacher-message p:not(.mono){color:#a1a1aa;font-size:15px;line-height:1.7;max-width:600px}.teacher-message .mono{font-size:9px;color:#888}.storage-visual{display:flex;align-items:center;justify-content:center;padding:45px 15px;background-image:radial-gradient(#393939 1px,transparent 1px);background-size:15px 15px;border:1px solid #27272a;min-height:220px;margin:25px 0}.storage-node{position:relative;z-index:1;display:flex;flex-direction:column;gap:15px;min-width:145px;padding:22px 18px;background:#111;border:1px solid #777}.storage-node .mono{font-size:8px;color:#a1a1aa}.storage-node strong{font-weight:500;font-size:17px}.storage-node>span:last-child{font-size:11px;color:#999}.disk{border-radius:0 0 30% 30%}.data-bridge{position:relative;flex:1;max-width:180px;min-width:70px;height:75px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:linear-gradient(#777,#777) center/100% 1px no-repeat}.data-bridge>span{font:9px var(--mono);color:#999;text-align:center}.data-bridge i{position:absolute;top:34px;width:7px;height:7px;border-radius:50%;background:#fff;left:15%}.data-bridge i:nth-of-type(2){left:45%}.data-bridge i:nth-of-type(3){left:75%}.flowing .data-bridge i{animation:save-dot 2.8s ease-in-out 2 alternate}.flowing .data-bridge i:nth-of-type(2){animation-delay:.15s}.flowing .data-bridge i:nth-of-type(3){animation-delay:.3s}@keyframes save-dot{0%{left:5%;opacity:.2}100%{left:90%;opacity:1}}.reading{display:flex;flex-direction:column;gap:10px;border-left:2px solid #ddd;padding:16px 20px;background:#141414;margin:25px 0}.reading .mono{font-size:8px;color:#999}.reading strong{font-size:15px;font-weight:500}.reading>span:last-child{font-size:11px;color:#999}.reading:hover{background:#202020}.demo-controls{display:flex;gap:10px;align-items:center;margin-top:28px}.demo-controls button{color:white;background:#151515;border:1px solid #444;padding:12px 17px;font-size:12px}.demo-controls [data-play]{background:#eee;color:black}.demo-controls .mono{margin-left:auto;font-size:9px;color:#999}.demo-state{color:#999;margin:25px 0;font-size:10px}.constellation{display:grid;grid-template-columns:1fr 1.5fr}.map-intro{padding:45px;border-right:1px solid #303030;grid-row:span 2}.map-intro>.mono{font-size:9px;color:#999}.map-intro>.body-copy{font-size:15px}.knowledge-map{min-height:330px;position:relative;background:radial-gradient(#444 1px,transparent 1px);background-size:18px 18px}.knowledge-map svg{width:100%;height:100%;position:absolute;inset:0}.knowledge-map path{fill:none;stroke:#888;stroke-dasharray:3 7}.orbit-dot{stroke:#777;fill:#111}.map-node{position:absolute;font:11px var(--mono);padding:12px;background:#111;border:1px solid #444;transform:translate(-50%,-50%);white-space:nowrap}.map-one{left:16%;top:24%}.map-two{left:16%;top:77%}.map-center{left:50%;top:50%;border:0;background:none}.map-three{left:82%;top:24%}.map-four{left:82%;top:77%}.map-node.lit{background:white;color:black;box-shadow:0 0 40px #ffffff25}.map-detail{padding:35px;border-top:1px solid #303030}.map-detail>.mono{font-size:9px;color:#999}.map-detail h3{font-size:26px;margin:15px 0}.map-detail>.body-copy{font-size:14px;min-height:75px}.story-demo{display:grid;grid-template-columns:260px 1fr}.story-rail{border-right:1px solid #333;padding:40px 25px}.story-rail button{display:flex;flex-direction:column;gap:15px;text-align:left;background:none;color:#777;border:0;border-top:1px solid #333;padding:25px 0;width:100%;font-size:15px}.story-rail button span{font:11px var(--mono)}.story-rail button[aria-current]{color:white;border-color:white}.story-scene{padding:50px 65px;position:relative;min-height:650px}.scene-number{position:absolute;right:35px;top:20px;font-size:120px;color:#202020;letter-spacing:-.07em;pointer-events:none}.story-scene>.mono{position:relative;font-size:10px;color:#999}.story-scene h3{position:relative;font-size:clamp(30px,3.3vw,50px);max-width:540px;margin:25px 0}.story-scene>.body-copy{position:relative;font-size:16px;max-width:600px;min-height:80px}.project-object{border:1px solid #444;padding:30px;margin-top:30px;display:flex;flex-direction:column;gap:25px;background:radial-gradient(#444 1px,transparent 1px);background-size:16px 16px}.project-object .mono{font-size:9px;color:#bbb}.project-object strong{font-size:32px;font-weight:500;letter-spacing:-.03em}.project-object>span:last-child{font-size:12px;color:#aaa}.story-scene .memory{max-width:500px}.story-scene>*{animation:scene-in .4s ease-out}@keyframes scene-in{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.workspace{grid-template-columns:240px 1fr}.workspace-main{padding:25px}.storage-node{min-width:110px;padding:18px 12px}.map-intro{padding:30px}.story-scene{padding:40px 30px}.story-demo{grid-template-columns:220px 1fr}}
@media(max-width:760px){.timeline-stop strong{font-size:14px}.timeline-stop{padding-right:12px}.timeline-stop .mono{font-size:7px}.timeline-detail{grid-template-columns:55px 1fr;gap:15px;min-height:290px;padding-block:35px}.timeline-detail>span{font-size:55px}.timeline-detail h3{font-size:25px}.timeline-track{gap:0}.workspace,.constellation,.story-demo{grid-template-columns:1fr}.workspace aside,.map-intro{border-right:0;border-bottom:1px solid #333;padding:25px}.workspace aside .memory{margin-top:22px}.workspace-main{padding:20px}.workspace-top span{display:none}.teacher-message{gap:12px}.teacher-message h3{font-size:23px}.teacher-avatar{width:25px;height:25px}.storage-visual{padding:25px 8px;min-height:190px}.storage-node{min-width:90px;padding:15px 8px;gap:10px}.storage-node strong{font-size:13px}.storage-node>span:last-child{font-size:9px}.data-bridge{min-width:60px}.data-bridge>span{font-size:7px}.demo-controls{gap:6px}.demo-controls button{padding:12px 9px;font-size:11px}.demo-controls .mono{font-size:8px}.map-intro{grid-row:auto}.knowledge-map{min-height:280px}.map-node{font-size:8px;padding:10px 5px}.map-detail{padding:23px}.story-rail{display:flex;padding:15px;gap:12px;border-right:0;border-bottom:1px solid #333}.story-rail button{font-size:9px;padding:13px 0;gap:10px}.story-scene{padding:30px 22px;min-height:620px}.scene-number{font-size:90px}.prototype-switcher{gap:6px;bottom:12px}.prototype-switcher span{font-size:9px}.prototype-switcher button,.prototype-switcher a{padding:10px}.demo-state{line-height:1.8}.concept-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){.flowing .data-bridge i,.story-scene>*{animation:none}.timeline-dot{transition:none}}