.privacy-page {
    min-height: 100vh;

    display: flex;
    flex-direction: column;
}


/* =========================================================
   HEADER
   ========================================================= */

.privacy-header {
    min-height: 90px;

    padding:
        20px
        clamp(22px, 5vw, 80px);

    display: flex;
    align-items: center;
    justify-content: space-between;

    border-bottom:
        1px solid var(--border);

    background:
        rgba(7, 7, 9, 0.94);
}


.privacy-brand {
    display: flex;
    align-items: end;
    gap: 3px;
}


.privacy-brand-main {
    color: #f2f2f3;

    font-size: 29px;
    font-weight: 950;

    letter-spacing: -0.055em;
}


.privacy-brand-dot {
    color: var(--red-bright);

    font-size: 20px;
    font-weight: 950;
}


.privacy-back {
    min-height: 38px;

    padding:
        0
        14px;

    display: flex;
    align-items: center;
    gap: 9px;

    border:
        1px solid var(--border);

    border-radius: 4px;

    color: #9999a1;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: 0.04em;
}


.privacy-back span {
    color: var(--red-bright);
}


/* =========================================================
   MAIN
   ========================================================= */

.privacy-main {
    width: 100%;
    max-width: 1300px;

    margin: 0 auto;

    padding:
        36px
        clamp(22px, 5vw, 80px)
        80px;

    flex: 1;
}


.breadcrumb {
    margin-bottom: 31px;

    display: flex;
    gap: 9px;

    color: #66666e;

    font-size: 8px;
    font-weight: 800;
}


.breadcrumb span:last-child {
    color: #9999a0;
}


.privacy-kicker {
    color: var(--red-bright);

    font-size: 8px;
    font-weight: 900;

    letter-spacing: 0.22em;
}


/* =========================================================
   TITLE
   ========================================================= */

.privacy-title {
    padding-bottom: 32px;

    border-bottom:
        1px solid var(--border);
}


.privacy-title h1 {
    margin:
        6px
        0
        12px;

    color: #f2f2f4;

    font-size:
        clamp(40px, 6vw, 68px);

    font-weight: 950;

    line-height: 0.95;

    letter-spacing: -0.055em;
}


.privacy-title > p {
    max-width: 760px;

    margin: 0;

    color: #818189;

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


.privacy-meta {
    margin-top: 28px;

    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}


.privacy-meta > div {
    min-width: 150px;

    padding:
        10px
        13px;

    display: flex;
    flex-direction: column;

    border-left:
        2px solid rgba(227, 38, 46, 0.55);

    background:
        rgba(255, 255, 255, 0.018);
}


.privacy-meta span {
    color: #606068;

    font-size: 7px;
    font-weight: 900;

    letter-spacing: 0.1em;
}


.privacy-meta strong {
    margin-top: 3px;

    color: #bebec4;

    font-size: 9px;
}


/* =========================================================
   PRIVACY HIGHLIGHT
   ========================================================= */

.privacy-highlight {
    margin-top: 22px;

    padding:
        19px
        21px;

    display: flex;
    align-items: flex-start;
    gap: 16px;

    border:
        1px solid rgba(56, 214, 107, 0.14);

    border-radius: 6px;

    background:
        linear-gradient(
            110deg,
            rgba(20, 70, 40, 0.12),
            rgba(14, 14, 17, 0.78)
        );
}


.privacy-highlight-mark {
    width: 34px;
    height: 34px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border:
        1px solid rgba(56, 214, 107, 0.28);

    border-radius: 50%;

    color: var(--green);

    font-weight: 950;
}


.privacy-highlight strong {
    color: #d9d9dd;

    font-size: 10px;
    font-weight: 900;
}


.privacy-highlight p {
    max-width: 850px;

    margin:
        4px
        0
        0;

    color: #777780;

    font-size: 9px;
    line-height: 1.7;
}


/* =========================================================
   TABLE OF CONTENTS
   ========================================================= */

.privacy-toc {
    margin-top: 22px;

    padding:
        22px
        23px;

    border:
        1px solid var(--border);

    border-radius: 7px;

    background:
        rgba(13, 13, 16, 0.75);
}


.privacy-toc-grid {
    margin-top: 15px;

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        6px
        25px;
}


.privacy-toc-grid a {
    min-height: 34px;

    padding:
        0
        10px;

    display: flex;
    align-items: center;

    border-bottom:
        1px solid rgba(255, 255, 255, 0.04);

    color: #777780;

    font-size: 9px;

    transition:
        color 160ms ease,
        padding-left 160ms ease,
        background 160ms ease;
}


.privacy-toc-grid a:hover {
    padding-left: 15px;

    color: #fff;

    background:
        linear-gradient(
            90deg,
            rgba(227, 38, 46, 0.055),
            transparent
        );
}


/* =========================================================
   POLICY CONTENT
   ========================================================= */

.privacy-content {
    margin-top: 32px;

    overflow: hidden;

    border:
        1px solid var(--border);

    border-radius: 7px;

    background:
        rgba(10, 10, 13, 0.76);
}


.privacy-section {
    position: relative;

    padding:
        37px
        clamp(22px, 4vw, 50px);

    overflow: hidden;
}


.privacy-section:not(:last-child) {
    border-bottom:
        1px solid var(--border);
}


.privacy-section-number {
    position: absolute;

    right: 25px;
    top: 8px;

    color:
        rgba(255, 255, 255, 0.025);

    font-size: 65px;
    font-weight: 950;

    line-height: 1;
}


.privacy-section h2 {
    position: relative;

    margin:
        0
        0
        18px;

    padding-left: 13px;

    color: #e6e6e9;

    font-size:
        clamp(20px, 2.3vw, 28px);

    font-weight: 950;

    letter-spacing: -0.025em;
}


.privacy-section h2::before {
    content: "";

    position: absolute;

    left: 0;
    top: 4px;
    bottom: 4px;

    width: 2px;

    background:
        var(--red-bright);

    box-shadow:
        0 0 8px rgba(227, 38, 46, 0.35);
}


.privacy-section h3 {
    margin:
        28px
        0
        9px;

    color: #c7c7cc;

    font-size: 12px;
    font-weight: 900;
}


.privacy-section p {
    max-width: 920px;

    margin:
        0
        0
        15px;

    color: #7d7d85;

    font-size: 10px;
    line-height: 1.85;
}


.privacy-section p:last-child {
    margin-bottom: 0;
}


.privacy-section ul {
    max-width: 880px;

    margin:
        5px
        0
        20px;

    padding-left: 20px;

    color: #7d7d85;

    font-size: 10px;
    line-height: 1.9;
}


.privacy-section li::marker {
    color: var(--red-bright);
}


.privacy-inline-link {
    display: inline-flex;

    color: #a5a5ac;

    font-size: 10px;
    font-weight: 800;

    transition:
        color 160ms ease;
}


.privacy-inline-link:hover {
    color: var(--red-bright);
}


/* =========================================================
   TABLE
   ========================================================= */

.privacy-table-wrap {
    max-width: 950px;

    overflow-x: auto;

    border:
        1px solid rgba(255, 255, 255, 0.06);

    border-radius: 5px;
}


.privacy-table {
    width: 100%;

    min-width: 650px;

    border-collapse: collapse;

    background:
        rgba(5, 5, 7, 0.35);
}


.privacy-table th,
.privacy-table td {
    padding:
        13px
        15px;

    border-bottom:
        1px solid rgba(255, 255, 255, 0.045);

    text-align: left;
}


.privacy-table tr:last-child td {
    border-bottom: 0;
}


.privacy-table th {
    color: #8a8a92;

    background:
        rgba(255, 255, 255, 0.025);

    font-size: 7px;
    font-weight: 900;

    letter-spacing: 0.1em;
}


.privacy-table td {
    color: #777780;

    font-size: 9px;
    line-height: 1.6;
}


/* =========================================================
   ACTION BUTTONS
   ========================================================= */

.privacy-action-button,
.privacy-secondary-button {
    min-height: 42px;

    padding:
        0
        15px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 4px;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: 0.07em;
}


.privacy-action-button {
    min-width: 155px;

    gap: 20px;

    border:
        1px solid rgba(227, 38, 46, 0.56);

    background:
        rgba(227, 38, 46, 0.12);

    color: #fff;

    transition:
        border-color 160ms ease,
        background 160ms ease;
}


.privacy-action-button:hover {
    border-color:
        var(--red-bright);

    background:
        rgba(227, 38, 46, 0.22);
}


.privacy-action-button span {
    color: var(--red-bright);
}


.privacy-secondary-button {
    border:
        1px solid var(--border);

    color: #818189;

    background:
        rgba(255, 255, 255, 0.02);
}


/* =========================================================
   FINAL CONTACT
   ========================================================= */

.privacy-contact-section {
    background:
        radial-gradient(
            circle at 80% 20%,
            rgba(227, 38, 46, 0.08),
            transparent 35%
        );
}


.privacy-contact-section h2 {
    margin-top: 5px;
}


.privacy-contact-actions {
    margin-top: 24px;

    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}


/* =========================================================
   FOOTER
   ========================================================= */

.privacy-footer {
    min-height: 80px;

    padding:
        20px
        clamp(22px, 5vw, 80px);

    display: grid;

    grid-template-columns:
        1fr
        auto
        1fr;

    align-items: center;

    border-top:
        1px solid var(--border);

    color: #6e6e76;

    font-size: 9px;
}


.privacy-footer strong {
    color: #a0a0a7;
}


.privacy-footer a {
    justify-self: end;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .privacy-toc-grid {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 650px) {

    .privacy-header {
        padding:
            15px
            16px;
    }


    .privacy-brand-main {
        font-size: 23px;
    }


    .privacy-brand-dot {
        font-size: 16px;
    }


    .privacy-main {
        padding:
            25px
            13px
            45px;
    }


    .privacy-title h1 {
        font-size: 42px;
    }


    .privacy-meta {
        display: grid;

        grid-template-columns:
            1fr;
    }


    .privacy-highlight {
        padding:
            16px;
    }


    .privacy-toc {
        padding:
            19px
            16px;
    }


    .privacy-section {
        padding:
            31px
            19px;
    }


    .privacy-section-number {
        right: 12px;

        font-size: 50px;
    }


    .privacy-contact-actions {
        flex-direction: column;
    }


    .privacy-action-button,
    .privacy-secondary-button {
        width: 100%;
    }


    .privacy-footer {
        grid-template-columns:
            1fr;

        gap: 9px;

        text-align: center;
    }


    .privacy-footer a {
        justify-self: center;
    }

}