/* ============================================================
   SECTION SPACING
============================================================ */

/* Standard section spacing */
#demo-form,
.problem,
#experience,
.trusted,
.faq,
.cta-final{
    padding:90px 0;
}

/* Hero */
.demo-hero{
    padding-top:calc(var(--header-h) + 40px);
    padding-bottom:90px;
}

/* Smaller trust banner */
.trusted{
    padding:55px 0 !important;
}

/* Section headings */
.section-head{
    margin-bottom:60px;
}

.section-head.center{
    margin-bottom:55px;
}

.section-head h2{
    margin-top:12px;
    margin-bottom:0;
    line-height:1.2;
}

/* Demo form layout */
#demo-form .grid-2{
    gap:70px;
    align-items:center;
}

#demo-form .reveal:first-child{
    padding-right:20px;
}

/* Form card */
.form-card{
    padding:40px;
}

/* Form fields */
.form-row-2{
    gap:20px;
    margin-bottom:20px !important;
}

.field{
    margin-bottom:18px;
}

.field label{
    display:block;
    margin-bottom:8px;
}

/* Problem cards */
.problem-grid{
    gap:28px;
    margin-top:20px;
}

.problem-card{
    padding:34px 30px;
}

/* Experience cards */
.mod-grid{
    gap:28px;
    margin-top:20px;
}

.mod-card{
    padding:32px 28px;
}

/* FAQ */
.faq-list{
    margin-top:20px;
}

.faq-item + .faq-item{
    margin-top:18px;
}

/* Final CTA */
.cta-final .wrap{
    max-width:760px;
    text-align:center;
}

.cta-final h2{
    margin-bottom:18px;
}

.cta-final p{
    margin-bottom:34px;
}

/* Mobile */
@media (max-width:900px){

    #demo-form,
    .problem,
    #experience,
    .trusted,
    .faq,
    .cta-final{
        padding:70px 0;
    }

    .section-head{
        margin-bottom:40px;
    }

    #demo-form .grid-2{
        gap:40px;
    }

    .problem-grid,
    .mod-grid{
        gap:20px;
    }

    .form-card{
        padding:28px;
    }
}