* { margin: 0; padding: 0; box-sizing: border-box; }

        :root {
            --coral: #F2A09A;
            --coral-light: #FDF5F4;
            --coral-dark: #E88B84;
            --teal: #4CB5AE;
            --teal-dark: #3A9A94;
            --teal-light: #E8F6F5;
            --navy: #1A2B3C;
            --text-dark: #2D3748;
            --text-gray: #5A6B7D;
            --text-light: #8899AA;
            --white: #FFFFFF;
            --bg-cream: #FFFAF9;
            --border: #E8ECF1;
        }

        html { scroll-behavior: smooth; }

        body {
            font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
            color: var(--text-dark);
            line-height: 1.6;
            background: var(--white);
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden;
        }

        h1, h2, h3 {
            font-family: 'DM Serif Display', Georgia, serif;
            font-weight: 400;
        }

        .legal-hero {
            padding: 140px 20px 60px;
            text-align: center;
            background: var(--bg-cream);
            border-bottom: 1px solid var(--border);
        }

        .legal-hero h1 {
            font-size: 2.5rem;
            color: var(--navy);
            margin-bottom: 8px;
        }

        .legal-hero p {
            color: var(--text-light);
            font-size: 0.95rem;
        }

        .legal-body {
            max-width: 800px;
            margin: 0 auto;
            padding: 48px 20px 80px;
        }

        .legal-body h2 {
            font-size: 1.4rem;
            color: var(--navy);
            margin-top: 40px;
            margin-bottom: 12px;
        }

        .legal-body h3 {
            font-size: 1.1rem;
            color: var(--text-dark);
            margin-top: 28px;
            margin-bottom: 8px;
        }

        .legal-body p {
            color: var(--text-gray);
            font-size: 1rem;
            line-height: 1.8;
            margin-bottom: 16px;
        }

        .legal-body ul {
            color: var(--text-gray);
            font-size: 1rem;
            line-height: 1.8;
            margin-bottom: 16px;
            padding-left: 24px;
        }

        .legal-body li {
            margin-bottom: 6px;
        }

        .legal-body a {
            color: var(--teal);
            text-decoration: none;
        }

        .legal-body a:hover {
            text-decoration: underline;
        }

        @media (max-width: 600px) {
            .legal-hero h1 { font-size: 2rem; }
            .legal-body { padding: 32px 16px 60px; }
        }
            .retention-table { width: 100%; border-collapse: collapse; margin: 1rem 0 1.5rem; font-size: 0.95rem; }
        .retention-table th, .retention-table td { border: 1px solid #d9e2dc; padding: 0.6rem 0.75rem; text-align: left; vertical-align: top; }
        .retention-table th { background: #f2f7f4; }