:root{--bg:#0B0A09;--panel:#17130F;--line:rgba(201,163,106,.2);--ink:#F5EFE6;--muted:#A89F90;--gold:#C9A36A;--gold-hi:#E8C893;--cream:#FBF8F2}
*{box-sizing:border-box}
body{min-height:100vh;margin:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 18%,rgba(201,163,106,.17),transparent 38%),var(--bg);color:var(--ink);font-family:"Hanken Grotesk",system-ui,sans-serif;padding:24px}
main{width:min(680px,100%);text-align:center;background:linear-gradient(150deg,rgba(23,19,15,.96),rgba(13,11,9,.98));border:1px solid var(--line);border-radius:30px;padding:clamp(34px,7vw,68px);box-shadow:0 30px 90px rgba(0,0,0,.45)}
.logo{width:64px;height:64px;margin:0 auto 24px;border-radius:18px;filter:brightness(0) invert(1)}
h1{font-family:"Fraunces",Georgia,serif;font-size:clamp(36px,7vw,58px);line-height:1.05;margin:0 0 14px;font-weight:500}
.status{color:var(--muted);font-size:17px;margin:0 auto 30px;max-width:40ch}
.stores{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.store{display:inline-flex;align-items:center;gap:12px;min-width:220px;padding:13px 22px;border-radius:999px;background:var(--cream);color:#171310;text-decoration:none;text-align:left;box-shadow:0 12px 30px rgba(0,0,0,.3);transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s cubic-bezier(.2,.7,.2,1)}
.store:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(201,163,106,.22)}
.store:focus-visible{outline:3px solid var(--gold-hi);outline-offset:4px}
.store svg{width:22px;height:22px;flex:none;fill:currentColor}
.store small,.store b{display:block}.store small{font-size:10.5px;line-height:1.2;text-transform:uppercase;letter-spacing:.08em;opacity:.62}.store b{font-size:16px;line-height:1.2}
.back{display:inline-block;margin-top:30px;color:var(--gold-hi);text-underline-offset:4px}
noscript p{color:var(--muted);margin:24px 0 0}
@media(max-width:540px){main{padding:38px 22px}.store{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.store{transition:none}}