@font-face {
            font-family: "Azeri";
            src: url("../fonts/Azeri-Bold.ttf") format("truetype");
            font-weight: 700;
            font-style: normal;
            font-display: swap;
        }
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .font-brand,
        .font-nav {
            font-family: "Azeri", "Azeret Mono", monospace !important;
            font-weight: 700;
            letter-spacing: 0.04em;
        }
        :root {
            --site-header-height: 92px;
            --site-footer-height: 186px;
            --site-footer-primary-height: 186px;
            --section-padding-block: clamp(4.25rem, 8svh, 6.5rem);
            --product-card-height: 41.75rem;
            --product-card-shadow: 0 24px 58px rgba(0, 8, 20, 0.3), inset 0 1px 0 rgba(194, 224, 248, 0.06);
            --product-card-shadow-light: 0 20px 38px rgba(0, 66, 112, 0.16), inset 0 1px 0 rgba(244, 251, 255, 0.58);
            --product-side-shadow: drop-shadow(0 30px 56px rgba(0, 8, 20, 0.28)) drop-shadow(0 14px 28px rgba(0, 8, 20, 0.2));
            --product-side-shadow-light: drop-shadow(0 28px 46px rgba(31, 77, 113, 0.2)) drop-shadow(0 12px 22px rgba(255, 255, 255, 0.34));
            --product-card-border: rgba(190, 214, 236, 0.08);
            --product-side-fade-edge: rgba(0, 15, 31, 1);
            --product-side-fade-mid: rgba(0, 15, 31, 0.28);
            --product-side-fade-clear: rgba(0, 15, 31, 0);
            --reveal-duration: 0.82s;
            --reveal-distance: 30px;
            --header-surface-dark: linear-gradient(180deg, rgba(6, 31, 55, 0.92), rgba(3, 23, 43, 0.88));
            --header-surface-light: linear-gradient(180deg, rgba(187, 212, 236, 0.9), rgba(172, 200, 227, 0.84));
            --header-shadow-dark: 0 20px 40px rgba(0, 8, 20, 0.5), inset 0 1px 0 rgba(124, 174, 217, 0.12);
            --header-shadow-light: 0 14px 28px rgba(32, 82, 124, 0.16), inset 0 1px 0 rgba(245, 252, 255, 0.6);
            --header-border-dark: rgba(124, 174, 217, 0.14);
            --header-border-light: rgba(63, 99, 132, 0.16);
            --header-backdrop-blur: 10px;
            --header-backdrop-saturation: 140%;
            --mobile-menu-backdrop-dark: rgba(2, 17, 32, 0.16);
            --mobile-menu-backdrop-light: rgba(146, 178, 209, 0.12);
            --mobile-menu-surface-dark: var(--header-surface-dark);
            --mobile-menu-surface-light: var(--header-surface-light);
            --mobile-menu-blur: 30px;
            --mobile-menu-saturation: 170%;
            --carousel-arrow-color-dark: #87c9ee;
            --carousel-arrow-hover-dark: #d9efff;
            --carousel-arrow-active-dark: #53b1e9;
            --carousel-arrow-color-light: #1e5e8b;
            --carousel-arrow-hover-light: #134a72;
            --carousel-arrow-active-light: #0f3b5a;
            --carousel-arrow-shadow-dark: drop-shadow(0 8px 18px rgba(0, 8, 20, 0.5));
            --carousel-arrow-shadow-light: drop-shadow(0 8px 14px rgba(21, 64, 99, 0.24));
            --carousel-arrow-stroke-width: 3;
            --theme-fade-duration: 620ms;
            --theme-fade-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
            --theme-fade-buffer: 120ms;
        }
        html {
            scroll-padding-top: calc(var(--site-header-height) + 12px);
            max-width: 100%;
            overflow-x: clip;
        }
        body {
            max-width: 100%;
            overflow-x: clip;
        }
        @supports not (overflow: clip) {
            html,
            body {
                overflow-x: hidden;
            }
        }
        #hero,
        #products,
        #contact {
            scroll-margin-top: calc(var(--site-header-height) + 10px);
        }
        .no-line-rule { border: none !important; }
        .nav-shell {
            position: relative;
            display: grid;
            grid-template-columns: auto minmax(0, 1fr) auto;
            align-items: center;
            gap: clamp(0.8rem, 1.4vw, 1.5rem);
        }
        .nav-shell.nav-stacked {
            grid-template-columns: minmax(0, 1fr) auto;
            grid-template-areas:
                "brand controls"
                "nav nav";
            row-gap: 0.45rem;
        }
        .brand-lockup {
            position: relative;
            z-index: 2;
            justify-self: start;
            width: max-content;
            max-width: none;
        }
        .brand-lockup img {
            flex: none;
        }
        .brand-lockup > span {
            display: block;
            flex: none;
            min-width: 0;
            width: max-content;
            white-space: nowrap;
        }
        .brand-lockup > span > span {
            display: inline;
            width: auto;
        }
        @media (min-width: 768px) {
            .brand-lockup {
                min-width: max-content;
            }
        }
        .nav-controls {
            position: relative;
            z-index: 2;
        }
        .nav-shell.nav-stacked .brand-lockup {
            grid-area: brand;
        }
        .nav-shell.nav-stacked .nav-controls {
            grid-area: controls;
        }
        .desktop-nav {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            min-width: 0;
            width: max-content;
            justify-self: center;
            justify-content: center;
            max-width: min(calc(100vw - 35rem), 40rem);
        }
        .nav-controls {
            gap: clamp(0.7rem, 1vw, 1rem);
        }
        .nav-shell.nav-stacked .desktop-nav {
            position: static;
            left: auto;
            top: auto;
            transform: none;
            grid-area: nav;
            width: 100%;
            max-width: none;
            padding-inline: 0;
            justify-content: center;
        }
        .top-nav-link,
        .mobile-nav-link {
            position: relative;
            color: rgba(213, 231, 255, 0.88) !important;
            transition: color 0.28s ease, opacity 0.28s ease;
        }
        .top-nav-link::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -0.42rem;
            height: 2px;
            background: transparent;
            border-radius: 999px;
            opacity: 0;
            transform: scaleX(0.68);
            transform-origin: center;
            transition: background-color 0.24s ease, transform 0.24s ease, opacity 0.24s ease;
        }
        .top-nav-link:hover::after,
        .top-nav-link:focus-visible::after,
        .top-nav-link-active::after {
            opacity: 1;
            transform: scaleX(1);
        }
        .top-nav-link-active::after {
            background: rgba(80, 181, 255, 0.92);
        }
        .top-nav-link:hover,
        .top-nav-link:focus-visible {
            color: #7dcfff !important;
            opacity: 1;
        }
        .mobile-nav-link:hover,
        .mobile-nav-link:focus-visible {
            color: #7dcfff !important;
            opacity: 1;
        }
        .top-nav-link-active {
            color: #00AAFF !important;
            opacity: 1;
        }
        .mobile-nav-link-active {
            color: #00AAFF !important;
        }
        @media (min-width: 768px) and (max-width: 1380px) {
            .desktop-nav {
                position: static;
                left: auto;
                top: auto;
                transform: none;
                max-width: none;
                padding-inline: 0.9rem;
                gap: 1.15rem !important;
                font-size: 0.76rem;
            }
        }
        @media (max-width: 1240px) and (min-width: 768px) {
            .brand-lockup img {
                height: 4.35rem !important;
            }
            .brand-lockup > span {
                font-size: 2rem !important;
            }
            .desktop-nav {
                gap: 1rem !important;
                font-size: 0.73rem !important;
            }
            #lang-toggle {
                min-width: 3rem !important;
                padding-inline: 0.72rem !important;
            }
        }
        @media (max-width: 1024px) and (min-width: 768px) {
            .brand-lockup img {
                height: 3.7rem !important;
            }
            .brand-lockup > span {
                font-size: 1.72rem !important;
            }
            .desktop-nav {
                gap: 0.82rem !important;
                font-size: 0.68rem !important;
                letter-spacing: 0.09em;
            }
            .nav-controls {
                gap: 0.6rem !important;
            }
            .theme-toggle,
            #mobile-menu-toggle,
            #lang-toggle {
                height: 2.55rem;
            }
        }
        @media (max-width: 880px) {
            .brand-lockup {
                max-width: min(100%, 17.5rem);
            }
        }
        @media (max-width: 767px) {
            html,
            body {
                overscroll-behavior-x: none;
            }
            nav {
                z-index: 120 !important;
                transform: translateZ(0);
                -webkit-transform: translateZ(0);
                backface-visibility: hidden;
                -webkit-backface-visibility: hidden;
                -webkit-backdrop-filter: none !important;
                backdrop-filter: none !important;
                contain: paint;
            }
            nav > .nav-shell,
            .nav-controls,
            .nav-controls > * {
                position: relative;
                z-index: 3;
                transform: translateZ(0);
                -webkit-transform: translateZ(0);
                backface-visibility: hidden;
                -webkit-backface-visibility: hidden;
                will-change: transform, opacity;
            }
            .nav-shell {
                grid-template-columns: minmax(0, 1fr) auto;
                gap: 0.7rem;
            }
            .brand-lockup {
                max-width: min(100%, calc(100vw - 8.5rem));
            }
        }
        @media (max-width: 430px) {
            .brand-lockup {
                max-width: none;
                gap: 0 !important;
            }
            .brand-lockup > span {
                display: none !important;
            }
            .brand-lockup img {
                height: 3.4rem !important;
            }
            .nav-controls {
                gap: 0.55rem !important;
            }
            #lang-toggle {
                min-width: 2.25rem !important;
                padding-inline: 0.42rem !important;
            }
            .theme-toggle,
            #mobile-menu-toggle {
                width: 2.6rem;
                height: 2.6rem;
            }
        }
        .glass-panel { backdrop-filter: blur(12px); }
        .neon-glow { box-shadow: 0 14px 34px rgba(2, 18, 34, 0.18); }
        .icon-glow { filter: none; }
        .touch-action {
            -webkit-tap-highlight-color: transparent;
            touch-action: manipulation;
        }
        .panel-surface {
            background: linear-gradient(180deg, rgba(6, 33, 56, 0.88) 0%, rgba(0, 20, 39, 0.9) 100%);
            box-shadow: 0 22px 54px rgba(0, 8, 20, 0.28), inset 0 1px 0 rgba(185, 216, 244, 0.05);
        }
        .panel-elevated {
            background: linear-gradient(180deg, rgba(10, 39, 64, 0.9) 0%, rgba(3, 27, 48, 0.92) 100%);
            box-shadow: 0 24px 58px rgba(0, 8, 20, 0.3), inset 0 1px 0 rgba(194, 224, 248, 0.06);
        }
        [data-reveal] {
            opacity: 0;
            transform: translate3d(0, var(--reveal-distance), 0);
            filter: blur(10px);
            transition:
                opacity var(--reveal-duration) cubic-bezier(0.22, 1, 0.36, 1),
                transform var(--reveal-duration) cubic-bezier(0.22, 1, 0.36, 1),
                filter calc(var(--reveal-duration) * 0.92) ease;
            transition-delay: calc(var(--reveal-order, 0) * 90ms);
            will-change: opacity, transform, filter;
        }
        [data-reveal].is-visible {
            opacity: 1;
            transform: translate3d(0, 0, 0);
            filter: blur(0);
        }
        @media (prefers-reduced-motion: reduce) {
            [data-reveal] {
                opacity: 1 !important;
                transform: none !important;
                filter: none !important;
                transition: none !important;
            }
        }
        .product-carousel-shell.is-visible .product-slide-card {
            animation: product-card-settle 0.74s cubic-bezier(0.22, 1, 0.36, 1) both;
        }
        .product-carousel-shell.is-visible .product-slide:nth-child(1) .product-slide-card {
            animation-delay: 0.08s;
        }
        .product-carousel-shell.is-visible .product-slide:nth-child(2) .product-slide-card {
            animation-delay: 0.15s;
        }
        .product-carousel-shell.is-visible .product-slide:nth-child(3) .product-slide-card {
            animation-delay: 0.22s;
        }
        .product-carousel-shell.is-visible .product-slide:nth-child(4) .product-slide-card {
            animation-delay: 0.29s;
        }
        @keyframes product-card-settle {
            0% {
                opacity: 0;
                transform: translate3d(0, 22px, 0);
                filter: blur(10px);
            }
            100% {
                opacity: 1;
                transform: translate3d(0, 0, 0);
                filter: blur(0);
            }
        }
        .product-carousel-shell {
            position: relative;
            isolation: isolate;
            width: 100vw;
            max-width: none;
            margin-left: calc(50% - 50vw);
            margin-right: calc(50% - 50vw);
            --product-shell-inline-padding: clamp(1rem, 2.2vw, 2.2rem);
            --product-center-width: clamp(780px, calc(100vw - (var(--product-shell-inline-padding) * 2)), 1100px);
            padding-inline: var(--product-shell-inline-padding);
            --product-card-gap: 3rem;
            --product-side-breathing: clamp(1rem, 1.75vw, 1.45rem);
            --product-card-width: calc((var(--product-center-width) - var(--product-card-gap) - (var(--product-side-breathing) * 2)) / 2);
            --product-main-shift: calc(50% + (var(--product-card-gap) / 2));
            --product-side-shift: 980px;
            --product-wrap-distance: 1540px;
            --product-card-height-effective: min(var(--product-card-height), var(--product-card-height-cap, 1000rem));
            --product-side-scale: 0.918;
            --product-side-depth: -126px;
            --product-side-rotate: 17deg;
            --product-front-opacity: 1;
            --product-side-opacity: 0.82;
            --product-hidden-opacity: 0;
            --product-hidden-depth: -260px;
            --product-hidden-scale: 0.9;
            --product-hidden-drop: 1.1rem;
            --product-slide-duration: 0.94s;
            --product-slide-ease: cubic-bezier(0.24, 0.9, 0.26, 1);
            --product-control-hit-size: 5.6rem;
            --product-control-icon-size: 3.2rem;
            --product-control-prev-offset: clamp(8px, 1vw, 18px);
            --product-control-next-offset: clamp(8px, 1vw, 18px);
            perspective: 2200px;
            transform-style: preserve-3d;
        }
        @media (max-width: 1600px) {
            .product-carousel-shell {
                --product-card-height: 40.5rem;
            }
        }
        .product-carousel-stage {
            position: relative;
            min-height: var(--product-card-height-effective);
            touch-action: pan-y;
            outline: none;
            overflow: visible;
            cursor: grab;
        }
        .product-carousel-stage.is-grabbing {
            cursor: grabbing;
        }
        .product-carousel-stage:focus-visible {
            outline: 2px solid rgba(80, 181, 255, 0.45);
            outline-offset: 6px;
            border-radius: 1rem;
        }
        .product-carousel-track {
            position: relative;
            min-height: inherit;
            overflow: visible;
            z-index: 2;
        }
        .product-slide {
            position: absolute;
            top: 0;
            left: 50%;
            width: var(--product-card-width);
            margin-left: calc(var(--product-card-width) / -2);
            transform-origin: center center;
            transform-style: preserve-3d;
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            transition:
                transform var(--product-slide-duration) var(--product-slide-ease),
                opacity calc(var(--product-slide-duration) * 0.96) var(--product-slide-ease),
                filter calc(var(--product-slide-duration) * 0.82) var(--product-slide-ease);
            will-change: transform, opacity, filter;
        }
        .product-slide::before {
            content: none;
        }
        .product-slide.no-slide-transition {
            transition: none !important;
        }
        .product-slide.product-slide-ghost {
            pointer-events: none !important;
            user-select: none;
            z-index: 1 !important;
        }
        .product-slide.side-enter-from-left,
        .product-slide.side-enter-from-right,
        .product-slide.side-exit-to-left,
        .product-slide.side-exit-to-right,
        .product-slide.single-enter-from-left,
        .product-slide.single-enter-from-right,
        .product-slide.single-exit-to-left,
        .product-slide.single-exit-to-right {
            pointer-events: none !important;
        }
        .product-slide.side-enter-from-left,
        .product-slide.side-exit-to-left {
            transform: translate3d(calc(-1 * var(--product-wrap-distance)), 0, var(--product-side-depth)) rotateY(var(--product-side-rotate)) scale(var(--product-side-scale)) !important;
            opacity: var(--product-side-opacity) !important;
            z-index: 2 !important;
        }
        .product-slide.side-enter-from-right,
        .product-slide.side-exit-to-right {
            transform: translate3d(var(--product-wrap-distance), 0, var(--product-side-depth)) rotateY(calc(-1 * var(--product-side-rotate))) scale(var(--product-side-scale)) !important;
            opacity: var(--product-side-opacity) !important;
            z-index: 2 !important;
        }
        .product-slide-card {
            position: relative;
            display: flex;
            height: var(--product-card-height-effective);
            min-height: var(--product-card-height-effective);
            flex-direction: column;
            border-radius: 1rem;
            overflow: hidden;
            isolation: isolate;
            transform: translateZ(0);
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            border: 1px solid var(--product-card-border);
            box-shadow: var(--product-card-shadow);
            transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
        }
        .product-slide-card::before {
            content: none;
        }
        .product-slide-card.panel-surface {
            background: linear-gradient(180deg, rgba(6, 33, 56, 0.98) 0%, rgba(0, 20, 39, 0.99) 100%);
        }
        .product-slide-card.panel-elevated {
            background: linear-gradient(180deg, rgba(10, 39, 64, 0.98) 0%, rgba(3, 27, 48, 0.99) 100%);
        }
        .product-slide-card::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(0, 10, 20, 0.04) 0%, rgba(1, 10, 19, 0.24) 100%);
            opacity: 0;
            transition: opacity calc(var(--product-slide-duration) * 0.76) ease;
            pointer-events: none;
        }
        .product-slide.is-front .product-slide-card:hover {
            transform: translateY(-4px);
            border-color: rgba(110, 177, 226, 0.2);
            box-shadow: 0 32px 70px rgba(0, 8, 20, 0.34), inset 0 1px 0 rgba(194, 224, 248, 0.09);
        }
        .product-slide-visual {
            position: relative;
            overflow: hidden;
            isolation: isolate;
            aspect-ratio: 16 / 9;
            min-height: clamp(8.9rem, 9.8vw, 10.1rem);
            max-height: clamp(10.2rem, 11.8vw, 12.6rem);
            border-bottom: 1px solid rgba(198, 216, 234, 0.16);
            background: linear-gradient(180deg, rgba(6, 26, 44, 0.9) 0%, rgba(3, 14, 29, 0.95) 100%);
        }
        .product-slide-visual::before {
            content: none;
        }
        .product-slide-media {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transform: none;
            transition:
                transform calc(var(--product-slide-duration) * 0.92) var(--product-slide-ease);
        }
        .product-slide-card:hover .product-slide-media {
            transform: none;
        }
        .product-slide-visual-overlay {
            display: none;
        }
        .product-slide-body {
            position: relative;
            z-index: 1;
            display: grid;
            flex: 1;
            min-height: 0;
            grid-template-rows: minmax(0, 1fr) auto;
            align-content: stretch;
            gap: 0.95rem;
            padding: 2rem;
            transition:
                filter calc(var(--product-slide-duration) * 0.92) var(--product-slide-ease),
                opacity calc(var(--product-slide-duration) * 0.92) var(--product-slide-ease),
                transform calc(var(--product-slide-duration) * 0.92) var(--product-slide-ease);
        }
        .product-slide-copy {
            min-height: 0;
            display: grid;
            grid-template-rows: auto 1fr;
            align-content: start;
            gap: 0.7rem;
        }
        .product-slide-copy > .space-y-2 {
            min-height: 0;
        }
        .product-slide-copy h3 {
            font-size: clamp(2.3rem, 2.7vw, 3rem);
            line-height: 0.96;
            text-wrap: balance;
        }
        .product-slide-copy p {
            font-size: 1rem;
            line-height: 1.58;
        }
        .product-slide-actions {
            margin-top: auto;
            width: 100%;
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: repeat(2, 56px);
            align-content: end;
            gap: 0.68rem;
        }
        .product-slide-cta {
            width: 100%;
            height: 100%;
            min-height: 100%;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            box-sizing: border-box;
            font-size: 0.74rem !important;
            line-height: 1.2;
            text-wrap: balance;
        }
        .product-slide-cta-placeholder {
            visibility: hidden;
            pointer-events: none;
            border: 1px solid transparent;
            background: transparent;
            box-shadow: none;
            border-radius: 0.75rem;
        }
        .product-slide-actions--single .product-slide-cta-placeholder {
            grid-row: 1;
        }
        .product-slide-actions--single .product-slide-cta:not(.product-slide-cta-placeholder) {
            grid-row: 2;
        }
        .product-slide-actions:not(.product-slide-actions--single) .product-slide-cta-placeholder {
            display: none;
        }
        .product-slide-feature-list {
            display: grid;
            gap: 0.58rem;
            margin: 0;
            padding: 0;
            list-style: none;
            min-height: 0;
            align-content: start;
        }
        .product-slide-feature-row {
            display: flex;
            align-items: flex-start;
            padding-inline: 0;
            gap: 0.75rem;
            font-size: 0.89rem;
            color: inherit;
            min-height: 1.5rem;
        }
        .product-slide-feature-row i {
            margin-top: 0.12rem;
            flex: 0 0 auto;
        }
        .product-slide.is-hidden {
            opacity: var(--product-hidden-opacity);
            transform: translate3d(0, var(--product-hidden-drop), var(--product-hidden-depth)) scale(var(--product-hidden-scale));
            pointer-events: none;
            z-index: 0;
        }
        .product-slide.slot-far-left {
            opacity: var(--product-side-opacity);
            transform: translate3d(calc(-1 * var(--product-side-shift)), 0, var(--product-side-depth)) rotateY(var(--product-side-rotate)) scale(var(--product-side-scale));
            z-index: 1;
        }
        .product-slide.slot-main-left {
            opacity: var(--product-front-opacity);
            transform: translate3d(calc(-1 * var(--product-main-shift)), 0, 0) rotateY(0deg) scale(1);
            z-index: 4;
        }
        .product-slide.slot-main-right {
            opacity: var(--product-front-opacity);
            transform: translate3d(var(--product-main-shift), 0, 0) rotateY(0deg) scale(1);
            z-index: 4;
        }
        .product-slide.slot-far-right {
            opacity: var(--product-side-opacity);
            transform: translate3d(var(--product-side-shift), 0, var(--product-side-depth)) rotateY(calc(-1 * var(--product-side-rotate))) scale(var(--product-side-scale));
            z-index: 1;
        }
        .product-slide.slot-far-left .product-slide-card {
            -webkit-mask-image: none;
            mask-image: none;
        }
        .product-slide.slot-far-right .product-slide-card {
            -webkit-mask-image: none;
            mask-image: none;
        }
        .product-slide.slot-far-left .product-slide-card::before {
            --product-side-overlay-angle: 90deg;
            opacity: 1;
        }
        .product-slide.slot-far-right .product-slide-card::before {
            --product-side-overlay-angle: 270deg;
            opacity: 1;
        }
        .product-slide.slot-main-left .product-slide-card::before {
            --product-side-overlay-angle: 90deg;
        }
        .product-slide.slot-main-right .product-slide-card::before {
            --product-side-overlay-angle: 270deg;
        }
        .product-slide.slot-far-left,
        .product-slide.side-enter-from-left,
        .product-slide.side-exit-to-left,
        .product-slide.slot-far-right,
        .product-slide.side-enter-from-right,
        .product-slide.side-exit-to-right,
        .product-slide.slot-main-left,
        .product-slide.slot-main-right,
        .product-slide.is-hidden {
            -webkit-mask-image: none;
            mask-image: none;
        }
        .product-slide.is-side {
            pointer-events: none;
            filter: none;
        }
        .product-slide.is-side .product-slide-card {
            box-shadow: var(--product-card-shadow);
            border-color: var(--product-card-border);
        }
        .product-slide.is-side .product-slide-card::after {
            opacity: 0;
        }
        .product-slide.is-side .product-slide-media,
        .product-slide.is-side .product-slide-body {
            filter: none;
            opacity: 1;
        }
        .product-slide.is-side .product-slide-body {
            transform: translateY(0.18rem);
        }
        .product-slide.is-front .product-slide-card {
            pointer-events: auto;
        }
        .product-carousel-shell.hide-side-slides .product-slide.slot-far-left,
        .product-carousel-shell.hide-side-slides .product-slide.slot-far-right {
            opacity: 0 !important;
            pointer-events: none !important;
            filter: none !important;
        }
        .product-carousel-shell.hide-side-slides {
            --product-side-breathing: 0px;
            --product-card-gap: clamp(0.9rem, 1.5vw, 1.35rem);
            --product-controls-safe-inline: clamp(4.7rem, 6.8vw, 5.7rem);
            --product-center-width: min(calc(100vw - (var(--product-shell-inline-padding) * 2) - (var(--product-controls-safe-inline) * 2)), 1020px);
            --product-control-hit-size: clamp(4.25rem, 5.2vw, 4.9rem);
            --product-control-icon-size: clamp(2.4rem, 3.2vw, 2.9rem);
            --product-control-prev-offset: clamp(8px, 1vw, 14px);
            --product-control-next-offset: clamp(8px, 1vw, 14px);
        }
        .product-carousel-shell.hide-side-slides .product-slide.side-enter-from-left,
        .product-carousel-shell.hide-side-slides .product-slide.side-enter-from-right,
        .product-carousel-shell.hide-side-slides .product-slide.side-exit-to-left,
        .product-carousel-shell.hide-side-slides .product-slide.side-exit-to-right {
            opacity: 0 !important;
            pointer-events: none !important;
        }
        .product-carousel-controls {
            position: absolute;
            z-index: 9;
            top: 0;
            bottom: 0;
            left: 50%;
            width: 100vw;
            transform: translateX(-50%);
            pointer-events: none;
            isolation: isolate;
        }
        .product-carousel-controls::before,
        .product-carousel-controls::after {
            content: "";
            position: absolute;
            top: calc(var(--section-padding-block) * -1);
            bottom: calc(var(--section-padding-block) * -1);
            width: var(--products-edge-overlay-width);
            background: var(--products-bg-gradient);
            pointer-events: none;
            z-index: 1;
        }
        .product-carousel-controls::before {
            left: 0;
            -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.995) 24%, rgba(0, 0, 0, 0.97) 50%, rgba(0, 0, 0, 0.82) 62%, rgba(0, 0, 0, 0.62) 74%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.18) 92%, rgba(0, 0, 0, 0.06) 97%, rgba(0, 0, 0, 0) 100%);
            mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.995) 24%, rgba(0, 0, 0, 0.97) 50%, rgba(0, 0, 0, 0.82) 62%, rgba(0, 0, 0, 0.62) 74%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.18) 92%, rgba(0, 0, 0, 0.06) 97%, rgba(0, 0, 0, 0) 100%);
        }
        .product-carousel-controls::after {
            right: 0;
            -webkit-mask-image: linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.995) 24%, rgba(0, 0, 0, 0.97) 50%, rgba(0, 0, 0, 0.82) 62%, rgba(0, 0, 0, 0.62) 74%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.18) 92%, rgba(0, 0, 0, 0.06) 97%, rgba(0, 0, 0, 0) 100%);
            mask-image: linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.995) 24%, rgba(0, 0, 0, 0.97) 50%, rgba(0, 0, 0, 0.82) 62%, rgba(0, 0, 0, 0.62) 74%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.18) 92%, rgba(0, 0, 0, 0.06) 97%, rgba(0, 0, 0, 0) 100%);
        }
        .product-carousel-shell.hide-side-slides .product-carousel-controls::before,
        .product-carousel-shell.hide-side-slides .product-carousel-controls::after {
            display: none;
        }
        .product-carousel-button {
            position: absolute;
            top: 50%;
            display: flex;
            width: var(--product-control-hit-size);
            height: var(--product-control-hit-size);
            align-items: center;
            justify-content: center;
            border: 0;
            border-radius: 0;
            padding: 0;
            background: transparent;
            color: var(--carousel-arrow-color-dark);
            box-shadow: none;
            backdrop-filter: none;
            opacity: 1;
            pointer-events: auto;
            z-index: 3;
            transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), color 0.28s ease, opacity 0.28s ease;
            transform: translateY(-50%);
            will-change: transform, color;
        }
        .product-carousel-button[data-product-prev] {
            left: var(--product-control-prev-offset);
        }
        .product-carousel-button[data-product-next] {
            right: var(--product-control-next-offset);
        }
        .product-carousel-button svg {
            width: var(--product-control-icon-size);
            height: var(--product-control-icon-size);
            stroke: currentColor;
            stroke-width: var(--carousel-arrow-stroke-width);
            fill: none;
            stroke-linecap: round;
            stroke-linejoin: round;
            filter: var(--carousel-arrow-shadow-dark);
        }
        .product-carousel-button:hover {
            transform: translateY(-50%) scale(1.04);
            color: var(--carousel-arrow-hover-dark);
        }
        .product-carousel-button:active {
            transform: translateY(-50%) scale(0.96);
            color: var(--carousel-arrow-active-dark);
        }
        .product-carousel-button:focus-visible {
            outline: none;
            color: var(--carousel-arrow-hover-dark);
        }
        @media (max-width: 1339px) and (min-width: 1280px) {
            .product-carousel-shell {
                --product-card-gap: 1.6rem;
                --product-side-breathing: clamp(0.8rem, 1.4vw, 1.05rem);
                --product-center-width: clamp(740px, calc(100vw - (var(--product-shell-inline-padding) * 2)), 940px);
                --product-card-height: 38.75rem;
                --product-control-hit-size: 5rem;
                --product-control-icon-size: 2.95rem;
            }
            .product-slide-copy h3 {
                font-size: clamp(2rem, 2.35vw, 2.6rem);
            }
        }
        @media (max-width: 1439px) {
            .product-carousel-shell {
                --product-card-gap: 2.35rem;
                --product-side-depth: -118px;
                --product-side-rotate: 16deg;
            }
            .product-carousel-stage {
                min-height: var(--product-card-height-effective);
            }
        }
        @media (max-width: 1279px) and (min-width: 768px) {
            .product-carousel-shell {
                --product-shell-inline-padding: clamp(0.9rem, 2.2vw, 1.55rem);
                --product-card-gap: clamp(0.95rem, 1.6vw, 1.45rem);
                --product-card-height: clamp(34.5rem, 74svh, 38rem);
            }
            .product-slide-body {
                padding: 1.5rem;
                gap: 1.15rem;
            }
            .product-slide-copy {
                min-height: 0;
            }
            .product-slide-copy > .space-y-2 {
                min-height: 0;
            }
            .product-slide-copy h3 {
                font-size: clamp(1.95rem, 3.8vw, 2.45rem);
            }
            .product-slide-copy p {
                font-size: 0.95rem;
                line-height: 1.54;
            }
            .product-slide-actions {
                gap: 0.72rem;
                grid-template-rows: repeat(2, 53px);
            }
            .product-slide-cta {
                min-height: 53px;
                height: 53px;
            }
        }
        @media (max-width: 767px) {
            .product-carousel-shell {
                --product-shell-inline-padding: 0px;
                --product-center-width: 100vw;
                padding-inline: 0;
                --product-card-gap: 1.25rem;
                --product-card-height: clamp(33rem, 72svh, 36.5rem);
                --product-mobile-slide-distance: calc(100vw + var(--product-card-gap));
                --product-mobile-slide-duration: 0.78s;
                --product-mobile-slide-ease: cubic-bezier(0.38, 0.12, 0.2, 1);
                --product-slide-duration: var(--product-mobile-slide-duration);
                --product-slide-ease: var(--product-mobile-slide-ease);
                --product-side-opacity: 0;
                --product-hidden-scale: 0.95;
                --product-hidden-depth: -220px;
                --product-hidden-drop: 1rem;
                overflow: visible;
                overflow-x: clip;
                overflow-y: visible;
                perspective: none;
                transform-style: flat;
                contain: layout paint;
            }
            .product-carousel-stage {
                min-height: var(--product-card-height-effective);
                overflow: visible;
                overflow-x: clip;
                overflow-y: visible;
                contain: layout paint;
                cursor: default;
            }
            .product-carousel-track {
                min-height: inherit;
                overflow: visible;
                overflow-x: clip;
                overflow-y: visible;
                isolation: isolate;
                contain: layout paint;
            }
            #products {
                overflow-x: clip;
            }
            .product-slide {
                left: 0;
                right: 0;
                width: min(calc(100% - 1.4rem), 31rem);
                margin-left: auto;
                margin-right: auto;
                transform-style: flat;
                backface-visibility: hidden;
                -webkit-backface-visibility: hidden;
            }
            .product-slide-card {
                height: var(--product-card-height-effective);
                min-height: var(--product-card-height-effective);
                transform: translateZ(0);
                backface-visibility: hidden;
                -webkit-backface-visibility: hidden;
            }
            .product-slide.slot-main-left {
                opacity: 1;
                visibility: visible;
                transform: translate3d(0, 0, 0) scale(1);
                z-index: 4;
            }
            .product-slide.slot-main-right,
            .product-slide.slot-far-left,
            .product-slide.slot-far-right,
            .product-slide.is-hidden {
                opacity: 0;
                visibility: hidden;
                transform: translate3d(0, var(--product-hidden-drop), var(--product-hidden-depth)) scale(var(--product-hidden-scale));
                pointer-events: none;
            }
            .product-slide.single-enter-from-right,
            .product-slide.single-enter-from-left,
            .product-slide.single-exit-to-left,
            .product-slide.single-exit-to-right {
                visibility: visible !important;
                pointer-events: none !important;
                filter: none !important;
            }
            .product-slide.single-enter-from-right,
            .product-slide.single-enter-from-left {
                opacity: 1 !important;
                z-index: 5;
            }
            .product-slide.single-exit-to-left,
            .product-slide.single-exit-to-right {
                opacity: 1 !important;
                z-index: 6;
            }
            .product-slide.single-enter-from-right {
                transform: translate3d(var(--product-mobile-slide-distance), 0, 0) scale(1) !important;
            }
            .product-slide.single-enter-from-left {
                transform: translate3d(calc(-1 * var(--product-mobile-slide-distance)), 0, 0) scale(1) !important;
            }
            .product-slide.single-exit-to-left {
                transform: translate3d(calc(-1 * var(--product-mobile-slide-distance)), 0, 0) scale(1) !important;
                transition: transform var(--product-mobile-slide-duration) var(--product-mobile-slide-ease) !important;
            }
            .product-slide.single-exit-to-right {
                transform: translate3d(var(--product-mobile-slide-distance), 0, 0) scale(1) !important;
                transition: transform var(--product-mobile-slide-duration) var(--product-mobile-slide-ease) !important;
            }
            .product-slide-body {
                padding: 1.3rem;
                gap: 1rem;
            }
            .product-slide-copy {
                min-height: 0;
                display: grid;
                grid-template-rows: auto;
                align-content: start;
                gap: 0.82rem;
            }
            .product-slide-copy > .space-y-2 {
                min-height: 0;
            }
            .product-slide-copy h3 {
                font-size: clamp(2rem, 8vw, 2.6rem);
            }
            .product-slide-copy p {
                font-size: 0.95rem;
                line-height: 1.52;
            }
            .product-slide-feature-list {
                display: none;
            }
            .product-slide-actions {
                gap: 0.68rem;
                grid-template-rows: repeat(2, 52px);
            }
            .product-slide-cta {
                width: 100%;
                min-height: 52px;
                height: 52px;
                font-size: 0.72rem !important;
            }
            .product-carousel-controls {
                position: relative;
                top: auto;
                bottom: auto;
                left: auto;
                width: 100%;
                transform: none;
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 1.8rem;
                margin-top: 1.1rem;
                pointer-events: auto;
            }
            .product-carousel-controls::before,
            .product-carousel-controls::after {
                display: none;
            }
            .product-carousel-button {
                position: relative;
                top: auto;
                left: auto;
                right: auto;
                width: 4.1rem;
                height: 4.1rem;
                transform: none;
            }
            .product-carousel-button svg {
                width: 2.55rem;
                height: 2.55rem;
            }
            .product-carousel-button:hover {
                transform: scale(1.06);
            }
            .product-carousel-button:active {
                transform: scale(0.94);
            }
            #products::before,
            #products::after {
                display: none;
            }
        }
        @media (max-width: 430px) {
            .product-carousel-shell {
                --product-card-height: clamp(31.2rem, 69svh, 34.3rem);
            }
            .product-slide {
                width: min(calc(100% - 1.1rem), 30rem);
            }
            .product-slide-body {
                padding: 1.1rem;
                gap: 0.85rem;
            }
            .product-slide-copy {
                gap: 0.78rem;
            }
            .product-slide-copy h3 {
                font-size: clamp(1.76rem, 7.8vw, 2.28rem);
            }
            .product-slide-copy p {
                font-size: 0.9rem;
                line-height: 1.45;
            }
            .product-slide-feature-row {
                gap: 0.62rem;
                font-size: 0.86rem;
                align-items: flex-start;
            }
            .product-slide-feature-row i {
                margin-top: 0.12rem;
            }
            .product-slide-actions {
                grid-template-rows: repeat(2, 50px);
            }
            .product-slide-cta {
                min-height: 50px;
                height: 50px;
                font-size: 0.69rem;
                letter-spacing: 0.095em;
            }
            .product-carousel-button {
                width: 3.7rem;
                height: 3.7rem;
            }
            .product-carousel-button svg {
                width: 2.25rem;
                height: 2.25rem;
            }
        }
        #products {
            --products-edge-fade-start: rgba(0, 15, 31, 0.92);
            --products-edge-fade-mid: rgba(0, 15, 31, 0.66);
            --products-bg-top: #00111f;
            --products-bg-bottom: #00182b;
            --products-bg-gradient: linear-gradient(180deg, var(--products-bg-top) 0%, var(--products-bg-bottom) 100%);
            --products-edge-overlay-width: clamp(180px, 14.8vw, 300px);
            --product-card-height-cap: calc(100svh - var(--site-header-height) - clamp(7.6rem, 12svh, 9.4rem));
            isolation: isolate;
            height: 100svh;
            min-height: 100svh;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            padding-inline: 0;
            padding-block: clamp(1.35rem, 3.2svh, 2.45rem);
            overflow: clip;
            background: var(--products-bg-gradient);
        }
        @supports not (overflow: clip) {
            #products {
                overflow: hidden;
            }
        }
        #products::before,
        #products::after {
            display: none;
        }
        #products > * {
            position: relative;
        }
        
        .hero-scene {
            position: absolute;
            inset: 0;
            z-index: 0;
            overflow: hidden;
        }
        .hero-scene-image {
            display: none;
        }
        .hero-grid {
            background-image:
                linear-gradient(to right, rgba(38, 117, 176, 0.12) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(38, 117, 176, 0.12) 1px, transparent 1px);
            background-size: 68px 68px;
            opacity: 0.24;
        }
        .hero-grid::after {
            content: "";
            position: absolute;
            inset: 0;
            background-image:
                radial-gradient(circle at center, rgba(119, 195, 244, 0.46) 0 1px, transparent 1.4px);
            background-size: 124px 124px;
            opacity: 0.18;
        }
        .hero-atmosphere {
            background:
                radial-gradient(circle at 50% 24%, rgba(18, 139, 215, 0.08) 0%, rgba(10, 55, 90, 0.08) 28%, rgba(1, 10, 21, 0) 58%),
                radial-gradient(circle at 50% 60%, rgba(8, 82, 140, 0.05) 0%, rgba(8, 82, 140, 0) 36%),
                linear-gradient(180deg, rgba(1, 10, 21, 0.94) 0%, rgba(1, 10, 21, 0.88) 48%, rgba(1, 10, 21, 0.94) 100%);
        }
        .hero-scan {
            background:
                linear-gradient(180deg, rgba(0, 0, 0, 0.03) 0%, rgba(3, 10, 22, 0.09) 100%),
                linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 170, 255, 0.018) 50%, rgba(255, 255, 255, 0) 100%);
        }
        .hero-vignette {
            background:
                radial-gradient(circle at 50% 34%, rgba(0, 0, 0, 0) 16%, rgba(1, 10, 21, 0.34) 68%, rgba(1, 10, 21, 0.82) 100%);
        }
        .hero-beam {
            position: absolute;
            inset: 12% 20% auto 20%;
            height: 42%;
            background: radial-gradient(circle at 50% 50%, rgba(0, 170, 255, 0.06) 0%, rgba(0, 170, 255, 0.02) 26%, rgba(0, 170, 255, 0) 70%);
            filter: blur(78px);
            opacity: 0.38;
        }
        .hero-copy {
            position: relative;
            z-index: 2;
            width: min(100%, 43rem);
            margin-inline: auto;
            text-align: center;
            padding-block: 0.55rem;
            animation: hero-copy-rise 1.15s cubic-bezier(0.18, 0.9, 0.2, 1) both;
            animation-delay: 0.08s;
        }
        .hero-copy::before {
            content: "";
            position: absolute;
            inset: -14% -10% -18% -10%;
            z-index: -1;
            background:
                radial-gradient(circle at 50% 34%, rgba(7, 24, 43, 0.34) 0%, rgba(7, 24, 43, 0.16) 34%, rgba(7, 24, 43, 0.03) 66%, rgba(7, 24, 43, 0) 100%);
            filter: blur(10px);
            pointer-events: none;
        }
        .hero-title {
            max-width: 13.2ch;
            display: grid;
            gap: 0.16em;
            text-wrap: balance;
            letter-spacing: -0.05em;
            margin-inline: auto;
        }
        .hero-lead {
            max-width: 29rem;
            text-wrap: balance;
            font-size: clamp(1.06rem, 1.2vw, 1.34rem);
            line-height: 1.42;
            margin-inline: auto;
        }
        .hero-actions {
            justify-content: center;
            align-items: center;
            gap: 1.15rem;
        }
        .hero-blob {
            display: none;
        }
        .hero-blob-center {
            width: min(620px, 86vw);
            height: 320px;
            background: radial-gradient(circle, rgba(26, 165, 246, 0.14) 0%, rgba(22, 112, 186, 0.06) 42%, rgba(8, 23, 47, 0) 78%);
            filter: blur(18px);
            opacity: 0.62;
        }
        .hero-blob-left {
            width: 300px;
            height: 300px;
            background: radial-gradient(circle, rgba(30, 180, 255, 0.08) 0%, rgba(30, 180, 255, 0) 72%);
            filter: blur(72px);
            opacity: 0.6;
        }
        .hero-blob-right {
            width: 280px;
            height: 280px;
            background: radial-gradient(circle, rgba(20, 137, 218, 0.05) 0%, rgba(20, 137, 218, 0) 74%);
            filter: blur(74px);
            opacity: 0.34;
        }
        @keyframes hero-drift {
            0%, 100% { transform: translate3d(0, 0, 0); }
            50% { transform: translate3d(0, -18px, 0); }
        }
        .hero-drift {
            animation: hero-drift 8s ease-in-out infinite;
        }
        .hero-drift-alt {
            animation: hero-drift 10s ease-in-out infinite;
            animation-delay: -2.4s;
        }
        @keyframes hero-copy-rise {
            0% {
                opacity: 0;
                transform: translate3d(0, 28px, 0);
                filter: blur(12px);
            }
            100% {
                opacity: 1;
                transform: translate3d(0, 0, 0);
                filter: blur(0);
            }
        }
        .hero-flip-wrap {
            position: relative;
            display: block;
            min-height: 1.08em;
            min-width: 0;
            max-width: 100%;
            text-align: inherit;
            perspective: 1600px;
            overflow: hidden;
        }
        .hero-flip-line {
            display: block;
            white-space: nowrap;
            transform-origin: 50% 50%;
            transform-style: preserve-3d;
            backface-visibility: hidden;
            will-change: transform, opacity, filter;
        }
        .hero-flip-current {
            position: relative;
            opacity: 1;
            transform: translate3d(0, 0, 0) rotateX(0deg) scale(1);
            filter: blur(0);
        }
        .hero-flip-next {
            position: absolute;
            inset: 0;
            opacity: 0;
            transform: translate3d(0, -8%, 0) rotateX(84deg) scale(0.988);
            filter: blur(5px);
            pointer-events: none;
        }
        .hero-flip-wrap.is-flipping .hero-flip-current {
            animation: hero-flipout-x 1.04s cubic-bezier(0.22, 1, 0.36, 1) both;
        }
        .hero-flip-wrap.is-flipping .hero-flip-next {
            animation: hero-flipin-x 1.04s cubic-bezier(0.22, 1, 0.36, 1) both;
        }
        .hero-flip-accent {
            color: #00AAFF;
            text-shadow: none;
        }
        @keyframes hero-flipout-x {
            0% {
                opacity: 1;
                transform: translate3d(0, 0, 0) rotateX(0deg) scale(1);
                filter: blur(0);
            }
            100% {
                opacity: 0;
                transform: translate3d(0, 7%, 0) rotateX(-84deg) scale(0.98);
                filter: blur(5px);
            }
        }
        @keyframes hero-flipin-x {
            0% {
                opacity: 0;
                transform: translate3d(0, -8%, 0) rotateX(84deg) scale(0.988);
                filter: blur(5px);
            }
            100% {
                opacity: 1;
                transform: translate3d(0, 0, 0) rotateX(0deg) scale(1);
                filter: blur(0);
            }
        }
        @media (max-width: 767px) {
            .hero-flip-wrap {
                min-width: 0;
                width: 100%;
                text-align: center;
            }
            .hero-flip-line {
                text-align: center;
            }
        }
        @media (prefers-reduced-motion: reduce) {
            .hero-flip-wrap.is-flipping .hero-flip-current,
            .hero-flip-wrap.is-flipping .hero-flip-next {
                animation: none !important;
            }
            .hero-flip-next {
                display: none;
            }
        }
        
        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
        }
        
        :root {
            --sf-stroke-thin: 1px;
        }

        .floating { animation: float 6s ease-in-out infinite; }
        #hero {
            height: 100svh;
            min-height: 100svh;
            box-sizing: border-box;
            padding-top: calc(var(--site-header-height) + clamp(2rem, 8svh, 4.5rem));
            padding-bottom: clamp(3.5rem, 7svh, 5rem);
        }
        @supports not (height: 100svh) {
            #hero {
                height: 100vh;
                min-height: 100vh;
            }
        }
        #contact {
            position: relative;
            isolation: isolate;
            height: calc(100svh - var(--site-footer-height));
            min-height: calc(100svh - var(--site-footer-height));
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: center;
            padding-block: clamp(3.5rem, 7svh, 5rem);
            background: transparent;
        }
        @supports not (height: 100svh) {
            #contact {
                height: calc(100vh - var(--site-footer-height));
                min-height: calc(100vh - var(--site-footer-height));
            }
        }
        #contact::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 0;
            background:
                radial-gradient(circle at 50% 48%, rgba(0, 170, 255, 0.05) 0%, rgba(0, 170, 255, 0.022) 24%, rgba(0, 170, 255, 0) 58%);
            pointer-events: none;
        }
        #contact > div {
            width: min(100%, 60rem);
            position: relative;
            z-index: 1;
        }
        .hero-lead,
        .product-slide-copy p,
        #contact p {
            color: rgba(215, 227, 239, 0.84);
        }
        .product-slide-feature-row .text-on-surface,
        .product-slide-copy h3,
        #contact h2 {
            color: #edf5ff;
        }
        .product-slide-copy h2 {
            letter-spacing: 0.18em;
        }
        @media (max-width: 767px) {
            #hero,
            #products {
                height: 100svh;
                min-height: 100svh;
            }
            #hero {
                padding-top: calc(var(--site-header-height) + 1.75rem);
                padding-bottom: 2.5rem;
            }
            #products {
                --product-card-height-cap: calc(100svh - var(--site-header-height) - 8.15rem);
                padding-block: 1.1rem;
            }
            #hero > div {
                display: flex;
                justify-content: center;
            }
            #contact {
                height: calc(100svh - var(--site-footer-primary-height));
                min-height: calc(100svh - var(--site-footer-primary-height));
                padding-block: 2.5rem;
            }
            .hero-atmosphere {
                background:
                    radial-gradient(circle at 50% 18%, rgba(18, 139, 215, 0.16) 0%, rgba(10, 55, 90, 0.08) 26%, rgba(1, 10, 21, 0) 52%),
                    linear-gradient(180deg, rgba(1, 10, 21, 0.92) 0%, rgba(1, 10, 21, 0.82) 28%, rgba(1, 10, 21, 0.94) 100%);
            }
            .hero-copy {
                width: 100%;
                max-width: 24.5rem;
                margin-inline: auto;
                padding-block: 0.2rem 0;
            }
            .hero-copy::before {
                inset: -8% -4% -10% -4%;
                background:
                    radial-gradient(circle at 50% 28%, rgba(7, 24, 43, 0.4) 0%, rgba(7, 24, 43, 0.18) 44%, rgba(7, 24, 43, 0) 100%);
            }
            .hero-title,
            .hero-lead {
                margin-inline: auto;
            }
            .hero-title {
                max-width: 11.5ch;
                gap: 0.14em;
                justify-items: center;
            }
            .hero-lead {
                max-width: 24rem;
                font-size: 1.05rem;
                line-height: 1.5;
            }
            .hero-actions {
                justify-content: center;
                gap: 0.85rem;
                flex-direction: column;
            }
            .hero-actions a {
                width: min(100%, 22rem);
                min-height: 3.75rem;
                padding-inline: 1.5rem !important;
            }
            .hero-grid {
                background-size: 52px 52px;
                opacity: 0.18;
            }
            .hero-grid::after {
                background-size: 88px 88px;
                opacity: 0.18;
            }
            .hero-beam {
                inset: 10% 6% auto 6%;
                height: 34%;
                opacity: 0.32;
            }
            #contact h2 {
                font-size: clamp(2.35rem, 10vw, 3.5rem);
            }
            #contact p {
                font-size: 1rem;
                line-height: 1.55;
            }
            #back-to-top {
                display: none !important;
            }
        }
        @media (max-width: 767px) {
            @supports not (height: 100svh) {
                #hero,
                #products {
                    min-height: 100vh;
                    height: 100vh;
                }
                #contact {
                    height: calc(100vh - var(--site-footer-primary-height));
                    min-height: calc(100vh - var(--site-footer-primary-height));
                }
            }
        }
        @media (orientation: landscape) and (max-height: 500px) {
            [data-reveal] {
                opacity: 1 !important;
                transform: none !important;
                filter: none !important;
                transition: none !important;
            }
            #hero,
            #products,
            #contact {
                height: auto !important;
                min-height: 0 !important;
            }
            #hero {
                padding-top: calc(var(--site-header-height) + 1rem);
                padding-bottom: 1.5rem;
            }
            #products {
                --product-card-height-cap: 1000rem;
                align-items: flex-start;
                padding-top: 0;
                padding-bottom: 1rem;
                overflow-x: clip;
            }
            .product-carousel-shell.is-visible .product-slide-card {
                animation: none !important;
            }
            .product-carousel-stage {
                min-height: var(--product-card-height-effective);
            }
            .product-carousel-controls {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                width: auto;
                transform: none;
                margin-top: 0;
                display: block;
                pointer-events: none;
            }
            .product-carousel-controls::before,
            .product-carousel-controls::after {
                display: none;
            }
            .product-carousel-button {
                position: absolute;
                top: calc(50% + 0.5rem);
                left: auto;
                right: auto;
                width: 4.1rem;
                height: 4.1rem;
                transform: translateY(-50%);
                transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), color 0.28s ease, opacity 0.28s ease;
            }
            .product-carousel-button[data-product-prev] {
                left: calc(0.55rem + env(safe-area-inset-left));
            }
            .product-carousel-button[data-product-next] {
                right: calc(0.55rem + env(safe-area-inset-right));
            }
            .product-carousel-button svg {
                width: 2.55rem;
                height: 2.55rem;
            }
            .product-carousel-button:hover {
                transform: translateY(-50%) scale(1.04);
            }
            .product-carousel-button:active {
                transform: translateY(-50%) scale(0.96);
            }
            #contact {
                padding-block: 1.25rem;
            }
            #back-to-top {
                display: none !important;
            }
        }

        #back-to-top {
            transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            opacity: 0;
            pointer-events: none;
            position: fixed;
            bottom: 2rem;
            right: 2rem;
            z-index: 60;
            width: 3.5rem;
            height: 3.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            background: transparent;
            border: 0;
            padding: 0;
            transform: translate3d(0, var(--dock-shift-y), 0);
            --dock-rotate: 0deg;
            --footer-overlap: 0px;
            --dock-shift-y: 0px;
            --shape-overflow: 12px;
            --shape-clip-bottom: 0px;
            will-change: transform, opacity;
        }
        #back-to-top.footer-pinned {
            position: absolute;
            bottom: auto;
            transform: translate3d(0, 0, 0);
            z-index: 90;
        }
        #back-to-top .btt-shape-viewport {
            position: absolute;
            inset: calc(-1 * var(--shape-overflow));
            clip-path: inset(0 0 var(--shape-clip-bottom) 0);
            -webkit-clip-path: inset(0 0 var(--shape-clip-bottom) 0);
            pointer-events: none;
            z-index: 0;
        }
        #back-to-top .btt-shape {
            position: absolute;
            inset: var(--shape-overflow);
            background: #00AAFF;
            border-radius: 0.5rem;
            border: var(--sf-stroke-thin) solid rgba(0, 170, 255, 0.3);
            box-shadow: 0 0 10px rgba(0, 170, 255, 0.44);
            transform: rotate(var(--dock-rotate));
            clip-path: none;
            transition: background 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
            will-change: transform;
            pointer-events: none;
        }
        #back-to-top.visible {
            opacity: 1;
            pointer-events: auto;
        }
        #back-to-top .btt-icon {
            position: relative;
            z-index: 1;
            width: 1.05rem;
            height: 1.05rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            pointer-events: none;
            transform: translateZ(0);
            clip-path: none;
            -webkit-clip-path: none;
            z-index: 2;
        }
        #back-to-top .btt-icon svg {
            width: 100%;
            height: 100%;
            display: block;
            fill: none;
            stroke: currentColor;
            stroke-width: 2.3;
            stroke-linecap: round;
            stroke-linejoin: round;
        }
        #back-to-top.docked .btt-shape {
            background: #000f1f;
            border-color: #38495d;
            box-shadow: none;
        }
        #back-to-top.docking .btt-shape {
            background: #000f1f;
            border-color: #38495d;
            box-shadow: none;
        }
        #back-to-top:hover:not(.docked) .btt-shape {
            box-shadow: 0 0 15px rgba(0, 170, 255, 0.58);
        }

        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #000f1f; }
        ::-webkit-scrollbar-thumb { background: #00AAFF; border-radius: 4px; }
        
        [data-lang]:not(.active-lang) {
            display: none !important;
        }
        .menu-open {
            overflow: hidden;
            touch-action: none;
        }
        html.ui-theme-switching,
        html.theme-switching,
        html.ui-theme-switching body,
        html.theme-switching body {
            overflow-anchor: none;
        }
        html.ui-theme-switching *,
        html.theme-switching *,
        html.ui-theme-switching *::before,
        html.theme-switching *::before,
        html.ui-theme-switching *::after,
        html.theme-switching *::after {
            transition-property: color, background-color, background-image, border-color, outline-color, text-decoration-color, fill, stroke, box-shadow, filter, -webkit-backdrop-filter, backdrop-filter;
            transition-duration: var(--theme-fade-duration);
            transition-timing-function: var(--theme-fade-ease);
            transition-delay: 0ms;
        }
        html.ui-theme-switching #theme-toggle,
        html.theme-switching #theme-toggle,
        html.ui-theme-switching #theme-toggle *,
        html.theme-switching #theme-toggle *,
        html.ui-theme-switching #theme-toggle *::before,
        html.theme-switching #theme-toggle *::before,
        html.ui-theme-switching #theme-toggle *::after,
        html.theme-switching #theme-toggle *::after {
            transition-property: transform, opacity, color, fill, stroke, box-shadow, border-color, background-color !important;
            transition-duration: 560ms !important;
            transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1) !important;
            transition-delay: 0ms !important;
        }
        @media (prefers-reduced-motion: reduce) {
            html.ui-theme-switching *,
            html.theme-switching *,
            html.ui-theme-switching *::before,
            html.theme-switching *::before,
            html.ui-theme-switching *::after,
            html.theme-switching *::after {
                transition: none !important;
            }
        }
        .theme-toggle {
            width: 2.75rem;
            height: 2.75rem;
            border-radius: 0.75rem;
            border: none;
            background: transparent;
            color: #b9d8ef;
            display: inline-grid;
            place-items: center;
            position: relative;
            overflow: hidden;
            contain: paint;
            line-height: 1;
            transition:
                transform 0.2s ease,
                color 500ms cubic-bezier(0.22, 0.61, 0.36, 1),
                background-color 500ms cubic-bezier(0.22, 0.61, 0.36, 1),
                border-color 500ms cubic-bezier(0.22, 0.61, 0.36, 1);
            -webkit-tap-highlight-color: transparent;
        }
        .theme-toggle .tt {
            width: 1.8rem;
            height: 1.8rem;
            display: block;
        }
        .theme-toggle .tt * {
            vector-effect: non-scaling-stroke;
        }
        .theme-toggle .tt__sun {
            fill: currentColor;
            transition: transform 560ms cubic-bezier(0.22, 0.61, 0.36, 1);
        }
        .theme-toggle .tt__sun-wrap {
            transform-origin: 12px 12px;
            transform: scale(1.08);
            transition: transform 560ms cubic-bezier(0.22, 0.61, 0.36, 1);
        }
        .theme-toggle .tt__moon {
            transform-origin: 12px 12px;
            transform: translateX(5.5px);
            transition: transform 560ms cubic-bezier(0.22, 0.61, 0.36, 1);
        }
        .theme-toggle .tt__rays {
            opacity: 0;
            transform-origin: 12px 12px;
            transform: scale(0.85) rotate(-18deg);
            transition:
                transform 560ms cubic-bezier(0.22, 0.61, 0.36, 1),
                opacity 320ms ease;
        }
        .theme-toggle .tt__rays line {
            stroke: currentColor;
            stroke-width: 2;
            stroke-linecap: round;
        }
        .theme-toggle::after {
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            width: 220%;
            height: 220%;
            border-radius: 50%;
            background: currentColor;
            opacity: 0;
            pointer-events: none;
            transform: translate(-50%, -50%) scale(0);
        }
        #lang-toggle,
        #mobile-menu-toggle {
            position: relative;
            overflow: hidden;
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
            -webkit-tap-highlight-color: transparent;
        }
        #lang-toggle::before,
        .theme-toggle::before,
        #mobile-menu-toggle::before {
            content: "";
            position: absolute;
            inset: 0.16rem;
            border-radius: 0.8rem;
            background: linear-gradient(135deg, rgba(6, 92, 145, 0.22) 0%, rgba(6, 92, 145, 0.08) 100%);
            opacity: 0;
            transform: scale(0.84);
            transition: opacity 0.24s ease, transform 0.24s ease, background-color 0.24s ease;
            pointer-events: none;
        }
        #lang-toggle:hover::before,
        #lang-toggle:focus-visible::before,
        .theme-toggle:hover::before,
        .theme-toggle:focus-visible::before,
        #mobile-menu-toggle:hover::before,
        #mobile-menu-toggle:focus-visible::before,
        #mobile-menu-toggle[aria-expanded="true"]::before {
            opacity: 1;
            transform: scale(1);
        }
        .theme-toggle:hover {
            color: #d5e7ff;
        }
        .theme-toggle:active {
            transform: scale(0.96);
        }
        .theme-toggle.is-animating::after {
            animation: toggle-ripple 0.58s cubic-bezier(0.22, 1, 0.36, 1) both;
        }
        .theme-toggle.anim::after {
            animation: toggle-ripple 0.45s ease-out forwards;
        }
        #lang-toggle.is-animating #lang-label {
            animation: control-label-swap 0.56s cubic-bezier(0.22, 1, 0.36, 1);
        }
        #mobile-menu-toggle i {
            transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
        }
        #mobile-menu-toggle[aria-expanded="true"] i {
            transform: rotate(90deg) scale(0.94);
        }
        @keyframes toggle-ripple {
            0% { opacity: 0.18; transform: translate(-50%, -50%) scale(0); }
            60% { opacity: 0.12; transform: translate(-50%, -50%) scale(0.82); }
            100% { opacity: 0; transform: translate(-50%, -50%) scale(1); }
        }
        @keyframes control-label-swap {
            0% { opacity: 1; transform: translateY(0); }
            45% { opacity: 0; transform: translateY(-32%) scale(0.96); }
            55% { opacity: 0; transform: translateY(32%) scale(0.96); }
            100% { opacity: 1; transform: translateY(0); }
        }
        html:not(.dark) .theme-toggle .tt__rays {
            opacity: 1;
            transform: scale(1) rotate(0deg);
        }
        html:not(.dark) .theme-toggle .tt__moon {
            transform: translateX(24px);
        }
        html:not(.dark) .theme-toggle .tt__sun-wrap {
            transform: scale(1.14);
        }
        .legal-item {
            color: rgba(213, 231, 255, 0.65);
            font-family: "Space Grotesk", sans-serif;
            letter-spacing: 0.12em;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.68rem;
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
            opacity: 0.8;
        }
        a.legal-item {
            position: relative;
            transition: color 0.22s ease, opacity 0.22s ease, transform 0.22s ease;
        }
        a.legal-item::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -0.42rem;
            height: 1px;
            background: currentColor;
            opacity: 0;
            transform: scaleX(0.72);
            transform-origin: center;
            transition: opacity 0.22s ease, transform 0.22s ease;
        }
        a.legal-item:hover,
        a.legal-item:focus-visible {
            color: #f0f7ff;
            opacity: 1;
            transform: translateY(-1px);
        }
        a.legal-item:hover::after,
        a.legal-item:focus-visible::after {
            opacity: 0.46;
            transform: scaleX(1);
        }
        .social-link {
            width: 2.75rem;
            height: 2.75rem;
            border-radius: 0.85rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(255, 255, 255, 0.06);
            background: rgba(255, 255, 255, 0.04);
            color: rgba(240, 247, 255, 0.88);
            transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
            -webkit-tap-highlight-color: transparent;
            touch-action: manipulation;
        }
        .social-link:hover {
            background: rgba(255, 255, 255, 0.08);
            border-color: rgba(115, 170, 214, 0.22);
            color: #ffffff;
            transform: translateY(-2px);
        }
        .social-link:active {
            transform: scale(0.97);
        }
        .social-link i,
        .social-link img {
            filter: none !important;
        }
        .social-link img {
            opacity: 0.92;
        }
        #mobile-menu-backdrop {
            position: fixed;
            top: var(--site-header-height);
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 45;
            background: var(--mobile-menu-backdrop-dark);
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1);
            will-change: opacity;
        }
        #mobile-menu-backdrop.is-open {
            opacity: 1;
            pointer-events: auto;
        }
        nav {
            border-top: 1px solid var(--header-border-dark);
            border-bottom: 1px solid rgba(124, 174, 217, 0.1);
            -webkit-backdrop-filter: blur(var(--mobile-menu-blur)) saturate(var(--mobile-menu-saturation)) !important;
            backdrop-filter: blur(var(--mobile-menu-blur)) saturate(var(--mobile-menu-saturation)) !important;
            isolation: isolate;
        }
        nav::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 0;
            pointer-events: none;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 40%, rgba(255, 255, 255, 0) 100%);
            opacity: 0.16;
        }
        nav > .nav-shell {
            position: relative;
            z-index: 1;
        }
        nav.mobile-overlay-open {
            -webkit-backdrop-filter: blur(var(--mobile-menu-blur)) saturate(var(--mobile-menu-saturation)) !important;
            backdrop-filter: blur(var(--mobile-menu-blur)) saturate(var(--mobile-menu-saturation)) !important;
        }
        #mobile-menu {
            position: fixed;
            top: calc(var(--site-header-height) - 1px);
            left: 0;
            right: 0;
            z-index: 49;
            display: block;
            width: 100%;
            padding: 0.95rem 1.25rem 1.5rem;
            opacity: 0;
            visibility: hidden;
            transform: translate3d(0, -16px, 0);
            transition:
                opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1),
                transform 0.42s cubic-bezier(0.22, 1, 0.36, 1),
                visibility 0s linear 0.42s;
            pointer-events: none;
            overflow: hidden;
            border: none !important;
            box-shadow: var(--header-shadow-dark) !important;
            background: var(--mobile-menu-surface-dark) !important;
            -webkit-backdrop-filter: blur(var(--mobile-menu-blur)) saturate(var(--mobile-menu-saturation));
            backdrop-filter: blur(var(--mobile-menu-blur)) saturate(var(--mobile-menu-saturation));
            isolation: isolate;
            border-top: 1px solid var(--header-border-dark);
            border-bottom: 1px solid rgba(124, 174, 217, 0.1);
            will-change: opacity, transform;
        }
        #mobile-menu::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 0;
            pointer-events: none;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 40%, rgba(255, 255, 255, 0) 100%);
            opacity: 0.16;
        }
        #mobile-menu > * {
            position: relative;
            z-index: 1;
        }
        #mobile-menu.is-open {
            opacity: 1;
            visibility: visible;
            transform: translate3d(0, 0, 0);
            transition-delay: 0s, 0s, 0s;
            pointer-events: auto;
        }
        @media (min-width: 768px) {
            #mobile-menu {
                display: none !important;
            }
            #mobile-menu-backdrop {
                display: none !important;
            }
        }
        #mobile-menu .mobile-menu-links {
            display: grid;
            gap: 0.2rem;
        }
        #mobile-menu a {
            position: relative;
            display: inline-flex;
            align-items: center;
            min-height: 3.15rem;
            padding-inline: 0.6rem;
            opacity: 0;
            transform: translateY(-10px);
            transition: opacity 0.38s cubic-bezier(0.22, 1, 0.36, 1), transform 0.38s cubic-bezier(0.22, 1, 0.36, 1), color 0.28s ease;
        }
        #mobile-menu.is-open a {
            opacity: 1;
            transform: translateY(0);
        }
        #mobile-menu.is-open a:nth-child(1) { transition-delay: 28ms; }
        #mobile-menu.is-open a:nth-child(2) { transition-delay: 56ms; }
        #mobile-menu.is-open a:nth-child(3) { transition-delay: 84ms; }
        #mobile-menu a::after {
            content: "";
            position: absolute;
            left: 0.6rem;
            right: 0.6rem;
            bottom: 0.2rem;
            height: 1px;
            background: currentColor;
            opacity: 0;
            transform: scaleX(0.76);
            transform-origin: center;
            transition: opacity 0.2s ease, transform 0.2s ease;
        }
        #mobile-menu a:hover::after,
        #mobile-menu a:focus-visible::after,
        #mobile-menu a.mobile-nav-link-active::after {
            opacity: 1;
            transform: scaleX(1);
        }
        #main-footer {
            overflow: hidden;
            position: relative;
            --footer-border-color: transparent;
            --footer-cutout-color: transparent;
            --footer-dock-cutout-width: 0px;
            --footer-dock-cutout-right: 0px;
            --footer-dock-cutout-opacity: 0;
        }
        #main-footer .footer-meta p {
            color: rgba(213, 231, 255, 0.34) !important;
            font-family: "Space Grotesk", sans-serif !important;
            font-weight: 500 !important;
            letter-spacing: 0.12em !important;
            text-transform: uppercase;
            font-size: 0.62rem !important;
            line-height: 1.45;
        }
        @media (max-width: 767px) {
            #main-footer > div {
                padding-top: 1.75rem;
                padding-bottom: 1.75rem;
            }
            .footer-top-grid {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 0.95rem;
                text-align: center;
            }
            .footer-top-grid > a:first-child {
                justify-self: center;
            }
            .footer-top-grid > div:nth-child(2) {
                grid-column: auto;
                justify-content: center;
                gap: 0.65rem 0.9rem;
            }
            .footer-top-grid > div:nth-child(3) {
                justify-self: center;
                justify-content: center;
            }
            #main-footer .footer-meta {
                gap: 0.55rem;
                padding-top: 1.15rem;
                margin-top: 1.15rem;
                align-items: center;
            }
            #main-footer .footer-meta p {
                text-align: center;
            }
        }
        @media (min-width: 1024px) {
            .footer-top-grid {
                grid-template-columns: auto minmax(0, 1fr) auto !important;
                column-gap: clamp(1.5rem, 2.6vw, 3.5rem);
            }
            .footer-top-grid > a:first-child {
                justify-self: start;
            }
            .footer-top-grid > div:nth-child(2) {
                min-width: 0;
            }
            .footer-top-grid > div:nth-child(3) {
                justify-self: end;
            }
        }
        @media (max-width: 1090px) and (min-width: 768px) {
            .footer-top-grid {
                grid-template-columns: 1fr !important;
                justify-items: center;
                text-align: center;
            }
            .footer-top-grid > a:first-child,
            .footer-top-grid > div:nth-child(2),
            .footer-top-grid > div:nth-child(3) {
                justify-self: center !important;
                justify-content: center !important;
            }
        }
        #main-footer::before {
            content: "";
            position: absolute;
            top: -0.5px;
            right: var(--footer-dock-cutout-right);
            width: var(--footer-dock-cutout-width);
            height: 2px;
            background: var(--footer-cutout-color);
            opacity: var(--footer-dock-cutout-opacity);
            z-index: 3;
            pointer-events: none;
        }
        #main-footer::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: var(--sf-stroke-thin);
            background: var(--footer-border-color);
            z-index: 2;
            pointer-events: none;
        }
        html:not(.dark) body {
            background:
                radial-gradient(940px 520px at 12% -8%, rgba(67, 152, 216, 0.2), transparent 62%),
                radial-gradient(820px 460px at 100% 2%, rgba(30, 131, 204, 0.14), transparent 64%),
                linear-gradient(180deg, #d8e6f6 0%, #cdddf1 54%, #c1d4eb 100%);
            color: #0f2d47;
        }
        html:not(.dark) nav {
            background: var(--mobile-menu-surface-light) !important;
            box-shadow: var(--header-shadow-light) !important;
            border-top-color: var(--header-border-light);
            border-bottom-color: rgba(63, 99, 132, 0.1);
        }
        html:not(.dark) nav::before {
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.08) 40%, rgba(255, 255, 255, 0) 100%);
            opacity: 0.16;
        }
        html:not(.dark) #mobile-menu {
            background: var(--mobile-menu-surface-light) !important;
            box-shadow: var(--header-shadow-light) !important;
        }
        html:not(.dark) #mobile-menu::before {
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.08) 40%, rgba(255, 255, 255, 0) 100%);
            opacity: 0.16;
        }
        html:not(.dark) .top-nav-link {
            color: rgba(17, 61, 95, 0.88) !important;
        }
        html:not(.dark) .mobile-nav-link {
            color: rgba(17, 61, 95, 0.88) !important;
        }
        html:not(.dark) .top-nav-link:hover {
            color: #006da9 !important;
        }
        html:not(.dark) .mobile-nav-link:hover,
        html:not(.dark) .mobile-nav-link:focus-visible {
            color: #006da9 !important;
        }
        html:not(.dark) .top-nav-link-active {
            color: #00618f !important;
        }
        html:not(.dark) .top-nav-link-active::after {
            background: #0a86cc;
        }
        html:not(.dark) .mobile-nav-link-active {
            color: #0a6a9f !important;
        }
        html:not(.dark) #lang-toggle {
            color: #0f5f98;
        }
        html:not(.dark) #lang-toggle:hover {
            color: #0a4f80;
        }
        html:not(.dark) #lang-toggle::before,
        html:not(.dark) .theme-toggle::before,
        html:not(.dark) #mobile-menu-toggle::before {
            background: linear-gradient(135deg, rgba(14, 93, 145, 0.12) 0%, rgba(14, 93, 145, 0.04) 100%);
        }
        html:not(.dark) .panel-surface,
        html:not(.dark) .panel-elevated {
            background: linear-gradient(180deg, rgba(193, 215, 239, 0.98) 0%, rgba(175, 201, 230, 0.99) 100%);
            border: 1px solid rgba(36, 84, 125, 0.28);
            box-shadow: 0 18px 34px rgba(0, 66, 112, 0.14), inset 0 1px 0 rgba(244, 251, 255, 0.58);
        }
        html:not(.dark) .panel-elevated {
            background: linear-gradient(180deg, rgba(186, 210, 236, 0.99) 0%, rgba(168, 196, 225, 1) 100%);
            border-color: rgba(29, 79, 122, 0.33);
        }
        html:not(.dark) .hero-grid {
            background-image:
                linear-gradient(to right, rgba(20, 94, 146, 0.12) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(20, 94, 146, 0.12) 1px, transparent 1px);
        }
        html:not(.dark) .hero-grid::after {
            background-image:
                radial-gradient(circle at center, rgba(42, 122, 177, 0.32) 0 1px, transparent 1.35px);
            opacity: 0.16;
        }
        html:not(.dark) .hero-atmosphere {
            background:
                radial-gradient(circle at 50% 22%, rgba(61, 128, 176, 0.08) 0%, rgba(61, 128, 176, 0.03) 24%, rgba(61, 128, 176, 0) 56%),
                linear-gradient(180deg, rgba(185, 205, 228, 0.9) 0%, rgba(185, 205, 228, 0.82) 48%, rgba(185, 205, 228, 0.9) 100%);
        }
        html:not(.dark) .hero-scan {
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(107, 136, 165, 0.12) 100%),
                linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(24, 94, 146, 0.05) 50%, rgba(255, 255, 255, 0) 100%);
            mix-blend-mode: multiply;
        }
        html:not(.dark) .hero-vignette {
            background: radial-gradient(circle at 50% 30%, rgba(0, 0, 0, 0) 20%, rgba(78, 110, 141, 0.18) 68%, rgba(156, 181, 206, 0.42) 100%);
        }
        html:not(.dark) .hero-copy::before {
            background:
                radial-gradient(circle at 50% 34%, rgba(201, 218, 236, 0.6) 0%, rgba(201, 218, 236, 0.26) 38%, rgba(201, 218, 236, 0.05) 68%, rgba(201, 218, 236, 0) 100%);
        }
        html:not(.dark) .hero-beam {
            background: radial-gradient(circle at 50% 0%, rgba(42, 122, 177, 0.1) 0%, rgba(42, 122, 177, 0.035) 24%, rgba(42, 122, 177, 0) 72%);
            opacity: 0.32;
        }
        html:not(.dark) .hero-blob-center {
            display: none;
        }
        html:not(.dark) .hero-blob-left {
            display: none;
        }
        html:not(.dark) .hero-blob-right {
            display: none;
        }
        html:not(.dark) .hero-flip-accent {
            color: #0f5f91;
            text-shadow: none;
        }
        html:not(.dark) .hero-lead,
        html:not(.dark) .product-slide-copy p,
        html:not(.dark) #contact p {
            color: #284d6c;
        }
        html:not(.dark) .product-slide-feature-row .text-on-surface,
        html:not(.dark) .product-slide-copy h3,
        html:not(.dark) #contact h2 {
            color: #153a57;
        }
        html:not(.dark) #products {
            --products-edge-fade-start: rgba(196, 214, 233, 0.94);
            --products-edge-fade-mid: rgba(196, 214, 233, 0.72);
            --product-side-fade-edge: rgba(177, 205, 232, 1);
            --product-side-fade-mid: rgba(177, 205, 232, 0.26);
            --product-side-fade-clear: rgba(177, 205, 232, 0);
            --products-bg-top: #c9dcee;
            --products-bg-bottom: #b7d0e8;
            --products-bg-gradient: linear-gradient(180deg, var(--products-bg-top) 0%, var(--products-bg-bottom) 100%);
            background: var(--products-bg-gradient);
        }
        html:not(.dark) #products .panel-surface:hover,
        html:not(.dark) #products .panel-elevated:hover {
            border-color: rgba(17, 103, 163, 0.42);
            box-shadow: 0 22px 40px rgba(0, 80, 133, 0.14), inset 0 1px 0 rgba(250, 255, 255, 0.62);
        }
        html:not(.dark) .product-slide-card::after {
            background: linear-gradient(180deg, rgba(212, 231, 247, 0.1) 0%, rgba(129, 166, 198, 0.18) 100%);
        }
        html:not(.dark) .product-slide-card.panel-surface {
            background: linear-gradient(180deg, #c1d7ef 0%, #afc9e6 100%);
        }
        html:not(.dark) .product-slide-card.panel-elevated {
            background: linear-gradient(180deg, #bad2ec 0%, #a8c4e1 100%);
        }
        html:not(.dark) .product-slide-visual {
            border-bottom-color: rgba(34, 76, 110, 0.16);
            background: linear-gradient(180deg, rgba(173, 201, 228, 0.86) 0%, rgba(150, 183, 214, 0.94) 100%);
        }
        html:not(.dark) .product-slide-visual::before {
            content: none;
        }
        html:not(.dark) .product-slide.is-side .product-slide-media,
        html:not(.dark) .product-slide.is-side .product-slide-body {
            filter: none;
            opacity: 1;
        }
        html:not(.dark) .product-slide.is-side {
            filter: none;
        }
        html:not(.dark) .product-slide-card {
            box-shadow: var(--product-card-shadow-light);
            border-color: rgba(36, 84, 125, 0.24);
        }
        html:not(.dark) .product-slide.is-side .product-slide-card {
            box-shadow: var(--product-card-shadow-light);
        }
        html:not(.dark) .product-slide.is-front .product-slide-card:hover {
            box-shadow: 0 24px 44px rgba(0, 66, 112, 0.18), inset 0 1px 0 rgba(244, 251, 255, 0.62);
            border-color: rgba(36, 84, 125, 0.34);
        }
        html:not(.dark) .product-carousel-button {
            color: var(--carousel-arrow-color-light);
            background: transparent;
            border-color: transparent;
            box-shadow: none;
        }
        html:not(.dark) .product-carousel-button:hover {
            color: var(--carousel-arrow-hover-light);
        }
        html:not(.dark) .product-carousel-button:active {
            color: var(--carousel-arrow-active-light);
        }
        html:not(.dark) .product-carousel-button:focus-visible {
            color: var(--carousel-arrow-hover-light);
        }
        html:not(.dark) .product-carousel-button svg {
            filter: var(--carousel-arrow-shadow-light);
        }
        html:not(.dark) #main-footer {
            --light-footer-top: #b1cde8;
            --light-footer-bottom: #9abbdc;
            --light-footer-mid: #a7c3e0;
            --footer-border-color: rgba(63, 99, 132, 0.46);
            --footer-cutout-color: #b1cde8;
            background: linear-gradient(180deg, var(--light-footer-top) 0%, var(--light-footer-bottom) 100%);
            box-shadow: 0 -14px 28px rgba(25, 69, 105, 0.14);
        }
        html:not(.dark) #main-footer .footer-meta p {
            color: rgba(17, 57, 90, 0.42) !important;
            text-shadow: none;
        }
        html.dark nav {
            background: var(--mobile-menu-surface-dark) !important;
            box-shadow: var(--header-shadow-dark) !important;
            border-top-color: var(--header-border-dark);
            border-bottom-color: rgba(124, 174, 217, 0.1);
        }
        html.dark nav::before {
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 40%, rgba(255, 255, 255, 0) 100%);
            opacity: 0.16;
        }
        html.dark #mobile-menu {
            background: var(--mobile-menu-surface-dark) !important;
            box-shadow: var(--header-shadow-dark) !important;
        }
        html.dark #mobile-menu::before {
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 40%, rgba(255, 255, 255, 0) 100%);
            opacity: 0.16;
        }
        html.dark #products {
            --products-bg-top: #000f1f;
            --products-bg-bottom: #000f1f;
            --products-bg-gradient: linear-gradient(180deg, #000f1f 0%, #000f1f 100%);
            --products-edge-fade-start: rgba(0, 15, 31, 1);
            --products-edge-fade-mid: rgba(0, 15, 31, 0.7);
            background: #000f1f;
        }
        html.dark #contact {
            background: #001426;
        }
        html.dark #contact::before {
            background: none;
        }
        html.dark #main-footer {
            --footer-border-color: #38495d;
            --footer-cutout-color: #000f1f;
        }
        html:not(.dark) .text-on-background,
        html:not(.dark) .text-on-surface,
        html:not(.dark) .text-on-surface-variant {
            color: #103351 !important;
        }
        html:not(.dark) .bg-primary {
            background: linear-gradient(135deg, #1b7db8 0%, #0b5e92 100%) !important;
            border-color: rgba(11, 77, 119, 0.34) !important;
            color: #f3fbff !important;
            box-shadow: 0 10px 18px rgba(7, 66, 103, 0.2), inset 0 1px 0 rgba(242, 251, 255, 0.2);
        }
        html:not(.dark) .bg-primary:hover {
            filter: brightness(1.05);
        }
        html:not(.dark) .neon-glow {
            box-shadow: none !important;
        }
        html:not(.dark) .icon-glow {
            filter: none;
        }
        html:not(.dark) .text-primary {
            color: #0d5f92 !important;
        }
        html:not(.dark) .border-primary\/40 {
            border-color: rgba(13, 95, 146, 0.42) !important;
        }
        html:not(.dark) #main-footer a[title] {
            background: rgba(13, 73, 115, 0.06);
            border-color: rgba(20, 88, 136, 0.22);
            opacity: 1;
        }
        html:not(.dark) #main-footer a[title] i {
            color: #155f97 !important;
            filter: none !important;
        }
        html:not(.dark) #main-footer a[title] img {
            filter: brightness(0) saturate(100%) invert(28%) sepia(56%) saturate(1479%) hue-rotate(173deg) brightness(93%) contrast(91%) !important;
        }
        html:not(.dark) .legal-item {
            color: rgba(17, 57, 90, 0.82);
        }
        html:not(.dark) .theme-toggle {
            color: #175f97;
        }
        html:not(.dark) #contact::before {
            background:
                radial-gradient(circle at 50% 48%, rgba(37, 104, 156, 0.05) 0%, rgba(37, 104, 156, 0.02) 24%, rgba(37, 104, 156, 0) 60%);
        }
        html:not(.dark) #mobile-menu {
            border-top-color: var(--header-border-light);
            border-bottom-color: rgba(63, 99, 132, 0.1);
        }
        html:not(.dark) #mobile-menu-backdrop {
            background: var(--mobile-menu-backdrop-light);
        }
        html:not(.dark) a.legal-item:hover,
        html:not(.dark) a.legal-item:focus-visible {
            color: #0f4e7a;
        }
        html:not(.dark) #back-to-top .btt-shape {
            background: #1b7db8;
            border-color: rgba(7, 74, 115, 0.52);
            box-shadow: none;
        }
        html:not(.dark) #back-to-top:hover:not(.docked) .btt-shape {
            background: #0f5f91;
        }
        html:not(.dark) #back-to-top .btt-icon {
            color: #f1f9ff;
        }
        html:not(.dark) #back-to-top.docked .btt-shape {
            background: #b1cde8;
            border-color: rgba(63, 99, 132, 0.46);
            box-shadow: none;
        }
        html:not(.dark) #back-to-top.docking .btt-shape {
            background: #b1cde8;
            border-color: rgba(63, 99, 132, 0.46);
            box-shadow: none;
        }
        html:not(.dark) #back-to-top.docked .btt-icon {
            color: #315f84;
        }