:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #242321; background: #f5f3ee; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; min-height: 100svh; display: grid; place-items: center; padding: 24px; }
main { width: 100%; max-width: 440px; padding: 40px 32px; border-radius: 28px; background: #fff; border: 1px solid #e8e5dd; }
.icon { display: grid; place-items: center; width: 56px; height: 56px; background: #edf4df; border-radius: 16px; font-size: 32px; margin-bottom: 32px; }
.eyebrow { text-transform: uppercase; letter-spacing: .12em; font-size: 11px; font-weight: 700; color: #68794e; }
h1 { font-size: clamp(28px, 6vw, 36px); line-height: 1.1; letter-spacing: -.03em; margin: 12px 0 20px; overflow-wrap: anywhere; }
p { line-height: 1.5; color: #62615c; }
.stores { display: grid; gap: 12px; margin-top: 28px; }
a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; padding: 16px 20px; background: #242321; color: #fff; text-decoration: none; border-radius: 12px; font-size: 15px; font-weight: 600; }
a:hover { background: #42413a; }
a:focus-visible { outline: 3px solid #7a944d; outline-offset: 4px; }
.note, noscript p { font-size: 13px; margin-top: 24px; }
[hidden] { display: none !important; }
@media (max-width: 360px) { body { padding: 12px; } main { padding: 28px 22px; } }