@layer base {
            :root {
                --deep-navy: #050a14;
                --slate-grey: #334155;
                --charcoal: #1A1A1A;
                --brushed-silver: #E5E7EB;
                --border-silver: #E2E8F0;
                --technical-blue: #3b82f6;
            }

            body {
                font-family: 'Inter', sans-serif;
                background-color: #FAFAFA;
                color: var(--charcoal);
                overflow-x: hidden;
            }

            h1,
            h2,
            h3,
            h4 {
                font-family: 'Space Grotesk', sans-serif;
                letter-spacing: -0.02em;
            }

            .serif-accent {
                font-family: 'Libre Baskerville', serif;
                font-style: italic;
            }
        }

        .sharp-edge {
            border-radius: 0px !important;
        }

        .technical-icon {
            font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
        }

        .nav-link {
            position: relative;
        }

        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 1px;
            bottom: -4px;
            left: 0;
            background-color: var(--deep-navy);
            transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .nav-link:hover::after {
            width: 100%;
        }

        details>summary {
            list-style: none;
        }

        details>summary::-webkit-details-marker {
            display: none;
        }

        .glass-panel {
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .glass-panel2 {
            background: rgb(59,121,216, .2);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .technical-border {
            position: relative;
        }

        .technical-border::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 1px solid rgba(0, 0, 0, 0.05);
            pointer-events: none;
        }

        .technical-border-hover:hover::before {
            border-color: rgba(0, 0, 0, 0.2);
            transition: border-color 0.3s ease;
        }

        .hover-lift-subtle {
            transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .hover-lift-subtle:hover {
            transform: translateY(-2px);
            box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.1);
        }

        .tech-overlay {
            background: linear-gradient(180deg, rgba(5, 10, 20, 0) 0%, rgba(5, 10, 20, 0.9) 100%);
        }

        .grid-bg {
            background-size: 40px 40px;
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0.03) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 1px, transparent 1px);
        }

        @keyframes float {
            0% {
                transform: translateY(0px) rotate(0deg);
            }

            50% {
                transform: translateY(-15px) rotate(1deg);
            }

            100% {
                transform: translateY(0px) rotate(0deg);
            }
        }

        .animate-float {
            animation: float 6s ease-in-out infinite;
        }

        .tech-data-row {
            opacity: 0;
            transform: translateX(-10px);
            transition: all 0.3s ease;
        }

        .group:hover .tech-data-row {
            opacity: 1;
            transform: translateX(0);
        }

        .group:hover .tech-data-row:nth-child(1) {
            transition-delay: 0.1s;
        }

        .group:hover .tech-data-row:nth-child(2) {
            transition-delay: 0.2s;
        }

        .group:hover .tech-data-row:nth-child(3) {
            transition-delay: 0.3s;
        }

        .shimmer-btn {
            background: linear-gradient(110deg, #ffffff 8%, #f0f0f0 18%, #ffffff 33%);
            background-size: 200% 100%;
            animation: 1.5s shine linear infinite;
        }

        @keyframes shine {
            to {
                background-position-x: -200%;
            }
        }

        .slider-container {
            position: relative;
            overflow: hidden;
        }

        .slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1);
            pointer-events: none;
            z-index: 0;
        }

        .slide.active {
            opacity: 1;
            pointer-events: auto;
            z-index: 10;
        }

        .gradient-mesh {
            background-color: #050a14;
            background-image:
                radial-gradient(at 0% 0%, hsla(240, 80%, 15%, 1) 0, transparent 50%),
                radial-gradient(at 50% 0%, hsla(220, 90%, 25%, 1) 0, transparent 50%),
                radial-gradient(at 100% 0%, hsla(270, 80%, 25%, 1) 0, transparent 50%);
            animation: moveGradient 10s ease-in-out infinite alternate;
        }

        @keyframes moveGradient {
            0% {
                background-position: 0% 0%;
            }

            100% {
                background-position: 100% 100%;
            }
        }

        .slide:nth-child(2) .gradient-mesh {
            background-image:
                radial-gradient(at 100% 100%, hsla(240, 80%, 15%, 1) 0, transparent 50%),
                radial-gradient(at 0% 100%, hsla(220, 90%, 25%, 1) 0, transparent 50%),
                radial-gradient(at 50% 50%, hsla(270, 80%, 25%, 1) 0, transparent 50%);
        }

        .slide:nth-child(3) .gradient-mesh {
            background-image:
                radial-gradient(at 20% 80%, hsla(240, 80%, 15%, 1) 0, transparent 50%),
                radial-gradient(at 80% 20%, hsla(220, 90%, 25%, 1) 0, transparent 50%),
                radial-gradient(at 50% 50%, hsla(270, 80%, 25%, 1) 0, transparent 50%);
        }

        @keyframes fadeUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .reveal-on-scroll {
            animation: fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
            opacity: 0;
            animation-delay: 0.2s;
            animation-fill-mode: forwards;
        }

        .img-zoom-container {
            overflow: hidden;
        }

        .img-zoom-container img {
            transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .group:hover .img-zoom-container img {
            transform: scale(1.05);
        }

        .text-slate-300 {
            color: #cbd5e1 !important;
        }

        body.site-pending #site-shell {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }

        body.site-ready #site-shell {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transition: opacity .2s ease;
        }

        #site-loading-overlay {
            position: fixed;
            inset: 0;
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #ffffff;
            color: #0f172a;
            font-size: 12px;
            letter-spacing: .14em;
            text-transform: uppercase;
            font-weight: 700;
        }

        body.site-ready #site-loading-overlay {
            display: none;
        }

        .text-slate-400 {
            color: #94a3b8 !important;
        }

        .text-slate-500 {
            color: #64748b !important;
        }

        .text-slate-600 {
            color: #475569 !important;
        }

        .text-slate-800 {
            color: #1e293b !important;
        }

        .bg-slate-50 {
            background-color: #f8fafc !important;
        }

        .border-slate-200 {
            border-color: #e2e8f0 !important;
        }

        .language-switcher {
            position: relative;
        }

        .language-trigger {
            display: inline-flex;
            align-items: center;
            gap: 0.45rem;
            height: 2.5rem;
            padding: 0 0.7rem;
            border: 1px solid transparent;
            background: transparent;
            color: var(--deep-navy);
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.18em;
            text-transform: uppercase;
            transition: color 0.25s ease, background-color 0.25s ease;
        }

        .language-switcher:hover .language-trigger,
        .language-switcher.is-open .language-trigger,
        .language-switcher:focus-within .language-trigger {
            background: rgba(248, 250, 252, 0.9);
        }

        .language-trigger .material-symbols-outlined {
            font-size: 17px;
            color: #64748b;
            transition: transform 0.25s ease;
        }

        .language-switcher:hover .language-trigger .material-symbols-outlined,
        .language-switcher.is-open .language-trigger .material-symbols-outlined,
        .language-switcher:focus-within .language-trigger .material-symbols-outlined {
            color: var(--deep-navy);
        }

        .language-active {
            color: #3b82f6;
        }

        .language-menu {
            position: absolute;
            top: calc(100% + 0.75rem);
            right: 0;
            min-width: 7rem;
            padding: 0.5rem;
            border: 1px solid #e5e7eb;
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 20px 40px -24px rgba(5, 10, 20, 0.28);
            opacity: 0;
            visibility: hidden;
            transform: translateY(8px);
            transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
            z-index: 70;
        }

        .language-switcher:hover .language-menu,
        .language-switcher.is-open .language-menu,
        .language-switcher:focus-within .language-menu {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .language-option {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            padding: 0.85rem 0.9rem;
            color: #334155;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 0.10em;
            transition: background-color 0.2s ease, color 0.2s ease;
        }

        .language-option:hover,
        .language-option:focus-visible {
            background: #f8fafc;
            color: var(--deep-navy);
            outline: none;
        }

        .language-option.is-active {
            background: rgba(59, 130, 246, 0.08);
            color: var(--deep-navy);
        }

        .language-meta {
            font-size: 9px;
            letter-spacing: 0.16em;
            color: #3b82f6;
        }

        .mobile-menu-toggle {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 3rem;
            height: 3rem;
            border: 1px solid #e5e7eb;
            background: #ffffff;
            color: var(--deep-navy);
        }

        .mobile-menu-panel {
            border-top: 1px solid #e5e7eb;
            background: rgba(255, 255, 255, 0.98);
            backdrop-filter: blur(12px);
            box-shadow: 0 20px 40px -24px rgba(5, 10, 20, 0.2);
        }

        .mobile-menu-link {
            display: block;
            padding: 1rem 0;
            border-bottom: 1px solid #eef2f7;
            color: var(--deep-navy);
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.22em;
            text-transform: uppercase;
        }

        .mobile-menu-link:last-child {
            border-bottom: 0;
        }

        .mobile-language-option {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 4.5rem;
            padding: 0.8rem 1rem;
            border: 1px solid #e5e7eb;
            background: #ffffff;
            color: #475569;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.16em;
            text-transform: uppercase;
        }

        .mobile-language-option.is-active {
            border-color: #3b82f6;
            color: var(--deep-navy);
            background: rgba(59, 130, 246, 0.08);
        }

        .legal-page-shell {
            background:
                radial-gradient(circle at top left, rgba(59, 130, 246, 0.08), transparent 28%),
                linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
        }

        .legal-page-card {
            padding: 2rem;
        }

        @media (min-width: 1024px) {
            .legal-page-card {
                padding: 3rem;
            }
        }

        .legal-page-content > *:first-child {
            margin-top: 0;
        }

        .footer-legal-list {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
        }

        @media (min-width: 768px) {
            .footer-legal-list {
                justify-content: flex-end;
            }
        }

        .footer-legal-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 2.5rem;
            padding: 0.55rem 0.9rem;
            color: #9ca3af;
            font-size: 11px;
            letter-spacing: 0.1em;
            transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
        }

        .footer-legal-link:hover,
        .footer-legal-link:focus-visible {
            color: #cbd5e1;
            transform: translateY(-1px);
            outline: none;
        }