@font-face {
      font-family: Manrope;
      src: url('/assets/fonts/manrope.woff2') format('woff2');
      font-style: normal;
      font-weight: 200 800;
      font-display: swap;
    }
    :root { color-scheme: dark; font-family: Manrope, Arial, sans-serif; background: #0b0b0c; color: #f5f4f1; }
    * { box-sizing: border-box; }
    body { margin: 0; }
    ::selection { background: #d71d2b; color: white; }
    .brand { margin: 0; padding: 28px 24px; text-align: center; font-size: 16px; font-weight: 800; letter-spacing: .08em; }
    main { width: min(100% - 48px, 960px); margin: 22px auto 64px; text-align: center; }
    .intro { margin-bottom: 30px; }
    .eyebrow { margin: 0 0 14px; color: #b1aead; font-size: 11px; font-weight: 700; line-height: 1.6; letter-spacing: .16em; text-transform: uppercase; }
    .eyebrow::before { content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 10px; background: #e32636; border-radius: 50%; vertical-align: 2px; }
    h1 { margin: 0; font-size: clamp(36px, 5.2vw, 58px); font-weight: 800; line-height: 1.12; letter-spacing: -.055em; text-wrap: balance; }
    .subtitle { margin: 17px 0 0; color: #aaa8a8; font-size: 15px; line-height: 1.6; }
    .video { width: 100%; aspect-ratio: 16 / 9; background: #151516; border: 1px solid #29292a; border-radius: 8px; overflow: hidden; }
    iframe { display: block; width: 100%; height: 100%; border: 0; }
    .signup { margin-top: 28px; }
    .signup p { margin: 0 0 17px; color: #c4c1c0; font-size: 14px; line-height: 1.6; text-wrap: balance; }
    .button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 56px; padding: 16px 30px; border-radius: 5px; background: #d7192b; color: #fff; font-size: 15px; font-weight: 800; line-height: 1.4; text-decoration: none; transition: background-color .15s ease; }
    .button:hover { background: #bc1425; }
    .button:focus-visible { outline: 3px solid #fff; outline-offset: 5px; }
    .button svg { width: 18px; height: 18px; flex-shrink: 0; }
    noscript p { margin: 16px 0 0; color: #c4c1c0; font-size: 14px; line-height: 1.6; }
    @media (max-width: 600px) {
      .brand { padding: 25px 20px; font-size: 14px; }
      main { width: calc(100% - 32px); margin-top: 24px; margin-bottom: 40px; }
      .intro { padding: 0 4px; margin-bottom: 25px; }
      .eyebrow { font-size: 9px; letter-spacing: .12em; margin-bottom: 15px; }
      h1 { font-size: clamp(35px, 10vw, 54px); line-height: 1.1; }
      .subtitle { max-width: 270px; margin: 16px auto 0; font-size: 13px; }
      .video { border-radius: 5px; }
      .signup { margin-top: 26px; padding: 0 8px; }
      .signup p { max-width: 270px; margin: 0 auto 18px; font-size: 13px; }
      .button { width: 100%; max-width: 340px; }
    }
    @media (prefers-reduced-motion: reduce) { .button { transition: none; } }