/*
        ========================================
        CSS Custom Properties (Corporate Theme)
        ========================================
        */
        :root {
            --color-background: #ffffff;
            --color-text-primary: #212529;
            --color-text-secondary: #6c757d;
            --color-primary-brand: #0d6efd; /* A professional blue */
            --color-primary-hover: #0b5ed7;
            --color-border: #dee2e6;
            --color-top-bar-bg: #f8f9fa;

            --font-family-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            --font-weight-normal: 400;
            --font-weight-bold: 600;

            --container-width: 1200px;
            --navbar-padding: 1rem;
            --transition-speed: 0.2s;
        }

        /*
        ========================================
        Global Resets & Base Styles
        ========================================
        */
        *, *::before, *::after { box-sizing: border-box; }

        body {
            margin: 0; font-family: var(--font-family-sans-serif);
            font-size: 1rem; line-height: 1.5; color: var(--color-text-primary);
            background-color: var(--color-background);
        }

        .content {
            height: 200vh; padding: 150px var(--navbar-padding) 1rem;
            text-align: center;
        }

        ul { list-style: none; margin: 0; padding: 0; }
        a { text-decoration: none; transition: color var(--transition-speed) ease; }

        /*
        ========================================
        Header, Top Bar, and Navbar Structure
        ========================================
        */
        .site-header {
            border-bottom: 1px solid var(--color-border);
            position: sticky; top: 0; background-color: var(--color-background); z-index: 1000;
        }
        .header-container {
            width: 100%; max-width: var(--container-width); margin: 0 auto;
            padding: 0 var(--navbar-padding);
        }

        .top-bar {
            display: flex; justify-content: space-between; align-items: center;
            background-color: var(--color-top-bar-bg);
            padding: 0.5rem var(--navbar-padding); font-size: 0.8rem;
            color: var(--color-text-secondary); border-bottom: 1px solid var(--color-border);
        }

        .top-bar a { display: inline-flex; align-items: center; gap: 0.5em; color: var(--color-text-secondary); }
        .top-bar a:hover, .top-bar a:focus { color: var(--color-primary-brand); }
        .top-bar-section { display: flex; align-items: center; gap: 1rem; }

        .main-navbar {
            display: flex; justify-content: space-between; align-items: center; height: 80px;
        }
        .main-navbar__brand { font-size: 1.75rem; font-weight: var(--font-weight-bold); color: var(--color-text-primary); }

        /*
        ========================================
        SVG Icon Styling
        ========================================
        */
        .icon {
            width: 1em; /* Makes icon size relative to font-size */
            height: 1em;
            fill: currentColor; /* Inherits color from parent link. VERY powerful. */
            transition: fill var(--transition-speed) ease;
        }

        /*
        ========================================
        Mobile Menu and Dropdown
        ========================================
        */
        .main-navbar__toggle {
            display: block; border: 1px solid var(--color-border); border-radius: 4px; padding: 0.5rem;
            background: transparent; cursor: pointer; z-index: 1001;
        }
        .main-navbar__toggle .bar {
            display: block; width: 22px; height: 2px; margin: 5px 0; background-color: var(--color-text-primary);
            transition: transform var(--transition-speed) ease;
        }
        .main-navbar__toggle.is-active .bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
        .main-navbar__toggle.is-active .bar:nth-child(2) { opacity: 0; }
        .main-navbar__toggle.is-active .bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

        .main-navbar__menu {
            display: none; position: absolute; top: 100%; left: 0; width: 100%;
            background-color: var(--color-background); border-bottom: 1px solid var(--color-border);
            box-shadow: 0 4px 6px rgba(0,0,0,0.05);
        }
        .main-navbar__menu.is-active { display: block; }
        .main-navbar__item { border-top: 1px solid var(--color-border); }
        .main-navbar__link {
            display: flex; /* Using flex to align text and dropdown arrow */
            justify-content: space-between; align-items: center;
            padding: 1rem 1.5rem; font-weight: var(--font-weight-bold); color: var(--color-text-primary);
        }
        .main-navbar__link:hover, .main-navbar__link:focus { color: var(--color-primary-brand); }
        .dropdown { position: relative; }
        .dropdown > .main-navbar__link::after { content: '\25BC'; font-size: 0.7em; }
        .dropdown-menu { display: none; background-color: var(--color-top-bar-bg); }
        .dropdown.is-active > .dropdown-menu { display: block; }
        .dropdown-menu a { padding-left: 2.5rem; }

        /* Accessible focus state */
        :is(.main-navbar__toggle, .top-bar a, .main-navbar__link):focus-visible {
            outline: 2px solid var(--color-primary-brand); outline-offset: 2px; border-radius: 4px;
        }

        /*
        ========================================
        Desktop Navbar Styles (Responsive)
        ========================================
        */
        @media (min-width: 992px) {
            .main-navbar__toggle { display: none; }
            .main-navbar__menu { display: flex; align-items: center; position: static; width: auto; background: none; border: none; box-shadow: none; }
            .main-navbar__list { display: flex; align-items: center; gap: 0.5rem; }
            .main-navbar__item { border: none; }
            .main-navbar__link { display: inline-flex; padding: 0.75rem 1rem; border-radius: 4px; }
            .main-navbar__link:hover, .main-navbar__link:focus { background-color: var(--color-top-bar-bg); }
            
            .dropdown { position: relative; } /* Re-affirm for desktop */
            .dropdown > .main-navbar__link::after { content: '\25BC'; font-size: 0.7em; display: inline-block; margin-left: 0.5em; }
            .dropdown:hover .dropdown-menu { display: block; }
            .dropdown-menu {
                display: none; position: absolute; top: 100%; left: 0; min-width: 200px; background-color: var(--color-background);
                border: 1px solid var(--color-border); box-shadow: 0 4px 6px rgba(0,0,0,0.1); border-radius: 4px;
                padding: 0.5rem 0; z-index: 1010;
            }
            .dropdown-menu a { display: block; padding: 0.5rem 1rem; font-weight: var(--font-weight-normal); }
            .dropdown-menu a:hover, .dropdown-menu a:focus { background-color: var(--color-top-bar-bg); color: var(--color-primary-brand); }
            
            .main-navbar__link--cta {
                background-color: #a30505; color: var(--color-background); margin-left: 1rem;
            }
            .main-navbar__link--cta:hover, .main-navbar__link--cta:focus {
                background-color: var(--color-primary-hover); color: var(--color-background);
            }
        }
        
        @media (max-width: 576px) { .contact-info__text { display:; } }