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

        html { font-size: 16px; -webkit-font-smoothing: antialiased; color-scheme: light; }

        body {
            background-color: #f4f2ee;
            color: #111111;
            font-family: 'Inter', sans-serif;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }

        nav {
            background-color: #ffffff;
            border-bottom: 2px solid #162040;
            padding: 0 48px;
            height: 64px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .nav-logo {
            font-size: 0.78rem;
            font-weight: 600;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            color: #162040;
        }

        .nav-contact {
            font-size: 0.78rem;
            font-weight: 500;
            color: #162040;
            text-decoration: none;
            border-bottom: 1px solid #162040;
            padding-bottom: 1px;
        }

        .hero {
            background-color: #162040;
            padding: 88px 48px 80px;
        }

        .hero-inner { max-width: 900px; margin: 0 auto; }

        .hero-eyebrow {
            font-size: 0.7rem;
            font-weight: 600;
            letter-spacing: 0.22em;
            text-transform: uppercase;
            color: rgba(255,255,255,0.45);
            margin-bottom: 24px;
        }

        .hero-heading {
            font-family: 'Bebas Neue', sans-serif;
            font-size: clamp(3.5rem, 8vw, 6.5rem);
            line-height: 0.95;
            color: #ffffff;
            margin-bottom: 36px;
        }

        .hero-heading em {
            color: #a8bde0;
            font-style: normal;
        }

        .hero-sub {
            font-size: 1.0625rem;
            line-height: 1.75;
            color: rgba(255,255,255,0.65);
            font-weight: 300;
            max-width: 560px;
        }

        .body {
            flex: 1;
            background-color: #f4f2ee;
            max-width: 900px;
            margin: 0 auto;
            width: 100%;
            padding: 72px 48px 80px;
        }

        .section {
            display: grid;
            grid-template-columns: 220px 1fr;
            gap: 0 56px;
            padding: 48px 0;
            border-top: 1px solid #c8c4bc;
        }

        .section:last-child { border-bottom: 1px solid #c8c4bc; }

        .section-label {
            font-size: 0.68rem;
            font-weight: 600;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            color: #162040;
            padding-top: 5px;
        }

        .section-body {
            font-size: 1rem;
            line-height: 1.85;
            color: #2e2e2e;
            font-weight: 300;
        }

        footer {
            background-color: #ffffff;
            border-top: 2px solid #162040;
            padding: 36px 48px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
        }

        .footer-legal {
            font-size: 0.75rem;
            color: #777777;
        }

        .footer-email {
            font-size: 0.875rem;
            font-weight: 500;
            color: #162040;
            text-decoration: none;
        }

        @media (max-width: 640px) {
            nav { padding: 0 24px; }
            .hero { padding: 40px 24px 40px; }
            .hero-inner img { width: 110px !important; }
            .hero-heading { font-size: 2.4rem !important; }
            .body { padding: 0 24px 56px; }
            .section { grid-template-columns: 1fr; gap: 12px 0; padding: 36px 0; }
            footer { padding: 28px 24px; flex-direction: column; align-items: flex-start; gap: 12px; }
        }

        @media (prefers-color-scheme: dark) {
            body { background-color: #f4f2ee !important; color: #111111 !important; }
            nav { background-color: #ffffff !important; }
            .body { background-color: #f4f2ee !important; }
            footer { background-color: #ffffff !important; }
            .section-body { color: #2e2e2e !important; }
            .section-label { color: #162040 !important; }
            .nav-logo { color: #162040 !important; }
            .nav-contact { color: #162040 !important; border-bottom-color: #162040 !important; }
            .footer-legal { color: #777777 !important; }
            .footer-email { color: #162040 !important; }
        }