:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--line:2px;--bg-deep:#070c19;--background:#0b1224;--panel:#0e1730;--panel-hi:#16244a;--text:#cedbf3;--blue:#80b7ff;--ice:#b2d9ff;--muted:#8a9fc2;--border:#293d61;--gold:#ffd36e;--font-body:"Pixeloid Sans", sans-serif;--font-display:"VCR OSD Mono", monospace;background:var(--background);color:var(--text)}*{box-sizing:border-box}::selection{background:var(--blue);color:var(--background)}body{min-height:100vh;font:18px/1.6 var(--font-body);font-synthesis:none;flex-direction:column;margin:0;display:flex}.wrap{width:100%;max-width:44rem;margin:0 auto;padding:0 1.5rem}main.wrap{flex:1;padding-top:3rem;padding-bottom:4rem}.statusbar,.logo,nav,h1,h2,.chips,.card-tag,.card-name,.card-cta,footer{font-family:var(--font-display)}.statusbar{background:var(--bg-deep);border-bottom:var(--line) solid var(--border);color:var(--muted);padding:.3rem 0;font-size:.85rem}.statusbar .wrap:before{content:"";vertical-align:.1em;background:var(--gold);width:.5em;height:.5em;margin-right:.75em;display:inline-block}.masthead{padding-top:1rem}.banner{text-align:center;padding:.5rem 1rem;text-decoration:none;display:block}.logo{color:#eef6ff;letter-spacing:.04em;text-shadow:0 0 6px #b2d9ffaa,0 0 22px #80b7ff55;font-size:clamp(3rem,11vw,5.5rem);line-height:1}.banner:hover .logo{text-shadow:0 0 8px #b2d9ffdd,0 0 30px #80b7ff88}nav{border:var(--line) solid var(--border);margin-top:.75rem;font-size:.95rem;display:flex}nav a{color:var(--muted);text-align:center;flex:1;padding:.2rem .75rem;text-decoration:none}nav a+a{border-left:var(--line) solid var(--border)}nav a:hover{color:var(--ice);background:var(--panel)}nav a[aria-current=page]{color:#eef6ff;background:var(--panel-hi)}h1{color:var(--blue);text-shadow:0 0 18px #80b7ff25;margin:0 0 1rem;font-size:clamp(3rem,10vw,4.5rem);font-weight:400;line-height:1}h2{color:var(--ice);letter-spacing:.12em;text-transform:uppercase;margin-top:2rem;font-size:1rem;font-weight:400}p{margin:.5rem 0}ul{padding-left:1.25rem}li::marker{color:var(--blue)}li+li{margin-top:1rem}strong{color:var(--blue);font-weight:400}hr{border:0;border-top:1px solid var(--border);margin:2rem 0}a{color:var(--blue);text-underline-offset:.2em}a:hover{color:var(--ice)}a:focus-visible{outline:2px solid var(--ice);outline-offset:4px}.hero{padding-bottom:1rem}.hero-title{color:#eef6ff;font-size:clamp(2rem,6.5vw,3rem);line-height:1.15}.hero-title strong{color:var(--blue)}.lead{color:var(--muted);font-size:1.05rem}.chips{letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0;padding:0;font-size:.75rem;list-style:none;display:flex}.chips li{color:var(--ice);border:1px solid var(--border);background:var(--bg-deep);margin:0;padding:.1rem .6rem}.chips li:before{content:"✦ ";color:var(--gold)}.cards{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;padding:0;list-style:none;display:grid}.cards li{margin:0}.card{height:100%;color:var(--text);background:var(--panel);border:var(--line) solid var(--border);flex-direction:column;gap:.4rem;padding:1.25rem 1.25rem 2.5rem;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:flex;position:relative}.card:hover{color:var(--text);background:var(--panel-hi);border-color:var(--blue);transform:translateY(-2px)}.card-tag{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}.card-name{color:var(--blue);font-size:1.4rem;line-height:1.1}.card:hover .card-name{color:#eef6ff}.card-desc{color:var(--muted);font-size:.9rem;line-height:1.5}.card-cta{color:var(--blue);transition:transform .15s;position:absolute;bottom:.75rem;right:1.25rem}.card:hover .card-cta{transform:translate(4px)}.contact{border:var(--line) dashed var(--border);margin-top:3rem;padding:1.25rem 1.5rem}.contact h2{margin-top:0}footer{color:var(--muted);margin-top:auto;font-size:.85rem}footer>.wrap{padding-bottom:.75rem}@media (max-width:40rem){nav{font-size:.8rem}nav a{padding:.2rem .4rem}}@media (prefers-reduced-motion:reduce){.card,.card-cta{transition:none}.card:hover,.card:hover .card-cta{transform:none}}
