/* Landing page hero */ 
.hero {
    min-height: 85vh;
    background-color: var(--dominant-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
}

.hero__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center; 
    width: 100%;
    gap: var(--space-2);
    margin: 0 auto;
    padding: 1rem; 
}

/* How We Help section */

.how-we-help__container {
    display: flex;
    flex-direction: column-reverse;
    width: 100%
}

.how-we-help__item {
    display: flex; 
    flex-direction: column; 
    gap: 2rem; 
}

.how-we-help__graphic {
    max-width: 500px; 
}

@media (min-width: 640px) {
    .how-we-help__container {
        flex-direction: row;
        width: 80%;
        align-items: center;  
    }
}

/* Process section */

.process__container {
    display: flex; 
    flex-direction: column;
    justify-content: center;
    align-items: center;   
    gap: 2rem;
     
}

.process__card {
    justify-content: center; 
    align-items: center;
    align-content: stretch;
    text-align: center;  
    gap: 2rem;
    width: 80%;
    min-height: 200px; 
}

.process__arrow {
    transform: rotate(90deg);
    width: 5vw;
    height: auto; 
}

@media (min-width: 640px) {
    .process__container {
        display: flex; 
        flex-direction: row;
        width: 80%;
        gap: 1;
    }

    .process__arrow {
        transform: rotate(0deg); 
        display: flex;
        height: auto;
        width: 5vw;    
    }
}

/* 'What You'll Receive' section */

.what-you-receive__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;  
    gap: 3rem;
    width: 80%;  
}

.email-example__container {
    display: flex; 
    flex-direction: column-reverse;
    gap: 2rem;
    align-items: center;

}

@media (min-width: 640px) {
    .email-example__container {
        flex-direction: row; 
    }
}

.email-example__item {
    display: flex; 
    flex-direction: column; 
    gap: 2rem; 

}

.csv-example__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    margin-top: 4rem;   
}

.csv-example__text {
    display: flex; 
    flex-direction: column;
    gap: 2rem;
    justify-content: center;  
}

.email-example__item {
    display: flex; 
    flex-direction: column; 
    gap: 2rem; 

}

/* Pricing section */ 

.pricing__inner {
    display: flex; 
    flex-direction: column; 
    gap: 2rem;
    width: 80%; 
}

@media (min-width: 640px) {
    .pricing__inner {
        flex-direction: row; 
    }
}



/* Waitlist form */
.waitlist-form {
  padding: 2rem;
  width: 100%;
  display: flex;
  flex-direction: column; 
  gap: 2rem;
  max-width: 600px;   
}

.waitlist-form__label {
    display: block; 
    padding: 1rem 3rem 1rem 3rem;
    justify-content: flex-start;
}

.waitlist-form__input {
    width: 100%;
    display: block;
    padding: 1.5rem 2rem; 
    border: 2px solid var(--color-text); 
    font-family: var(--secondary-font);
}

.waitlist-form__button {
    align-self: center; 
}