:root{--bg:#0b1220;--surface:#111827;--surface-2:#0f172a;--text:#e5e7eb;--dim:#94a3b8;--accent:#22d3ee;--accent-2:#a78bfa}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,var(--bg),#0a1326);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;display:flex;flex-direction:column;min-height:100vh}
.topbar{position:sticky;top:0;background:rgba(15,23,42,.8);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid #1f2937}
main{flex:1 0 auto}
.footer{flex-shrink:0}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.row{display:flex;gap:12px}.between{justify-content:space-between}.center{align-items:center}
.brand{color:var(--text);text-decoration:none;font-weight:800;font-size:20px;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px}
.brand:hover{background:rgba(255,255,255,.04)}
.brand .logo{width:28px;height:28px;border-radius:6px;display:block}
.brand{margin:12px;}
.nav a{color:var(--dim);text-decoration:none;margin-left:16px}.nav a.active,.nav a:hover{color:var(--text)}
.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;padding:48px 0}
.hero__text h1{font-size:44px;margin:0 0 8px}.lead{color:var(--dim)}
.cta{display:flex;gap:12px;margin-top:16px}
.btn{display:inline-block;padding:10px 16px;border:1px solid #334155;border-radius:10px;color:var(--text);text-decoration:none;background:var(--surface)}
.btn:hover{border-color:#475569}
.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#0b1220;border:none}
.btn.disabled{opacity:.6;pointer-events:none;background:#1f2937 !important;color:var(--dim);border:1px solid #334155}
.hero__art img{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 30px rgba(0,0,0,.4))}
.features{padding:24px 0}
.features h2{font-size:28px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:var(--surface);border:1px solid #1f2937;border-radius:14px;padding:16px}
.card img{width:100%;height:120px;object-fit:cover;background:var(--surface-2);border-radius:10px;margin-bottom:8px}
.callout{padding:20px;background:linear-gradient(90deg,rgba(34,211,238,.12),rgba(167,139,250,.12));border-radius:12px}
.footer{margin-top:48px;padding:20px 0;border-top:1px solid #1f2937;background:rgba(2,6,23,.6)}
.downloads .downloads__grid{grid-template-columns:repeat(3,1fr)}
.shots{grid-template-columns:repeat(3,1fr);margin-top:16px}
.shot{background:var(--surface);border:1px solid #1f2937;border-radius:14px;padding:8px}
.shot img{width:100%;display:block}
.release{margin:28px 0 32px;padding-top:8px;border-top:1px solid #1f2937}
.release .downloads__grid{grid-template-columns:repeat(3,1fr)}
.release-shots{display:flex;gap:12px;overflow-x:auto;padding:8px 2px}
.release-shots .shot{flex:0 0 220px;width:220px}
.release-shots .shot img{height:130px;object-fit:cover}
.zoomable{cursor:zoom-in}
.lightbox{position:fixed;inset:0;background:rgba(2,6,23,.88);display:none;align-items:center;justify-content:center;z-index:1000}
.lightbox.open{display:flex}
.lightbox img{max-width:92vw;max-height:92vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lightbox .lightbox-close{position:absolute;top:12px;right:12px;background:rgba(15,23,42,.8);border:1px solid #334155;color:var(--text);border-radius:10px;padding:6px 10px;cursor:pointer}
@media (max-width:980px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.downloads .downloads__grid{grid-template-columns:1fr}}