@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:700;src:url(/resonate/assets/orbitron-latin-700-normal-C2w85Zl1.woff2) format("woff2"),url(/resonate/assets/orbitron-latin-700-normal-CkiOWnzK.woff) format("woff")}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:900;src:url(/resonate/assets/orbitron-latin-900-normal-6caezjY1.woff2) format("woff2"),url(/resonate/assets/orbitron-latin-900-normal-C1RSS2Bt.woff) format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:400;src:url(/resonate/assets/chakra-petch-latin-400-normal-Rp6tQSL7.woff2) format("woff2"),url(/resonate/assets/chakra-petch-latin-400-normal-B8DsKUUm.woff) format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:600;src:url(/resonate/assets/chakra-petch-latin-600-normal-BrrCYb8K.woff2) format("woff2"),url(/resonate/assets/chakra-petch-latin-600-normal-CuOKMT_m.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/resonate/assets/jetbrains-mono-latin-400-normal-BrRFx4uz.woff2) format("woff2"),url(/resonate/assets/jetbrains-mono-latin-400-normal-BKFenxV8.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/resonate/assets/jetbrains-mono-latin-600-normal-IWA2H7hL.woff2) format("woff2"),url(/resonate/assets/jetbrains-mono-latin-600-normal-BeKOkayt.woff) format("woff")}@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/resonate/assets/press-start-2p-latin-400-normal-xj9lRvVs.woff2) format("woff2"),url(/resonate/assets/press-start-2p-latin-400-normal-BKfmdmKK.woff) format("woff")}:root{--ink:#030a10;--plate:#07131c;--rule:#1b2a33;--fg:#ecebe6;--muted:#9a9890;--hazard:#fce42c;--cyan:#55b8e0;--teal:#47bdac;--olive:#93962a;--glitch:#ff003c;--hazard-dim:#8a6f05;--hazard-ink:#f5c400;--body:#c9c7bf;--f-display:"Orbitron","Eurostile","Arial Black",sans-serif;--f-body:"Chakra Petch","Trebuchet MS",system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;color-scheme:dark}html{background:var(--ink)}body{margin:0;background:var(--ink);color:var(--fg);font-family:var(--f-body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{color:var(--hazard)}:focus-visible{outline:2px solid var(--hazard);outline-offset:3px}#stage{position:relative;height:1300vh;height:1300lvh}.sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#dcd8ce;color:var(--fg);--ink:#dcd8ce;--fg:#1c1b18;--muted:#5d5a52;--body:#34322d;--plate:#e9e6de;--rule:#c4bfb3;--hazard-ink:#7d6000;--hazard-dim:#7d6000}.sticky.paper .card{background:transparent;border-color:transparent;backdrop-filter:none;box-shadow:none}.sticky .card{--fg:#e8eef0;--body:#b9c7cc;--muted:#6f8790;background:color-mix(in srgb,#030a10 88%,transparent)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:0!important;clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);box-shadow:inset 3px 0 0 var(--hazard)!important;padding:20px 22px 18px 24px!important}.sticky .card h2{color:var(--hazard);text-shadow:0 0 2px rgba(252,228,44,.9),0 0 14px rgba(252,228,44,.45)}.sticky .card .stepno .n{color:var(--cyan)!important;text-shadow:0 0 12px rgba(85,184,224,.6)}.sticky .card .of{color:var(--teal)}.sticky .card .eyebrow{color:var(--cyan)!important}.sticky .card .log{color:var(--teal)}.sticky .card .inside{color:var(--body)}.sticky .card .inside span b{color:var(--hazard)!important}.sticky .card .done-id{color:var(--hazard);text-shadow:0 0 2px rgba(252,228,44,.9),0 0 18px rgba(252,228,44,.5)}#callouts .tag{fill:#fce42c}.sticky.paper .stepno .n{color:var(--fg)}.sticky.paper .eyebrow,.sticky.paper .bom b,.sticky.paper .inside span b{color:var(--hazard-ink)}.sticky .card,.sticky .topbar,.sticky .eyebrow{transition:color .6s,background-color .6s,border-color .6s}#callouts{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}#callouts text{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;fill:#1c1b18}#callouts .sub{fill:#6b6860;font-size:10px}#gl{position:absolute;inset:0;width:100%;height:100%;display:block}.grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);background-size:48px 48px;opacity:.55;mask-image:radial-gradient(ellipse at 62% 50%,#000 20%,transparent 70%)}.topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 18px) clamp(16px,4vw,44px) 0;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;color:var(--muted);z-index:3}.topbar b,.topbar h1{margin:0;font-family:var(--f-display);font-weight:900;letter-spacing:.18em;color:var(--fg);font-size:14px}.crumb{display:flex;align-items:center;gap:10px}.crumb i{font-style:normal;color:var(--muted)}.topbar .home{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;color:var(--muted);text-decoration:none;text-transform:uppercase}.topbar .home:hover{color:var(--fg)}footer .home{color:var(--hazard);text-decoration:none}footer .home:hover{text-shadow:0 0 10px rgba(252,228,44,.6)}.prog{display:flex;gap:6px;align-items:center}.prog i{display:block;width:18px;height:3px;background:var(--rule);transition:background .3s}.prog i.on{background:var(--hazard)}.panel{position:absolute;left:clamp(16px,4vw,44px);top:calc(env(safe-area-inset-top,0px) + 64px);width:min(340px,calc(100% - 32px));z-index:2;opacity:0;visibility:hidden;transition:opacity .35s ease,transform .45s ease}.panel.show{opacity:1;visibility:visible}.panel.hero{white-space:nowrap;left:50%;top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 28px);transform:translate(-50%);width:auto}.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--hazard-ink)}h1{font-family:var(--f-display);font-weight:900;font-size:clamp(28px,3.2vw,42px);line-height:.98;letter-spacing:.01em;margin:.35em 0 .3em;text-wrap:balance}.hero p{color:var(--muted);max-width:36ch;font-size:15px;margin:0}.scrollcue{margin-top:28px;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;color:var(--fg);display:flex;align-items:center;gap:10px}.scrollcue span{display:inline-block;width:1px;height:28px;background:var(--hazard);animation:cue 1.6s ease-in-out infinite;transform-origin:top}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform:scaleY(0);transform-origin:bottom}}.card{background:color-mix(in srgb,var(--plate) 92%,transparent);border:1px solid var(--rule);backdrop-filter:blur(6px);padding:22px 22px 20px}.stepno{display:flex;align-items:baseline;gap:14px}.stepno .n{font-family:var(--f-display);font-weight:900;font-size:48px;line-height:.8;color:var(--hazard);font-variant-numeric:tabular-nums}.stepno .of{font-family:var(--f-mono);font-size:12px;color:var(--muted);letter-spacing:.1em}.card h2{font-family:var(--f-display);font-weight:700;font-size:20px;letter-spacing:.04em;margin:14px 0 6px;text-wrap:balance}.card p{margin:0;color:var(--body);font-size:14.5px}.bom{margin-top:16px;border:1.5px dashed var(--hazard-dim);padding:10px 12px;display:grid;gap:6px}.bom div{display:grid;grid-template-columns:3.2ch 1fr;gap:8px;font-family:var(--f-mono);font-size:13px}.bom b{color:var(--hazard);font-weight:600}.bom .k{font-size:10.5px;letter-spacing:.16em;color:var(--muted);display:block;grid-template-columns:none}.log{margin-top:14px;display:grid;gap:3px;font-family:var(--f-mono);font-size:12.5px;color:var(--hazard-ink);letter-spacing:.02em}.log div:last-child:after{content:"_";animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.inside{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;margin-top:14px;font-family:var(--f-mono);font-size:12.5px;color:var(--body)}.inside span b{color:var(--hazard)}.done-id{font-family:var(--f-display);font-weight:900;font-size:clamp(26px,3.4vw,38px);margin:10px 0 8px;color:var(--fg)}.wrap{max-width:1120px;margin:0 auto;padding-inline:clamp(16px,4vw,44px)}section.after{padding-block:96px 40px;border-top:1px solid var(--rule)}.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:start}h3,.book h1{font-family:var(--f-display);font-weight:900;font-size:clamp(28px,3.6vw,44px);line-height:1.02;margin:.3em 0 .5em;text-wrap:balance}.lede{color:var(--muted);max-width:52ch}.screen-mock{background:#050506;border:1px solid var(--rule);padding:18px;display:grid;gap:14px}.bezel{background:#000;border:6px solid #1c1c21;aspect-ratio:240/135;max-width:100%}.bezel canvas{width:100%;height:100%;display:block;image-rendering:pixelated}label{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}.namerow{display:grid;grid-template-columns:1fr 7ch;gap:8px}input[type=text]{width:100%;background:var(--ink);border:1px solid var(--rule);color:var(--fg);font-family:var(--f-mono);font-size:15px;padding:10px 12px;text-transform:uppercase;letter-spacing:.08em}input[type=text]:focus{border-color:var(--hazard);outline:none}.fx{display:flex;flex-wrap:wrap;gap:6px}.fx button{background:transparent;border:1px solid var(--rule);color:var(--fg);font-family:var(--f-mono);font-size:12px;padding:7px 10px;cursor:pointer;letter-spacing:.06em}.fx button[aria-pressed=true]{border-color:var(--hazard);color:var(--hazard)}.specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--rule);margin-top:28px}.specs div{padding:14px 0;border-bottom:1px solid var(--rule)}.specs div:nth-child(odd){padding-right:16px}.specs dt{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.specs dd{margin:4px 0 0;font-size:17px;font-variant-numeric:tabular-nums}.order{margin-top:72px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:28px;border:1px solid var(--hazard-dim);background:repeating-linear-gradient(-45deg,transparent 0 14px,color-mix(in srgb,var(--hazard) 6%,transparent) 14px 28px)}.price{font-family:var(--f-display);font-weight:900;font-size:48px;line-height:1;color:var(--hazard)}.price small{display:block;font-family:var(--f-mono);font-weight:400;font-size:11px;letter-spacing:.14em;color:var(--muted);margin-top:6px}.order p{margin:0;color:var(--body);max-width:46ch}.btn{display:inline-block;position:relative;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);box-shadow:inset -3px 0 0 var(--cyan);transition:transform .08s;background:var(--hazard);color:#030a10;font-family:var(--f-display);font-weight:700;font-size:14px;letter-spacing:.08em;padding:14px 20px;border:0;cursor:pointer;text-decoration:none;white-space:nowrap}a.btn:hover{transform:translate(-2px);box-shadow:inset -3px 0 0 var(--cyan),3px 0 0 var(--glitch)}footer{padding-block:48px 64px;color:var(--muted);font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.boot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:min(320px,calc(100% - 48px));padding:18px 20px 16px;background:#030a10;color:#e8eef0;font-family:var(--f-mono);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);box-shadow:inset 3px 0 0 var(--hazard);transition:opacity .5s ease}.boot.done{opacity:0;pointer-events:none}.boot-t{display:flex;justify-content:space-between;font-size:13px;letter-spacing:.06em;color:var(--hazard);text-shadow:0 0 10px rgba(252,228,44,.5)}.boot-bar{margin-top:12px;height:6px;background:#0d2230;overflow:hidden}.boot-bar i{display:block;height:100%;width:0;background:var(--hazard);box-shadow:0 0 12px #fce42ccc;transition:width .15s linear}.boot-s{margin-top:10px;font-size:11px;letter-spacing:.08em;color:var(--teal)}.boot-s:after{content:"_";animation:blink 1s steps(1) infinite}.ch{display:inline-block;will-change:transform}.w{display:inline-block;white-space:nowrap}.neon{color:var(--hazard);text-shadow:0 0 2px rgba(252,228,44,.9),0 0 12px rgba(252,228,44,.55),0 0 34px rgba(252,228,44,.3)}.flicker{animation:flicker 6s infinite}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{opacity:1}20%,24%,55%{opacity:.35}}.glitch{position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0}.glitch:before{color:var(--cyan);text-shadow:none;animation:gl-a 5s infinite steps(1)}.glitch:after{color:var(--glitch);text-shadow:none;animation:gl-b 5s infinite steps(1)}@keyframes gl-a{0%,91%,to{opacity:0;transform:none;clip-path:none}92%{opacity:.9;transform:translate(-3px);clip-path:inset(10% 0 55% 0)}94%{opacity:.9;transform:translate(3px);clip-path:inset(60% 0 8% 0)}96%{opacity:.9;transform:translate(-2px);clip-path:inset(35% 0 40% 0)}}@keyframes gl-b{0%,91%,to{opacity:0;transform:none;clip-path:none}93%{opacity:.85;transform:translate(3px);clip-path:inset(55% 0 20% 0)}95%{opacity:.85;transform:translate(-3px);clip-path:inset(5% 0 70% 0)}97%{opacity:.85;transform:translate(2px);clip-path:inset(75% 0 2% 0)}}.glitch:hover:before,.glitch:hover:after{animation-duration:.6s}.bezel.big{position:relative}.bezel.big canvas{height:auto}.bezel.big:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}.bezel.big{box-shadow:0 0 0 1px #55b8e040,0 0 60px -10px #55b8e059,0 30px 80px -30px #000000e6}@media (prefers-reduced-motion:reduce){.flicker,.glitch:before,.glitch:after{animation:none}}.make{display:grid;justify-items:center;text-align:center}.make .lede{margin:0 auto}.bezel.big{width:min(760px,100%);margin-top:40px;padding:0;cursor:pointer;display:block;border:10px solid #1c1c21;box-shadow:0 30px 80px -30px #000000e6}.bezel.big:focus-visible{outline:2px solid var(--hazard);outline-offset:4px}.prompt{margin-top:28px;font-family:var(--f-mono);font-size:16px;color:var(--muted);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:8px}.prompt label{font-family:var(--f-mono);font-size:16px;letter-spacing:0;text-transform:none;color:var(--muted)}.prompt input{background:transparent;border:0;border-bottom:1px solid var(--cyan);color:var(--hazard);text-shadow:0 0 10px rgba(252,228,44,.5);font-family:var(--f-mono);font-size:16px;padding:2px 0;text-transform:uppercase;letter-spacing:.06em}.prompt input:focus{outline:none;border-bottom-color:var(--hazard)}.prompt .sep{color:var(--rule)}.swatches{margin-top:18px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.swatches button{width:30px;height:30px;border:1px solid var(--rule);padding:0;cursor:pointer;background:var(--sw)}.swatches button[aria-pressed=true]{outline:2px solid var(--cyan);outline-offset:3px;box-shadow:0 0 14px #55b8e099}.specline{margin-top:22px;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;color:var(--teal);text-transform:uppercase}.orderrow{margin-top:96px;width:100%;display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;text-align:left;border-top:1px solid var(--rule);padding-top:28px}.orderrow small{display:block;margin-top:6px;color:var(--muted);font-size:14px;max-width:52ch}@media (max-width:760px){.panel{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);transform:none}.panel.hero{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 24px)}.card{padding:12px 14px 12px 16px!important;max-height:34svh;overflow:auto}.stepno .n{font-size:30px}.card h2{font-size:17px;margin:6px 0 4px}.card p{font-size:13.5px;line-height:1.45}.card .log,.card .inside{display:none}.done-id{font-size:24px!important;margin:4px 0!important}.split{grid-template-columns:1fr;gap:36px}.order{grid-template-columns:1fr;gap:16px}.prog{display:none}}@media (prefers-reduced-motion:reduce){.scrollcue span{animation:none}.panel{transition:none}.log div:last-child:after{animation:none}}.booktop{display:flex;justify-content:space-between;align-items:center;padding-block:20px;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;color:var(--muted)}.booktop .back{color:var(--hazard);text-decoration:none;font-family:var(--f-display);font-weight:700;letter-spacing:.12em}.booktop .back:hover{text-shadow:0 0 10px rgba(252,228,44,.6)}section.book{border-top:1px solid var(--rule);padding-top:56px}.bookform{margin-top:40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;max-width:760px}.bookform .wide{grid-column:1/-1}.bookform .field{display:grid;gap:8px;align-content:start;margin:0;padding:0;border:0;min-width:0}.bookform legend{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;padding:0;margin-bottom:8px}.bookform small{color:var(--muted);font-size:13px;line-height:1.4}.bookform input:not([type=radio]),.bookform textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--cyan);border-radius:0;color:var(--hazard);font-family:var(--f-mono);font-size:16px;padding:8px 0;letter-spacing:.04em;color-scheme:dark}.bookform input[name=handle]{text-transform:uppercase;text-shadow:0 0 10px rgba(252,228,44,.5);letter-spacing:.08em}.bookform textarea{border:1px solid var(--rule);padding:10px 12px;resize:vertical;min-height:110px;color:var(--fg)}.bookform input:focus,.bookform textarea:focus{outline:none;border-color:var(--hazard)}.bookform input::placeholder,.bookform textarea::placeholder{color:#3d4f59}.bookform input:user-invalid{border-bottom-color:var(--glitch)}.swatches.pick{justify-content:flex-start;margin-top:0;gap:14px 18px}.swatches.pick label{display:block;cursor:pointer;line-height:0}.swatches.pick input{position:absolute;opacity:0;width:1px;height:1px}.swatches.pick span{display:block;width:30px;height:30px;border:1px solid var(--rule);background:var(--sw);flex:none}.swatches.pick input:checked+span{outline:2px solid var(--cyan);outline-offset:3px;box-shadow:0 0 14px #55b8e099}.swatches.pick input:focus-visible+span{outline:2px solid var(--hazard);outline-offset:3px}.bookform .orderrow{margin-top:12px;justify-content:flex-start}.bookform .btn:disabled{opacity:.5;cursor:progress}.status{font-family:var(--f-mono);font-size:14px;color:var(--teal);min-height:1.5em}.status.ok{color:var(--hazard);text-shadow:0 0 10px rgba(252,228,44,.4)}.status.err{color:var(--glitch)}.bookform input.nocaps{text-transform:none}.bezel.big.mini{width:min(420px,100%);margin-top:32px;border-width:8px}.book .hint{margin:12px 0 0;color:var(--muted);font-family:var(--f-mono);font-size:12px;letter-spacing:.04em}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}@media (max-width:760px){.bookform{grid-template-columns:minmax(0,1fr)}}