body { background: var(--fb-yellow); min-height: 100vh; }
.hero { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 24px 20px 10px; gap: 10px; }
.hero img { width: min(70vw, 300px); height: auto; filter: drop-shadow(0 12px 22px rgba(19,18,19,.2)); }
.hero h1 { font-size: clamp(26px, 6vw, 40px); }
.hero p { max-width: 420px; font-weight: 700; }
.apps { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; max-width: 900px; margin: 20px auto 40px; padding: 0 16px; }
.app-card { background: #fff; border: 2px solid var(--fb-black); border-radius: 20px; padding: 16px; text-decoration: none; display: flex; flex-direction: column; gap: 2px; box-shadow: 0 4px 0 var(--fb-black); transition: transform .12s; }
.app-card:hover { transform: translateY(-2px); }
.app-card .e { font-size: 30px; }
.app-card b { font-family: var(--fb-font-display); font-size: 19px; }
.app-card span:last-child { color: var(--fb-ink-3); font-size: 14px; font-weight: 700; }
.app-card.dark { background: var(--fb-black); color: #fff; }
.app-card.dark b { color: var(--fb-yellow); }
.app-card.dark span:last-child { color: rgba(255,255,255,.7); }