/* =========================================================
   HYRO LEGAL PAGES
========================================================= */

.legal-page-hero {
    padding: 100px 0 70px;

    text-align: center;

    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(214,47,131,.08),
            transparent 30%
        ),
        radial-gradient(
            circle at 85% 20%,
            rgba(134,95,234,.10),
            transparent 30%
        ),
        #ffffff;
}


.legal-page-hero h1 {
    margin: 12px 0 18px;

    color: #182033;

    font-size: clamp(42px,5vw,64px);
    line-height: 1.08;
}


.legal-page-hero p {
    max-width: 760px;

    margin: 0 auto;

    color: #667085;

    font-size: 16px;
    line-height: 1.8;
}


.legal-page-content {
    padding: 30px 0 90px;

    background: #faf9fd;
}


.legal-content-card {
    max-width: 950px;

    padding: 55px;

    background: #ffffff;

    border: 1px solid #e6e7ee;
    border-radius: 24px;

    box-shadow:
        0 18px 50px
        rgba(31,40,70,.06);
}


.legal-content-card h2 {
    margin: 34px 0 10px;

    color: #182033;

    font-size: 21px;
}


.legal-content-card h2:first-child {
    margin-top: 0;
}


.legal-content-card p {
    margin: 0 0 14px;

    color: #667085;

    line-height: 1.8;
}


.legal-content-card a {
    color: #d62f83;

    font-weight: 600;
}


.legal-last-updated {
    margin-top: 40px;

    padding-top: 20px;

    border-top: 1px solid #e8e8ef;

    color: #98a2b3;

    font-size: 12px;
}


@media (max-width: 640px) {

    .legal-page-hero {
        padding: 75px 0 55px;
    }

    .legal-page-content {
        padding: 20px 0 60px;
    }

    .legal-content-card {
        padding: 30px 22px;

        border-radius: 18px;
    }

}