body { font-family: 'Inter', system-ui, sans-serif; margin:0; background:#F9FAFB; color:#111827; }
.site-header { background:#0d4bcf; color:#fff; padding:14px 0; position:sticky; top:0; z-index:10; box-shadow:0 4px 12px rgba(0,0,0,0.08); }
.wrap { max-width:1100px; margin:0 auto; padding:0 20px; display:flex; justify-content:space-between; align-items:center; }
.brand { font-size:20px; font-weight:800; letter-spacing:.5px; }
.nav-actions .btn { display:inline-block; padding:8px 16px; border-radius:8px; font-size:14px; font-weight:600; text-decoration:none; }
.btn.ghost { background:#fff; color:#0d4bcf; box-shadow:0 2px 6px rgba(0,0,0,.1); }
.hero { padding:48px 20px 24px; text-align:center; }
.hero h1 { font-size:32px; font-weight:800; margin:0; }
.tagline { color:#6B7280; font-size:15px; margin:12px auto 0; max-width:620px; }
.store-cards { display:flex; gap:20px; justify-content:center; margin-top:32px; flex-wrap:wrap; }
.store-card { flex:1 1 280px; min-height:120px; background:#1F2937; border-radius:16px; padding:20px; text-decoration:none; color:#fff; display:flex; align-items:center; transition:.25s cubic-bezier(.4,0,.2,1); box-shadow:0 8px 20px rgba(0,0,0,.12); }
.store-card.ios { background:#111827; }
.store-card:hover { transform:translateY(-4px); box-shadow:0 12px 24px rgba(0,0,0,.18); }
.icon-badge { width:54px; height:54px; border-radius:14px; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; }
.icon { font-size:30px; color:#3b82f6; }
.store-meta { text-align:left; margin-left:16px; }
.store-meta .overline { display:block; font-size:12px; letter-spacing:1.2px; color:#D1D5DB; }
.store-meta .title { display:block; font-size:16px; font-weight:700; margin-top:2px; }
.how, .steps { padding:10px 20px 32px; max-width:1100px; margin:0 auto; }
.how h2, .steps h2 { font-size:26px; font-weight:800; text-align:center; margin:28px 0 8px; }
.how-card, .steps-card { background:#fff; border:1px solid #E5E7EB; border-radius:16px; padding:20px 22px; box-shadow:0 6px 16px rgba(0,0,0,.06); }
.how-row, .step-line { display:flex; align-items:center; gap:14px; padding:6px 4px; }
.how-icon, .num { width:34px; height:34px; border-radius:10px; background:#EEF2FF; display:flex; align-items:center; justify-content:center; font-weight:700; color:#0d4bcf; }
.num { background:#0d4bcf; color:#fff; font-size:14px; }
.inline-link { font-size:12px; color:#0d4bcf; text-decoration:underline; font-weight:600; }
.step-text p { margin:0 0 4px; font-size:14px; color:#374151; }
.site-footer { text-align:center; padding:32px 0 40px; font-size:12px; color:#6B7280; }
@media (max-width:760px){ .store-cards{flex-direction:column;} .store-card{min-height:100px;} }