/* Minimal, responsive styles for the landing page */
:root { --bg: #0b1220; --panel:#0f172a; --text:#e5e7eb; --muted:#94a3b8; --brand:#22c55e; }
* { box-sizing: border-box; }
html, body { margin:0; padding:0; background: var(--bg); color: var(--text); font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; }
.container { max-width: 980px; margin: 0 auto; padding: 20px 20px; }
header { display:flex; align-items:center; justify-content:flex-start; padding:48px 0 20px; position: sticky; top:0; background: linear-gradient(180deg, rgba(11,18,32,0.98), rgba(11,18,32,0.85) 65%, rgba(11,18,32,0)); backdrop-filter: blur(6px); }
.brand { font-weight: 700; letter-spacing: 0.2px; }
nav a { color: var(--muted); margin-left: 16px; text-decoration: none; }
nav a:hover { color: var(--text); }
.hero { padding: 80px 0 48px; text-align: center; }
.hero h1 { font-size: clamp(32px, 6vw, 56px); margin: 0 0 12px; }
.tagline { color: var(--muted); font-size: 18px; max-width: 680px; margin: 0 auto; }
.cta { margin-top: 28px; display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.btn { padding: 12px 18px; border-radius: 10px; border: 1px solid #334155; background: #0b1220; color: var(--text); text-decoration: none; display:inline-block; }
.btn.primary { background: var(--brand); color: #0b1220; border-color: transparent; font-weight: 700; }
.features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding: 32px 0; }
.feature { background: var(--panel); padding: 20px; border-radius: 12px; border: 1px solid #1f2937; }
.feature h3 { margin-top: 0; }
.download, .contact { padding: 32px 0; }
.store-badges { display:flex; gap: 16px; align-items:center; justify-content:center; flex-wrap: wrap; margin-top:12px; }
.store-apple img { display:block; height: 58px; width: auto; }
.store-android img { display:block; height: 80px; width: auto; }
.tiny { color: var(--muted); font-size: 12px; }
.footer { border-top: 1px solid #1f2937; margin-top: 48px; padding: 24px 0 48px; color: var(--muted); }
.legal { margin-top: 16px; font-size: 12px; }
@media (max-width: 900px) { .features { grid-template-columns: 1fr; } }