:root{--bg: #050816;--bg-soft: #0b1020;--accent: #6366f1;--accent-soft: rgba(99, 102, 241, .12);--text: #f9fafb;--muted: #9ca3af;--border: rgba(148, 163, 184, .35);--shadow-soft: 0 22px 45px rgba(15, 23, 42, .7)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at top,#111827 0,#020617 40%,#000);color:var(--text);min-height:100vh}img{display:block;max-width:100%}.landing-page{min-height:100vh;max-width:1120px;margin:0 auto;padding:24px 20px 40px;display:flex;flex-direction:column}.nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.nav-logo{font-weight:700;font-size:22px;letter-spacing:.08em;text-transform:uppercase}.nav-tagline{font-size:14px;color:var(--muted)}.hero{flex:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center}.hero-text h1{font-size:clamp(32px,3.8vw,48px);line-height:1.15;margin-bottom:18px}.hero-subtitle{font-size:16px;color:var(--muted);max-width:460px;margin-bottom:24px}.hero-steps{list-style:none;display:flex;flex-direction:column;gap:14px;margin-bottom:28px}.hero-steps li{display:flex;gap:12px;align-items:flex-start}.step-number{width:26px;height:26px;border-radius:999px;background:var(--accent-soft);border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:13px}.hero-steps h3{font-size:16px;margin-bottom:4px}.hero-steps p{font-size:14px;color:var(--muted)}.store-buttons{display:flex;flex-wrap:wrap;gap:12px}.store-button{display:inline-flex;padding:0;border-radius:0;overflow:hidden;background:#020617;box-shadow:var(--shadow-soft);transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.store-button img{height:50px;width:auto}.store-button:hover{transform:translateY(-1px) scale(1.01);background:#020617;box-shadow:0 24px 50px #0f172ae6}.coming-soon{margin-top:10px;font-size:12px;color:var(--muted)}.hero-image{border-radius:20px}.footer{margin-top:36px;padding-top:16px;border-top:1px solid rgba(55,65,81,.8);font-size:12px;color:var(--muted);text-align:center}@media (max-width: 900px){.nav{flex-direction:column;align-items:flex-start;gap:6px}.hero{grid-template-columns:1fr;gap:28px}}@media (max-width: 640px){.landing-page{padding-inline:16px}.hero-text h1{font-size:28px}.hero-subtitle{font-size:14px}.store-button img{height:42px}}