:root{--bg1:#00132b;--bg2:#010c1d;--card:#0e1b3a;--card2:#14264d;--text:#e6eefc;--muted:#9fb2d6;--accent:#8cb3ff;--logo:#b8d5ff;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:linear-gradient(var(--bg1),var(--bg2)) fixed;min-height:100vh}
a{color:var(--accent)}a:hover{color:#fff}
.wrap{max-width:980px;margin:0 auto;padding:0 20px}
header.site{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding:18px 0}
header.site .brand{display:flex;align-items:center;gap:12px;color:var(--logo);text-decoration:none;font-weight:600;letter-spacing:.28em}
header.site .brand img{width:40px;height:40px;border-radius:9px}
nav{display:flex;flex-wrap:wrap;gap:4px 18px}nav a{text-decoration:none;color:var(--muted)}nav a:hover,nav a[aria-current]{color:var(--text)}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;padding:36px 0 24px}
.hero h1{font-size:2.4rem;line-height:1.15;margin:.2em 0}.hero p.lead{font-size:1.15rem;color:var(--muted)}
.hero img.phone{width:100%;max-width:320px;height:auto;justify-self:center;border-radius:28px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.btn{display:inline-block;padding:13px 26px;border-radius:999px;background:var(--accent);color:#0a1229;font-weight:600;text-decoration:none}
.soon{display:inline-block;padding:13px 26px;border-radius:999px;border:1px solid var(--accent);color:var(--accent)}
h2{font-size:1.5rem;margin:2.2em 0 .6em;color:var(--logo)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.card{background:var(--card);border-radius:18px;padding:18px 20px}.card h3{margin:.1em 0 .3em;font-size:1.05rem}.card p{margin:0;color:var(--muted);font-size:.97rem}
.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.shots img{width:100%;height:auto;border-radius:18px}
.sounds{columns:2 260px;color:var(--muted)}.sounds b{color:var(--text)}
main.page{padding-bottom:48px}main.page h1{font-size:1.9rem;color:var(--text)}main.page h2{font-size:1.2rem}
.muted{color:var(--muted)}details{background:var(--card);border-radius:12px;padding:.6em 1em;margin:.6em 0}summary{cursor:pointer;font-weight:600}
footer.site{border-top:1px solid #1d2f5a;margin-top:48px;padding:22px 0 40px;color:var(--muted);font-size:.93rem;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}
@media(max-width:760px){.hero{grid-template-columns:1fr;text-align:center}.hero h1{font-size:1.9rem}nav{gap:4px 14px}}