:root {
            --accent-main: #475569;
            --bg-main: #FFFFFF;
        }

        body {
            background-color: var(--bg-main);
            color: #0F172A;
            font-family: 'Outfit', sans-serif;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        .header-font {
            font-family: 'Space Grotesk', sans-serif;
            letter-spacing: -0.02em;
        }

        /* Page Management */
        .page-view { display: none; opacity: 0; transform: translateY(15px); transition: all 0.5s ease; }
        .page-view.active { display: block; opacity: 1; transform: translateY(0); }

        /* Component Styling */
        .industrial-card {
            background: #FFFFFF;
            border: 1px solid #E2E8F0;
            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
            position: relative;
        }

        .industrial-card:hover {
            border-color: #0F172A;
            box-shadow: 20px 20px 0px rgba(15, 23, 42, 0.03);
            transform: translate(-4px, -4px);
        }

        .btn-industrial {
            padding: 1rem 2rem;
            text-transform: uppercase;
            font-size: 0.7rem;
            font-weight: 700;
            letter-spacing: 0.2em;
            transition: all 0.3s ease;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .btn-filled {
            background: #0F172A;
            color: #FFFFFF;
        }

        .btn-filled:hover {
            background: #475569;
            padding-right: 2.5rem;
        }

        .btn-outline {
            border: 1px solid #0F172A;
            color: #0F172A;
        }

        .btn-outline:hover {
            background: #0F172A;
            color: #FFFFFF;
        }

        /* Grid Backgrounds */
        .dot-bg {
            position: fixed;
            inset: 0;
            background-image: radial-gradient(#CBD5E1 1px, transparent 1px);
            background-size: 40px 40px;
            z-index: -1;
        }

        /* Modal */
        #content-modal {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(255, 255, 255, 0.98);
            z-index: 9999;
            align-items: center;
            justify-content: center;
            padding: 2rem;
        }

        .modal-body {
            width: 100%;
            max-width: 1100px;
            max-height: 90vh;
            overflow-y: auto;
            border-left: 8px solid #0F172A;
            padding: 4rem;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #F1F5F9; }
        ::-webkit-scrollbar-thumb { background: #0F172A; }