/* Reset & base */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: #000; color: #fff; font-family: Helvetica, Arial, sans-serif; }
a { color: inherit; text-decoration: none; }

/* Layout helpers */
.container { width: 100%; max-width: 524px; margin: 0 auto; padding: 0 24px; }
.center { text-align: center; }

/* Hero header image */
.hero { position: relative; width: 100%; }
.hero img { display: block; width: 100%; height: auto; margin: 0 auto; }

/* Intro text below hero */
.intro { padding: 0px 0 20px; }
.intro h2 { margin: 8px 0 6px; font-size: 22px; font-weight: 600; opacity: .9; }
.intro h3 { margin: 0; font-size: 18px; font-weight: 400; opacity: .8; }

/* Klaviyo block */
.signup-block { background: #fff; color: #111; width: 100%; }
.signup-inner { padding: 0px 10px; }
.signup-inner .note { font-size: 16px; opacity: .8; margin-bottom: 16px; }

/* Social buttons row */
.social-row { display: flex; align-items: center; justify-content: center; gap: 14px; padding: 40px 0 60px; }
.social-btn {
  width: 54px; height: 54px;
  display: inline-flex; align-items: center; justify-content: center;

}
.social-btn img { width:52px; height: 52px; display: block; }

/* Footer collab */
.footer { background: #000; color: #fff; padding: 24px 0 80px; }
.footer h4 { letter-spacing: 1px; font-weight: 700; font-size: 24px; color: #9b9b9b; margin: 6px 0 10px; }
.footer p { margin: 4px 0; opacity: .9; }
.footer a { text-decoration: underline; }