.legal-hero {
    padding: 110px 0 64px;
    background:
        linear-gradient(135deg, rgba(10, 37, 64, 0.94), rgba(16, 73, 116, 0.9)),
        url('/assets/images/hero-desktop.webp') center / cover no-repeat;
    color: #fff;
}

.legal-hero h1 {
    max-width: 860px;
    margin: 12px 0 18px;
    font-size: clamp(2.1rem, 4vw, 3.6rem);
    line-height: 1.1;
}

.legal-hero p {
    max-width: 780px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 1.05rem;
    line-height: 1.75;
}

.legal-updated {
    margin-top: 18px;
    font-size: 0.95rem;
}

.legal-content {
    padding: 70px 0;
    background: #f7f9fc;
}

.legal-container {
    max-width: 920px;
}

.legal-section {
    padding: 30px 0;
    border-bottom: 1px solid rgba(15, 35, 55, 0.12);
}

.legal-section:first-child {
    padding-top: 0;
}

.legal-section:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.legal-section h2 {
    margin: 0 0 14px;
    color: #0a2540;
    font-size: 1.45rem;
    line-height: 1.3;
}

.legal-section p,
.legal-section li {
    color: #334155;
    font-size: 1rem;
    line-height: 1.78;
}

.legal-section p {
    margin: 0 0 12px;
}

.legal-section ul {
    margin: 14px 0 0;
    padding-left: 22px;
}

.legal-section li + li {
    margin-top: 8px;
}