.privacy-page .platform-header {
    width: min(100% - 3rem, 80rem);
}

.privacy-shell {
    width: min(100% - 3rem, 80rem);
    margin: 1.25rem auto 3.5rem;
}

.privacy-hero {
    padding: clamp(1.45rem, 4vw, 3.4rem);
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(15rem, .65fr);
    gap: clamp(1.3rem, 4vw, 3.8rem);
    align-items: end;
    border: 1px solid var(--line);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 92% 5%, rgba(93, 184, 255, .2), transparent 18rem),
        linear-gradient(140deg, rgba(13, 43, 86, .74), rgba(5, 16, 37, .82));
    box-shadow: 0 28px 70px rgba(0, 0, 0, .25), inset 0 1px rgba(255, 255, 255, .07);
}

.privacy-hero h1 {
    max-width: 48rem;
    margin: .62rem 0 0;
    color: #fff;
    font-family: var(--display);
    font-size: clamp(2rem, 4.8vw, 4.3rem);
    font-weight: 800;
    letter-spacing: -.065em;
    line-height: .99;
}

.privacy-hero > div > p:not(.workspace-kicker) {
    max-width: 48rem;
    margin: 1.1rem 0 0;
    color: var(--muted);
    font-size: 1rem;
    line-height: 1.68;
}

.privacy-snapshot {
    padding: 1.1rem;
    display: grid;
    gap: .42rem;
    border: 1px solid rgba(245, 189, 89, .3);
    border-radius: .72rem;
    background: rgba(245, 189, 89, .08);
}

.privacy-snapshot > span {
    color: var(--gold);
    font-size: .61rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.privacy-snapshot strong {
    color: #fff4d6;
    font-family: var(--display);
    font-size: 1.25rem;
    letter-spacing: -.04em;
}

.privacy-snapshot p {
    margin: 0;
    color: #dfd0aa;
    font-size: .78rem;
    line-height: 1.55;
}

.privacy-grid {
    margin-top: .85rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.privacy-card {
    min-width: 0;
    padding: clamp(1.1rem, 2.5vw, 1.6rem);
    border: 1px solid rgba(156, 215, 255, .16);
    border-radius: .8rem;
    background: rgba(5, 18, 41, .62);
}

.privacy-card--wide { grid-column: span 2; }

.privacy-card h2,
.privacy-footer-note h2 {
    margin: .52rem 0 0;
    color: #fff;
    font-family: var(--display);
    font-size: clamp(1.2rem, 2vw, 1.75rem);
    letter-spacing: -.045em;
    line-height: 1.12;
}

.privacy-card p:not(.workspace-kicker),
.privacy-card li,
.privacy-footer-note p:not(.workspace-kicker) {
    color: var(--muted);
    font-size: .86rem;
    line-height: 1.65;
}

.privacy-card p:not(.workspace-kicker) { margin: .8rem 0 0; }

.privacy-card ul,
.privacy-card ol {
    margin: 1rem 0 0;
    padding-left: 1.2rem;
    display: grid;
    gap: .55rem;
}

.privacy-card li::marker { color: var(--gold); font-weight: 800; }

.privacy-card--callout {
    border-color: rgba(112, 228, 173, .24);
    background: linear-gradient(120deg, rgba(28, 114, 104, .15), rgba(5, 18, 41, .68));
}

.privacy-footer-note {
    margin-top: .85rem;
    padding: clamp(1.15rem, 3vw, 1.8rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.3rem;
    border: 1px solid rgba(156, 215, 255, .16);
    border-radius: .8rem;
    background: rgba(6, 24, 53, .72);
}

.privacy-footer-note h2 { max-width: 38rem; }
.privacy-footer-note p:not(.workspace-kicker) { max-width: 44rem; margin: .65rem 0 0; }

.privacy-footer-note__actions {
    flex: 0 0 auto;
    display: grid;
    justify-items: end;
    gap: .75rem;
}

.privacy-action,
.privacy-text-action {
    min-height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .44rem;
    font-size: .69rem;
    font-weight: 700;
    letter-spacing: .065em;
    text-transform: uppercase;
}

.privacy-action {
    padding: .68rem .85rem;
    border: 1px solid rgba(168, 218, 255, .56);
    background: linear-gradient(135deg, rgba(52, 142, 224, .91), rgba(30, 89, 179, .93));
    color: #fff;
}

.privacy-text-action {
    color: var(--blue);
    text-decoration: underline;
    text-underline-offset: .22rem;
}

.privacy-action:hover { box-shadow: 0 8px 23px rgba(26, 102, 198, .3); transform: translateY(-1px); }
.privacy-text-action:hover { color: #fff; }

@media (max-width: 48rem) {
    .privacy-page .platform-header,
    .privacy-shell { width: min(100% - 2rem, 80rem); }
    .privacy-hero,
    .privacy-footer-note { grid-template-columns: 1fr; display: grid; }
    .privacy-grid { grid-template-columns: 1fr; }
    .privacy-card--wide { grid-column: auto; }
    .privacy-footer-note__actions { justify-items: start; }
}

@media (max-width: 38rem) {
    .privacy-hero { padding: 1.2rem; }
    .privacy-hero h1 { font-size: clamp(1.85rem, 10vw, 2.7rem); }
    .privacy-snapshot { padding: .95rem; }
}
