.early-access {

    padding-top: 2rem;
    padding-bottom: 4rem;

}

.early-access__card {

    background: var(--color-navy);
    
    color: rgba(255,255,255,.75);


    border-radius: 32px;

    padding: 4rem;

    box-shadow: 0 30px 80px rgba(15,23,42,.20);

}


.early-access__inner {

    display: grid;

    grid-template-columns: minmax(0,2fr) minmax(0,1.2fr) 320px;

    gap: 4rem;

    align-items: start;

}


.early-access__cta {

    background: var(--color-primary);

    color: var(--color-navy);

    border-radius: 24px;

    padding: 3rem 2rem;

    width: 100%;

    align-self: start;
    
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align: center;

}

.early-access__cta h3 {

    color: var(--color-navy);

    font-size: 2rem;

    font-weight: 800;

    line-height: 1.15;

    margin-bottom: 1.5rem;

}

.early-access__benefits li {

    position: relative;

    padding-left: 2rem;

    margin-bottom: 1rem;

    line-height: 1.7;

}


.early-access__headline {

    color: var(--color-white);

    font-size: clamp(2.8rem, 4vw, 3.5rem);

    font-weight: 800;

    line-height: 1.1;

    margin-bottom: 2rem;

}


.early-access__benefits h3 {

    color: var(--color-white);

    font-size: 2rem;

    font-weight: 700;

    margin-bottom: 1.5rem;

}


.early-access__looking-for h3 {

    color: var(--color-white);

    font-size: 2rem;

    font-weight: 700;

    margin-bottom: 1.5rem;

}

.early-access__looking-for li {

    position: relative;

    padding-left: 2rem;

    margin-bottom: .75rem;

    color: var(--color-white);

}

.early-access__benefits li::before {

    content: "✓";

    position: absolute;

    left: 0;

    color: var(--color-primary);

    font-weight: 700;

}


.early-access__description,
.early-access__closing {

    color: rgba(255,255,255,.70);

    line-height: 1.8;

}

.early-access__label {

    color: var(--color-primary);

    font-size: 1rem;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: .18rem;

}


.early-access__cta p {
    
    color: rgba(15,23,42,.75);

    line-height: 1.6;

    margin-bottom: 2.5rem;

}

.early-access__benefits ul {

    list-style: none;

    padding: 0;

}

.early-access__keyword {
    
    display: inline-block;    

    background: var(--color-navy);
    
    color: var(--color-white);

    border-radius: 14px;

    padding: 1rem 2.8rem;

    font-weight: 800;

    letter-spacing: .08rem;

    margin-top: 2rem;
    
    transition: all var(--transition);

}

.early-access__middle {
    
    border-left: 1px solid rgba(255,255,255,.15);

    padding-left: 3rem;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    gap:3rem;

}