/* KYZ (T) Group LTD — Corporate site (AIRSCREAM-inspired) */
                            
                             :root {
                                --font-sans: 'DM Sans', sans-serif;
                                --color-primary: #a0252a;
                                --color-dark: #3f3e44;
                                --color-bg: #fff;
                                --color-text: var(--color-dark);
                                --color-text-muted: #555;
                                --color-header-bg: #fff;
                                --color-footer-bg: var(--color-dark);
                                --color-overlay: rgba(0, 0, 0, 0.45);
                                --color-btn-bg: #fff;
                                --color-btn-text: var(--color-dark);
                                --radius: 8px;
                                --radius-lg: 12px;
                                --radius-pill: 999px;
                                --space-xs: 0.5rem;
                                --space-sm: 1rem;
                                --space-md: 1.5rem;
                                --space-lg: 2rem;
                                --space-xl: 3rem;
                                --space-2xl: 4rem;
                                --space-3xl: 6rem;
                                --max-width: 1280px;
                            }
                            
                            *,
                            *::before,
                            *::after {
                                box-sizing: border-box;
                            }
                            /* Performance optimizations */
                            
                            img {
                                max-width: 100%;
                                height: auto;
                                display: block;
                            }
                            /* GPU acceleration for smooth animations */
                            
                            .service-card,
                            .service-image img,
                            .hero-slide-bg,
                            .hero-slides,
                            .hero-slides-right {
                                will-change: transform;
                                transform: translateZ(0);
                                backface-visibility: hidden;
                            }
                            /* Optimize transitions */
                            
                            .service-card,
                            .service-link,
                            .nav a,
                            .btn {
                                transition: transform 0.2s ease, opacity 0.2s ease, background 0.2s ease;
                            }
                            
                            html {
                                scroll-behavior: smooth;
                                overflow-x: hidden;
                            }
                            /* Scroll animations — fade-in and slide-up on viewport entry */
                            
                            @keyframes fadeInUp {
                                from {
                                    opacity: 0;
                                    transform: translateY(40px);
                                }
                                to {
                                    opacity: 1;
                                    transform: translateY(0);
                                }
                            }
                            
                            @keyframes fadeInDown {
                                from {
                                    opacity: 0;
                                    transform: translateY(-30px);
                                }
                                to {
                                    opacity: 1;
                                    transform: translateY(0);
                                }
                            }
                            
                            @keyframes fadeInLeft {
                                from {
                                    opacity: 0;
                                    transform: translateX(-40px);
                                }
                                to {
                                    opacity: 1;
                                    transform: translateX(0);
                                }
                            }
                            
                            .scroll-animate {
                                opacity: 0;
                                transform: translateY(40px);
                                transition: opacity 0.8s ease-out, transform 0.8s ease-out;
                            }
                            
                            .scroll-animate.animate {
                                opacity: 1;
                                transform: translateY(0);
                            }
                            
                            .scroll-animate-delay-1 {
                                transition-delay: 0.1s;
                            }
                            
                            .scroll-animate-delay-2 {
                                transition-delay: 0.2s;
                            }
                            
                            .scroll-animate-delay-3 {
                                transition-delay: 0.3s;
                            }
                            
                            body {
                                margin: 0;
                                /* padding-top: 10rem; */
                                font-family: var(--font-sans);
                                font-size: 16px;
                                line-height: 1.6;
                                color: var(--color-text);
                                background: var(--color-bg);
                                overflow-x: hidden;
                                max-width: 100vw;
                                width: 100%;
                            }
                            
                            main {
                                overflow-x: hidden;
                                max-width: 100vw;
                                width: 100%;
                                box-sizing: border-box;
                            }
                            
                            img {
                                max-width: 100%;
                                height: auto;
                                display: block;
                            }
                            
                            a {
                                color: inherit;
                                text-decoration: none;
                            }
                            
                            ul {
                                list-style: none;
                                margin: 0;
                                padding: 0;
                            }
                            /* Header — white bar, black text, chevrons */
                            
                            .header {
                                position: fixed;
                                top: 0;
                                left: 0;
                                right: 0;
                                z-index: 100;
                                display: flex;
                                align-items: center;
                                justify-content: flex-end;
                                padding: 1rem var(--space-xl);
                                padding-left: 10rem;
                                background: var(--color-primary);
                                border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                                transition: background 0.35s ease, border-color 0.35s ease;
                                max-width: 100vw;
                                box-sizing: border-box;
                            }
                            
                            .nav {
                                display: block;
                                visibility: visible;
                                opacity: 1;
                            }
                            
                            .header.scrolled {
                                background: var(--color-dark);
                                border-bottom-color: rgba(255, 255, 255, 0.12);
                            }
                            
                            .header.scrolled .nav>ul>li>a {
                                color: #fff;
                            }
                            
                            .header.scrolled .nav a:hover {
                                color: rgba(255, 255, 255, 0.9);
                            }
                            
                            .header.scrolled .nav-toggle span {
                                background: #fff;
                            }
                            
                            .logo {
                                position: absolute;
                                left: var(--space-xl);
                                top: 0;
                                display: inline-block;
                                line-height: 0;
                                z-index: 101;
                                animation: fadeInDown 0.8s ease-out 0.3s both;
                            }
                            
                            .logo-img {
                                height: 7rem;
                                width: auto;
                                display: block;
                                object-fit: contain;
                            }
                            
                            .nav ul {
                                display: flex;
                                align-items: center;
                                gap: 2.25rem;
                            }
                            
                            .nav>ul>li>a {
                                font-family: var(--font-sans);
                                color: #fff;
                                font-weight: 500;
                                font-size: 0.9375rem;
                                letter-spacing: 0.01em;
                                display: inline-flex;
                                align-items: center;
                                gap: 0.35rem;
                            }
                            
                            .nav a:hover {
                                color: rgba(255, 255, 255, 0.9);
                            }
                            
                            .nav-cta {
                                padding: 0.5rem 1.25rem;
                                background: rgba(255, 255, 255, 0.2);
                                border: 1px solid rgba(255, 255, 255, 0.3);
                                border-radius: var(--radius-pill);
                                font-weight: 600;
                                transition: background 0.2s, border-color 0.2s, transform 0.2s;
                            }
                            
                            .nav-cta:hover {
                                background: rgba(255, 255, 255, 0.3);
                                border-color: rgba(255, 255, 255, 0.5);
                                transform: translateY(-1px);
                                color: #fff;
                            }
                            
                            .nav .ri-arrow-down-s-line {
                                font-size: 1rem;
                                vertical-align: middle;
                            }
                            
                            .nav-toggle {
                                display: none;
                                flex-direction: column;
                                gap: 6px;
                                background: none;
                                border: none;
                                cursor: pointer;
                                padding: 4px;
                                z-index: 10001;
                            }
                            
                            .nav-toggle span {
                                width: 24px;
                                height: 2px;
                                background: #fff;
                            }
                            
                            .has-dropdown {
                                position: relative;
                            }
                            
                            .has-dropdown .dropdown {
                                position: absolute;
                                top: 100%;
                                left: 0;
                                margin-top: 0.25rem;
                                min-width: 200px;
                                padding: 0.25rem 0;
                                display: flex;
                                flex-direction: column;
                                gap: 0.5rem;
                                align-items: flex-start;
                                text-align: left;
                                background: #fff;
                                border: 1px solid rgba(0, 0, 0, 0.08);
                                border-radius: var(--radius);
                                box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
                                opacity: 0;
                                visibility: hidden;
                                transform: translateY(-4px);
                                transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
                            }
                            
                            .has-dropdown:hover .dropdown {
                                opacity: 1;
                                visibility: visible;
                                transform: translateY(0);
                            }
                            
                            .has-dropdown .dropdown li {
                                margin: 0;
                                padding: 0;
                                border-bottom: 1px solid rgba(0, 0, 0, 0.05);
                            }
                            
                            .has-dropdown .dropdown li:last-child {
                                border-bottom: none;
                            }
                            
                            .has-dropdown .dropdown a {
                                display: flex;
                                align-items: center;
                                gap: 0.5rem;
                                padding: 0.35rem 0.75rem;
                                justify-content: flex-start;
                                font-family: var(--font-sans);
                                font-size: 0.8125rem;
                                font-weight: 500;
                                color: var(--color-dark);
                                letter-spacing: 0.01em;
                                transition: color 0.15s ease;
                            }
                            
                            .has-dropdown .dropdown a:hover {
                                color: var(--color-primary);
                            }
                            
                            .has-dropdown .dropdown a::after {
                                content: '›';
                                margin-left: auto;
                                font-size: 0.875rem;
                                font-weight: 400;
                                opacity: 0;
                                transition: opacity 0.15s ease;
                            }
                            
                            .has-dropdown .dropdown a:hover::after {
                                opacity: 0.5;
                            }
                            /* Hero — 70% left image | narrow strip with arrows | 30% right image */
                            
                            .hero {
                                position: relative;
                                height: 700px;
                                min-height: 700px;
                                overflow: visible;
                                padding-left: 10px;
                                max-width: 100vw;
                                width: 100%;
                                box-sizing: border-box;
                            }
                            
                            .hero-inner {
                                display: flex;
                                width: 100%;
                                height: 100%;
                                border-radius: 12px;
                                overflow: hidden;
                            }
                            
                            .hero-left {
                                flex: 0 0 70%;
                                position: relative;
                                overflow: hidden;
                                border-radius: 12px 0 0 12px;
                                height: 100%;
                                min-height: 700px;
                            }
                            
                            .hero-slides {
                                position: absolute;
                                top: 0;
                                left: 0;
                                right: 0;
                                bottom: 0;
                                width: 400%;
                                height: 100%;
                                min-height: 700px;
                                display: flex;
                                transition: transform 0.6s ease;
                                will-change: transform;
                            }
                            
                            .hero-slide {
                                flex: 0 0 25%;
                                width: 25%;
                                height: 100%;
                                min-height: 700px;
                                position: relative;
                            }
                            
                            .hero-slide-bg {
                                position: absolute;
                                top: 0;
                                left: 0;
                                right: 0;
                                bottom: 0;
                                width: 100%;
                                height: 100%;
                                min-height: 700px;
                                background-size: cover;
                                background-position: center;
                                background-repeat: no-repeat;
                                z-index: 0;
                            }
                            /* Direct background images for each slide using nth-child */
                            
                            .hero-slides .hero-slide:nth-child(1) .hero-slide-bg {
                                background-image: url('../img/slide5.png');
                            }
                            
                            .hero-slides .hero-slide:nth-child(2) .hero-slide-bg {
                                background-image: url('../img/slide2.jpg');
                            }
                            
                            .hero-slides .hero-slide:nth-child(3) .hero-slide-bg {
                                background-image: url('../img/slide3.jpg');
                            }
                            
                            .hero-slides .hero-slide:nth-child(4) .hero-slide-bg {
                                background-image: url('../img/slide4.jpg');
                            }
                            /* Also support CSS variable approach */
                            
                            .hero-slide[style*="--hero-left-bg"] .hero-slide-bg {
                                background-image: var(--hero-left-bg);
                            }
                            
                            .hero-center {
                                flex: 0 0 20px;
                                min-width: 20px;
                                background: #fff;
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                                justify-content: center;
                                gap: var(--space-sm);
                                position: relative;
                                z-index: 2;
                            }
                            
                            .hero-right {
                                flex: 1 1 30%;
                                position: relative;
                                overflow: hidden;
                                border-radius: 0 12px 12px 0;
                                height: 100%;
                                min-height: 700px;
                            }
                            
                            .hero-slides-right {
                                position: absolute;
                                inset: 0;
                                display: flex;
                                width: 400%;
                                transition: transform 0.6s ease;
                                will-change: transform;
                            }
                            
                            .hero-slide-right {
                                flex: 0 0 25%;
                                width: 25%;
                                height: 100%;
                                min-height: 700px;
                                background-size: cover;
                                background-position: center;
                                background-repeat: no-repeat;
                            }
                            /* Glassmorphism overlay: bottom-left, gradient dark→lighter, rounded, blur */
                            
                            .hero-overlay {
                                position: absolute;
                                left: var(--space-xl);
                                bottom: var(--space-3xl);
                                max-width: 720px;
                                border-radius: var(--radius-lg);
                                color: #fff;
                                overflow: hidden;
                                background: linear-gradient(135deg, rgba(0, 0, 0, 0.55) 0%, rgba(40, 40, 50, 0.4) 55%, rgba(60, 60, 70, 0.25) 100%);
                                backdrop-filter: blur(12px);
                                -webkit-backdrop-filter: blur(12px);
                                animation: fadeInUp 1s ease-out 0.6s both;
                                z-index: 2;
                            }
                            
                            .hero-overlay-inner {
                                display: grid;
                                grid-template-columns: auto 1px 1fr;
                                gap: var(--space-lg);
                                align-items: center;
                                padding: var(--space-xl) var(--space-xl) var(--space-lg);
                            }
                            
                            .hero-headline {
                                min-width: 0;
                            }
                            
                            .hero-overlay h1 {
                                margin: 0;
                                font-family: var(--font-sans);
                                font-size: clamp(1.75rem, 3.2vw, 2.75rem);
                                font-weight: 700;
                                line-height: 1.12;
                                letter-spacing: 0.02em;
                                text-transform: uppercase;
                            }
                            
                            .hero-divider {
                                width: 1px;
                                height: 80%;
                                min-height: 60px;
                                background: rgba(255, 255, 255, 0.35);
                                align-self: center;
                            }
                            
                            .hero-copy {
                                display: flex;
                                flex-direction: column;
                                align-items: flex-start;
                                gap: var(--space-md);
                            }
                            
                            .hero-copy p {
                                margin: 0;
                                font-family: var(--font-sans);
                                font-size: 1rem;
                                line-height: 1.55;
                                opacity: 0.95;
                            }
                            
                            .btn {
                                display: inline-block;
                                padding: 0.75rem 1.75rem;
                                font-family: var(--font-sans);
                                font-weight: 600;
                                font-size: 0.9375rem;
                                border: none;
                                border-radius: var(--radius-pill);
                                cursor: pointer;
                                transition: opacity 0.2s, transform 0.05s;
                            }
                            
                            .btn:hover {
                                opacity: 0.95;
                            }
                            
                            .btn-hero {
                                background: var(--color-btn-bg);
                                color: var(--color-btn-text);
                            }
                            /* Arrow controls — centered in the strip, larger icons, no solid borders */
                            
                            .hero-arrows {
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                                gap: var(--space-md);
                            }
                            
                            .hero-arrow {
                                width: 56px;
                                height: 56px;
                                border-radius: 50%;
                                border: none;
                                background: rgba(255, 255, 255, 0.9);
                                color: var(--color-dark);
                                line-height: 1;
                                cursor: pointer;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                transition: background 0.2s, color 0.2s, transform 0.15s;
                                box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
                            }
                            
                            .hero-arrow i {
                                font-size: 1.75rem;
                            }
                            
                            .hero-arrow:hover {
                                background: rgba(255, 255, 255, 1);
                                color: var(--color-primary);
                                transform: scale(1.05);
                                box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
                            }
                            /* Pagination — bottom center, horizontal dashes */
                            
                            .hero-pagination {
                                position: absolute;
                                left: 50%;
                                bottom: var(--space-lg);
                                transform: translateX(-50%);
                                z-index: 2;
                                display: flex;
                                align-items: center;
                                gap: 0.5rem;
                            }
                            
                            .hero-dot {
                                width: 24px;
                                height: 3px;
                                border-radius: 2px;
                                border: none;
                                background: rgba(255, 255, 255, 0.5);
                                cursor: pointer;
                                padding: 0;
                                transition: background 0.2s, width 0.2s;
                            }
                            
                            .hero-dot:hover {
                                background: rgba(255, 255, 255, 0.8);
                            }
                            
                            .hero-dot.active {
                                background: #fff;
                                width: 32px;
                            }
                            /* About — full-width hero-style with background image */
                            
                            .about {
                                position: relative;
                                min-height: 100vh;
                                margin-top: var(--space-3xl);
                                display: flex;
                                flex-direction: column;
                                align-items: flex-start;
                                justify-content: flex-start;
                                padding: var(--space-2xl) var(--space-xl);
                                overflow: hidden;
                                max-width: 100vw;
                                width: 100%;
                                box-sizing: border-box;
                            }
                            
                            .about-bg {
                                position: absolute;
                                inset: 0;
                                background-size: cover;
                                background-position: center;
                                background-repeat: no-repeat;
                                z-index: 0;
                            }
                            
                            .about-bg::after {
                                content: '';
                                position: absolute;
                                inset: 0;
                                background: linear-gradient(135deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.45) 100%);
                                z-index: 1;
                            }
                            
                            .about-pill {
                                position: relative;
                                z-index: 2;
                                display: inline-block;
                                margin-bottom: var(--space-xl);
                                padding: 0.5rem 1.25rem;
                                font-family: var(--font-sans);
                                font-size: 0.8125rem;
                                font-weight: 600;
                                letter-spacing: 0.08em;
                                color: #2c2c2c;
                                background: rgba(255, 255, 255, 0.9);
                                border: 1px solid rgba(0, 0, 0, 0.12);
                                border-radius: var(--radius-pill);
                                text-decoration: none;
                                transition: background 0.2s, border-color 0.2s;
                            }
                            
                            .about-pill:hover {
                                background: #fff;
                                border-color: rgba(0, 0, 0, 0.2);
                            }
                            
                            .about-content {
                                position: absolute;
                                top: var(--space-2xl);
                                bottom: var(--space-2xl);
                                left: var(--space-xl);
                                right: var(--space-xl);
                                z-index: 2;
                                width: auto;
                                max-width: var(--max-width);
                                margin: 0 auto;
                                display: flex;
                                flex-direction: row;
                                align-items: flex-start;
                                justify-content: space-between;
                                gap: var(--space-xl);
                            }
                            
                            .about-headline {
                                flex: 0 1 55%;
                                margin: 0;
                                margin-top: 10rem;
                                align-self: flex-start;
                                font-family: var(--font-sans);
                                font-size: clamp(2.75rem, 6vw, 4.25rem);
                                font-weight: 800;
                                font-style: italic;
                                line-height: 1.08;
                                letter-spacing: 0.02em;
                                text-transform: uppercase;
                                color: #fff;
                                text-align: left;
                                text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
                                animation: fadeInDown 0.8s ease-out 0.3s both;
                            }
                            
                            .about-copy {
                                flex: 0 1 38%;
                                display: flex;
                                flex-direction: column;
                                align-items: flex-start;
                                gap: 0;
                                align-self: flex-end;
                            }
                            
                            .about-text {
                                margin: 0 0 var(--space-md);
                                font-family: var(--font-sans);
                                font-size: 1rem;
                                line-height: 1.6;
                                color: rgba(255, 255, 255, 0.95);
                                text-align: left;
                            }
                            
                            .about-readmore {
                                margin-top: 0.25rem;
                            }
                            /* About Us Page Styles */
                            
                            .about-text-content {
                                width: 60%;
                                max-width: 800px;
                                margin: 0 auto;
                                font-family: var(--font-sans);
                                font-size: 1.0625rem;
                                line-height: 1.9;
                                color: var(--color-text);
                                text-align: center;
                                padding: var(--space-xl) 0;
                            }
                            
                            .about-text-content p {
                                margin-bottom: var(--space-lg);
                                color: rgba(63, 62, 68, 0.85);
                            }
                            
                            .about-text-content p:last-child {
                                margin-bottom: 0;
                            }
                            
                            .vision-mission-grid {
                                display: grid;
                                grid-template-columns: 335px 335px;
                                gap: var(--space-xl);
                                margin-top: var(--space-xl);
                                justify-content: flex-start;
                            }
                            
                            .vm-card {
                                width: 335px;
                                background: rgba(255, 255, 255, 0.1);
                                backdrop-filter: blur(10px);
                                padding: var(--space-xl);
                                border-radius: var(--radius-lg);
                                border: 1px solid rgba(255, 255, 255, 0.2);
                                transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
                                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
                            }
                            
                            .vm-card:hover {
                                transform: translateY(-4px);
                                box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
                                background: rgba(255, 255, 255, 0.15);
                            }
                            
                            .vm-card h3 {
                                font-family: var(--font-sans);
                                font-size: 1.5rem;
                                font-weight: 700;
                                color: #fff;
                                margin: 0 0 var(--space-md);
                            }
                            
                            .vm-card p {
                                font-family: var(--font-sans);
                                font-size: 1rem;
                                line-height: 1.7;
                                color: rgba(255, 255, 255, 0.9);
                                margin: 0;
                            }
                            
                            .values-grid {
                                display: grid;
                                grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
                                gap: var(--space-xl);
                                margin-top: var(--space-xl);
                                max-width: var(--max-width);
                                margin-left: auto;
                                margin-right: auto;
                            }
                            
                            .value-card {
                                text-align: center;
                                padding: var(--space-xl);
                                background: #fff;
                                border-radius: var(--radius-lg);
                                box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
                                transition: transform 0.3s ease, box-shadow 0.3s ease;
                            }
                            
                            .value-card:hover {
                                transform: translateY(-4px);
                                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
                            }
                            
                            .value-icon {
                                width: 64px;
                                height: 64px;
                                margin: 0 auto var(--space-md);
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                background: var(--color-primary);
                                border-radius: 50%;
                                color: #fff;
                            }
                            
                            .value-icon i {
                                font-size: 2rem;
                            }
                            
                            .value-card h3 {
                                font-family: var(--font-sans);
                                font-size: 1.25rem;
                                font-weight: 700;
                                color: var(--color-dark);
                                margin: 0 0 var(--space-sm);
                            }
                            
                            .value-card p {
                                font-family: var(--font-sans);
                                font-size: 0.9375rem;
                                line-height: 1.6;
                                color: var(--color-text);
                                margin: 0;
                            }
                            
                            .why-choose-list {
                                display: flex;
                                flex-direction: column;
                                gap: var(--space-md);
                            }
                            
                            .why-item {
                                display: flex;
                                align-items: flex-start;
                                gap: var(--space-md);
                            }
                            
                            .why-item i {
                                font-size: 1.5rem;
                                color: var(--color-primary);
                                flex-shrink: 0;
                                margin-top: 0.125rem;
                            }
                            
                            .why-item p {
                                font-family: var(--font-sans);
                                font-size: 1rem;
                                line-height: 1.7;
                                color: rgba(255, 255, 255, 0.95);
                                margin: 0;
                            }
                            /* CEO Message Section */
                            
                            .services.ceo-section h2 {
                                color: #fff;
                            }
                            
                            .services.ceo-section .section-tagline {
                                color: rgba(255, 255, 255, 0.8);
                            }
                            
                            .ceo-content {
                                display: grid;
                                grid-template-columns: 300px 1fr;
                                gap: var(--space-2xl);
                                max-width: var(--max-width);
                                margin: var(--space-xl) auto 0;
                                align-items: flex-start;
                            }
                            
                            .ceo-image {
                                width: 300px;
                                height: 400px;
                                border-radius: var(--radius-lg);
                                overflow: hidden;
                                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
                            }
                            
                            .ceo-image img {
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                            }
                            
                            .ceo-message {
                                font-family: var(--font-sans);
                                font-size: 1.0625rem;
                                line-height: 1.9;
                                color: rgba(255, 255, 255, 0.95);
                            }
                            
                            .ceo-message p {
                                margin-bottom: var(--space-lg);
                                color: rgba(255, 255, 255, 0.9);
                            }
                            
                            .ceo-message p:last-of-type {
                                margin-bottom: var(--space-xl);
                            }
                            
                            .ceo-signature {
                                margin-top: var(--space-xl);
                                padding-top: var(--space-xl);
                                border-top: 2px solid var(--color-primary);
                            }
                            
                            .ceo-name {
                                font-family: var(--font-sans);
                                font-size: 1.25rem;
                                font-weight: 700;
                                color: #fff;
                                margin: 0 0 var(--space-xs);
                            }
                            
                            .ceo-title {
                                font-family: var(--font-sans);
                                font-size: 1rem;
                                font-weight: 600;
                                color: var(--color-primary);
                                margin: 0 0 var(--space-xs);
                            }
                            
                            .ceo-company {
                                font-family: var(--font-sans);
                                font-size: 0.9375rem;
                                color: rgba(255, 255, 255, 0.8);
                                margin: 0;
                            }
                            /* Office Images Section */
                            
                            .office-images-section {
                                padding: 0 0 var(--space-2xl) 0;
                            }
                            
                            .office-images-grid {
                                display: grid;
                                grid-template-columns: repeat(4, 1fr);
                                gap: var(--space-md);
                                max-width: var(--max-width);
                                margin: 0 auto;
                            }
                            
                            .office-image {
                                width: 100%;
                                aspect-ratio: 4/3;
                                border-radius: var(--radius-lg);
                                overflow: hidden;
                                box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
                                transition: transform 0.3s ease, box-shadow 0.3s ease;
                            }
                            
                            .office-image:hover {
                                transform: translateY(-4px);
                                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
                            }
                            
                            .office-image img {
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                            }
                            
                            @media (max-width: 768px) {
                                .about {
                                    min-height: 100vh;
                                    margin-top: var(--space-2xl);
                                    padding: var(--space-xl) var(--space-md);
                                }
                                .about-content {
                                    flex-direction: column;
                                    gap: var(--space-md);
                                }
                                .about-headline {
                                    flex: none;
                                    font-size: clamp(2.25rem, 6vw, 3.25rem);
                                    margin-top: 6rem;
                                }
                                .about-copy {
                                    flex: none;
                                }
                                .about-text {
                                    text-align: left;
                                }
                            }
                            /* Services — 2x2 style grid, centered header, white overlay + arrow icon */
                            
                            .services {
                                padding: var(--space-3xl) var(--space-xl);
                                background: #fff;
                                max-width: 100vw;
                                width: 100%;
                                box-sizing: border-box;
                            }
                            
                            .services.ceo-section {
                                background: #1a1a1a;
                            }
                            
                            .services h2 {
                                margin: 0 0 var(--space-sm);
                                font-family: var(--font-sans);
                                font-size: 2rem;
                                font-weight: 700;
                                letter-spacing: 0.05em;
                                text-transform: uppercase;
                                text-align: center;
                                color: var(--color-dark);
                            }
                            
                            .section-tagline {
                                margin: 0 0 var(--space-2xl);
                                text-align: center;
                                font-family: var(--font-sans);
                                font-size: 1rem;
                                font-weight: 400;
                                color: var(--color-primary);
                            }
                            
                            .services-grid {
                                display: grid;
                                grid-template-columns: repeat(2, 1fr);
                                gap: 1rem;
                                max-width: var(--max-width);
                                margin: 0 auto;
                            }
                            
                            .service-card {
                                position: relative;
                                border-radius: var(--radius-lg);
                                overflow: hidden;
                                background: #fff;
                                pointer-events: auto;
                                cursor: pointer;
                            }
                            
                            .service-card a {
                                position: relative;
                                z-index: 100;
                            }
                            
                            .service-image {
                                aspect-ratio: 4/3;
                                overflow: hidden;
                                pointer-events: none;
                                z-index: 0;
                            }
                            
                            .service-image img {
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                                transition: transform 0.5s ease;
                                pointer-events: none;
                            }
                            
                            .service-card:hover .service-image img {
                                transform: scale(1.08);
                            }
                            
                            .service-content {
                                position: absolute;
                                left: var(--space-md);
                                bottom: var(--space-md);
                                width: 45%;
                                max-width: 45%;
                                padding: var(--space-md) 3.25rem var(--space-md) var(--space-md);
                                background: #fff;
                                border-radius: var(--radius);
                                box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
                                display: flex;
                                flex-direction: column;
                                gap: 0.25rem;
                                pointer-events: none;
                                z-index: 1;
                            }
                            
                            .service-content a,
                            .service-content .service-link {
                                pointer-events: auto !important;
                                z-index: 9999 !important;
                                position: relative;
                            }
                            
                            .service-card .service-link {
                                pointer-events: auto !important;
                                z-index: 9999 !important;
                            }
                            
                            .service-content h3 {
                                font-family: var(--font-sans);
                                font-size: 1.3rem;
                                font-weight: 900;
                                line-height: 1;
                                letter-spacing: 0.02em;
                                text-transform: uppercase;
                                color: var(--color-dark);
                                margin: 0 0 1rem;
                            }
                            
                            .service-content p {
                                margin: 0;
                                font-family: var(--font-sans);
                                font-size: 0.75rem;
                                line-height: 1.45;
                                font-weight: 400;
                                color: #4a5568;
                                width: 70%;
                            }
                            
                            .service-link {
                                position: absolute !important;
                                right: var(--space-md) !important;
                                bottom: var(--space-md) !important;
                                width: 40px !important;
                                height: 40px !important;
                                display: flex !important;
                                align-items: center;
                                justify-content: center;
                                background: transparent;
                                color: var(--color-dark);
                                border: 2px solid var(--color-dark);
                                border-radius: 50%;
                                transition: background 0.2s, color 0.2s, transform 0.2s;
                                z-index: 9999 !important;
                                pointer-events: auto !important;
                                cursor: pointer !important;
                                text-decoration: none !important;
                            }
                            
                            .service-link i {
                                font-size: 1.25rem;
                            }
                            
                            .service-link:hover {
                                background: var(--color-primary);
                                border-color: var(--color-primary);
                                color: #fff;
                                transform: scale(1.05);
                            }
                            /* Compliance — full-width bg, headline upper-left, callout box bottom-right */
                            
                            .compliance {
                                position: relative;
                                min-height: 100vh;
                                padding: var(--space-3xl) var(--space-xl);
                                overflow: hidden;
                            }
                            
                            .compliance-bg {
                                position: absolute;
                                inset: 0;
                                background-size: cover;
                                background-position: center;
                                background-repeat: no-repeat;
                                z-index: 0;
                            }
                            
                            .compliance-bg::after {
                                content: '';
                                position: absolute;
                                inset: 0;
                                background: linear-gradient(135deg, rgba(0, 0, 0, 0.25) 0%, transparent 50%);
                                z-index: 1;
                            }
                            
                            .compliance-content {
                                position: absolute;
                                top: var(--space-2xl);
                                left: var(--space-xl);
                                z-index: 2;
                                max-width: 520px;
                            }
                            
                            .compliance-headline {
                                margin: 0 0 var(--space-md);
                                font-family: var(--font-sans);
                                font-size: clamp(2.75rem, 6vw, 4.25rem);
                                font-weight: 800;
                                font-style: italic;
                                line-height: 1.08;
                                letter-spacing: 0.02em;
                                text-transform: uppercase;
                                color: #fff;
                                text-align: left;
                            }
                            
                            .compliance-text {
                                margin: 0;
                                font-family: var(--font-sans);
                                font-size: 1rem;
                                line-height: 1.6;
                                color: rgba(255, 255, 255, 0.95);
                            }
                            
                            .compliance-callout {
                                position: absolute;
                                right: var(--space-xl);
                                bottom: var(--space-xl);
                                z-index: 2;
                                display: flex;
                                align-items: center;
                                gap: var(--space-md);
                                padding: var(--space-md) var(--space-lg);
                                background: #1a4a2e;
                                border-radius: var(--radius-lg);
                                max-width: 320px;
                            }
                            
                            .compliance-callout-image {
                                flex-shrink: 0;
                                width: 80px;
                                height: 120px;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                overflow: hidden;
                                border-radius: var(--radius);
                            }
                            
                            .compliance-callout-image img {
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                            }
                            
                            .compliance-callout-text {
                                display: flex;
                                flex-direction: column;
                                gap: 0.15rem;
                            }
                            
                            .compliance-callout-brand {
                                font-family: var(--font-sans);
                                font-size: 0.9375rem;
                                font-weight: 500;
                                color: #fff;
                                letter-spacing: 0.02em;
                            }
                            
                            .compliance-callout-emphasis {
                                font-family: var(--font-sans);
                                font-size: 1.125rem;
                                font-weight: 700;
                                color: #fff;
                                letter-spacing: 0.02em;
                            }
                            
                            .compliance-callout-tagline {
                                font-family: var(--font-sans);
                                font-size: 0.75rem;
                                font-weight: 400;
                                color: rgba(255, 255, 255, 0.9);
                                letter-spacing: 0.01em;
                            }
                            /* News — two-column: left heading, right 2-col grid; tag, headline, image, arrow on image */
                            /* Clients Carousel Section */
                            
                            .clients {
                                padding: var(--space-3xl) var(--space-xl);
                                background: #fff;
                            }
                            
                            .clients-inner {
                                display: flex;
                                gap: var(--space-2xl);
                                max-width: var(--max-width);
                                margin: 0 auto;
                                align-items: center;
                            }
                            
                            .clients-heading {
                                flex: 0 0 32%;
                                margin: 0;
                                font-family: var(--font-sans);
                                font-size: clamp(2.5rem, 5vw, 4rem);
                                font-weight: 800;
                                font-style: italic;
                                line-height: 1.05;
                                letter-spacing: 0.02em;
                                text-transform: uppercase;
                                color: var(--color-dark);
                                text-align: left;
                                transform: skewX(-5deg);
                            }
                            
                            .clients-carousel-wrapper {
                                flex: 1 1 68%;
                                position: relative;
                                display: flex;
                                align-items: center;
                                gap: var(--space-md);
                            }
                            
                            .clients-carousel {
                                flex: 1;
                                overflow: hidden;
                                position: relative;
                            }
                            
                            .clients-track {
                                display: flex;
                                gap: var(--space-2xl);
                                transition: transform 0.6s ease;
                                will-change: transform;
                            }
                            
                            .client-logo {
                                flex: 0 0 auto;
                                width: 180px;
                                height: 120px;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                padding: var(--space-md);
                                background: #fff;
                                border-radius: var(--radius);
                                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
                                transition: transform 0.3s ease, box-shadow 0.3s ease;
                            }
                            
                            .client-logo:hover {
                                transform: translateY(-4px);
                                box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
                            }
                            
                            .client-logo img {
                                max-width: 100%;
                                max-height: 100%;
                                width: auto;
                                height: auto;
                                object-fit: contain;
                                filter: grayscale(0%);
                                opacity: 1;
                                transition: filter 0.3s ease, opacity 0.3s ease;
                            }
                            
                            .client-logo:hover img {
                                filter: grayscale(100%);
                                opacity: 0.8;
                            }
                            
                            .clients-arrow {
                                width: 48px;
                                height: 48px;
                                border-radius: 50%;
                                border: none;
                                background: rgba(255, 255, 255, 0.9);
                                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                cursor: pointer;
                                color: var(--color-dark);
                                font-size: 1.5rem;
                                transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
                                flex-shrink: 0;
                            }
                            
                            .clients-arrow:hover {
                                background: #fff;
                                transform: scale(1.1);
                                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
                                color: var(--color-primary);
                            }
                            /* Organizational Chart Section */
                            
                            .org-chart-section {
                                padding: var(--space-3xl) var(--space-xl);
                            }
                            
                            .org-chart-container {
                                max-width: var(--max-width);
                                margin: var(--space-xl) auto 0;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                padding: var(--space-lg);
                                background: #f8f9fa;
                                border-radius: var(--radius-lg);
                                box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
                            }
                            
                            .org-chart-image {
                                max-width: 100%;
                                height: auto;
                                display: block;
                                border-radius: var(--radius);
                                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
                            }
                            
                            @media (max-width: 768px) {
                                .org-chart-container {
                                    padding: var(--space-md);
                                }
                            }
                            /* Certifications Section */
                            
                            .certifications-grid {
                                display: grid;
                                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
                                gap: var(--space-xl);
                                max-width: var(--max-width);
                                margin: var(--space-xl) auto 0;
                            }
                            
                            .certificate-item {
                                aspect-ratio: 4/3;
                                border-radius: var(--radius-lg);
                                overflow: hidden;
                                box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
                                transition: transform 0.3s ease, box-shadow 0.3s ease;
                                background: #fff;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                padding: var(--space-md);
                            }
                            
                            .certificate-item:hover {
                                transform: translateY(-6px);
                                box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
                            }
                            
                            .certificate-item {
                                cursor: pointer;
                            }
                            
                            .certificate-item img {
                                width: 100%;
                                height: 100%;
                                object-fit: contain;
                            }
                            /* Certificate Lightbox */
                            
                            .lightbox {
                                position: fixed;
                                inset: 0;
                                z-index: 10000;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                opacity: 0;
                                visibility: hidden;
                                transition: opacity 0.3s ease, visibility 0.3s ease;
                            }
                            
                            .lightbox.is-open {
                                opacity: 1;
                                visibility: visible;
                            }
                            
                            .lightbox-backdrop {
                                position: absolute;
                                inset: 0;
                                background: rgba(0, 0, 0, 0.9);
                                backdrop-filter: blur(4px);
                            }
                            
                            .lightbox-content {
                                position: relative;
                                max-width: 90vw;
                                max-height: 90vh;
                                z-index: 1;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                            }
                            
                            .lightbox-image {
                                max-width: 100%;
                                max-height: 90vh;
                                width: auto;
                                height: auto;
                                object-fit: contain;
                                border-radius: var(--radius-lg);
                                box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
                            }
                            
                            .lightbox-close {
                                position: absolute;
                                top: -50px;
                                right: 0;
                                width: 48px;
                                height: 48px;
                                border-radius: 50%;
                                border: none;
                                background: rgba(255, 255, 255, 0.9);
                                color: var(--color-dark);
                                font-size: 1.5rem;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                cursor: pointer;
                                transition: background 0.2s, transform 0.2s;
                                z-index: 2;
                            }
                            
                            .lightbox-close:hover {
                                background: #fff;
                                transform: scale(1.1);
                            }
                            
                            .lightbox-prev,
                            .lightbox-next {
                                position: absolute;
                                top: 50%;
                                transform: translateY(-50%);
                                width: 56px;
                                height: 56px;
                                border-radius: 50%;
                                border: none;
                                background: rgba(255, 255, 255, 0.9);
                                color: var(--color-dark);
                                font-size: 1.75rem;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                cursor: pointer;
                                transition: background 0.2s, transform 0.2s;
                                z-index: 2;
                            }
                            
                            .lightbox-prev {
                                left: -70px;
                            }
                            
                            .lightbox-next {
                                right: -70px;
                            }
                            
                            .lightbox-prev:hover,
                            .lightbox-next:hover {
                                background: #fff;
                                transform: translateY(-50%) scale(1.1);
                                color: var(--color-primary);
                            }
                            
                            .news-card {
                                display: flex;
                                flex-direction: column;
                                gap: var(--space-sm);
                                padding-bottom: var(--space-xl);
                                border-bottom: 1px solid rgba(0, 0, 0, 0.08);
                            }
                            
                            .news-grid .news-card:nth-child(n+3) {
                                border-bottom: none;
                            }
                            
                            .news-tag {
                                display: inline-block;
                                align-self: flex-start;
                                padding: 0.2em 0.5em;
                                font-family: var(--font-sans);
                                font-size: 0.7rem;
                                font-weight: 600;
                                letter-spacing: 0.02em;
                                color: #fff;
                                background: #b0b0b0;
                                border-radius: 3px;
                            }
                            
                            .news-title {
                                margin: 0;
                                font-family: var(--font-sans);
                                font-size: 1.2rem;
                                font-weight: 700;
                                line-height: 1.35;
                                color: #333;
                            }
                            
                            .news-image-wrap {
                                position: relative;
                                aspect-ratio: 600/350;
                                border-radius: 10px;
                                overflow: hidden;
                                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
                                margin-top: 0.25rem;
                            }
                            
                            .news-image-wrap img {
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                            }
                            
                            .news-image-link {
                                position: absolute;
                                right: var(--space-sm);
                                bottom: var(--space-sm);
                                width: 40px;
                                height: 40px;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                background: #fff;
                                color: var(--color-dark);
                                border-radius: 50%;
                                font-size: 1.25rem;
                                transition: transform 0.2s, background 0.2s;
                            }
                            
                            .news-image-link:hover {
                                background: var(--color-primary);
                                color: #fff;
                                transform: scale(1.05);
                            }
                            /* Footer — dark blue, 4 cols + logo + legal row */
                            
                            .footer {
                                background: var(--color-dark);
                                color: #fff;
                                padding: var(--space-2xl) var(--space-xl) var(--space-lg);
                                max-width: 100vw;
                                width: 100%;
                                box-sizing: border-box;
                            }
                            
                            .footer-top {
                                display: grid;
                                grid-template-columns: 1.5fr 1fr 1fr 1fr;
                                gap: var(--space-xl);
                                max-width: var(--max-width);
                                margin: 0 auto var(--space-2xl);
                            }
                            
                            .footer-contact .footer-phone,
                            .footer-contact .footer-email,
                            .footer-contact .footer-address {
                                display: flex;
                                align-items: flex-start;
                                gap: 0.5rem;
                                font-family: var(--font-sans);
                                color: rgba(255, 255, 255, 0.9);
                            }
                            
                            .footer-contact .footer-phone {
                                margin-bottom: var(--space-xs);
                                font-size: 1rem;
                                font-weight: 600;
                                color: #fff;
                            }
                            
                            .footer-contact .footer-email {
                                margin-bottom: var(--space-xs);
                                font-size: 0.9375rem;
                            }
                            
                            .footer-contact .footer-address {
                                font-size: 0.9375rem;
                                line-height: 1.5;
                            }
                            
                            .footer-contact .footer-phone i,
                            .footer-contact .footer-email i,
                            .footer-contact .footer-address i {
                                flex-shrink: 0;
                                font-size: 1.125rem;
                                margin-top: 0.125rem;
                            }
                            
                            .footer-contact a:hover {
                                opacity: 0.9;
                            }
                            
                            .footer-heading {
                                margin: 0 0 var(--space-sm);
                                font-family: var(--font-sans);
                                font-size: 0.8125rem;
                                font-weight: 500;
                                letter-spacing: 0.02em;
                                color: rgba(255, 255, 255, 0.7);
                                text-transform: uppercase;
                            }
                            
                            .footer-social {
                                display: flex;
                                align-items: center;
                                gap: var(--space-md);
                            }
                            
                            .footer-social a {
                                color: #fff;
                                font-size: 1.5rem;
                                transition: opacity 0.2s;
                            }
                            
                            .footer-social a:hover {
                                opacity: 0.8;
                            }
                            
                            .footer-col ul {
                                list-style: none;
                                margin: 0;
                                padding: 0;
                            }
                            
                            .footer-col ul li {
                                margin-bottom: var(--space-xs);
                            }
                            
                            .footer-col ul li a {
                                font-family: var(--font-sans);
                                font-size: 0.875rem;
                                color: #fff;
                            }
                            
                            .footer-col ul li:first-child a {
                                font-weight: 600;
                            }
                            
                            .footer-col a:hover {
                                opacity: 0.9;
                            }
                            
                            .footer-logo {
                                max-width: var(--max-width);
                                margin: 0 auto var(--space-xl);
                                text-align: center;
                            }
                            
                            .footer-logo-img {
                                height: clamp(2.5rem, 8vw, 4rem);
                                width: auto;
                                display: inline-block;
                                object-fit: contain;
                            }
                            
                            .footer-legal {
                                max-width: var(--max-width);
                                margin: 0 auto;
                                padding-top: var(--space-lg);
                                border-top: 1px solid rgba(255, 255, 255, 0.2);
                                display: flex;
                                align-items: center;
                                justify-content: space-between;
                                gap: var(--space-lg);
                                flex-wrap: wrap;
                            }
                            
                            .footer-legal-links {
                                display: flex;
                                flex-wrap: wrap;
                                align-items: center;
                                gap: var(--space-sm) var(--space-md);
                            }
                            
                            .footer-legal-links a {
                                font-family: var(--font-sans);
                                font-size: 0.75rem;
                                color: rgba(255, 255, 255, 0.6);
                            }
                            
                            .footer-legal-links a:hover {
                                color: rgba(255, 255, 255, 0.9);
                            }
                            
                            .footer-copy {
                                margin: 0;
                                font-family: var(--font-sans);
                                font-size: 0.75rem;
                                color: rgba(255, 255, 255, 0.6);
                                text-align: right;
                            }
                            /* Responsive */
                            
                            @media (max-width: 1024px) {
                                .header {
                                    padding-left: 8rem;
                                    padding-right: var(--space-md);
                                }
                                .nav {
                                    display: block;
                                    visibility: visible;
                                    opacity: 1;
                                }
                                .nav ul {
                                    gap: 1.25rem;
                                    flex-wrap: wrap;
                                }
                                .nav>ul>li>a {
                                    font-size: 0.875rem;
                                    white-space: nowrap;
                                }
                                .services-grid {
                                    grid-template-columns: repeat(2, 1fr);
                                }
                                .news-grid {
                                    grid-template-columns: repeat(2, 1fr);
                                }
                                .footer-top {
                                    grid-template-columns: repeat(2, 1fr);
                                }
                            }
                            
                            @media (min-width: 769px) and (max-width: 1024px) {
                                .nav-toggle {
                                    display: none !important;
                                }
                            }
                            
                            @media (max-width: 768px) {
                                body {
                                    /* padding-top: 6rem; */
                                    overflow-x: hidden;
                                    max-width: 100vw;
                                    width: 100%;
                                }
                                .header {
                                    padding: 0.75rem var(--space-md);
                                    padding-left: 4rem;
                                    max-width: 100vw;
                                    width: 100%;
                                    box-sizing: border-box;
                                }
                                .logo {
                                    left: var(--space-md);
                                    max-width: calc(100vw - 6rem);
                                    box-sizing: border-box;
                                }
                                .logo-img {
                                    height: 5rem;
                                    max-width: 100%;
                                }
                                .nav-backdrop {
                                    position: fixed;
                                    inset: 0;
                                    background: rgba(0, 0, 0, 0.6);
                                    opacity: 0;
                                    visibility: hidden;
                                    transition: opacity 0.4s, visibility 0.4s;
                                    z-index: 9998;
                                    pointer-events: none;
                                }
                                .nav-backdrop.is-open {
                                    opacity: 1;
                                    visibility: visible;
                                    pointer-events: auto;
                                }
                                @media (max-width: 768px) {
                                    .nav {
                                        position: fixed;
                                        top: 0;
                                        right: 0;
                                        width: 320px;
                                        max-width: 85vw;
                                        height: 100vh;
                                        background: var(--color-dark);
                                        padding: var(--space-2xl) var(--space-lg);
                                        transform: translateX(100%);
                                        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                                        box-shadow: -4px 0 24px rgba(0, 0, 0, 0.2);
                                        z-index: 9999;
                                        overflow-y: auto;
                                    }
                                    .nav.is-open {
                                        transform: translateX(0);
                                    }
                                    .nav ul {
                                        flex-direction: column;
                                        align-items: stretch;
                                        gap: 0.5rem;
                                    }
                                    .nav>ul>li>a {
                                        padding: 0.75rem 1rem;
                                        border-radius: var(--radius);
                                        font-size: 1rem;
                                    }
                                    .nav>ul>li>a:hover {
                                        background: rgba(255, 255, 255, 0.1);
                                    }
                                    .has-dropdown.is-open>a i {
                                        transform: rotate(180deg);
                                    }
                                    .has-dropdown>a i {
                                        transition: transform 0.3s ease;
                                    }
                                    .nav-cta {
                                        margin-top: var(--space-md);
                                        background: var(--color-primary);
                                        border-color: var(--color-primary);
                                        text-align: center;
                                        justify-content: center;
                                    }
                                    .nav-cta:hover {
                                        background: #8a1f23;
                                        border-color: #8a1f23;
                                    }
                                    .has-dropdown .dropdown {
                                        position: static;
                                        opacity: 0;
                                        visibility: hidden;
                                        max-height: 0;
                                        overflow: hidden;
                                        transform: none;
                                        margin-top: 0;
                                        margin-left: 0.75rem;
                                        margin-bottom: 0;
                                        padding: 0;
                                        min-width: auto;
                                        background: rgba(255, 255, 255, 0.8);
                                        border: 1px solid rgba(255, 255, 255, 0.2);
                                        border-radius: var(--radius);
                                        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
                                        transition: opacity 0.3s ease, visibility 0.3s ease, max-height 0.3s ease, padding 0.3s ease, margin 0.3s ease;
                                    }
                                    .has-dropdown.is-open .dropdown {
                                        opacity: 1;
                                        visibility: visible;
                                        max-height: 500px;
                                        margin-top: 0.25rem;
                                        margin-bottom: 0.25rem;
                                        padding: 0.2rem 0;
                                    }
                                    .has-dropdown .dropdown a {
                                        padding: 0.3rem 0.6rem;
                                        font-size: 0.8125rem;
                                        color: var(--color-dark);
                                    }
                                    .has-dropdown .dropdown a:hover {
                                        background: rgba(160, 37, 42, 0.1);
                                        color: var(--color-primary);
                                    }
                                    .nav-toggle {
                                        display: flex;
                                        z-index: 10001;
                                        position: relative;
                                    }
                                    .hero {
                                        height: 100vh;
                                        min-height: 100vh;
                                        padding-left: 0;
                                        max-width: 100vw;
                                        width: 100%;
                                        overflow-x: hidden;
                                    }
                                    .hero-inner {
                                        flex-direction: row;
                                        height: 100%;
                                        max-width: 100vw;
                                        width: 100%;
                                        overflow: hidden;
                                    }
                                    .hero-left {
                                        flex: 1 1 100%;
                                        width: 100%;
                                        min-height: 100vh;
                                        max-width: 100vw;
                                        overflow: hidden;
                                    }
                                    .hero-slide {
                                        min-height: 100vh;
                                    }
                                    .hero-center {
                                        display: none;
                                    }
                                    .hero-right {
                                        display: none;
                                    }
                                    .hero-pagination {
                                        bottom: var(--space-lg);
                                    }
                                    .hero-overlay {
                                        left: var(--space-md);
                                        right: var(--space-md);
                                        bottom: var(--space-2xl);
                                        max-width: calc(100vw - 2 * var(--space-md));
                                        width: calc(100% - 2 * var(--space-md));
                                        box-sizing: border-box;
                                    }
                                    .hero-overlay-inner {
                                        grid-template-columns: 1fr;
                                        gap: var(--space-md);
                                    }
                                    .hero-divider {
                                        width: 100%;
                                        height: 1px;
                                        min-height: 0;
                                    }
                                    .about {
                                        padding: var(--space-xl) var(--space-md);
                                        margin-top: var(--space-xl);
                                        max-width: 100vw;
                                        width: 100%;
                                        overflow-x: hidden;
                                    }
                                    .about-content {
                                        top: var(--space-md);
                                        bottom: var(--space-md);
                                        left: var(--space-md);
                                        right: var(--space-md);
                                    }
                                    .about-headline {
                                        font-size: clamp(2rem, 7vw, 3.5rem);
                                        margin-top: 5rem;
                                    }
                                    .about-text {
                                        font-size: 0.9375rem;
                                    }
                                    .about-text-content {
                                        font-size: 0.9375rem;
                                        width: 90%;
                                        padding: var(--space-lg) 0;
                                    }
                                    .services h2 {
                                        width: 90%;
                                    }
                                    .section-tagline {
                                        width: 90%;
                                    }
                                    .ceo-content {
                                        grid-template-columns: 1fr;
                                        gap: var(--space-xl);
                                    }
                                    .ceo-image {
                                        width: 100%;
                                        max-width: 300px;
                                        height: 400px;
                                        margin: 0 auto;
                                    }
                                    .office-images-section {
                                        padding: 0 0 var(--space-xl) 0;
                                    }
                                    .office-images-grid {
                                        grid-template-columns: repeat(2, 1fr);
                                        gap: var(--space-md);
                                    }
                                    .vision-mission-grid {
                                        grid-template-columns: 1fr;
                                        gap: var(--space-lg);
                                    }
                                    .vm-card {
                                        width: 100%;
                                        max-width: 335px;
                                    }
                                    .values-grid {
                                        grid-template-columns: 1fr;
                                        gap: var(--space-lg);
                                    }
                                    .office-images-section {
                                        padding: 0 0 var(--space-lg) 0;
                                    }
                                    .office-images-grid {
                                        grid-template-columns: 1fr;
                                    }
                                    .services {
                                        padding: var(--space-2xl) var(--space-md);
                                        max-width: 100vw;
                                        width: 100%;
                                        overflow-x: hidden;
                                    }
                                    .services h2 {
                                        font-size: 1.75rem;
                                        margin-bottom: var(--space-sm);
                                        width: 90%;
                                    }
                                    .section-tagline {
                                        font-size: 0.9375rem;
                                        margin-bottom: var(--space-xl);
                                        width: 90%;
                                    }
                                    .services-grid {
                                        grid-template-columns: 1fr;
                                    }
                                    .service-card {
                                        height: 30rem;
                                        display: flex;
                                        flex-direction: column;
                                    }
                                    .service-image {
                                        flex: 1 1 auto;
                                        aspect-ratio: auto;
                                        height: 60%;
                                    }
                                    .service-content {
                                        position: static;
                                        width: 70%;
                                        max-width: 70%;
                                        padding: var(--space-md);
                                        margin: 0;
                                        flex: 0 0 auto;
                                        height: 40%;
                                        display: flex;
                                        flex-direction: column;
                                        justify-content: space-between;
                                    }
                                    .service-content h3 {
                                        font-size: 1.1rem;
                                        margin-bottom: 0.5rem;
                                    }
                                    .service-content p {
                                        font-size: 0.8125rem;
                                        margin-bottom: 0.75rem;
                                        flex: 1;
                                    }
                                    .service-link {
                                        align-self: flex-start;
                                        pointer-events: auto;
                                        z-index: 10;
                                        cursor: pointer;
                                    }
                                    .news-inner {
                                        flex-direction: column;
                                        gap: var(--space-xl);
                                    }
                                    .clients-heading {
                                        flex: none;
                                        font-size: clamp(2rem, 6vw, 3rem);
                                    }
                                    .clients-carousel-wrapper {
                                        flex-direction: column;
                                        gap: var(--space-md);
                                    }
                                    .clients-arrow {
                                        position: absolute;
                                        top: 50%;
                                        transform: translateY(-50%);
                                        z-index: 2;
                                    }
                                    .clients-prev {
                                        left: 0;
                                    }
                                    .clients-next {
                                        right: 0;
                                    }
                                    .client-logo {
                                        width: 180px;
                                        height: 120px;
                                        padding: var(--space-sm);
                                    }
                                    .clients-track {
                                        gap: var(--space-md);
                                    }
                                    .footer-top {
                                        grid-template-columns: 1fr;
                                        text-align: left;
                                    }
                                    .footer-connect .footer-social {
                                        justify-content: flex-start;
                                    }
                                    .footer-legal {
                                        flex-direction: column;
                                        align-items: flex-start;
                                        text-align: left;
                                    }
                                    .footer-copy {
                                        text-align: left;
                                    }
                                    .compliance {
                                        padding: var(--space-xl) var(--space-md);
                                    }
                                    .compliance-bg {
                                        filter: blur(0px);
                                    }
                                    .compliance-content {
                                        top: var(--space-md);
                                        left: var(--space-md);
                                        right: var(--space-md);
                                        max-width: 100%;
                                    }
                                    .compliance-headline {
                                        font-size: clamp(2rem, 7vw, 3.25rem);
                                        margin-bottom: var(--space-sm);
                                    }
                                    .compliance-text {
                                        font-size: 0.9375rem;
                                    }
                                    .compliance-callout {
                                        right: var(--space-md);
                                        bottom: var(--space-md);
                                        left: var(--space-md);
                                        max-width: none;
                                        padding: var(--space-sm) var(--space-md);
                                    }
                                    .compliance-callout-image {
                                        width: 56px;
                                        height: 84px;
                                    }
                                    .clients {
                                        padding: var(--space-2xl) var(--space-md);
                                    }
                                    .clients-heading {
                                        font-size: clamp(1.75rem, 7vw, 2.75rem);
                                    }
                                    .clients-inner {
                                        flex-direction: column;
                                        gap: var(--space-xl);
                                    }
                                    .client-logo {
                                        width: 160px;
                                        height: 110px;
                                        padding: var(--space-xs);
                                    }
                                    .clients-track {
                                        gap: var(--space-sm);
                                    }
                                    .clients-carousel-wrapper {
                                        gap: var(--space-sm);
                                    }
                                    .certifications-grid {
                                        grid-template-columns: 1fr;
                                        gap: var(--space-lg);
                                    }
                                    .certificate-item {
                                        aspect-ratio: 4/3;
                                    }
                                    .lightbox-prev {
                                        left: 10px;
                                    }
                                    .lightbox-next {
                                        right: 10px;
                                    }
                                    .lightbox-close {
                                        top: 10px;
                                        right: 10px;
                                    }
                                    .footer {
                                        padding: var(--space-xl) var(--space-md) var(--space-md);
                                    }
                                    .footer-top {
                                        gap: var(--space-lg);
                                        margin-bottom: var(--space-xl);
                                    }
                                    .whatsapp-float {
                                        bottom: 1.25rem;
                                        right: 1.25rem;
                                    }
                                }
                                /* Floating WhatsApp Button */
                                .whatsapp-float {
                                    position: fixed;
                                    bottom: 2rem;
                                    right: 2rem;
                                    width: 60px;
                                    height: 60px;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    background: #25d366;
                                    color: #fff;
                                    border-radius: 50%;
                                    box-shadow: 0 4px 16px rgba(37, 211, 102, 0.4);
                                    z-index: 999;
                                    transition: transform 0.3s ease, box-shadow 0.3s ease;
                                    text-decoration: none;
                                }
                                .whatsapp-float i {
                                    font-size: 2rem;
                                }
                                .whatsapp-float:hover {
                                    transform: scale(1.1);
                                    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.5);
                                }
                                @media (max-width: 768px) {
                                    .whatsapp-float {
                                        bottom: 1.5rem;
                                        right: 1.5rem;
                                        width: 56px;
                                        height: 56px;
                                    }
                                    .whatsapp-float i {
                                        font-size: 1.75rem;
                                    }
                                }