:root{--bg:#07090a;--ink:#e6ecee;--mute:#8b969b;--faint:#5b656a;--line:#1c2327;--panel:rgba(14,18,19,0.55);--live:#6fd99a;--cyan:#5ecae0;--acc:var(--live);--mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#bg{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none}.wrap{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:64px 28px 80px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--live)}.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--live);box-shadow:0 0 14px rgba(111,217,154,.7);animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}h1{margin:22px 0 10px;font-size:clamp(34px,5vw,58px);font-weight:600;letter-spacing:-.02em;line-height:1.03;text-wrap:balance}h1 .thin{color:var(--mute);font-weight:300}.lede{max-width:64ch;color:#c2cacd;font-size:16px;line-height:1.6}.meta{margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.cat-hero{position:relative;margin-top:30px;height:140px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}.cat-hero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acc);opacity:.8;box-shadow:0 0 18px var(--acc);z-index:1}.cat-hero canvas{position:absolute;inset:0;width:100%;height:100%}.grid{margin-top:34px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:720px){.grid{grid-template-columns:1fr}.wrap{padding:44px 18px 60px}}.card{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px 22px 20px;border:1px solid var(--line);border-radius:12px;background:var(--panel);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);text-decoration:none;color:inherit;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;overflow:hidden}.card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--c,var(--live));opacity:.8;box-shadow:0 0 18px var(--c,var(--live))}.card:hover{transform:translateY(-3px);border-color:var(--c,var(--live));box-shadow:0 18px 50px -22px rgba(0,0,0,.8)}.ctag{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--c,var(--live))}.ctitle{font-size:22px;font-weight:600;letter-spacing:-.01em}.cdesc{color:var(--mute);font-size:13.5px;line-height:1.55}.cfoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--faint)}.cgo{color:var(--c,var(--live))}.cgo::after{content:" →";transition:margin .16s ease}.card:hover .cgo::after{margin-left:4px}footer{margin-top:54px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--faint);display:flex;gap:18px;flex-wrap:wrap;align-items:center}footer .sep{width:1px;height:12px;background:var(--line)}footer a{color:var(--mute);text-decoration:none;border-bottom:1px dotted var(--line)}footer a:hover{color:var(--ink)}.standalone{color:var(--cyan)}footer button.standalone{background:none;border:none;border-bottom:1px dotted var(--line);padding:0;cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.12em}footer button.standalone:hover{color:var(--ink)}footer button.standalone:focus-visible{outline:2px solid var(--live);outline-offset:2px}#sa-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(4,6,7,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s ease}#sa-modal.show{opacity:1}#sa-modal[hidden]{display:none}.sa-panel{position:relative;max-width:520px;width:100%;border:1px solid var(--line);border-left:3px solid var(--live);border-radius:12px;background:rgba(11,14,15,.96);padding:24px 26px;box-shadow:0 30px 90px -30px rgba(0,0,0,1)}.sa-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--live)}.sa-title{margin:8px 0 10px;font-size:21px;font-weight:600;letter-spacing:-.01em}.sa-body{color:#c6ced1;font-size:14px;line-height:1.65}.sa-body b{color:var(--ink)}.sa-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.sa-mail{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:9px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:#06110a;background:var(--live);font-weight:700;transition:filter .15s}.sa-mail:hover{filter:brightness(1.15)}.sa-alt{display:inline-flex;align-items:center;padding:9px 15px;border-radius:9px;cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--ink);background:rgba(14,18,19,.6);border:1px solid rgba(255,255,255,.2)}.sa-alt:hover{border-color:var(--live)}.sa-close{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--mute);font-size:20px;line-height:1;cursor:pointer;padding:4px}.sa-close:hover{color:var(--ink)}.copyright{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.08em;line-height:1.75;color:var(--faint)}.copyright b{color:var(--mute);font-weight:600;letter-spacing:.1em}.copyright a{color:var(--cyan);text-decoration:none;border-bottom:1px dotted var(--line)}.copyright a:hover{color:var(--ink)}.copyright .disc{display:block;margin-top:5px;opacity:.9}.hub-back{position:fixed;top:18px;left:22px;z-index:6;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;cursor:pointer;border-radius:9px;text-decoration:none;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--mute);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);box-shadow:0 8px 26px -14px rgba(0,0,0,.7);transition:border-color .15s,color .15s}.hub-back:hover{border-color:var(--live);color:var(--ink)}.hub-back:focus-visible{outline:2px solid var(--live);outline-offset:2px}@media(max-width:480px){.hub-back .mlabel{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hub-back{padding:0 11px}}.top-controls{position:fixed;top:18px;right:22px;z-index:6;display:flex;gap:10px;align-items:center}.manual-toggle,.contact-toggle{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;cursor:pointer;border-radius:9px;text-decoration:none;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--mute);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);box-shadow:0 8px 26px -14px rgba(0,0,0,.7);transition:border-color .15s,color .15s}.manual-toggle:hover,.contact-toggle:hover{border-color:var(--live);color:var(--ink)}.manual-toggle:focus-visible,.contact-toggle:focus-visible{outline:2px solid var(--live);outline-offset:2px}.manual-toggle .mico,.contact-toggle .mico,.hub-back .mico{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}@media(max-width:480px){.manual-toggle .mlabel,.contact-toggle .mlabel{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.manual-toggle,.contact-toggle{padding:0 11px}}.sound-toggle{display:inline-flex;align-items:center;justify-content:center;width:48px;height:34px;padding:0;cursor:pointer;border-radius:9px;color:var(--mute);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);box-shadow:0 8px 26px -14px rgba(0,0,0,.7);transition:border-color .15s,color .15s}.sound-toggle:hover{border-color:var(--live);color:var(--ink)}.sound-toggle:focus-visible{outline:2px solid var(--live);outline-offset:2px}.snd-ico{width:30px;height:16px}.snd-line{stroke:var(--mute);stroke-width:1.7;stroke-linecap:round;opacity:1;transition:opacity .2s}.snd-bars{opacity:0;transition:opacity .2s}.snd-bars .b{fill:var(--live);transform-box:fill-box;transform-origin:center;transform:scaleY(.4)}.sound-toggle.on .snd-line{opacity:0}.sound-toggle.on .snd-bars{opacity:1}.sound-toggle.on .b{animation:eq .9s ease-in-out infinite}.sound-toggle.on .b1{animation-delay:0s}.sound-toggle.on .b2{animation-delay:.18s}.sound-toggle.on .b3{animation-delay:.36s}.sound-toggle.on .b4{animation-delay:.12s}.sound-toggle.on .b5{animation-delay:.28s}@keyframes eq{0%,100%{transform:scaleY(.32)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.sound-toggle.on .b{animation:none;transform:scaleY(.8)}}