html {
            scroll-padding-top: 80px; /* header height */
        }

        body {
            font-family: 'Inter', sans-serif;
        }

        .page-section {
            display: none;
            animation: fadeIn 0.3s ease-in-out;
        }

            .page-section.active {
                display: block;
            }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }

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

        /* Custom Scrollbar for Chat */
        .scrollbar-hide::-webkit-scrollbar {
            display: none;
        }

        .scrollbar-hide {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* private brand palette removed - tokens now come from tailwind.config */

        /* Hero split photo (matches the other section pages) */
        .hero-photo {
            -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 70%, rgba(0,0,0,0) 100%);
                    mask-image: linear-gradient(180deg, #000 0%, #000 70%, rgba(0,0,0,0) 100%);
        }
        @media (min-width:1024px){ .hero-photo { -webkit-mask-image:none; mask-image:none; } }
        @media (min-width:1024px){
            .hero-grid, .hero-media { min-height: clamp(520px, calc(100vh - 220px), 640px); }
        }

::selection { background: #00341c; color: #fff; }