@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--bg-0: #14110c;--bg-1: #1d1a12;--bg-2: #26221a;--gold: #d9b64e;--gold-soft: #c9a227;--gold-bright: #f0d888;--olive: #6b7a3f;--parchment: #efe7d3;--muted: #a89f8b;--line: rgba(217, 182, 78, .22);--serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;--sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--sans);color:var(--parchment);background:radial-gradient(120% 90% at 50% -10%,#2a2416 0%,transparent 55%),radial-gradient(90% 70% at 100% 0%,rgba(107,122,63,.18) 0%,transparent 50%),var(--bg-0);-webkit-font-smoothing:antialiased}.screen{min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom))}.screen.center{display:grid;place-items:center}.landing{display:grid;gap:40px;max-width:980px;margin:0 auto;align-content:center;grid-template-columns:1fr}@media (min-width: 860px){.landing{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;min-height:100dvh}}.app-name{font-family:var(--serif);font-weight:700;letter-spacing:.01em;font-size:clamp(2rem,6vw,3.4rem);line-height:1.02;margin:.4em 0 0;background:linear-gradient(180deg,var(--gold-bright),var(--gold-soft));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--muted);font-size:clamp(1rem,2.4vw,1.2rem);max-width:30ch;margin:.9rem 0 1.8rem;line-height:1.5}.hero{text-align:left}@media (max-width: 859px){.hero{text-align:center}.tagline{margin-inline:auto}}.website-link{display:inline-block;margin-top:22px;color:var(--muted);text-decoration:none;font-size:.9rem;letter-spacing:.04em;border-bottom:1px solid var(--line);padding-bottom:2px}.website-link:hover{color:var(--gold)}.store-row{display:flex;flex-wrap:wrap;gap:14px}@media (max-width: 859px){.store-row{justify-content:center}}.store-btn{display:inline-flex;align-items:center;gap:12px;padding:12px 20px;border-radius:14px;background:linear-gradient(180deg,#211c12,#171309);border:1px solid var(--line);color:var(--parchment);text-decoration:none;min-width:178px;transition:transform .12s ease,border-color .2s ease,box-shadow .2s ease}.store-btn:hover{transform:translateY(-2px);border-color:var(--gold-soft);box-shadow:0 10px 30px -12px #d9b64e66}.store-glyph{display:grid;place-items:center;color:var(--parchment)}.store-text{display:flex;flex-direction:column;line-height:1.1}.store-text small{font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.store-text strong{font-size:1.05rem;font-weight:600}.splash{text-align:center;display:grid;justify-items:center;gap:6px;max-width:360px}.muted{color:var(--muted);display:inline-flex;align-items:center;gap:10px;margin:.4rem 0 1.4rem}.fineprint{color:#7d745f;font-size:.82rem;margin-top:18px}.splash .store-btn{margin-top:6px}.spinner{width:15px;height:15px;border-radius:50%;border:2px solid rgba(217,182,78,.3);border-top-color:var(--gold);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.qr-panel{display:grid;justify-items:center;gap:16px}.qr-card{position:relative;background:radial-gradient(120% 120% at 50% 0%,#fbf6e9,#efe4c8);border:1px solid rgba(0,0,0,.06);border-radius:22px;padding:26px 26px 22px;width:min(340px,82vw);text-align:center;box-shadow:0 1px #fff9 inset,0 30px 60px -24px #0009}.qr-corner{position:absolute;width:26px;height:26px;border:2px solid var(--gold-soft)}.qr-corner.tl{top:12px;left:12px;border-right:0;border-bottom:0;border-top-left-radius:8px}.qr-corner.tr{top:12px;right:12px;border-left:0;border-bottom:0;border-top-right-radius:8px}.qr-corner.bl{bottom:12px;left:12px;border-right:0;border-top:0;border-bottom-left-radius:8px}.qr-corner.br{bottom:12px;right:12px;border-left:0;border-top:0;border-bottom-right-radius:8px}.qr-card-kicker{font-family:var(--serif);font-weight:700;font-size:1.2rem;color:#4a3d16;margin:2px 0 14px;letter-spacing:.01em}.qr-frame{background:#fff;padding:10px;border-radius:14px;box-shadow:0 6px 18px -10px #00000080;line-height:0}.qr-frame canvas{width:100%!important;height:auto!important;max-width:240px;border-radius:6px}.qr-card-scan{font-family:var(--serif);font-weight:600;font-size:1.15rem;color:#2b2410;margin:16px 0 2px;letter-spacing:.02em}.qr-card-sub{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#8a7a45;margin:0}.qr-url{font-size:.78rem;color:var(--muted);word-break:break-all;max-width:320px;text-align:center}.qr-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn{font-family:var(--sans);font-size:.92rem;font-weight:600;padding:11px 20px;border-radius:12px;cursor:pointer;border:1px solid transparent;transition:transform .12s ease,filter .2s ease,background .2s ease}.btn:active{transform:translateY(1px)}.btn-solid{background:linear-gradient(180deg,var(--gold-bright),var(--gold-soft));color:#241d09}.btn-solid:hover{filter:brightness(1.05)}.btn-ghost{background:transparent;border-color:var(--line);color:var(--parchment)}.btn-ghost:hover{border-color:var(--gold-soft);color:var(--gold)}.qr-note{font-size:.78rem;color:var(--muted);max-width:320px;text-align:center;line-height:1.5;margin:2px 0 0}.qr-note strong{color:var(--gold);font-weight:600}
