*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.z-10{z-index:10}.order-1{order:1}.order-2{order:2}.mx-auto{margin-left:auto;margin-right:auto}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-8{margin-top:2rem}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-11{height:2.75rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-full{width:100%}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0{gap:0}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-zinc-400{--tw-gradient-to:#a1a1aa var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{-o-object-fit:contain;object-fit:contain}.p-10{padding:2.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pt-1{padding-top:.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-transparent{color:transparent}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow-\[0_15px_30px_rgba\(212\2c 175\2c 55\2c 0\.2\)\]{--tw-drop-shadow:drop-shadow(0 15px 30px rgba(212,175,55,.2))}.drop-shadow-\[0_15px_30px_rgba\(212\2c 175\2c 55\2c 0\.2\)\],.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:640px){.sm\:flex-row{flex-direction:row}}@media (min-width:768px){.md\:order-1{order:1}.md\:order-2{order:2}.md\:mb-16{margin-bottom:4rem}.md\:mt-24{margin-top:6rem}.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:gap-12{gap:3rem}.md\:gap-4{gap:1rem}.md\:p-8{padding:2rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}}:root {
            --bg-dark: #050505;
            --bg-card: #0a0a0a;
            --bg-card-hover: #0e0e0e;
            --gold-primary: #D4AF37;
            --gold-dim: #b8963b;
            --gold-glow: rgba(212, 175, 55, 0.08);
            --text-main: #fafafa;
            --text-muted: #71717a;
            --border-dim: rgba(255,255,255,0.06);
            --border-gold: rgba(212, 175, 55, 0.15);
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        html { font-size: 16px; }
        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-main);
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
        }

        body.no-scroll { overflow: hidden; }

        .stripe-pattern {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0.03;
            background: repeating-linear-gradient(
                90deg,
                #fff 0px,
                #fff 1px,
                transparent 1px,
                transparent 3px
            );
            pointer-events: none;
            z-index: 0;
        }

        #logo-row {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 9999;
            display: flex;
            align-items: center;
            gap: 16px;
            transition: all 1.2s cubic-bezier(0.65, 0, 0.35, 1);
            transition-delay: 0.5s;
            white-space: nowrap;
        }
        #logo-row.moved {
            top: 20px;
            left: 20px;
            right: auto;
            transform: translate(0, 0);
            gap: 12px;
        }
        #logo-img {
            width: 150px;
            height: 150px;
            object-fit: contain;
            filter: drop-shadow(0 10px 20px rgba(212, 175, 55, 0.3));
            transition: all 1.2s cubic-bezier(0.65, 0, 0.35, 1);
        }
        #logo-row.moved #logo-img {
            width: 48px;
            height: 48px;
            filter: drop-shadow(0 2px 6px rgba(212, 175, 55, 0.3));
        }
        .logo-text-inline {
            font-size: 2rem;
            font-weight: 700;
            background: linear-gradient(135deg, #D4AF37, #D4AF37);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            transition: all 0.6s ease;
            opacity: 0;
            transform: translateX(-10px);
        }
        #logo-row.moved .logo-text-inline {
            opacity: 1;
            transform: translateX(0);
            transition-delay: 0.3s;
            font-size: 1.5rem;
        }

        #main-content {
            position: relative;
            height: 100vh;
            height: 100dvh;
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            opacity: 0;
            transition: opacity 1s ease;
            transition-delay: 1.5s;
        }
        #main-content.visible { opacity: 1; }
        .video-bg {
            position: absolute;
            top: 0; left: 0;
            width: 100%; height: 100%;
            object-fit: cover;
            z-index: -1;
            opacity: 0.3;
        }
        .video-overlay {
            position: absolute;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: linear-gradient(to bottom, rgba(5,5,5,0.9), rgba(5,5,5,0.5));
            z-index: -1;
        }

        header {
            position: fixed;
            top: 0; left: 0;
            width: 100%;
            padding: 20px;
            z-index: 1000;
            display: flex;
            /* Logo sits on the left after the intro, so the menu button
               stays on the right — they don't overlap. */
            justify-content: flex-end;
            align-items: center;
            opacity: 0;
            transition: opacity 0.5s ease;
            transition-delay: 2s;
            pointer-events: none;
        }
        header.visible { opacity: 1; pointer-events: auto; }

        .menu-btn {
            width: 44px; height: 44px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            gap: 6px;
            z-index: 1001;
            background: rgba(0,0,0,0.5);
            border-radius: 10px;
            backdrop-filter: blur(4px);
            border: 1px solid var(--border-dim);
        }
        .menu-btn span {
            display: block;
            width: 24px; height: 2px;
            background-color: var(--gold-primary);
            transition: all 0.3s ease;
        }
        .menu-btn.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
        .menu-btn.active span:nth-child(2) { opacity: 0; }
        .menu-btn.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

        .dropdown-menu {
            position: fixed;
            top: 0; right: 0;
            width: 300px; height: 100vh;
            height: 100dvh;
            background: rgba(5, 5, 5, 0.98);
            border-left: 1px solid var(--border-gold);
            transform: translateX(100%);
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
            z-index: 999;
            padding-top: 100px;
            padding-left: 30px;
            backdrop-filter: blur(12px);
        }
        .dropdown-menu.open { transform: translateX(0); }
        .dropdown-menu a {
            display: block;
            font-size: 1.5rem;
            color: var(--text-main);
            text-decoration: none;
            margin-bottom: 1.5rem;
            transition: color 0.2s;
            font-weight: 500;
        }
        .dropdown-menu a:hover { color: var(--gold-primary); }

        .btn-primary {
            background: linear-gradient(135deg, var(--gold-primary), #b8963b);
            color: #000;
            padding: 16px 36px;
            border-radius: 10px;
            font-weight: 600;
            text-decoration: none;
            display: inline-block;
            transition: transform 0.2s, box-shadow 0.2s;
            border: none;
            cursor: pointer;
            font-family: 'Inter', sans-serif;
            font-size: 1rem;
        }
        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(212, 175, 55, 0.3);
        }
        .btn-primary:active { transform: translateY(0) scale(0.98); }

        .btn-secondary {
            background: transparent;
            color: var(--text-main);
            padding: 16px 36px;
            border-radius: 10px;
            font-weight: 600;
            text-decoration: none;
            border: 1px solid rgba(255,255,255,0.12);
            display: inline-block;
            transition: all 0.2s;
            font-family: 'Inter', sans-serif;
            font-size: 1rem;
        }
        .btn-secondary:hover { background: rgba(255,255,255,0.03); border-color: var(--gold-primary); }

        .form-group { margin-bottom: 1.25rem; }
        .form-label {
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            color: #a1a1aa;
            font-size: 0.95rem;
        }
        .form-input {
            width: 100%;
            padding: 14px 16px;
            background: rgba(255,255,255,0.03);
            border: 1px solid var(--border-dim);
            border-radius: 10px;
            color: white;
            font-family: 'Inter', sans-serif;
            font-size: 1rem;
            transition: border-color 0.3s;
        }
        .form-input:focus { outline: none; border-color: var(--gold-primary); }
        textarea.form-input { min-height: 120px; resize: vertical; }

        .quality-badge {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            padding: 20px 12px;
            background: var(--bg-card);
            border: 1px solid var(--border-dim);
            border-radius: 14px;
            transition: all 0.3s ease;
        }
        .quality-badge:hover {
            border-color: var(--border-gold);
            background: var(--bg-card-hover);
            transform: translateY(-4px);
        }
        .quality-badge .badge-icon {
            width: 48px;
            height: 48px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: var(--gold-glow);
            border: 1px solid var(--border-gold);
        }
        .quality-badge .badge-label {
            font-size: 0.7rem;
            font-weight: 600;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }
        .quality-badge .badge-value {
            font-size: 0.9rem;
            font-weight: 600;
            color: var(--text-main);
        }

        .factory-logo {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 16px 12px;
            background: var(--bg-card);
            border: 1px solid var(--border-dim);
            border-radius: 12px;
            transition: all 0.3s ease;
            min-height: 60px;
        }
        .factory-logo:hover {
            border-color: var(--border-gold);
            background: var(--bg-card-hover);
        }
        .factory-logo img {
            max-height: 24px;
            max-width: 100px;
            object-fit: contain;
            filter: grayscale(1) brightness(0.7);
            transition: filter 0.3s ease;
        }
        .factory-logo:hover img {
            filter: grayscale(0) brightness(1);
        }
        .factory-logo .logo-fallback {
            font-size: 0.85rem;
            font-weight: 700;
            color: #3f3f46;
            letter-spacing: -0.01em;
            transition: color 0.3s ease;
        }
        .factory-logo:hover .logo-fallback { color: #a1a1aa; }

        .stat-card {
            text-align: center;
            padding: 24px 12px;
            position: relative;
        }
        .stat-card::after {
            content: '';
            position: absolute;
            right: 0;
            top: 20%;
            height: 60%;
            width: 1px;
            background: var(--border-dim);
        }
        .stat-card:last-child::after { display: none; }
        .stat-number {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--gold-primary);
            line-height: 1;
            margin-bottom: 8px;
        }
        .stat-label {
            font-size: 0.85rem;
            color: var(--text-muted);
            font-weight: 500;
        }

        .process-step { display: flex; gap: 16px; align-items: flex-start; }
        .step-number {
            width: 44px;
            height: 44px;
            min-width: 44px;
            border-radius: 12px;
            background: var(--gold-glow);
            border: 1px solid var(--border-gold);
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            color: var(--gold-primary);
            font-size: 1rem;
        }
        .step-connector {
            width: 1px;
            height: 24px;
            margin-left: 21px;
            background: linear-gradient(to bottom, var(--border-gold), transparent);
        }

        .fade-section {
            opacity: 0;
            transform: translateY(40px);
            transition: opacity 0.8s ease, transform 0.8s ease;
        }
        .fade-section.in-view { opacity: 1; transform: translateY(0); }

        @keyframes gentle-float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-12px); }
        }
        .float-anim { animation: gentle-float 6s ease-in-out infinite; }

        .section-divider {
            height: 1px;
            background: linear-gradient(to right, transparent, var(--border-gold), transparent);
        }

        .trust-marquee {
            overflow: hidden;
            white-space: nowrap;
            mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
            -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
        }
        .trust-marquee-inner {
            display: inline-flex;
            gap: 48px;
            animation: marquee 25s linear infinite;
        }
        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        .trust-marquee-item {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #3f3f46;
            font-weight: 600;
            font-size: 0.8rem;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            flex-shrink: 0;
        }
        .trust-marquee-item svg { width: 16px; height: 16px; flex-shrink: 0; }

        .toast-success {
            background: rgba(16, 185, 129, 0.1);
            border: 1px solid rgba(16, 185, 129, 0.3);
            color: #6ee7b7;
        }
        .toast-error {
            background: rgba(239, 68, 68, 0.1);
            border: 1px solid rgba(239, 68, 68, 0.3);
            color: #fca5a5;
        }

        .tn-accent {
            display: flex;
            align-items: center;
            gap: 0;
            height: 3px;
            border-radius: 2px;
            overflow: hidden;
        }
        .tn-accent-red { background: #E70013; flex: 1; }
        .tn-accent-white { background: #ffffff; flex: 1; }

        .phone-link {
            color: #a1a1aa;
            text-decoration: none;
            transition: color 0.2s;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }
        .phone-link:hover { color: var(--gold-primary); }

        /* ===== MOBILE FIXES ===== */
        @media (max-width: 768px) {
            html { font-size: 16px; }

            /* Logo row in header */
            #logo-row.moved { top: 14px; left: 14px; right: auto; gap: 8px; }
            #logo-row.moved #logo-img { width: 38px; height: 38px; }
            #logo-row.moved .logo-text-inline { font-size: 1.15rem; }

            /* Hamburger bigger for touch */
            .menu-btn { width: 48px; height: 48px; }
            .menu-btn span { width: 26px; height: 2.5px; }

            /* Dropdown narrower */
            .dropdown-menu { width: 280px; padding-left: 24px; }

            /* Hero text bigger */
            .hero-title { font-size: 2.8rem !important; line-height: 1.05 !important; }
            .hero-sub { font-size: 1.1rem !important; }
            .hero-flag { font-size: 0.85rem !important; }

            /* Buttons bigger for touch */
            .btn-primary, .btn-secondary {
                padding: 16px 28px;
                font-size: 1rem;
                border-radius: 12px;
            }

            /* About logo card — MUCH SMALLER on phone */
            .about-logo-card {
                max-width: 220px !important;
                aspect-ratio: 1 !important;
                padding: 24px !important;
            }
            .about-logo-card img { width: 120px !important; }

            /* About heading */
            .about-heading { font-size: 2.2rem !important; line-height: 1.15 !important; }
            .about-text { font-size: 1rem !important; }

            /* Quality badges tighter */
            .quality-badge { padding: 16px 8px; border-radius: 12px; }
            .quality-badge .badge-icon { width: 42px; height: 42px; border-radius: 10px; }
            .quality-badge .badge-icon svg { width: 20px; height: 20px; }
            .quality-badge .badge-value { font-size: 0.8rem; }
            .quality-badge .badge-label { font-size: 0.65rem; }

            /* Factory logos tighter */
            .factory-logo { padding: 12px 8px; min-height: 52px; border-radius: 10px; }
            .factory-logo .logo-fallback { font-size: 0.75rem; }

            /* Stats */
            .stat-card { padding: 20px 8px; }
            .stat-number { font-size: 2rem; }
            .stat-label { font-size: 0.75rem; }

            /* Process steps */
            .process-step { gap: 14px; }
            .step-number { width: 40px; height: 40px; min-width: 40px; font-size: 0.95rem; border-radius: 10px; }
            .step-title { font-size: 1.1rem !important; }
            .step-text { font-size: 0.95rem !important; }
            .step-connector { height: 20px; margin-left: 19px; }

            /* Contact */
            .contact-heading { font-size: 2.2rem !important; }
            .contact-sub { font-size: 1rem !important; }
            .contact-info-card { padding: 20px !important; }
            .contact-info-card h4 { font-size: 1.05rem !important; }
            .contact-form-card { padding: 20px !important; }
            .form-label { font-size: 0.9rem; }
            .form-input { padding: 14px 14px; font-size: 1rem; }

            /* Section titles */
            .section-label { font-size: 0.7rem !important; }
            .section-subtitle { font-size: 0.85rem !important; }

            /* Footer */
            .footer-nav a { font-size: 0.8rem; }
        }

        @media (max-width: 380px) {
            .hero-title { font-size: 2.4rem !important; }
            .about-heading { font-size: 1.9rem !important; }
            .about-logo-card { max-width: 180px !important; padding: 20px !important; }
            .about-logo-card img { width: 100px !important; }
            .quality-badge .badge-value { font-size: 0.75rem; }
            .stat-number { font-size: 1.75rem; }
        }

        @media (prefers-reduced-motion: reduce) {
            *, *::before, *::after {
                animation-duration: 0.01ms !important;
                transition-duration: 0.01ms !important;
            }
            #logo-row, #logo-row.moved { transition: none; }
            .trust-marquee-inner { animation: none; }
            .float-anim { animation: none; }
        }

        /* Hover effects (replaces inline onmouseover/onmouseout so CSP can drop 'unsafe-inline') */
        .social-icon-hover:hover { border-color: var(--gold-primary) !important; color: #fff !important; }
        .footer-link-hover:hover { color: #a1a1aa !important; }
        /* ==================== OUR WORK CARDS ==================== */
        .work-card {
            display: flex;
            flex-direction: column;
            background: var(--bg-card);
            border: 1px solid var(--border-dim);
            border-radius: 18px;
            overflow: hidden;
            text-decoration: none;
            color: inherit;
            transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
            cursor: pointer;
        }
        .work-card:hover {
            transform: translateY(-4px);
            border-color: rgba(212, 175, 55, 0.35);
            box-shadow: 0 20px 50px -15px rgba(212, 175, 55, 0.18);
        }
        .work-card__preview {
            position: relative;
            width: 100%;
            aspect-ratio: 16/10;
            overflow: hidden;
            border-bottom: 1px solid var(--border-dim);
        }
        .work-card__browser {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 12px;
            background: #111;
            border-bottom: 1px solid rgba(255,255,255,0.05);
            position: relative;
            z-index: 1;
        }
        .work-card__dots {
            display: flex;
            gap: 5px;
        }
        .work-card__dots span {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: rgba(255,255,255,0.12);
            display: block;
        }
        .work-card__dots span:nth-child(1) { background: #ff5f57; }
        .work-card__dots span:nth-child(2) { background: #febc2e; }
        .work-card__dots span:nth-child(3) { background: #28c840; }
        .work-card__url {
            flex: 1;
            font-size: 10px;
            color: #555;
            background: rgba(255,255,255,0.04);
            border-radius: 4px;
            padding: 3px 8px;
            text-align: center;
            font-family: monospace;
            letter-spacing: 0.3px;
        }
        .work-card__screen {
            width: 100%;
            flex: 1;
            height: calc(100% - 34px);
            position: absolute;
            top: 34px;
            left: 0;
        }
        .work-card__body {
            padding: 20px 22px 24px;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .work-card__tags {
            display: flex;
            gap: 6px;
            flex-wrap: wrap;
        }
        .work-tag {
            font-size: 10.5px;
            font-weight: 600;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            color: var(--gold-primary);
            background: rgba(212, 175, 55, 0.08);
            border: 1px solid rgba(212, 175, 55, 0.18);
            border-radius: 5px;
            padding: 3px 8px;
        }
        .work-card__title {
            font-size: 17px;
            font-weight: 700;
            color: #f4f4f5;
            line-height: 1.3;
        }
        .work-card__desc {
            font-size: 13.5px;
            color: var(--text-muted);
            line-height: 1.65;
        }
        .work-card__link {
            font-size: 13px;
            font-weight: 600;
            color: var(--gold-primary);
            margin-top: 4px;
            display: flex;
            align-items: center;
            gap: 4px;
            transition: gap 0.18s ease;
        }
        .work-card:hover .work-card__link { gap: 8px; }
        .work-card__link span {
            transition: transform 0.18s ease;
        }
        .work-card:hover .work-card__link span { transform: translateX(3px); }

        @media (max-width: 640px) {
            .work-card__preview { aspect-ratio: 16/9; }
            .work-card__body { padding: 16px 18px 20px; }
        }