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

        /* Subtle Noise Overlay for Premium Feel */
        body::before {
            content: "";
            position: fixed;
            inset: 0;
            z-index: 9999;
            pointer-events: none;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");
        }

        /* Refined Universal Glass Nav */
        .nav-glass {
            background: rgba(5, 5, 5, 0.4);
            backdrop-filter: blur(24px) saturate(200%);
            -webkit-backdrop-filter: blur(24px) saturate(200%);
            border-bottom: 1px solid rgba(255, 255, 255, 0.04);
        }

        /* Mega Menus with elegant scaling */
        .mega-menu {
            opacity: 0; 
            visibility: hidden; 
            transform: translateY(12px) scale(0.98);
            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
            box-shadow: 0 40px 80px -20px rgba(0,0,0,0.8), inset 0 0 0 1px rgba(255,255,255,0.05);
            background: rgba(15, 15, 16, 0.95);
            backdrop-filter: blur(20px);
        }
        .group:hover .mega-menu { 
            opacity: 1; 
            visibility: visible; 
            transform: translateY(0) scale(1); 
        }

        /* Dramatic Overlapping Layers */
        .layer-dark { background-color: #050505; color: #ffffff; }
        .layer-light { background-color: #f8f8fa; color: #050505; }
        .overlap-section {
            position: relative;
            border-radius: 2.5rem 2.5rem 0 0;
            margin-top: -2.5rem;
            z-index: 10;
        }
        @media (min-width: 1024px) {
            .overlap-section { border-radius: 4rem 4rem 0 0; margin-top: -4rem; }
            .layer-light.overlap-section { box-shadow: 0 -30px 60px rgba(0,0,0,0.6); }
            .layer-dark.overlap-section { box-shadow: 0 -30px 60px rgba(0,0,0,0.2); }
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #050505; }
        ::-webkit-scrollbar-thumb { background: #222; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #333; }
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

        /* Smooth Reveal System */
        .reveal-element { opacity: 0; transform: translateY(30px); transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal-element.is-visible { opacity: 1; transform: translateY(0); }

        /* Cinematic Image Hover */
        .img-zoom { 
            transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1), filter 1s ease;
            filter: grayscale(80%) contrast(1.1);
        }
        .group:hover .img-zoom { 
            transform: scale(1.03); 
            filter: grayscale(0%) contrast(1.05);
        }

        /* Elevated Services Experience */
        .service-tab {
            position: relative;
            border: 1px solid rgba(0,0,0,0.04);
            background: transparent;
            transition: all 400ms cubic-bezier(0.16, 1, 0.3, 1);
        }
        .service-tab:hover {
            background: rgba(255,255,255,0.6);
            transform: translateX(8px);
        }
        .service-tab.is-active {
            background: #ffffff;
            border-color: rgba(0,0,0,0.06);
            box-shadow: 0 20px 40px -10px rgba(0,0,0,0.05), 0 0 0 1px rgba(239,13,51,0.1);
            transform: translateX(12px);
        }
        .service-tab.is-active .service-tab-index,
        .service-tab.is-active .service-tab-arrow {
            color: #ef0d33;
        }

        .service-chip {
            border: 1px solid rgba(0,0,0,0.06);
            background: rgba(255,255,255,0.5);
            transition: all 300ms ease;
        }
        .service-chip:hover,
        .service-chip:focus-visible,
        .service-chip.is-active {
            border-color: rgba(239,13,51,0.2);
            color: #ef0d33;
            background: #ffffff;
            box-shadow: 0 4px 12px rgba(239,13,51,0.08);
        }

        .service-panel {
            position: relative;
            overflow: hidden;
            background: #0a0a0b;
            box-shadow: 0 40px 100px -20px rgba(0,0,0,0.3);
            border: 1px solid rgba(255,255,255,0.05);
        }
        .service-panel::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image: 
                linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
            background-size: 60px 60px;
            pointer-events: none;
        }
        .service-panel::after {
            content: '';
            position: absolute;
            inset: 0;
            background:
                linear-gradient(115deg, transparent 18%, rgba(255,255,255,0.06) 42%, rgba(239,13,51,0.12) 50%, transparent 62%);
            transform: translateX(-140%);
            animation: servicePanelSweep 9s ease-in-out infinite;
            pointer-events: none;
        }
        .service-panel-orb {
            position: absolute;
            border-radius: 9999px;
            filter: blur(40px);
            opacity: 0.4;
            pointer-events: none;
            animation: serviceOrbFloat 11s ease-in-out infinite;
        }
        .service-panel-orb:nth-of-type(2) {
            animation-delay: -4s;
            animation-duration: 14s;
        }
        .service-panel-status {
            border: 1px solid rgba(255,255,255,0.08);
            background: rgba(255,255,255,0.04);
            backdrop-filter: blur(12px);
        }
        .service-panel-dot {
            animation: servicePulse 2.6s ease-in-out infinite;
            box-shadow: 0 0 0 0 rgba(239,13,51,0.28);
        }
        .service-detail {
            display: none;
            animation: serviceDetailIn 0.55s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }
        .service-detail.is-active { display: block; }
        .service-detail.is-active > * {
            animation: serviceContentRise 0.7s cubic-bezier(0.16, 1, 0.3, 1) both;
        }
        .service-detail.is-active > *:nth-child(2) { animation-delay: 70ms; }
        .service-detail.is-active > *:nth-child(3) { animation-delay: 140ms; }
        .service-detail.is-active > *:nth-child(4) { animation-delay: 210ms; }
        .service-detail.is-active > *:nth-child(5) { animation-delay: 280ms; }
        .service-detail.is-active > *:nth-child(6) { animation-delay: 350ms; }
        
        .service-metric {
            border: 1px solid rgba(255,255,255,0.05);
            background: rgba(255,255,255,0.02);
            backdrop-filter: blur(10px);
            transition: transform 300ms ease, border-color 300ms ease, background 300ms ease;
        }
        .service-detail.is-active .service-metric:hover {
            transform: translateY(-4px);
            border-color: rgba(239,13,51,0.22);
            background: rgba(255,255,255,0.05);
        }
        .service-visual {
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(255,255,255,0.08);
            background:
                radial-gradient(circle at top right, rgba(239,13,51,0.22), transparent 34%),
                linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
            backdrop-filter: blur(10px);
        }
        .service-visual::before {
            content: '';
            position: absolute;
            inset: 0;
            background:
                linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
            background-size: 34px 34px;
            opacity: 0.45;
            pointer-events: none;
        }
        .service-visual img,
        .service-visual svg {
            position: relative;
            z-index: 1;
        }
        .service-visual img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0.8;
            mix-blend-mode: screen;
        }
        .service-visual-glow {
            position: absolute;
            inset: auto auto -20% -10%;
            width: 55%;
            aspect-ratio: 1;
            border-radius: 9999px;
            background: rgba(239,13,51,0.18);
            filter: blur(48px);
            animation: serviceOrbFloat 12s ease-in-out infinite;
            pointer-events: none;
        }
        .service-visual-line {
            stroke-dasharray: 8 10;
            animation: serviceDash 10s linear infinite;
        }
        .service-visual-node {
            animation: servicePulse 2.8s ease-in-out infinite;
            transform-origin: center;
        }
        .sector-card {
            position: relative;
            overflow: hidden;
            min-height: 30rem;
            background: #0a0a0b;
            box-shadow: 0 30px 80px -24px rgba(0,0,0,0.7);
            transition: transform 450ms cubic-bezier(0.16, 1, 0.3, 1), border-color 300ms ease, box-shadow 300ms ease;
        }
        .sector-card:hover {
            transform: translateY(-8px);
            border-color: rgba(239,13,51,0.18);
            box-shadow: 0 40px 90px -28px rgba(0,0,0,0.78);
        }
        .sector-card::before {
            content: '';
            position: absolute;
            inset: 0;
            background:
                linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
            background-size: 46px 46px;
            opacity: 0.4;
            pointer-events: none;
        }
        .sector-card::after {
            content: '';
            position: absolute;
            inset: auto -10% -20% auto;
            width: 16rem;
            height: 16rem;
            border-radius: 9999px;
            background: rgba(239,13,51,0.14);
            filter: blur(48px);
            pointer-events: none;
        }
        .sector-card-icon,
        .sector-card-title,
        .sector-card-copy,
        .sector-card-cta {
            transition: transform 450ms cubic-bezier(0.16, 1, 0.3, 1), color 300ms ease, background-color 300ms ease, border-color 300ms ease, box-shadow 300ms ease;
        }
        .sector-card-icon {
            border: 1px solid rgba(255,255,255,0.1);
        }
        .sector-card:hover .sector-card-icon {
            transform: translateY(-4px);
            background: rgba(255,255,255,0.1);
            border-color: rgba(239,13,51,0.22);
        }
        .sector-card:hover .sector-card-title {
            transform: translateY(-2px);
            color: #ffffff;
        }
        .sector-card:hover .sector-card-copy {
            transform: translateY(-2px);
            color: rgba(255,255,255,0.82);
        }
        .sector-card-cta {
            box-shadow: 0 18px 40px rgba(255,255,255,0.08);
        }
        .sector-card:hover .sector-card-cta {
            transform: translateY(-2px);
            background: #ef0d33;
            color: #ffffff;
            box-shadow: 0 22px 46px rgba(239,13,51,0.24);
        }
        .back-to-top {
            position: fixed;
            right: 1.5rem;
            bottom: 1.5rem;
            z-index: 80;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.7rem;
            padding: 0.95rem 1.1rem;
            border-radius: 9999px;
            border: 1px solid rgba(255,255,255,0.12);
            background: rgba(10,10,11,0.82);
            color: #ffffff;
            backdrop-filter: blur(20px) saturate(180%);
            -webkit-backdrop-filter: blur(20px) saturate(180%);
            box-shadow: 0 18px 40px rgba(0,0,0,0.35);
            transform: translateY(16px);
            opacity: 0;
            visibility: hidden;
            transition: opacity 250ms ease, transform 250ms ease, visibility 250ms ease, border-color 250ms ease, background 250ms ease;
        }
        .back-to-top.is-visible {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
        .back-to-top:hover {
            background: rgba(239,13,51,0.92);
            border-color: rgba(239,13,51,0.55);
        }

        @keyframes servicePanelSweep {
            0%, 100% { transform: translateX(-140%); opacity: 0; }
            18%, 62% { opacity: 1; }
            100% { transform: translateX(140%); opacity: 0; }
        }
        @keyframes serviceOrbFloat {
            0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
            50% { transform: translate3d(0, -18px, 0) scale(1.08); }
        }
        @keyframes servicePulse {
            0%, 100% {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(239,13,51,0.26);
            }
            50% {
                transform: scale(1.08);
                box-shadow: 0 0 0 12px rgba(239,13,51,0);
            }
        }
        @keyframes serviceDetailIn {
            from { opacity: 0; transform: translateY(16px); }
            to { opacity: 1; transform: translateY(0); }
        }
        @keyframes serviceContentRise {
            from { opacity: 0; transform: translateY(18px); }
            to { opacity: 1; transform: translateY(0); }
        }
        @keyframes serviceDash {
            to { stroke-dashoffset: -180; }
        }

        /* High-End Hero System */
        .hero-grid {
            background-image: 
                linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
            background-size: 100px 100px;
            mask-image: radial-gradient(ellipse at center, black 20%, transparent 70%);
            -webkit-mask-image: radial-gradient(ellipse at center, black 20%, transparent 70%);
        }
        .hero-bg-slide {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0;
            transform: scale(1.08);
            transition: opacity 2s ease, transform 8s cubic-bezier(0.25, 1, 0.5, 1);
        }
        .hero-bg-slide.is-active {
            opacity: 0.35;
            transform: scale(1);
        }
        .hero-orb { filter: blur(50px); animation: heroFloat 20s ease-in-out infinite alternate; }
        
        /* Premium Button Glow */
        .btn-premium {
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        .btn-premium::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 50%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
            transform: skewX(-20deg);
            transition: all 0.7s ease;
        }
        .btn-premium:hover::after { left: 150%; }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        @keyframes heroFloat {
            0% { transform: translate3d(0, 0, 0) scale(1); }
            100% { transform: translate3d(20px, -30px, 0) scale(1.1); }
        }
        @keyframes heroPulse {
            0%, 100% { box-shadow: 0 0 0 0 rgba(239,13,51,0.4); }
            50% { box-shadow: 0 0 0 10px rgba(239,13,51,0); }
        }
        @keyframes heroRise {
            from { opacity: 0; transform: translateY(40px) scale(0.95); }
            to { opacity: 1; transform: translateY(0) scale(1); }
        }

        .hero-word {
            display: inline-block;
            animation: heroRise 1.2s cubic-bezier(0.16, 1, 0.3, 1) both;
        }
        .hero-word-delay { animation-delay: 0.2s; }
        .hero-badge { animation: heroPulse 3s ease-in-out infinite; }

        .hero-readiness-wrap {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 1rem;
        }
        .hero-readiness-cta {
            position: relative;
            display: inline-flex;
            flex-direction: column;
            gap: 0.6rem;
            border: 1px solid rgba(255,255,255,0.14);
            background:
                linear-gradient(135deg, rgba(239,13,51,0.98), rgba(160,10,34,0.95)),
                radial-gradient(circle at top right, rgba(255,255,255,0.24), transparent 36%);
            box-shadow: 0 28px 80px rgba(239,13,51,0.28), inset 0 1px 0 rgba(255,255,255,0.18);
            isolation: isolate;
        }
        .hero-readiness-cta::before {
            content: "";
            position: absolute;
            inset: 1px;
            border-radius: calc(1.75rem - 1px);
            background:
                linear-gradient(140deg, rgba(255,255,255,0.18), rgba(255,255,255,0.02) 40%, rgba(0,0,0,0.08) 100%);
            opacity: 0.75;
            z-index: -1;
        }
        .hero-readiness-cta:hover {
            transform: translateY(-4px) scale(1.01);
            box-shadow: 0 34px 96px rgba(239,13,51,0.38), inset 0 1px 0 rgba(255,255,255,0.22);
        }
        .hero-readiness-cta__eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 0.62rem;
            font-weight: 800;
            letter-spacing: 0.28em;
            text-transform: uppercase;
            color: rgba(255,255,255,0.74);
        }
        .hero-readiness-cta__eyebrow::before {
            content: "";
            width: 0.6rem;
            height: 0.6rem;
            border-radius: 9999px;
            background: #ffffff;
            box-shadow: 0 0 0 8px rgba(255,255,255,0.12);
            animation: heroPulse 2.8s ease-in-out infinite;
        }
        .hero-readiness-cta__title {
            display: inline-flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            font-family: "Space Grotesk", sans-serif;
            font-size: 1.2rem;
            font-weight: 800;
            letter-spacing: -0.02em;
            line-height: 1.1;
        }
        .hero-readiness-cta__subcopy {
            max-width: 34rem;
            font-size: 0.92rem;
            line-height: 1.5;
            color: rgba(255,255,255,0.82);
        }
        .hero-readiness-proof {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 0.75rem;
        }
        .hero-readiness-proof__item {
            display: inline-flex;
            align-items: center;
            gap: 0.55rem;
            padding: 0.85rem 1rem;
            border-radius: 9999px;
            border: 1px solid rgba(255,255,255,0.1);
            background: rgba(255,255,255,0.04);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.16em;
            text-transform: uppercase;
            color: rgba(255,255,255,0.84);
            box-shadow: 0 18px 40px rgba(0,0,0,0.18);
        }
        .hero-readiness-proof__item i {
            color: #ffffff;
            opacity: 0.95;
        }

        @media (max-width: 640px) {
            .hero-readiness-cta {
                width: 100%;
            }
            .hero-readiness-cta__title {
                font-size: 1.05rem;
            }
            .hero-readiness-cta__subcopy {
                font-size: 0.84rem;
            }
            .hero-readiness-proof {
                gap: 0.55rem;
            }
            .hero-readiness-proof__item {
                width: 100%;
                justify-content: center;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            *, ::before, ::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
        }