:root{--bg:#0a0d1a;--bg2:#141a3a;--ink:#f1f4ff;--mute:#a9b3d6;--gold:#4a7bff;--gold2:#8fb0ff;--card:rgba(255,255,255,.06);--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 55%,#1b1f4d 100%) fixed;min-height:100vh}
a{color:var(--gold2)}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header.top{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
header.top img{height:36px;width:auto;display:block}
header.top nav a{color:var(--mute);text-decoration:none;margin-left:16px;font-size:15px}
.hero{text-align:center;padding:48px 0 40px}
.orb{width:132px;height:132px;margin:0 auto 28px;border-radius:30px;background:url(img/app-icon.png) center/cover;box-shadow:0 0 80px 14px rgba(74,123,255,.28);animation:glow 5s ease-in-out infinite}
@keyframes glow{50%{transform:scale(1.07);box-shadow:0 0 110px 30px rgba(74,123,255,.35)}}
@media (prefers-reduced-motion:reduce){.orb{animation:none}html{scroll-behavior:auto}}
h1{font:400 clamp(32px,7vw,54px)/1.15 Georgia,"Times New Roman",serif;margin:0 0 16px}
h1 em{font-style:normal;background:linear-gradient(90deg,#c9d6ff,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font:400 clamp(26px,5vw,36px)/1.2 Georgia,serif;margin:0 0 12px;text-align:center}
.lead{color:var(--mute);max-width:620px;margin:0 auto 28px;font-size:18px}
.stores{display:flex;flex-direction:column;gap:12px;align-items:center;max-width:340px;margin:0 auto}
.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 22px;border-radius:999px;font-weight:700;font-size:18px;text-decoration:none;color:#fff;background:linear-gradient(90deg,#5b8cff,#3b63e6);box-shadow:0 6px 24px rgba(74,123,255,.3)}
.btn:hover{filter:brightness(1.07)}
.btn small{display:block;font-weight:500;font-size:12px;opacity:.8}
.btn.apple{background:transparent;color:var(--ink);border:1.5px solid var(--gold);box-shadow:none}
.btn.coming-soon{opacity:.6;pointer-events:none;cursor:default;border-style:dashed}
.btn .soon{font-size:12px;font-weight:600;background:var(--gold);color:#fff;border-radius:999px;padding:2px 10px}
section{padding:44px 0}
.sub{color:var(--mute);text-align:center;max-width:620px;margin:0 auto 28px}
.grid{display:grid;gap:16px;grid-template-columns:1fr}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}
.card h3{margin:0 0 6px;font-size:19px}.card p{margin:0;color:var(--mute)}
.num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#3b63e6,#7a5ce0);font-weight:700;margin-bottom:10px}
.voice .role{color:var(--gold2);font-size:15px}
@media(min-width:640px){.grid.c2{grid-template-columns:1fr 1fr}.grid.c4{grid-template-columns:1fr 1fr}.grid.c3{grid-template-columns:repeat(3,1fr)}.stores{flex-direction:row;max-width:560px}}
@media(min-width:900px){.grid.c4{grid-template-columns:repeat(4,1fr)}}
details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin-bottom:10px}
summary{cursor:pointer;font-weight:600}details p{color:var(--mute);margin:10px 0 0}
footer{border-top:1px solid var(--line);padding:32px 0 48px;color:var(--mute);font-size:14px;text-align:center}
footer a{color:var(--mute);margin:0 8px}
footer .links{margin-bottom:14px;line-height:2}
.note{font-size:13px;color:var(--mute);text-align:center;margin-top:14px}
/* links page */
.bio{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 20px}
.bio .logo{width:min(280px,80%);margin-bottom:8px}
.bio .orb{width:90px;height:90px;margin-bottom:20px}
.bio p.pitch{color:var(--mute);max-width:340px;margin:0 0 28px}
.bio .stores{width:100%;max-width:340px;flex-direction:column}
.bio .btn{font-size:20px;padding:20px 22px}
.bio .contact{margin-top:32px;font-size:14px;color:var(--mute)}

.shots{display:flex;gap:16px;overflow-x:auto;padding:8px 4px 20px;scroll-snap-type:x mandatory}
.shots img{height:520px;width:auto;border-radius:18px;border:1px solid var(--line);scroll-snap-align:center;flex:0 0 auto}
.shots img:first-child{margin-left:auto}.shots img:last-child{margin-right:auto}@media(min-width:900px){.shots img{height:440px}}