@font-face {
  font-family: Poppins;
  src: url(/fonts/poppins-400.woff2) format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
.cp-members-page {
  box-sizing: border-box;
  width: 100%;
  max-width: 430px;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0 auto;
  padding: max(37px, env(safe-area-inset-top)) 16px
    max(22px, env(safe-area-inset-bottom));
  background: #f7f7f7;
  color: #171717;
  font-family: Poppins, Arial, Helvetica, sans-serif;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}
body:has(.cp-members-page) {
  background: #f7f7f7;
}
.cp-members-intro h1 {
  margin: 0;
  color: #ba0808;
  font-size: clamp(24px, 6.8vw, 30px);
  font-weight: 800;
  letter-spacing: -0.9px;
  line-height: 1.2;
}
.cp-members-intro p {
  margin: 13px 0 22px;
  color: #595959;
  font-size: 14px;
  line-height: 1.55;
}
.cp-members-video {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}
.cp-members-video-frame {
  position: relative;
  width: 100%;
  padding-top: 177.7778%;
  background: #000;
}
.cp-members-video-frame video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.cp-members-decision {
  padding-top: 28px;
}
.cp-members-price-line {
  margin: 0;
  color: #858585;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
}
.cp-members-price-line s {
  font-weight: 600;
  text-decoration-thickness: 1px;
}
.cp-members-price {
  margin: 3px 0 0;
  color: #299c61;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -1.4px;
  line-height: 1.2;
}
.cp-members-price strong {
  font-size: 41px;
  font-weight: 800;
  letter-spacing: -2.2px;
}
.cp-members-buy {
  display: block;
  max-width: 340px;
  margin: 22px auto 0;
  padding: 15px 20px;
  border-radius: 8px;
  background: #007c35;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}
.cp-members-buy:hover {
  background: #00682d;
}
.cp-members-decline {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 17px auto 0;
  color: #777;
  font-size: 13px;
  text-decoration: underline;
}
.cp-members-decline:hover {
  color: #333;
}
.cp-members-page footer {
  margin-top: 58px;
  color: #9d9d9d;
  font-size: 10px;
  line-height: 1.5;
}
.cp-members-downsell {
  padding-top: max(42px, env(safe-area-inset-top));
}
.cp-members-downsell-intro h1 {
  max-width: 360px;
  margin: 0 auto 23px;
  color: #6c27d7;
  font-size: clamp(22px, 6.2vw, 27px);
  font-weight: 700;
  letter-spacing: -0.7px;
  line-height: 1.32;
}
.cp-members-downsell-intro img {
  display: block;
  width: min(76vw, 280px);
  height: auto;
  margin: 0 auto;
}
.cp-members-downsell .cp-members-decision {
  padding-top: 8px;
}
.cp-members-downsell footer {
  margin-top: 50px;
}

.kitchen-video-frame {
  display: block;
  width: 100%;
  aspect-ratio: 9 / 16;
  border: 0;
  background: #000;
}