.diorama{border:1px solid #3a5158;border-radius:10px;background:#101f29;position:relative;box-shadow:0 22px 90px #0003;overflow:hidden}.diorama,.diorama *{box-sizing:border-box}.diorama .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.diorama button:focus-visible,.diorama [tabindex]:focus-visible{outline:2px solid #b5f3ce;outline-offset:-4px}.diorama-heading{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#13232e}.diorama-heading h2{display:flex;align-items:center;gap:10px;font:10px Courier New,monospace;letter-spacing:1.5px;color:#c3dccd;margin:0}.live-pixel{width:6px;height:6px;background:#acd9a8;box-shadow:0 0 0 4px #a0d6b212}.scene-note{font-size:11px;color:#93aab0}.scene-shell{position:relative}.scene-scroll{overflow-x:auto;scrollbar-color:#63887b #1b3240;scrollbar-width:thin;border-block:1px solid #39545c}.scene{display:block;width:100%;height:auto;min-width:860px;isolation:isolate}.scene-corner-label{position:absolute;left:16px;top:13px;font:8px Courier New,monospace;letter-spacing:1.3px;color:#8196ae;pointer-events:none}.story-panel{background:#172c36;border-bottom:1px solid #36505a;padding:23px 24px 0}.story-current{display:flex;gap:20px;justify-content:space-between;align-items:center;min-height:92px;padding-bottom:22px}.card-eyebrow{color:#a5bfb6;font:9px Courier New,monospace;letter-spacing:1.3px}.card-eyebrow>span{color:#537d75;padding:0 5px}.story-current h3{font-size:26px;font-weight:500;letter-spacing:-.7px;margin:10px 0 7px;color:#e6eddb}.story-current h3>span{color:#9dd4ac}.story-current p{font-size:12px;color:#a7bfc1;line-height:1.5;margin:0}.story-current p strong{color:#caddce;font-weight:500}.story-arrows{display:flex;gap:6px;flex-shrink:0}.story-arrows button{width:36px;height:36px;border:1px solid #47636a;background:#1e3842;color:#c4ddcf;font-size:19px;border-radius:3px}.story-arrows button:hover{background:#304f53;border-color:#a1cfb4}.story-chapters{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.story-chapters button{display:flex;gap:8px;align-items:center;position:relative;min-height:47px;min-width:0;padding:12px 8px;border:0;border-top:1px solid #3a5861;border-bottom:3px solid transparent;background:transparent;color:#9db1b5;font:9px Courier New,monospace;letter-spacing:1px}.story-chapters button[aria-pressed=true]{color:#e4eddb;border-top-color:#98d0af;border-bottom-color:#98d0af;background:#a7d8b508}.story-chapters button:hover{color:#e4eddb;background:#a7d8b50b}.chapter-number{font-size:8px;color:#809b9e}.chapter-dot{width:4px;height:4px;margin-left:auto;flex-shrink:0}.diorama-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;gap:18px}.explore-hint{display:flex;align-items:center;gap:8px;font-size:11px;color:#a8bfc1;margin:0;line-height:1.5}.explore-hint>span:first-child{font-size:21px;color:#9bceb8}.mobile-hint{display:none}.scene-actions{display:flex;gap:8px;flex-shrink:0}.motion-button,.delivery-button{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:3px;padding:11px 12px;font:10px Courier New,monospace;white-space:nowrap;min-height:40px}.motion-button{background:transparent;color:#c1d3c9;border:1px solid #4a6269}.motion-button:hover:enabled{border-color:#99c9b0;background:#203c3e}.motion-button:disabled{color:#91a5a1}.delivery-button{background:#b9ddba;color:#1d3d3c;border:1px solid #b9ddba}.delivery-button:hover:enabled{background:#d2edcc}.delivery-button:disabled{background:#334e50;border-color:#4e716a;color:#c3d9ce}.delivery-note{margin:0;padding:0 24px 18px;font:11px Courier New,monospace;color:#c1d9b8;line-height:1.6}.crew-directory{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #334b56;background:#12252f}.crew-directory button{position:relative;text-align:left;display:flex;flex-direction:column;gap:6px;background:none;border:0;border-right:1px solid #304650;padding:18px 13px 16px 23px;color:#9aafb3;min-width:0;line-height:1.4}.crew-directory button:last-child{border-right:0}.crew-directory button:hover,.crew-directory button.is-active{background:#213b43}.directory-dot{position:absolute;left:12px;top:24px;width:4px;height:4px}.crew-directory strong{color:#d6e2d4;font-size:12px;font-weight:500}.crew-directory button>span:last-child{font-size:9px;min-height:25px}.crew-card{display:flex;align-items:flex-start;gap:20px;background:#203b40;border-top:1px solid #658f80;padding:24px;position:relative}.crew-portrait{width:76px;height:76px;flex-shrink:0;border:1px solid #5d7d74;image-rendering:pixelated}.crew-card-copy{max-width:650px;padding-right:34px}.crew-card h3{display:inline-block;font-size:24px;margin:8px 10px 4px 0;font-weight:500;letter-spacing:-.5px;color:#e5eedb}.crew-role{display:block;font:11px Courier New,monospace;color:#b3d3b8;margin:1px 0 12px}.crew-card p{font-size:13px;line-height:1.8;color:#becfca;margin:0 0 14px}.close-card{position:absolute;right:17px;top:18px;background:#28494c;border:1px solid #5d7f73;border-radius:3px;color:#dbead7;width:32px;height:32px;font-size:23px}.close-card:hover{background:#41605a}.watch-scene{padding:0 0 4px;background:none;color:#c8e8c5;border:0;border-bottom:1px solid #80ad97;font:11px Courier New,monospace}.watch-scene>span{padding-left:12px}.watch-scene:hover{color:#f1ffe7}.reduced-note{padding:15px 24px;margin:0;color:#abbfb8;font-size:11px;line-height:1.6;border-top:1px solid #304b53}.worker{cursor:pointer;outline:none}.diorama .worker:focus-visible{outline:none}.worker-hit{fill:transparent;stroke:transparent;stroke-width:2}.worker-corners{opacity:0;transition:opacity .2s}.worker:hover .worker-corners,.worker:focus-visible .worker-corners,.worker.is-selected .worker-corners{opacity:1}.worker:focus-visible .worker-hit{stroke:#ccf3c9;fill:#9effcd;fill-opacity:.06}.worker:hover .worker-hit{fill:#bcf2c2;fill-opacity:.06}.worker-speech,.worker-caption{pointer-events:none}.worker-body{animation:worker-shift 98s steps(7,end) infinite;animation-delay:var(--work-delay)}.worker-hand{animation:hand-task 14s steps(2,end) infinite;animation-delay:var(--work-delay);transform-box:fill-box;transform-origin:center}.worker-type .worker-hand{animation-name:typing-task}.worker-sales .worker-body{animation-name:sales-shift}.worker-market .worker-hand{animation-name:market-task}.worker-legs{animation:boots 14s steps(1,end) infinite;animation-delay:var(--work-delay)}.station-glow{transition:opacity 1.4s}.diorama[data-chapter=melissa] .station-melissa .station-glow,.diorama[data-chapter=john] .station-john .station-glow,.diorama[data-chapter=mauricio] .station-mauricio .station-glow,.diorama[data-chapter=pablo] .station-pablo .station-glow,.diorama[data-chapter=franco] .station-franco .station-glow,.diorama[data-chapter=danny] .station-danny .station-glow,.diorama[data-chapter=luka] .station-luka .station-glow{opacity:.13}.cloud-one{animation:cloud-drift 98s steps(80,end) infinite alternate}.cloud-two{animation:cloud-drift 132s steps(90,end) infinite alternate-reverse}.star-shimmer{animation:star-light 46s steps(3,end) infinite}.plant-leaves{animation:leaf-shift 26s steps(2,end) infinite}.roof-fan{animation:spin 18s steps(16,end) infinite}.crane-load{animation:crane-lift 38s steps(60,end) infinite}.conveyor-box{animation:convey 26s steps(52,end) infinite}.conveyor-box.second{animation-delay:-13s}.mechanism-wheel{animation:spin 28s steps(24,end) infinite}.monitor-led,.server-led{animation:monitor-light 19s steps(1,end) infinite}.code-lines{animation:code-review 20s steps(2,end) infinite}.vision-point{animation:monitor-light 28s steps(1,end) infinite}.idea-cards{animation:idea-turn 32s steps(3,end) infinite}.task-card{animation:plan-card 42s steps(28,end) infinite}.team-badge{animation:team-card 22s steps(3,end) infinite}.conversation{animation:conversation 28s steps(2,end) infinite}.campaign-paper{animation:paper-shift 34s steps(3,end) infinite}.system-flow{animation:link-pulse 21s steps(3,end) infinite}.test-check{animation:test-run 24s steps(3,end) infinite}.pulso-sign{animation:sign-light 98s steps(4,end) infinite}.delivery-truck{animation:truck-arrival 98s steps(140,end) infinite}.night-cat{animation:cat-stroll 84s steps(120,end) infinite}.radio-light{animation:monitor-light 12s steps(1,end) infinite}.order-trail{opacity:.06}.order-trail.is-tracing{opacity:.65}.visitor-order{animation:order-trip 18s linear both;pointer-events:none}.diorama[data-delivery=arrived] .visitor-order{animation:none;transform:translate(568px,256px)}.diorama[data-running=false] *{animation-play-state:paused!important}.scene-scroll{scroll-margin-top:18px}.crew-founder{display:block;font:11px Courier New,monospace;color:#b3d3b8;margin:1px 0 12px}.crew-directory button{min-height:64px;flex-direction:row;align-items:center;justify-content:space-between;padding-block:19px}.crew-directory button>span:last-child{min-height:0;color:#829e99;font-size:13px}.coffee-steam{animation:coffee-drift 11s steps(4,end) infinite}.distant-ferry{animation:ferry-drift 110s steps(100,end) infinite alternate}@keyframes coffee-drift{0%,to{transform:translateY(0);opacity:.15}40%{transform:translate(-1px,-4px);opacity:.35}75%{transform:translate(1px,-7px);opacity:0}}@keyframes ferry-drift{to{transform:translate(-44px)}}.diorama[data-chapter=melissa] .task-card{animation-duration:14s;animation-delay:0s}.diorama[data-chapter=john] .vision-point{animation-duration:7s}.diorama[data-chapter=mauricio] .mechanism-wheel{animation-duration:14s}.diorama[data-chapter=pablo] .code-lines,.diorama[data-chapter=franco] .team-badge{animation-duration:7s}.diorama[data-chapter=danny] .conversation{animation-duration:14s;animation-delay:0s}.diorama[data-chapter=luka] .campaign-paper,.diorama[data-chapter=luka] .pulso-sign{animation-duration:14s}@keyframes worker-shift{0%,14%,to{transform:translate(0)}18%,24%{transform:translate(-4px)}28%,39%{transform:translateY(-1px)}44%,58%{transform:translate(5px)}63%,78%{transform:translate(0)}84%,91%{transform:translate(-3px,-1px)}}@keyframes sales-shift{0%,12%,to{transform:translate(0)}18%,28%{transform:translate(-9px)}34%,48%{transform:translate(-3px,-1px)}55%,72%{transform:translate(5px)}80%,92%{transform:translate(0)}}@keyframes hand-task{0%,18%,48%,70%,to{transform:translate(0)}22%,30%{transform:translate(-2px,-4px)}26%,35%{transform:translateY(-2px)}54%,62%{transform:translate(-3px,-2px)}81%,90%{transform:translate(2px,-3px)}}@keyframes typing-task{0%,14%,70%,to{transform:translate(0)}18%,26%,34%,42%,50%,58%{transform:translate(-2px,-1px)}22%,30%,38%,46%,54%,62%{transform:translate(1px,1px)}80%,90%{transform:translateY(-4px)}}@keyframes market-task{0%,30%,to{transform:translate(0)}40%,60%{transform:translate(-2px,-7px)}70%,90%{transform:translate(1px,-2px)}}@keyframes boots{0%,18%,28%,75%,to{transform:translateY(0)}20%,24%,78%,82%{transform:translateY(-1px)}}@keyframes cloud-drift{to{transform:translate(60px)}}@keyframes star-light{0%,60%,to{opacity:.85}75%{opacity:.3}}@keyframes leaf-shift{0%,to{transform:translate(0)}50%{transform:translate(1px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes crane-lift{0%,15%,to{transform:translateY(0)}32%,48%{transform:translateY(-28px)}68%,78%{transform:translateY(-10px)}}@keyframes convey{0%,12%{transform:translate(0);opacity:0}15%,80%{opacity:1}88%,to{transform:translate(82px);opacity:0}}@keyframes monitor-light{0%,65%,to{fill:#a4d7b0}70%,82%{fill:#e9c57e}}@keyframes code-review{0%,to{opacity:1;transform:translateY(0)}45%{opacity:.7;transform:translateY(1px)}65%{transform:translateY(-1px)}}@keyframes idea-turn{0%,to{transform:translateY(0)}40%{transform:translateY(-3px)}70%{transform:translate(2px,-1px)}}@keyframes plan-card{0%,12%,to{transform:translate(0)}33%,48%{transform:translate(35px)}68%,86%{transform:translate(70px)}}@keyframes team-card{0%,to{transform:translateY(0)}35%,65%{transform:translateY(-3px)}}@keyframes conversation{0%,20%,to{opacity:0;transform:translateY(2px)}28%,75%{opacity:1;transform:translateY(0)}}@keyframes paper-shift{0%,to{transform:translateY(0)}40%,65%{transform:translateY(-2px)}}@keyframes link-pulse{0%,to{stroke:#90c7b1}45%{stroke:#e2ce91}}@keyframes test-run{0%,24%,to{fill:#677c87}35%,85%{fill:#a6d8a6}}@keyframes sign-light{0%,75%,to{opacity:.88}82%,94%{opacity:1}}@keyframes truck-arrival{0%,12%,to{transform:translate(-195px)}22%,58%{transform:translate(0)}75%,92%{transform:translate(930px)}93%{transform:translate(930px);opacity:0}94%{transform:translate(-195px);opacity:0}99%{opacity:1}}@keyframes cat-stroll{0%,12%,to{transform:translate(850px,530px)}40%,60%{transform:translate(686px,530px)}82%,90%{transform:translate(780px,530px)}}@keyframes order-trip{0%{transform:translate(154px,497px)}32%{transform:translate(641px,497px)}42%{transform:translate(641px,497px)}55%{transform:translate(790px,497px)}80%{transform:translate(790px,256px)}to{transform:translate(568px,256px)}}@media(prefers-reduced-motion:reduce){.diorama *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.night-cat{transform:translate(850px,530px)}.visitor-order{transform:translate(568px,256px)}}@media(max-width:1050px){.desktop-hint{display:none}.mobile-hint{display:inline}.diorama-toolbar{align-items:flex-start;flex-direction:column}.scene-actions{align-self:flex-end}.crew-directory{grid-template-columns:repeat(4,minmax(0,1fr))}.crew-directory button{border-bottom:1px solid #304650}.crew-directory button:nth-child(4){border-right:0}.story-chapters{gap:3px}.story-chapters button{gap:5px;font-size:8px;letter-spacing:.5px}}@media(max-width:767px){.diorama{border-radius:5px}.diorama-heading{padding:15px 12px}.diorama-heading h2{font-size:8px;letter-spacing:.9px}.scene-note{font-size:8px}.scene{min-width:860px}.scene-corner-label{font-size:7px;left:12px}.story-panel{padding:20px 15px 0}.story-current{align-items:flex-start;gap:12px;padding-bottom:20px;min-height:121px}.story-current h3{font-size:23px;margin-top:11px}.card-eyebrow{font-size:8px;letter-spacing:.6px}.story-current p{font-size:11px;max-width:230px}.story-arrows{gap:4px}.story-arrows button{width:30px;height:32px}.story-chapters{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#63887b #172c36}.story-chapters button{min-width:90px;min-height:44px;font-size:9px;padding:12px 6px}.diorama-toolbar{padding:15px;gap:14px}.scene-actions{width:100%;justify-content:space-between;gap:6px}.delivery-button,.motion-button{font-size:9px;padding:10px 8px;gap:6px}.explore-hint{font-size:10px}.crew-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.crew-directory button{padding:15px 15px 13px 25px;min-height:74px}.crew-directory button:nth-child(2n){border-right:0}.crew-directory button:last-child{grid-column:1/-1;min-height:64px}.crew-directory button>span:last-child{min-height:0}.directory-dot{top:21px}.crew-card{padding:18px 15px;gap:13px}.crew-portrait{width:52px;height:52px}.crew-card h3{font-size:23px;margin-top:9px}.crew-card-copy{padding-right:16px;min-width:0}.crew-card p{font-size:12px;line-height:1.7}.crew-card-copy .card-eyebrow{display:block;padding-right:20px;line-height:1.5}.crew-role{font-size:10px}.close-card{right:10px;top:12px;width:28px;height:28px;font-size:20px}.watch-scene{font-size:10px}.delivery-note,.reduced-note{padding-left:15px;padding-right:15px;font-size:10px}}:root{font-family:Arial,Helvetica,sans-serif;color:#eceee5;background:#0d151b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #9de9cd;outline-offset:5px}a{color:inherit}button{cursor:pointer}button:disabled{cursor:default}.page{max-width:1248px;margin:auto;padding:0 56px}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #263036}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:800;letter-spacing:-1px;font-size:24px}.brand-tile{width:35px;height:35px;background:#91dec6;color:#102a29;display:grid;place-items:center;border-radius:9px}.brand-tile svg{width:26px;height:26px}.brand-period{color:#92dec8}.status{border:1px solid #4b4938;color:#ddc496;border-radius:4px;padding:9px 12px;display:flex;align-items:center;gap:8px;font:11px Courier New,monospace}.status>span{width:6px;height:6px;background:#e3b46f;box-shadow:2px 2px #826337}.intro{text-align:center;padding:66px 0 36px}.eyebrow{font:10px Courier New,monospace;letter-spacing:2.4px;color:#9fb4b2;margin:0 0 24px}.eyebrow span{color:#73b59f;margin:0 6px}h1{margin:0;font-size:clamp(38px,5.1vw,68px);line-height:1.08;font-weight:500;letter-spacing:-3px}.buy-word{position:relative;display:inline-block}.buy-word>svg{position:absolute;left:0;bottom:-12px;width:100%;height:12px;fill:none;stroke:#91dec6;stroke-width:2;shape-rendering:crispEdges}.mint-period{color:#91dec6}.intro-copy{color:#a3b0b4;font-size:14px;line-height:1.8;margin:27px 0 0}.mobile-break{display:none}.workshop-link{display:inline-flex;align-items:center;gap:24px;margin-top:22px;text-decoration:none;padding:9px 0;border-bottom:1px solid #567b6b;color:#bbd9b6;font:10px Courier New,monospace;letter-spacing:.3px}.workshop-link:hover{color:#e7f3d7;border-color:#bbd9b6}#workshop{scroll-margin-top:20px}.closing{padding:39px 0 42px;text-align:center}.closing-mark{color:#9bd5bc;font-size:27px}.closing p{font-size:14px;line-height:1.9;margin:9px 0 0;color:#d3dcd5}.closing p span{color:#8d9b9f;font-size:13px}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:24px 0 30px;border-top:1px solid #263036;color:#8b9a9e;font-size:10px;letter-spacing:.2px}.site-footer>span:first-child{font-size:11px;font-weight:700;letter-spacing:1.7px;color:#d6dfd9}.footer-blocks{color:#84c5b0;letter-spacing:3px}@media(max-width:767px){.page{padding:0 20px}.site-header{height:84px}.brand{font-size:21px;gap:9px}.brand-tile{width:30px;height:30px}.brand-tile svg{width:23px}.status{font-size:9px;padding:8px;gap:6px}.intro{padding:49px 0 32px}h1{letter-spacing:-1.9px;font-size:clamp(35px,7.6vw,54px)}.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:21px}.intro-copy{font-size:12px;margin-top:26px}.mobile-break{display:initial}.closing{padding:29px 0 31px}.site-footer{gap:16px;font-size:9px}.footer-blocks{display:none}}
