/* =========================================================
   BASIC RESET
========================================================= */

.privacy-hero *,
.privacy-content * {
    box-sizing: border-box;
}

.privacy-hero,
.privacy-content {
    font-family: inherit;
}

.privacy-content img {
    max-width: 100%;
}

.privacy-content a {
    text-decoration: none;
}


/* =========================================================
   PRIVACY HERO
========================================================= */

.privacy-hero {
    position: relative;

    overflow: hidden;

    padding: 60px 0 42px;

    background:
        radial-gradient(
            circle at 75% 20%,
            rgba(204, 218, 255, 0.48),
            transparent 35%
        ),
        linear-gradient(
            180deg,
            #fbfaff 0%,
            #f8f7fd 100%
        );
}


/* Decorative background */

.privacy-hero::before {
    content: "";

    position: absolute;

    width: 430px;
    height: 430px;

    right: -180px;
    top: -220px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(174, 192, 255, 0.22),
            transparent 68%
        );

    pointer-events: none;
}


.privacy-hero::after {
    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    left: -160px;
    bottom: -190px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(208, 164, 255, 0.18),
            transparent 70%
        );

    pointer-events: none;
}


.privacy-hero .container {
    position: relative;
    z-index: 2;
}


/* =========================================================
   HERO BLOBS
========================================================= */

.privacy-hero .hero-blob {
    position: absolute;

    border-radius: 50%;

    filter: blur(1px);

    pointer-events: none;
}

.privacy-hero .blob-1 {
    width: 210px;
    height: 210px;

    top: -130px;
    left: 28%;

    background:
        rgba(196, 211, 255, 0.22);
}

.privacy-hero .blob-2 {
    width: 180px;
    height: 180px;

    right: 16%;
    bottom: -150px;

    background:
        rgba(223, 198, 255, 0.18);
}


/* =========================================================
   EYEBROW
========================================================= */

.privacy-hero .eyebrow-pill {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 7px 13px;

    margin-bottom: 16px;

    border-radius: 50px;

    background:
        #e6eaff;

    color:
        #1d62b5;

    font-size: 13px;

    font-weight: 500;

    letter-spacing: 0.2px;
}


.privacy-hero .eyebrow-pill i {
    color: #4359d4;

    font-size: 10px;
}


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

.privacy-title {
    margin: 0;

    color: var(--privacy-heading);

        font-size: clamp(2rem, 4.4vw, 2.6rem);

    font-weight: 700;

    line-height: 1.08;

    letter-spacing: -2.3px;
}


/* =========================================================
   META INFORMATION
========================================================= */

.privacy-meta {
    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 12px;

    margin-top: 18px;

    color: #58627a;

    font-size: 13px;
}


.privacy-meta span {
    display: inline-flex;

    align-items: center;

    gap: 6px;
}


.privacy-meta i {
    color: #4d5de0;

    font-size: 12px;
}


.privacy-meta strong {
    color: #202941;

    font-weight: 700;
}


.meta-dot {
    color: #c1c5d0;

    font-size: 15px;
}


.version-badge {
    padding: 7px 10px;

    border-radius: 5px;

    background: #edf4ff;

    color: #1768b5 !important;

    font-size: 12px;

    font-weight: 500;
}


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

.privacy-content {
    position: relative;

    padding: 25px 0 80px;

    background:
        linear-gradient(
            180deg,
            #f9f8fd 0%,
            #ffffff 40%
        );
}


/* =========================================================
   EXECUTIVE INTRO CARD
========================================================= */

.privacy-intro-card {
    position: relative;

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 30px;

    padding: 27px 25px;

    margin-bottom: 55px;

    border-radius: var(--privacy-radius);

    border: 1px solid #e9e7f0;

    background: #ffffff;

    box-shadow:
        0 15px 40px rgba(44, 52, 88, 0.07);

    overflow: hidden;
}


/* Purple left border */

.privacy-intro-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 4px;
    height: 100%;

    background:
        linear-gradient(
            180deg,
            #3e5ce0,
            #9a53e8
        );
}


.intro-content {
    display: flex;

    align-items: flex-start;

    gap: 14px;

    flex: 1;
}


.intro-icon {
    width: 32px;
    height: 32px;

    flex-shrink: 0;

    display: flex;

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

    border-radius: 8px;

    background: #edf5ff;

    color: #0874c8;

    font-size: 17px;
}


.intro-content h2 {
    margin: 0 0 8px;

    color: #172039;

    font-size: 21px;

    font-weight: 600;

    line-height: 1.25;
}


.intro-content p {
    max-width: 760px;

    margin: 0 0 7px;

    color: #5f687d;

    font-size: 14px;

    line-height: 1.7;
}


.intro-content p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   COMPLIANCE BADGES
========================================================= */

.compliance-badges {
    display: flex;

    flex-direction: column;

    gap: 9px;

    width: 185px;

    flex-shrink: 0;
}


.compliance-badges span {
    display: flex;

    align-items: center;

    gap: 8px;

    padding: 9px 13px;

    border-radius: 7px;

    background: #edf0ff;

    color: #27334f;

    font-size: 13px;

    white-space: nowrap;
}


.compliance-badges i {
    color: #4054d5;

    font-size: 11px;
}


/* =========================================================
   PRIVACY SECTION
========================================================= */

.privacy-section {
    margin-bottom: 58px;

    scroll-margin-top: 90px;
}


/* =========================================================
   SECTION HEADING
========================================================= */

.privacy-section-heading {
    display: flex;

    align-items: flex-start;

    gap: 12px;

    margin-bottom: 18px;
}


.section-number {
    width: 28px;
    height: 28px;

    flex-shrink: 0;

    display: flex;

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

    border: 1px solid #d9e1f7;

    border-radius: 7px;

    background: #f0f4ff;

    color: #4165c5;

    font-size: 11px;

    font-weight: 700;
}


.privacy-section-heading h2 {
    margin: 0 0 4px;

    color: #17213c;

    font-size: 23px;

    font-weight: 650;

    letter-spacing: -0.5px;
}


.privacy-section-heading p {
    max-width: 850px;

    margin: 0;

    color: #707a8f;

    font-size: 14px;

    line-height: 1.65;
}


/* =========================================================
   GENERAL PRIVACY BOX
========================================================= */

.privacy-box {
    padding: 22px;

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

    border-radius: 10px;

    background: #ffffff;

    box-shadow: var(--privacy-shadow);
}


.privacy-box > p {
    margin: 0;

    color: #687287;

    font-size: 14px;

    line-height: 1.7;
}


/* =========================================================
   MINI INFORMATION CARDS
========================================================= */

.privacy-mini-card {
    display: flex;

    align-items: flex-start;

    gap: 11px;

    height: 100%;

    padding: 15px;

    border: 1px solid #e6e9f1;

    border-radius: 8px;

    background: #fcfcff;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.privacy-mini-card:hover {
    transform: translateY(-2px);

    border-color: #d7def2;

    box-shadow:
        0 9px 25px rgba(45, 58, 105, .07);
}


.mini-icon {
    width: 29px;
    height: 29px;

    flex-shrink: 0;

    display: flex;

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

    border-radius: 7px;

    font-size: 12px;
}


.mini-icon.blue {
    color: #2569c7;

    background: #edf4ff;
}


.mini-icon.purple {
    color: #7651d1;

    background: #f1edff;
}


.mini-icon.pink {
    color: #b746c6;

    background: #fff0ff;
}


.privacy-mini-card h3 {
    margin: 0 0 4px;

    color: #364158;

    font-size: 14px;

    font-weight: 650;
}


.privacy-mini-card p {
    margin: 0;

    color: #7b8497;

    font-size: 14px;

    line-height: 1.55;
}


/* =========================================================
   DATA CARDS
========================================================= */

.data-card {
    position: relative;

    height: 100%;

    padding: 20px;

    border: 1px solid #e4e7ef;

    border-radius: 10px;

    background: #ffffff;

    box-shadow: var(--privacy-shadow);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.data-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 14px 35px rgba(40, 52, 96, .09);
}


.data-icon {
    width: 34px;
    height: 34px;

    display: flex;

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

    margin-bottom: 13px;

    border-radius: 8px;

    font-size: 14px;
}


.data-icon.blue {
    color: #276bc9;

    background: #edf4ff;
}


.data-icon.purple {
    color: #7752d0;

    background: #f2efff;
}


.data-icon.pink {
    color: #b648c5;

    background: #fff0ff;
}


.data-card h3 {

    margin: 0 0 10px;

    color: #364159;

    font-size: 15px;

    font-weight: 650;

    line-height: 1.4;
}


.scope-label {
    display: inline-block;

    margin-bottom: 8px;

    color: #3f6ec4;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: .6px;
}


.purple-text {
    color: #7652ce !important;
}


.pink-text {
    color: #b748c8 !important;
}


.data-card p {
    margin: 0;

    color: #788196;

    font-size: 12px;

    line-height: 1.65;
}


.data-tags {
    margin-top: 16px;

    padding-top: 11px;

    border-top: 1px solid #edf0f5;

    color: #8a92a4;

    font-size: 11px;
}


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

.privacy-table {
    overflow: hidden;

    border: 1px solid #e2e6ee;

    border-radius: 9px;

    background: #ffffff;

    box-shadow: var(--privacy-shadow);
}


.privacy-table-row {
    display: grid;

    grid-template-columns:
        1.05fr
        2.1fr
        .85fr;

    align-items: center;

    min-height: 61px;

    border-bottom: 1px solid #eaedf3;
}


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


.privacy-table-row > div {
    padding: 12px 15px;

    color: #707a8e;

    font-size: 11px;

    line-height: 1.5;
}


.privacy-table-row > div + div {
    border-left: 1px solid #eef0f4;
}


.privacy-table-row strong {
    color: #465168;

    font-size: 11px;
}


.privacy-table-row.table-head {
    min-height: 42px;

    background: #f7f9fd;
}


.privacy-table-row.table-head > div {
    color: #8b93a4;

    font-size: 9px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .4px;
}


.status {
    font-size: 8px !important;

    font-weight: 800 !important;

    letter-spacing: .4px;

    line-height: 1.4 !important;
}


.status.blue {
    color: #3e6ac3;
}


.status.purple {
    color: #7955ca;
}


.status.pink {
    color: #b54ac5;
}


/* =========================================================
   TRACKING CARDS
========================================================= */

.tracking-card {
    height: 100%;

    padding: 19px;

    border: 1px solid #e2e6ef;

    border-radius: 9px;

    background: #ffffff;

    box-shadow: var(--privacy-shadow);

    transition: .25s ease;
}


.tracking-card:hover {
    transform: translateY(-2px);

    box-shadow:
        0 12px 30px rgba(38, 51, 93, .08);
}


.tracking-title {
    display: flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 10px;
}


.tracking-title strong {
    color: #3e495f;

    font-size: 13px;
}


.tracking-icon {
    width: 29px;
    height: 29px;

    display: flex;

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

    border-radius: 7px;

    font-size: 12px;
}


.tracking-icon.blue {
    color: #2f6dc9;

    background: #edf4ff;
}


.tracking-icon.purple {
    color: #7652cf;

    background: #f1edff;
}


.tracking-icon.pink {
    color: #b848c6;

    background: #fff0ff;
}


.tracking-card p {
    margin: 0;

    color: #788296;

    font-size: 11px;

    line-height: 1.65;
}


.tracking-footer {
    margin-top: 13px;

    padding-top: 10px;

    border-top: 1px solid #edf0f4;

    color: #5073b9;

    font-size: 9px;

    font-weight: 600;
}


.tracking-footer i {
    margin-right: 4px;
}


/* =========================================================
   PROCESSOR GRID
========================================================= */

.processor-grid {
    display: grid;

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

    overflow: hidden;

    border: 1px solid #e1e5ed;

    border-radius: 9px;

    background: #ffffff;

    box-shadow: var(--privacy-shadow);
}


.processor-card {
    display: flex;

    justify-content: space-between;

    gap: 20px;

    min-height: 110px;

    padding: 18px;

    border-right: 1px solid #e7eaf0;

    border-bottom: 1px solid #e7eaf0;
}


.processor-card:nth-child(even) {
    border-right: 0;
}


.processor-card:nth-last-child(-n + 2) {
    border-bottom: 0;
}


.processor-card strong {
    display: block;

    color: #47536b;

    font-size: 13px;
}


.processor-card p {
    max-width: 500px;

    margin: 5px 0 0;

    color: #7e8799;

    font-size: 13px;

    line-height: 1.55;
}


.processor-card > span {
    flex-shrink: 0;

    color: #5573b9;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: .5px;
}


/* =========================================================
   SECURITY CARDS
========================================================= */

.security-card {
    display: flex;

    align-items: flex-start;

    gap: 13px;

    height: 100%;

    padding: 20px;

    border: 1px solid #e2e6ef;

    border-radius: 9px;

    background: #ffffff;

    box-shadow: var(--privacy-shadow);
}


.security-icon {
    width: 34px;
    height: 34px;

    flex-shrink: 0;

    display: flex;

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

    border-radius: 8px;

    font-size: 13px;
}


.security-icon.blue {
    color: #2e6dc8;

    background: #edf4ff;
}


.security-icon.purple {
    color: #7653d0;

    background: #f1edff;
}


.security-icon.pink {
    color: #b848c6;

    background: #fff0ff;
}


.security-card h3 {
    margin: 0 0 6px;

    color: #465168;

    font-size: 13px;

    font-weight: 650;
}


.security-card p {
    margin: 0;

    color: #7d8699;

    font-size: 13px;

    line-height: 1.65;
}


/* =========================================================
   RETENTION
========================================================= */

.retention-list {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 0;
}


.retention-item {
    display: flex;

    gap: 11px;

    padding: 8px 18px;
}


.retention-item + .retention-item {
    border-left: 1px solid #e9ecf2;
}


.retention-item > span {
    width: 29px;
    height: 29px;

    flex-shrink: 0;

    display: flex;

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

    border-radius: 7px;

    background: #edf4ff;

    color: #426ec7;

    font-size: 11px;
}


.retention-item strong {
    display: block;

    margin-bottom: 3px;

    color: #465168;

    font-size: 13px;
}


.retention-item p {
    margin: 0;

    color: #7e8798;

    font-size: 12px;

    line-height: 1.55;
}


/* =========================================================
   RIGHTS GRID
========================================================= */

.rights-grid {
    display: grid;

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

    gap: 9px;
}


.right-item {
    display: flex;

    align-items: flex-start;

    gap: 11px;

    padding: 16px;

    border: 1px solid #e3e7ef;

    border-radius: 8px;

    background: #ffffff;

    box-shadow: var(--privacy-shadow);
}


.right-item > i {
    width: 28px;
    height: 28px;

    flex-shrink: 0;

    display: flex;

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

    border-radius: 7px;

    color: #466dca;

    background: #edf4ff;

    font-size: 11px;
}


.right-item strong {
    display: block;

    margin-bottom: 3px;

    color: #475269;

    font-size: 13px;
}


.right-item p {
    margin: 0;

    color: #81899b;

    font-size: 12px;

    line-height: 1.55;
}


/* =========================================================
   NOTICE BOX
========================================================= */

.notice-box {
    display: flex;

    align-items: flex-start;

    gap: 11px;

    padding: 17px 19px;

    border: 1px solid #dce5f8;

    border-radius: 9px;

    background: #f7f9ff;
}


.notice-box > i {
    color: #4269c5;

    margin-top: 2px;

    font-size: 14px;
}


.notice-box p {
    margin: 0;

    color: #6f798d;

    font-size: 13px;

    line-height: 1.65;
}


/* =========================================================
   LAST UPDATE
========================================================= */

.last-update-note {
    display: flex;

    align-items: center;

    gap: 9px;

    margin-top: 17px;

    padding: 10px 12px;

    border-radius: 6px;

    background: #f5f7fc;

    color: #6d778c;

    font-size: 12px;
}


.last-update-note i {
    color: #526ed0;
}


.last-update-note strong {
    color: #45516a;
}


/* =========================================================
   PRIVACY CONTACT CTA
========================================================= */

.privacy-contact-card {
    position: relative;

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 30px;

    padding: 30px;

    margin-top: 10px;

    margin-bottom: 40px;

    overflow: hidden;

    border-radius: 13px;

    background:
        linear-gradient(
            110deg,
            #eef3ff,
            #f9f2ff
        );

    border: 1px solid #dfe4f4;
}


.privacy-contact-card::before {
    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    right: -80px;
    top: -120px;

    border-radius: 50%;

    background:
        rgba(132, 145, 245, .12);
}


.contact-label {
    display: block;

    margin-bottom: 7px;

    color: #4b67c0;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: .8px;
}


.privacy-contact-card h2 {
    margin: 0 0 7px;

    color: #202b48;

    font-size: 22px;

    font-weight: 650;
}


.privacy-contact-card p {
    max-width: 700px;

    margin: 0;

    color: #6f7890;

    font-size: 13px;

    line-height: 1.65;
}


.privacy-contact-card .btn {
    position: relative;

    flex-shrink: 0;

    white-space: nowrap;

    padding: 11px 17px;

    border-radius: 7px;

    font-size: 11px;
}


/* =========================================================
   RESPONSIVE - 1199px
========================================================= */

@media (max-width: 1199px) {

    .privacy-title {
        font-size: 50px;
    }

    .privacy-intro-card {
        padding: 23px;
    }

    .intro-content p {
        font-size: 13px;
    }

}


/* =========================================================
   RESPONSIVE - 991px
========================================================= */

@media (max-width: 991px) {

    .privacy-hero {
        padding: 48px 0 35px;
    }


    .privacy-title {
        font-size: 43px;

        letter-spacing: -1.5px;
    }


    .privacy-intro-card {
        align-items: flex-start;

        flex-direction: column;

        margin-bottom: 45px;
    }


    .compliance-badges {
        width: 100%;

        flex-direction: row;
    }


    .compliance-badges span {
        flex: 1;
    }


    .retention-list {
        grid-template-columns: 1fr;
    }


    .retention-item {
        padding: 12px 0;
    }


    .retention-item + .retention-item {
        border-left: 0;

        border-top: 1px solid #e9ecf2;
    }


    .privacy-section {
        margin-bottom: 48px;
    }

}


/* =========================================================
   RESPONSIVE - 767px
========================================================= */

@media (max-width: 767px) {

    .privacy-hero {
        padding: 38px 0 30px;
    }


    .privacy-hero .eyebrow-pill {
        font-size: 10px;

        padding: 6px 10px;
    }


    .privacy-title {
        font-size: 35px;

        line-height: 1.13;

        letter-spacing: -1px;
    }


    .privacy-meta {
        align-items: flex-start;

        flex-direction: column;

        gap: 6px;

        font-size: 11px;
    }


    .meta-dot {
        display: none !important;
    }


    .privacy-content {
        padding-top: 18px;
    }


    .privacy-intro-card {
        padding: 20px;

        gap: 20px;
    }


    .intro-content {
        gap: 10px;
    }


    .intro-content h2 {
        font-size: 18px;
    }


    .intro-content p {
        font-size: 11px;

        line-height: 1.6;
    }


    .compliance-badges {
        flex-direction: column;
    }


    .compliance-badges span {
        width: 100%;
    }


    .privacy-section-heading {
        gap: 9px;
    }


    .privacy-section-heading h2 {
        font-size: 19px;
    }


    .privacy-section-heading p {
        font-size: 11px;
    }


    .privacy-box {
        padding: 16px;
    }


    .privacy-table {
        overflow-x: auto;
    }


    .privacy-table-row {
        min-width: 760px;
    }


    .processor-grid {
        grid-template-columns: 1fr;
    }


    .processor-card,
    .processor-card:nth-child(even) {
        border-right: 0;

        border-bottom: 1px solid #e7eaf0;
    }


    .processor-card:last-child {
        border-bottom: 0;
    }


    .rights-grid {
        grid-template-columns: 1fr;
    }


    .privacy-contact-card {
        flex-direction: column;

        align-items: flex-start;

        padding: 23px;
    }


    .privacy-contact-card .btn {
        width: 100%;

        text-align: center;
    }

}


/* =========================================================
   RESPONSIVE - 575px
========================================================= */

@media (max-width: 575px) {

    .privacy-hero {
        padding: 32px 0 25px;
    }


    .privacy-title {
        font-size: 29px;
    }


    .privacy-content {
        padding-bottom: 55px;
    }


    .privacy-intro-card {
        border-radius: 10px;

        padding: 17px;
    }


    .intro-icon {
        width: 28px;
        height: 28px;

        font-size: 13px;
    }


    .intro-content h2 {
        font-size: 16px;
    }


    .privacy-section-heading {
        margin-bottom: 13px;
    }


    .section-number {
        width: 25px;
        height: 25px;

        font-size: 9px;
    }


    .privacy-section-heading h2 {
        font-size: 17px;
    }


    .data-card {
        padding: 16px;
    }


    .tracking-card {
        padding: 16px;
    }


    .security-card {
        padding: 16px;
    }


    .privacy-contact-card h2 {
        font-size: 18px;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .privacy-content *,
    .privacy-hero * {
        scroll-behavior: auto !important;

        transition: none !important;

        animation: none !important;
    }

}











/* =========================================================
   TRACKING / PROCESSOR / SECURITY
========================================================= */


/* =========================================================
   RETENTION
========================================================= */


/* =========================================================
   RIGHTS
========================================================= */


/* =========================================================
   NOTICE
========================================================= */


/* =========================================================
   LAST UPDATE
========================================================= */


/* =========================================================
   CONTACT CTA
========================================================= */


/* =========================================================
   SCROLLBAR
========================================================= */