.pxl{--page:#030813;--rule:#78a0ff1f;--rule-strong:#78a0ff42;--ink:#eef3fb;--ink-2:#a9b8cf;--ink-3:#7486a3;--brand:#4d8fff;--brand-2:#7fb2ff;--amber:#ffc27a;--glass-line:#8cb4ff2e;--column:min(100%, 76rem);--gutter:1.5rem;--sans:var(--font-sans), system-ui, sans-serif;--mono:var(--font-mono), ui-monospace, monospace;background:var(--page);color:var(--ink);font-family:var(--sans);position:relative;overflow-x:clip}.pxl *,.pxl :before,.pxl :after{box-sizing:border-box}.pxl ::selection{background:var(--brand);color:#fff}.pxl a:focus-visible,.pxl button:focus-visible,.pxl .tile:focus-visible{outline:2px solid var(--brand-2);outline-offset:3px}.pxl .wrap{width:var(--column);padding:0 var(--gutter);margin:0 auto}.pxl .world{z-index:0;background:radial-gradient(120rem 60rem at 70% -10%, #0a1a3a 0%, var(--page) 55%);position:fixed;inset:0}.pxl .world canvas{width:100%;height:100%;display:block}.pxl .shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#030813e0 0%,#0308138c 30%,#03081300 55%);position:fixed;inset:0}.pxl .grain{z-index:3;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:1.2s steps(6,end) infinite pxl-grain;position:fixed;inset:-50%}@keyframes pxl-grain{0%{transform:translate(0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}to{transform:translate(0)}}.pxl .chapters,.pxl .rail{z-index:2;position:relative}.pxl .satlabel{z-index:2;pointer-events:none;opacity:0;position:fixed;inset:0}.pxl .satlabel svg{position:absolute;inset:0;overflow:visible}.pxl .satlabel line{stroke:#ffbe788c;stroke-width:1px}.pxl .satlabel circle{fill:none;stroke:#ffc88ce6;stroke-width:1.2px}.pxl .satlabel .lbl{will-change:transform;border-left:1px solid #ffbe7899;gap:.2rem;padding-left:.7rem;display:grid;position:absolute;top:0;left:0}.pxl .satlabel b{font:600 .66rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--amber)}.pxl .satlabel span{font:500 .72rem var(--mono);color:var(--ink-2)}.pxl .actions{flex-wrap:wrap;gap:.7rem;display:flex}.pxl .btn{height:2.8rem;color:var(--ink);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border-radius:999px;align-items:center;padding:0 1.3rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.pxl .btn:hover{background:#ffffff14;border-color:#8cb4ff59}.pxl .btn.primary{color:#fff;background:linear-gradient(#5b9aff,#3b7df5);border:0;box-shadow:0 10px 30px -8px #4d8fffa6,inset 0 1px #ffffff40}.pxl .btn.primary:hover{background:linear-gradient(#6aa5ff,#4588fa)}.pxl .chapter{min-height:160vh;position:relative}.pxl .chapter .beat{align-items:center;height:100vh;display:flex;position:sticky;top:0}.pxl .chapter .text{gap:1.4rem;max-width:34rem;display:grid}.pxl .no{font:600 .68rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--brand-2);align-items:center;gap:.8rem;display:flex}.pxl .chapter .no:after{content:"";background:linear-gradient(90deg, var(--brand-2), transparent);width:3rem;height:1px}.pxl .chapter h2{letter-spacing:-.04em;background:linear-gradient(#fff 35%,#aac4f2);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.4rem,5.2vw,4.8rem);font-weight:500;line-height:1.02}.pxl .chapter p{color:#b4c2d8;max-width:30rem;margin:0;font-size:clamp(1.02rem,1.3vw,1.2rem);line-height:1.6}.pxl .chapter .fine{font:500 .72rem var(--mono);color:var(--ink-3)}.pxl.js .chapter .text>*{opacity:0;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(22px)}.pxl.js .chapter.seen .text>*{opacity:1;transform:none}.pxl .chapter.seen .text>:nth-child(2){transition-delay:80ms}.pxl .chapter.seen .text>:nth-child(3){transition-delay:.16s}.pxl .chapter.seen .text>:nth-child(4){transition-delay:.24s}.pxl .chapter.seen .text>:nth-child(5){transition-delay:.32s}.pxl .chapter.hero{min-height:140vh}.pxl .chapter.hero .beat{align-items:flex-start;padding-top:22vh;position:relative}.pxl .chapter.hero .text{max-width:62rem}.pxl .chapter .kicker{font:600 .7rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--brand-2);margin:0}.pxl .chapter.hero h1{letter-spacing:-.045em;background:linear-gradient(#fff 30%,#b9cff5);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.4rem,4.6vw,4.4rem);font-weight:500;line-height:1.04}.pxl .chapter.hero .status{color:var(--ink-3);font-size:.8rem}.pxl .cue{font:600 .6rem var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3);justify-items:center;gap:.6rem;display:grid;position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%)}.pxl .cue i{background:linear-gradient(180deg, transparent, var(--brand-2));transform-origin:top;width:1px;height:3rem;animation:2s ease-in-out infinite pxl-cue}@keyframes pxl-cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.pxl #flight .text{max-width:46rem}.pxl #flight h2{max-width:34rem;font-size:clamp(2.2rem,4.2vw,3.9rem)}.pxl #flight p{max-width:34rem}.pxl .chapter.close .beat{align-items:flex-end;padding-bottom:12vh}.pxl .chapter.close .text{text-align:center;justify-items:center;max-width:none;margin:0 auto}.pxl .chapter.close .actions{justify-content:center}.pxl .chapter.close h2{font-size:clamp(2.4rem,5vw,4.4rem)}.pxl .chapter.close .date{font:600 .7rem var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--amber)}.pxl .rail{z-index:4;gap:.9rem;transition:opacity .4s;display:grid;position:fixed;top:50%;right:1.6rem;transform:translateY(-50%)}.pxl .rail.off{opacity:0;pointer-events:none}.pxl .rail a{font:600 .56rem var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#0000;justify-content:flex-end;align-items:center;gap:.7rem;text-decoration:none;transition:color .3s;display:flex}.pxl .rail a:after{content:"";background:#8cb4ff4d;border-radius:50%;width:.42rem;height:.42rem;transition:background .3s,box-shadow .3s,transform .3s}.pxl .rail a:hover,.pxl .rail a.on{color:var(--ink-2)}.pxl .rail a.on:after{background:var(--amber);transform:scale(1.3);box-shadow:0 0 12px #ffb35c}@media (max-width:900px){.pxl .rail,.pxl .satlabel{display:none}.pxl .shade{background:linear-gradient(#0308134d,#030813d9)}.pxl .chapter .beat{align-items:flex-end;padding-bottom:10vh}}@media (prefers-reduced-motion:reduce){.pxl .grain,.pxl .cue i{animation:none}.pxl.js .chapter .text>*{transition:none}}
.pxl .flip{gap:.7rem;max-width:30rem;margin-top:.4rem;display:grid}.pxl .flip-tabs{border:1px solid var(--rule-strong);width:max-content;display:inline-flex}.pxl .flip-tabs button{color:var(--ink-3);font:600 .6rem var(--mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:.45rem .9rem;transition:background .3s,color .3s}.pxl .flip-tabs button[aria-pressed=true]{color:#fff;background:#7fb2ff24}.pxl .flip-card{perspective:1400px;cursor:pointer;color:inherit;font:inherit;text-align:left;background:0 0;border:0;padding:0}.pxl .flip-inner{transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.7,.2,1);display:grid;position:relative}.pxl .flip.flipped .flip-inner{transform:rotateY(180deg)}.pxl .face{backface-visibility:hidden;border:1px solid var(--rule-strong);background:linear-gradient(#0a162ce6,#050c1ae6);grid-area:1/1;gap:.6rem;padding:1.3rem 1.4rem 1.4rem;display:grid}.pxl .face.back{border-color:#ff8a6573;transform:rotateY(180deg);box-shadow:0 20px 60px -30px #ff785080}.pxl .face .face-h{border-bottom:1px solid var(--rule);font:600 .6rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--brand-2);justify-content:space-between;align-items:center;padding-bottom:.7rem;display:flex}.pxl .verdict{font:600 .6rem var(--mono);letter-spacing:.16em;text-transform:uppercase;border:1px solid;padding:.2rem .5rem}.pxl .verdict.pass{color:#7fe0ae;border-color:#62d39a99}.pxl .verdict.fail{color:#ff9a7a;border-color:#ff8a6599}.pxl .face .big{letter-spacing:-.03em;color:#fff;align-items:baseline;gap:.7rem;font-size:2.6rem;font-weight:500;display:flex}.pxl .face .big small{letter-spacing:0;color:var(--ink-2);font-size:.85rem;font-weight:400}.pxl .face.back .big{color:#ffd0c0}.pxl .face .line{color:#c9d5e8;margin:0;font-size:.92rem}.pxl .chapter .flip-note{font:500 .66rem var(--mono);color:var(--ink-3)}.pxl .chapter.tour{min-height:540vh}.pxl .tour-grid{grid-template-columns:16.5rem 1fr;align-items:center;gap:2.4rem;display:grid}.pxl .tour-l{gap:1.2rem;display:grid}.pxl .chapter .tour-l h2{font-size:clamp(1.6rem,2.2vw,2.05rem)}.pxl .tour-steps{border-left:1px solid var(--rule);gap:.2rem;margin:.4rem 0 0;padding:0 0 0 1rem;list-style:none;display:grid}.pxl .tour-steps li{position:relative}.pxl .tour-steps button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:2rem 1fr;gap:.4rem;padding:.45rem 0;display:grid}.pxl .tour-steps li:before{content:"";background:0 0;width:1px;transition:background .4s;position:absolute;top:.3rem;bottom:.3rem;left:calc(-1rem - 1px)}.pxl .tour-steps li.on:before{background:var(--amber);box-shadow:0 0 10px #ffb35c}.pxl .tour-steps b{font:600 .62rem var(--mono);letter-spacing:.14em;color:#7fb2ff73;padding-top:.2rem}.pxl .tour-steps .st{color:var(--ink-3);margin:0;font-size:.95rem;font-weight:500;transition:color .4s;display:block}.pxl .tour-steps li.done .st{color:var(--ink-2)}.pxl .tour-steps li.on .st{color:#fff}.pxl .tour-steps li.on b{color:var(--amber)}.pxl .tour-steps .sp{opacity:0;color:#9fb0c8;max-height:0;margin:0;font-size:.86rem;line-height:1.55;transition:max-height .5s,opacity .5s,margin .5s;display:block;overflow:hidden}.pxl .tour-steps li.on .sp{opacity:1;max-height:6rem;margin-top:.35rem}.pxl .tour-r{gap:.8rem;min-width:0;display:grid}.pxl .window{border:1px solid var(--rule-strong);background:#1c1c1e;overflow:hidden;box-shadow:0 50px 120px -40px #000000e6,0 0 0 1px #ffffff08,0 0 80px -30px #4d8fff59}.pxl .wbar{background:#141416;border-bottom:1px solid #ffffff0f;align-items:center;gap:.4rem;height:2rem;padding:0 .8rem;display:flex}.pxl .wbar i{background:#ffffff24;border-radius:50%;width:.55rem;height:.55rem}.pxl .wbar span{font:500 .66rem var(--mono);letter-spacing:.06em;color:#ffffff80;margin-left:.8rem}.pxl .screen{aspect-ratio:2;background:#1c1c1e;position:relative;overflow:hidden}.pxl .screen img{object-fit:contain;opacity:0;width:100%;height:100%;transform-origin:var(--o);transform:scale(var(--z0));transition:opacity .8s,transform 0s linear .8s;position:absolute;inset:0}.pxl .screen img.on{opacity:1;transform:scale(var(--z1));transition:opacity .8s,transform 9s cubic-bezier(.25,.6,.3,1)}.pxl .tour-r .fine{font:500 .68rem var(--mono);color:var(--ink-3);margin:0}.pxl .shelves{background:linear-gradient(#03081300,#030813e6 20vh 85%,#03081300);gap:3.2rem;padding:18vh 0 10vh;display:grid;position:relative}.pxl .shelf{gap:1rem;display:grid}.pxl .shelf-h{justify-content:space-between;align-items:center;display:flex}.pxl .shelf-h h3{letter-spacing:-.01em;color:#fff;margin:0;font-size:1.35rem;font-weight:500}.pxl .sh-t{gap:.35rem;display:grid}.pxl .now{font:600 .6rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);min-height:1em}.pxl .now b{color:var(--amber);margin-right:.3rem;font-weight:600}.pxl .arrows{gap:.4rem;display:flex}.pxl .arrows button{border:1px solid var(--rule-strong);width:2.2rem;height:2.2rem;color:var(--ink-2);font:500 .9rem var(--sans);cursor:pointer;background:#08122699;transition:background .2s,color .2s}.pxl .arrows button:hover{color:#fff;background:#7fb2ff1f}.pxl .row{scroll-snap-type:x mandatory;scroll-padding-inline:max(var(--gutter), calc((100vw - 76rem) / 2 + var(--gutter)));padding:.4rem max(var(--gutter), calc((100vw - 76rem) / 2 + var(--gutter))) 1rem;scrollbar-width:none;grid-auto-columns:17rem;grid-auto-flow:column;gap:1rem;margin:0;list-style:none;display:grid;position:relative;overflow-x:auto}.pxl .row::-webkit-scrollbar{display:none}.pxl .row>li{scroll-snap-align:start;display:grid}.pxl .tile{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-content:start;gap:.55rem;padding:0;display:grid}.pxl.js .shelf .tile{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i) * 70ms);transform:translateY(24px)}.pxl.js .shelf.seen .tile{opacity:1;transform:none}.pxl .tile .cover{aspect-ratio:16/10;border:1px solid var(--rule-strong);background:radial-gradient(120% 90% at 30% 20%,#0f2448,#060d1c 70%);transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .45s,box-shadow .45s;display:block;position:relative;overflow:hidden}.pxl .tile .cover svg{width:100%;height:100%;position:absolute;inset:0}.pxl .tile .cover .n{font:600 .58rem var(--mono);letter-spacing:.16em;color:var(--ink-3);position:absolute;top:.6rem;left:.7rem}.pxl .tile .cover>i{font:normal 600 .55rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--amber);border:1px solid #ffc27a80;padding:.12rem .4rem;position:absolute;bottom:.6rem;right:.6rem}.pxl .tile:hover .cover{border-color:#7fb2ff80;transform:translateY(-4px)}.pxl .tile:not(.on) .cover svg{opacity:.55;transition:opacity .45s}.pxl .tile.on .cover{border-color:#ffc27a99;transform:translateY(-6px);box-shadow:0 18px 40px -18px #ffb35c73,0 0 0 1px #ffc27a26}.pxl .tile.on .cover svg{opacity:1}.pxl .tile .t{color:#fff;margin:.2rem 0 0;font-size:1rem;font-weight:500;display:block}.pxl .tile.on .t{color:#ffd9a8}.pxl .tile .c{color:#9fb0c8;margin:0;font-size:.84rem;line-height:1.5;display:block}.pxl .tile .bar{background:#7fb2ff1f;height:2px;display:block;position:absolute;bottom:0;left:0;right:0}.pxl .tile .bar i{background:linear-gradient(90deg,#ffb35c,#ffd9a8);width:0;height:100%;display:block}.pxl .tile.on .bar i{animation:3.6s linear forwards pxl-tilebar}@keyframes pxl-tilebar{to{width:100%}}.pxl .draw{stroke-dasharray:600;stroke-dashoffset:0}.pxl .tile.on .draw{animation:1.6s cubic-bezier(.2,.7,.2,1) both pxl-tiledraw;animation-delay:var(--d,0s)}@keyframes pxl-tiledraw{0%{stroke-dashoffset:600px}to{stroke-dashoffset:0}}@media (max-width:900px){.pxl .tour-grid{grid-template-columns:1fr;gap:1.2rem}.pxl .tour-r{order:-1}.pxl .tour-steps li:not(.on){display:none}.pxl .chapter.tour .beat{align-items:center;padding-top:4rem}.pxl .row{grid-auto-columns:72vw}.pxl .arrows{display:none}}@media (prefers-reduced-motion:reduce){.pxl .flip-inner{transition:none}.pxl .screen img.on{transform:scale(var(--z0));transition:opacity .3s}.pxl.js .shelf .tile{opacity:1;transition:none;transform:none}.pxl .tile.on .draw,.pxl .tile.on .bar i{animation:none}}