body{margin:0;background:#0b0718;color:#e8e3ff;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
main{max-width:720px;margin:0 auto;padding:48px 22px 80px}
h1{font-family:"Courier New",monospace;letter-spacing:3px;color:#ffd23f;text-shadow:0 0 12px #ff3fa4;font-size:34px;margin:0 0 6px}
h2{color:#5ef2ff;font-size:19px;margin-top:32px}
a{color:#ff7ac6}
.sub{color:#a89cd6;margin:0 0 28px}
nav a{margin-right:18px}
footer{margin-top:48px;color:#7d72a8;font-size:14px}

/* ---- landing page ---- */
@font-face{font-family:"PressStart";src:url(/fonts/PressStart2P-Regular.ttf) format("truetype");font-display:swap}
.landing{background:radial-gradient(ellipse at top,#2a1250 0%,#0b0718 55%) fixed,#0b0718}
.landing main{max-width:980px;text-align:center}
.hero .icon{border-radius:26px;box-shadow:0 0 40px #ff3fa480,0 0 80px #7c4dff60;margin-top:8px}
.landing h1{font-family:"PressStart",monospace;font-size:40px;line-height:1.25;letter-spacing:2px;margin:26px 0 14px;text-shadow:none}
.pink{color:#ff2e9e;text-shadow:0 0 10px #ff2e9e,0 0 26px #ff2e9e90}
.gold{color:#ffdb2e;font-size:1.35em;text-shadow:0 0 12px #ffdb2e,0 0 30px #ffdb2e90}
.tag{font-family:"PressStart",monospace;font-size:12px;color:#26ebff;letter-spacing:1px;margin:0 0 18px;text-shadow:0 0 8px #26ebff80}
.lead{max-width:560px;margin:0 auto 26px;font-size:18px;color:#d9d2ff}
.stores{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.stores{align-items:center}
.badge{display:inline-flex;border-radius:10px;transition:transform .15s,box-shadow .15s}
.badge:hover{transform:translateY(-2px);box-shadow:0 0 18px #26ebff70}
.badge img{display:block}
.badge .apple{height:52px;width:auto}
.badge .google{height:77px;width:auto;margin:-12.7px}
.note{color:#8f84bd;font-size:14px;margin-top:14px}
.shots{display:flex;gap:16px;justify-content:center;margin:46px auto 10px;overflow-x:auto;padding:6px 4px 14px;scroll-snap-type:x mandatory}
.shots img{width:210px;height:auto;border-radius:22px;border:2px solid #3a2a6e;box-shadow:0 10px 30px #0008;flex:0 0 auto;scroll-snap-align:center}
.how{max-width:640px;margin:36px auto 0;text-align:left}
.how h2{font-family:"PressStart",monospace;font-size:15px;color:#26ebff;text-align:center;margin:0 0 18px;text-shadow:0 0 8px #26ebff80}
.how ol{padding-left:22px}
.how li{margin:0 0 12px}
.how strong{color:#ffdb2e}
.fine{max-width:640px;margin:26px auto 0;color:#8f84bd;font-size:14px;text-align:left}
.landing nav{margin-top:34px}
@media (max-width:600px){.landing h1{font-size:30px}.shots img{width:170px}}