/* Rules Tailwind utilities don't cover. Linked from index.html — keep them here
   rather than in an inline <style>, or the two copies drift (they did once: this
   file held a pre-rebrand tan #D4A574 while the page rendered gold).

   The glow colour is gold.DEFAULT (#C8A84B) from the Tailwind config in index.html,
   as rgb so it can carry an alpha. If the brand gold changes, change it here too. */

html { scroll-behavior: smooth; }

.hero-bg { background: radial-gradient(ellipse at 50% 0%,   rgba(200,168,75,0.12) 0%, transparent 60%); }
.cta-bg  { background: radial-gradient(ellipse at 50% 100%, rgba(200,168,75,0.12) 0%, transparent 60%); }

.app-screenshot {
  border-radius: 2.25rem;
  box-shadow: 0 32px 72px rgba(0,0,0,0.75);
}