/* Functional placeholder; the real design comes separately. No external fonts, no external anything. */
:root { color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; color: #111114; background: #F6F6F8; }
main { max-width: 860px; margin: 0 auto; padding: 48px 20px 80px; }
.brand { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: #8A8D95; font-weight: 700; }
h1 { font-size: 32px; margin: 6px 0 4px; }
header p { margin: 0 0 32px; color: #5C5F66; }
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.card { display: block; padding: 24px 26px; background: #fff; border: 1px solid #E6E6EA; border-radius: 14px; color: inherit; text-decoration: none; }
.card h2 { margin: 0 0 8px; font-size: 20px; }
.card p { margin: 0 0 16px; color: #5C5F66; font-size: 14px; }
.card .go { display: inline-block; padding: 9px 18px; border-radius: 9px; background: #E8372C; color: #fff; font-weight: 600; font-size: 14px; }
a.card:hover { border-color: #E8372C; }
.card.soon { opacity: .6; }