/*
 * Song Gift Story - Homepage (new magical design) styles.
 * De-bundled from the Claude Design export; scoped to .sgs-home so it
 * only affects the homepage. Loaded only on the front page.
 */

.sgs-home *{box-sizing:border-box}html{scroll-behavior:smooth}
  @keyframes sparkleFloat{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:.9}50%{transform:translateY(-26px) scale(1);opacity:.7}80%{opacity:.5}100%{transform:translateY(-52px) scale(.5);opacity:0}}
  @keyframes haloPulse{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}
  @keyframes waveBar{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
  @keyframes glowDrift{0%,100%{transform:translate(0,0)}50%{transform:translate(3%,-3%)}}.sgs-home [data-nav-links]{display:none}.sgs-home [data-hero]{display:grid;grid-template-columns:1fr;gap:46px;align-items:center;text-align:center}.sgs-home [data-hero-actions], .sgs-home [data-trust]{justify-content:center}.sgs-home [data-gift]{display:grid;grid-template-columns:1fr;gap:48px;align-items:center}
  @media (min-width:900px){.sgs-home [data-nav-links]{display:flex}.sgs-home [data-hero]{grid-template-columns:1.05fr .95fr;gap:64px;text-align:left}.sgs-home [data-hero-actions], .sgs-home [data-trust]{justify-content:flex-start}.sgs-home [data-gift]{grid-template-columns:.92fr 1.08fr;gap:64px}
  }
  @keyframes scrollBob{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(7px);opacity:1}}
  @keyframes wavePulse{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
  @keyframes drift{0%{transform:translateY(0) translateX(0);opacity:var(--o)}50%{transform:translateY(-14px) translateX(6px);opacity:calc(var(--o) * 1.6)}100%{transform:translateY(0) translateX(0);opacity:var(--o)}}
  @keyframes phoneHalo{0%,100%{opacity:.55}50%{opacity:.9}}.sgs-home .phone-mockup{--screen-w:392px;--screen-h:806px;--frame-pad:14px;--frame-radius:60px;--screen-radius:47px}.sgs-home .phone-screen{scrollbar-width:none}.sgs-home .phone-screen::-webkit-scrollbar{width:0;height:0;background:transparent}
  @media (max-width:640px){.sgs-home .phone-mockup{--screen-w:min(330px,82vw);--screen-h:min(600px,70vh);--frame-pad:11px;--frame-radius:48px;--screen-radius:38px}
  }
  @media (prefers-reduced-motion:reduce){.sgs-home *{animation:none !important;transition:none !important}}.sgs-home .sgs-faq-a{display:none}.sgs-home .sgs-faq.sgs-open .sgs-faq-a{display:block}.sgs-home .sgs-hv-1:hover{transform:translateY(-2px);box-shadow:0 20px 44px -12px rgba(189,154,82,.9)}.sgs-home .sgs-hv-2:hover{background:rgba(189,154,82,.1);border-color:rgba(189,154,82,.9)}.sgs-home .sgs-hv-3:hover{transform:scale(1.06)}.sgs-home .sgs-hv-4:hover{transform:translateY(-6px);box-shadow:0 26px 50px -28px rgba(35,43,62,.4)}.sgs-home .sgs-hv-5:hover{box-shadow:0 28px 56px -30px rgba(35,43,62,.4)}.sgs-home .sgs-hv-6:hover{background:rgba(231,214,172,.1);border-color:rgba(231,214,172,.9)}.sgs-home .sgs-hv-7:hover{transform:translateY(-2px)}.sgs-home .sgs-hv-8:hover{transform:translateY(-3px);box-shadow:0 26px 60px -16px rgba(189,154,82,1)}