@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,400&family=Open+Sans:wght@300;400;500;600;700&display=swap');

        body {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

/* Apple-style Navigation */
        .legal-nav {
            background: rgba(255, 255, 255, 0.8);
            /* Apple Frost Light */
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        }

.dark .legal-nav {
            background: rgba(17, 17, 17, 0.8);
            /* Near Black Frost Dark */
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        }

/* Modal Transitions */
        .modal {
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s ease;
        }

.modal.active {
            opacity: 1;
            pointer-events: auto;
        }

.modal-content {
            transform: scale(0.95) translateY(20px);
            transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
        }

.modal.active .modal-content {
            transform: scale(1) translateY(0);
        }

/* Contact Modal Animation Override */
        #contact-modal-overlay .modal-content {
            transform: scale(0.5);
            opacity: 0;
            transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease-out;
        }

#contact-modal-overlay.active .modal-content {
            transform: scale(1);
            opacity: 1;
        }

/* General Smooth Transitions */
        body,
        div,
        nav,
        section,
        footer,
        button,
        a,
        span,
        i,
        h1,
        h2,
        h3,
        p,
        input,
        select,
        label {
            transition: background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease;
        }

/* Logo - No styling needed with light background */
        nav a[href="index.html"] img[alt="Trumarx Logo"],
        footer a[href="index.html"] img[alt="Trumarx Logo"] {
            transition: all 0.3s ease;
        }

/* Royal Blue Button Styles */
        .btn-royal-blue {
            background-color: #0a1628;
            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
        }

.btn-royal-blue:hover {
            background-color: #081220;
            box-shadow: 0 10px 25px rgba(37, 99, 235, 0.3);
            backdrop-filter: blur(8px);
        }

/* Navigation Pill Button Styles */
        nav a[class*="rounded-full"],
        footer a[class*="rounded-full"] {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
            backdrop-filter: blur(0px);
            line-height: 1;
            vertical-align: middle;
        }

nav a[class*="rounded-full"]:hover,
        footer a[class*="rounded-full"]:hover {
            backdrop-filter: blur(8px);
            box-shadow: 0 4px 12px rgba(8, 18, 32, 0.4);
        }

/* Toggle Switch Styles */
        .toggle-checkbox:checked {
            right: 0;
            border-color: #c9a961;
        }

.toggle-checkbox:checked+.toggle-label {
            background-color: #c9a961;
        }

.toggle-checkbox:checked+.toggle-label:before {
            transform: translateX(100%);
        }

/* Apple-style Navigation */
        .legal-nav {
            background: rgba(255, 255, 255, 0.8);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        }

/* Contact Modal Animation Override */
        #contact-modal-overlay .modal-content {
            transform: scale(0.5);
            opacity: 0;
            transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease-out;
        }

#contact-modal-overlay.active .modal-content {
            transform: scale(1);
            opacity: 1;
        }

@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,400&family=Open+Sans:wght@300;400;500;600;700&display=swap');

        body {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

.dark .legal-nav {
            background: rgba(17, 17, 17, 0.8);
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        }

/* Smooth Fade In Animation */
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

.fade-in {
            animation: fadeIn 0.6s ease-out;
        }

/* Royal Blue Button */
        .btn-royal-blue {
            background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
        }

.btn-royal-blue:hover {
            background: linear-gradient(135deg, #1e40af 0%, #2563eb 100%);
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(30, 58, 138, 0.3);
        }

/* Modal Transitions */
        .modal {
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s ease;
        }

.modal.active {
            opacity: 1;
            pointer-events: auto;
        }

.modal-content {
            transform: scale(0.95) translateY(20px);
            transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
        }

.modal.active .modal-content {
            transform: scale(1) translateY(0);
        }

/* Royal Blue Button Styles */
        .btn-royal-blue {
            background-color: #1d1d1f;
            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
        }

.btn-royal-blue:hover {
            background-color: #0d0d0d;
            box-shadow: 0 10px 25px rgba(110, 110, 110, 0.2);
            backdrop-filter: blur(8px);
        }

.btn-royal-blue:hover {
            background-color: #0d0d0d;
            box-shadow: 0 10px 25px rgba(110, 110, 110, 0.2);
            backdrop-filter: blur(8px);
        }

/* Royal Blue Button Styles */
        .btn-royal-blue {
            background-color: #1d1d1f;
            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
        }

/* Apple-style Navigation */
        .legal-nav {
            background: rgba(255, 255, 255, 0.8);
            /* Apple Frost Light */
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        }

.dark .legal-nav {
            background: rgba(17, 17, 17, 0.8);
            /* Near Black Frost Dark */
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        }

/* Toggle Switch Styles */
        .toggle-checkbox:checked {
            right: 0;
            border-color: #c9a961;
        }

.toggle-checkbox:checked+.toggle-label {
            background-color: #c9a961;
        }

/* General Smooth Transitions */
        body,
        div,
        nav,
        section,
        footer,
        button,
        a,
        span,
        i,
        h1,
        h2,
        h3,
        p,
        input,
        select,
        label {
            transition: background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease;
        }

/* Logo - No styling needed with light background */
        nav a[href="index.html"] img[alt="Trumarx Logo"],
        footer a[href="index.html"] img[alt="Trumarx Logo"] {
            transition: all 0.3s ease;
        }

/* Navigation Pill Button Styles */
        nav a[class*="rounded-full"],
        footer a[class*="rounded-full"] {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
            backdrop-filter: blur(0px);
            line-height: 1;
            vertical-align: middle;
        }

nav a[class*="rounded-full"]:hover,
        footer a[class*="rounded-full"]:hover {
            backdrop-filter: blur(8px);
            box-shadow: 0 4px 12px rgba(8, 18, 32, 0.4);
        }