html {
            scroll-behavior: auto;
        }

        body {
            font-family: 'Google Sans', sans-serif;
            background: oklch(97% 0 0);
            color: #F5F3EE;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: 'Stack Sans Headline', sans-serif;
        }

        p {
            font-family: 'Google Sans', sans-serif;
        }

        .hero-bg {
            background: linear-gradient(135deg, #0D1B2A 0%, #1A1A1A 50%, #0D1B2A 100%);
            position: relative;
            overflow: hidden;
        }

        .hero-bg::before {
            content: '';
            position: absolute;
            top: -20%;
            right: -10%;
            width: 60%;
            height: 120%;
            background: linear-gradient(45deg, transparent 40%, rgba(43, 95, 142, 0.12) 100%);
            transform: skewX(-15deg);
        }

        .hero-bg::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #E8670A, #2B5F8E);
        }

        .accent-line {
            display: inline-block;
            width: 3rem;
            height: 3px;
            background: #E8670A;
            vertical-align: middle;
            margin-right: 0.75rem;
        }

        .card-industrial {
            border: 1px solid #2E2E2E;
            transition: border-color 0.3s ease, transform 0.3s ease;
        }

        .card-industrial:hover {
            border-color: #E8670A;
            transform: translateY(-4px);
        }

        .nav-scrolled {
            background: rgba(26, 26, 26, 0.97) !important;
            backdrop-filter: blur(12px);
            border-bottom: 1px solid #2E2E2E;
        }

        .mobile-menu {
            transition: max-height 0.3s ease, opacity 0.3s ease;
        }

        .mobile-menu.closed {
            max-height: 0;
            opacity: 0;
            overflow: hidden;
        }

        .mobile-menu.open {
            max-height: 500px;
            opacity: 1;
        }

        .reveal {
            opacity: 0;
            transform: translateY(28px);
            transition: opacity 0.65s ease, transform 0.65s ease;
        }

        .reveal.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .testimonial-track {
            display: flex;
            transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .testimonial-card {
            flex: 0 0 calc(33.333% - 1rem);
            margin-right: 1.5rem;
        }

        @media (max-width: 1024px) {
            .testimonial-card {
                flex: 0 0 calc(50% - 0.75rem);
            }
        }

        @media (max-width: 640px) {
            .testimonial-card {
                flex: 0 0 100%;
                margin-right: 1rem;
            }
        }

        .slider-btn {
            width: 2.75rem;
            height: 2.75rem;
            border: 1px solid #2E2E2E;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: border-color 0.2s, background 0.2s;
            cursor: pointer;
            background: transparent;
        }

        .slider-btn:hover {
            border-color: #E8670A;
            background: rgba(232, 103, 10, 0.08);
        }

        .slider-btn:disabled {
            opacity: 0.3;
            cursor: not-allowed;
        }

        .slider-btn:disabled:hover {
            border-color: #2E2E2E;
            background: transparent;
        }

        .blog-card {
            border: 1px solid #e5e7eb;
            transition: border-color 0.3s, transform 0.3s;
        }

        .blog-card:hover {
            border-color: #E8670A;
            transform: translateY(-3px);
        }

        .case-card {
            border: 1px solid #2E2E2E;
            transition: border-color 0.3s;
        }

        .case-card:hover {
            border-color: #3A7AB5;
        }

        .stars {
            color: #E8670A;
            letter-spacing: 2px;
        }

        input,
        textarea,
        select {
            font-family: 'DM Sans', sans-serif;
        }