body {
    font-family: var(--font-body);
    color: var(--ink)
}

.inner-hero {
    padding: 180px 0 100px;
    background: var(--navy);
    color: white
}

.inner-hero h1 {
    color: white;
    max-width: 850px
}

.inner-hero p {
    color: #aab8c4;
    max-width: 650px
}

.content-page {
    padding: 90px 0
}

.content-page h2 {
    margin-bottom: 20px
}

.content-page p {
    max-width: 800px
}

.back {
    display: inline-block;
    margin-top: 30px;
    font-weight: 800
}

.simple-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 50px
}

.simple-card {
    padding: 30px;
    background: var(--cream);
    min-height: 200px
}

.simple-card h3 {
    font-size: 1.2rem;
    margin-bottom: 10px
}

@media(max-width:700px) {
    .simple-grid {
        grid-template-columns: 1fr
    }
}