body {
    font-family: sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f7f3ea;
    color: #333;
}

header {
    background-color: #f7f3ea;
    padding: 20px;
    text-align: center;
}

header h1 {
    margin-bottom: 10px;
    color: #333;
}

header p {
    color: #666;
}

nav {
    /* Navigation styles if needed */
}

#hero {
    background-color: #fff;
    padding: 40px 20px;
    text-align: center;
}

.video-wrapper {
    width: 100%;
    display: flex;
    justify-content: center; /* Centers the video */
  }
  
.video-container {
    position: relative;
    width: 100%;
    max-width: 900px; /* Prevents growing too big */
    aspect-ratio: 16 / 9; /* Maintains rectangle shape */
    background: #000;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cta-button {
    background-color: #baff29;
    color: #333;
    border: none;
    padding: 15px 30px;
    font-size: 1.2em;
    cursor: pointer;
}

#benefits {
    background-color: #eee;
    padding: 40px 20px;
    text-align: center;
}

#benefits h2 {
    margin-bottom: 30px;
}

.benefit {
    margin-bottom: 20px;
}

.benefit .icon {
    background-color: #ccc;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0 auto 10px;
}

#email-signup {
    background-color: #fff;
    padding: 40px 20px;
    text-align: center;
}

#email-signup h2 {
    margin-bottom: 20px;
}

.mailchimp-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mailchimp-form input[type="email"] {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 80%;
    max-width: 300px;
}

.mailchimp-form .signup-button {
    background-color: #baff29;
    color: #333;
    border: none;
    padding: 10px 20px;
    font-size: 1em;
    cursor: pointer;
    border-radius: 5px;
}


#social-proof {
    background-color: #eee;
    padding: 40px 20px;
    text-align: center;
}

footer {
    background-color: #f7f3ea;
    padding: 20px;
    text-align: center;
    border-top: 1px solid #ddd;
}

footer nav {
    margin-top: 10px;
}

footer nav a {
    margin: 0 10px;
    color: #666;
    text-decoration: none;
}

footer .social-links {
    margin-top: 20px;
}


@font-face {
font-display: block;
font-family: Roboto;
src: url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff) format("woff")
}

@font-face {
font-display: fallback;
font-family: Roboto;
font-weight: 600;
src: url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff) format("woff")
}

@font-face {
font-display: fallback;
font-family: Roboto;
font-weight: 700;
src: url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff) format("woff")
}

#sib-container input:-ms-input-placeholder {
text-align: left;
font-family: Helvetica, sans-serif;
color: #c0ccda;
}

#sib-container input::placeholder {
text-align: left;
font-family: Helvetica, sans-serif;
color: #c0ccda;
}

#sib-container textarea::placeholder {
text-align: left;
font-family: Helvetica, sans-serif;
color: #c0ccda;
}

#sib-container a {
text-decoration: underline;
color: #2BB2FC;
}