:root{--bg:#07071a;--panel:#12123a;--edge:#5a60c0;--text:#e8eaff;--dim:#a0a8d0;--gold:#ffe040;--orange:#ff8a20;--cash:#40e070;--violet:#d878ff}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;color:var(--text);font:17px/1.6 ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  background:radial-gradient(1px 1px at 12% 18%,#fff8 50%,transparent 51%) ,radial-gradient(1px 1px at 72% 9%,#fff6 50%,transparent 51%),
  radial-gradient(1px 1px at 38% 64%,#fff5 50%,transparent 51%),radial-gradient(1px 1px at 88% 52%,#fff7 50%,transparent 51%),
  radial-gradient(1px 1px at 22% 88%,#fff5 50%,transparent 51%),radial-gradient(1px 1px at 58% 34%,#fff4 50%,transparent 51%) var(--bg);
  background-size:240px 240px}
a{color:var(--gold)}
img{image-rendering:pixelated}
.wrap{max-width:920px;margin:0 auto;padding:0 20px}
header.top{display:flex;align-items:center;gap:12px;padding:18px 0}
header.top a.home{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:700;letter-spacing:.06em}
header.top img{width:36px;height:36px;border-radius:9px;image-rendering:auto}
header.top nav{margin-left:auto;display:flex;gap:18px}
header.top nav a{color:var(--dim);text-decoration:none;font-size:15px}
header.top nav a:hover{color:var(--gold)}
h1,h2{letter-spacing:.06em;line-height:1.2}
h1{color:var(--gold);text-shadow:0 3px 0 var(--orange);font-size:clamp(34px,7vw,58px);margin:.2em 0}
h2{color:var(--gold);font-size:24px;margin:1.8em 0 .5em}
.panel{background:var(--panel);border:2px solid var(--edge);border-radius:6px;padding:22px 24px;box-shadow:0 0 0 4px #0b0b26}
.hero{text-align:center;padding:30px 0 10px}
.hero .icon{width:128px;height:128px;border-radius:28px;image-rendering:auto;box-shadow:0 0 0 3px var(--edge),0 10px 40px #5a60c066}
.hero p.tag{font-size:19px;color:var(--text);max-width:640px;margin:10px auto}
.badge{display:inline-block;margin-top:14px;padding:12px 22px;border:2px solid var(--edge);background:#1a1a52;color:var(--gold);font-weight:700;letter-spacing:.08em;border-radius:4px}
.shots{display:flex;gap:14px;overflow-x:auto;padding:24px 4px 10px;scroll-snap-type:x mandatory;justify-content:safe center}
.shots img{flex:0 0 auto;width:200px;height:auto;border:2px solid var(--edge);border-radius:10px;scroll-snap-align:center;background:#000}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.grid .panel h3{margin:0 0 .3em;color:var(--violet);letter-spacing:.05em;font-size:18px}
.grid .panel p{margin:0;color:var(--dim);font-size:15px}
ul.feat{padding-left:1.1em}ul.feat li{margin:.35em 0}ul.feat li::marker{content:"$  ";color:var(--cash)}
.doc h1{font-size:clamp(28px,6vw,40px)}
.doc .eff{color:var(--dim);font-size:14px}
.doc ul li{margin:.5em 0}
.faq dt{color:var(--gold);font-weight:700;margin-top:1.1em}
.faq dd{margin:.3em 0 0;color:var(--text)}
.mail{font-size:20px;font-weight:700}
footer{margin:56px 0 30px;padding-top:18px;border-top:1px solid #2a2a6a;color:var(--dim);font-size:14px;display:flex;flex-wrap:wrap;gap:8px 20px}
footer a{color:var(--dim)}
@media (max-width:560px){body{font-size:16px}header.top nav{gap:12px}.panel{padding:18px}}