:root{--bg: #090b12;--surface: #121722;--surface-warm: #1b2233;--fg: #f8fafc;--fg-2: #cbd5e1;--muted: #94a3b8;--meta: #60a5fa;--accent: #60a5fa;--accent-on: #06101d;--accent-soft: rgba(96, 165, 250, .14);--success: #22c55e;--warn: #fbbf24;--danger: #fb7185;--border: #2a3447;--border-soft: #1d2636;--grid-line: rgba(148, 163, 184, .06);--glow-accent: rgba(96, 165, 250, .12);--font-display: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 24px;--text-2xl: clamp(28px, 4vw, 36px);--text-3xl: clamp(44px, 6vw, 76px);--leading-body: 1.52;--leading-tight: 1.06;--tracking-display: -.025em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--section-y-desktop: 96px;--section-y-tablet: 68px;--section-y-phone: 48px;--container-max: 1180px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 9999px;--elev-raised: 0 24px 72px rgba(0, 0, 0, .42);--focus-ring: 0 0 0 4px rgba(96, 165, 250, .28);--motion-fast: .15s;--motion-base: .24s;--ease-standard: cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-display);font-size:var(--text-base);line-height:var(--leading-body);overflow-x:clip;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit}h1,h2,h3,h4{margin:0;line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.container{width:min(var(--container-max),100% - 32px);margin:0 auto}.section{padding:var(--section-y-phone) 0}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--meta)}.status-dot{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--success);flex:none}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-6);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-base);border:1px solid transparent;cursor:pointer;transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.btn-primary{background:var(--accent);color:var(--accent-on)}.btn-primary:hover{background:color-mix(in oklab,var(--accent),black 8%);transform:translateY(-1px)}.btn-secondary{background:transparent;border-color:var(--border);color:var(--fg)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.section-head{max-width:65ch;margin-bottom:var(--space-12)}.section-head h2{font-size:var(--text-2xl);font-weight:700;margin-top:var(--space-3)}.section-head .lead{color:var(--fg-2);font-size:var(--text-lg);margin:var(--space-4) 0 0}.metric{display:flex;flex-direction:column;gap:var(--space-1)}.metric .metric-value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;color:var(--fg);letter-spacing:-.01em}.metric .metric-caption{font-size:var(--text-sm);color:var(--muted)}.site-nav{position:sticky;top:0;z-index:50;background:#090b12d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft)}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:var(--space-6)}.nav-wordmark{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;letter-spacing:.14em;color:var(--fg)}.nav-wordmark span{color:var(--accent)}.nav-links{display:none;align-items:center;gap:var(--space-8)}.nav-links a{font-size:var(--text-sm);color:var(--fg-2);transition:color var(--motion-fast) var(--ease-standard)}.nav-links a:hover,.nav-links a.active{color:var(--accent)}.nav-cta{display:none}.nav-burger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);cursor:pointer}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--bg);display:flex;flex-direction:column;padding:var(--space-6) var(--space-4)}.nav-overlay-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-12)}.nav-overlay-links{display:flex;flex-direction:column;gap:var(--space-6)}.nav-overlay-links a{font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:.08em;text-transform:uppercase;color:var(--fg);padding:var(--space-2) 0;min-height:44px;display:flex;align-items:center}.nav-overlay-links a:hover{color:var(--accent)}.nav-overlay .btn{margin-top:var(--space-12)}.hero{position:relative;padding:72px 0 64px;overflow:hidden;background-color:var(--bg)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 20%,black,transparent 75%);mask-image:radial-gradient(ellipse 90% 80% at 50% 20%,black,transparent 75%);pointer-events:none}.hero:after{content:"";position:absolute;top:-20%;right:-10%;width:620px;height:620px;background:radial-gradient(circle,var(--glow-accent),transparent 70%);pointer-events:none}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.22;pointer-events:none}.hero-grid{position:relative;display:grid;gap:var(--space-12);align-items:center}.hero h1{font-size:var(--text-3xl);font-weight:700;margin:var(--space-6) 0 0;max-width:14ch}.hero .lead{color:var(--fg-2);font-size:var(--text-lg);margin:var(--space-6) 0 0;max-width:56ch}.hero-actions,.hero-trust{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}.hero-panel{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--elev-raised);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-soft);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.panel-head .online{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--success)}.panel-media{aspect-ratio:4 / 4.6}.panel-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.panel-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border-soft)}.panel-metrics .metric{padding:var(--space-4) var(--space-5);border-left:1px solid var(--border-soft)}.panel-metrics .metric:first-child{border-left:0}.panel-metrics .metric-value{font-size:var(--text-base)}.panel-metrics .metric-caption{font-size:var(--text-xs)}.stats-bar{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);background:var(--surface);padding:var(--space-8) 0}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8) var(--space-6)}.cat-grid{display:grid;gap:var(--space-4)}.cat-card{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--motion-base) var(--ease-standard)}.cat-card:hover{border-color:var(--accent)}.cat-media{aspect-ratio:16 / 9;overflow:hidden}.cat-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--motion-base) var(--ease-standard)}.cat-card:hover .cat-media img{transform:scale(1.02)}.cat-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.cat-index{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;color:var(--meta)}.cat-card h3{font-size:var(--text-xl);font-weight:700}.cat-card p{margin:0;color:var(--muted);font-size:var(--text-sm)}.cat-meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;color:var(--fg-2)}.product-grid{display:grid;gap:var(--space-4)}.product-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--motion-base) var(--ease-standard),transform var(--motion-base) var(--ease-standard)}.product-card:hover{border-color:var(--accent);transform:translateY(-2px)}.product-media{aspect-ratio:1 / 1;overflow:hidden;position:relative}.product-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--motion-base) var(--ease-standard)}.product-card:hover .product-media img{transform:scale(1.02)}.product-tag{position:absolute;top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-on);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.product-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.product-body h3{font-size:var(--text-lg);font-weight:700}.product-cat{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--meta)}.product-row{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-soft)}.product-price{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg)}.product-moq{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted)}.product-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:600;color:var(--accent)}.products-hero{padding:48px 0;border-bottom:1px solid var(--border-soft);background:var(--surface)}.products-hero h1{font-size:var(--text-2xl);font-weight:700;margin-top:var(--space-3)}.products-hero .lead{color:var(--fg-2);margin:var(--space-3) 0 0;max-width:60ch}.filter-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-8) 0 var(--space-8)}.filter-chip{min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-pill);border:1px solid var(--border);background:transparent;color:var(--fg-2);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--motion-fast) var(--ease-standard)}.filter-chip:hover{border-color:var(--accent);color:var(--accent)}.filter-chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.oem-wrap{display:grid;gap:var(--space-12);align-items:start}.oem-copy .lead{color:var(--fg-2);font-size:var(--text-lg);margin:var(--space-4) 0 0;max-width:52ch}.oem-check{list-style:none;margin:var(--space-8) 0 0;padding:0;display:grid;gap:var(--space-3)}.oem-check li{display:flex;align-items:center;gap:var(--space-3);color:var(--fg-2);font-size:var(--text-sm)}.oem-check svg{color:var(--accent);flex:none}.process{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-6);display:grid;gap:var(--space-6)}.process-step{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);position:relative}.process-step:not(:last-child):before{content:"";position:absolute;left:11px;top:34px;bottom:-26px;width:1px;background:var(--border-soft)}.process-num{width:24px;height:24px;border-radius:var(--radius-pill);border:1px solid var(--accent);color:var(--accent);font-family:var(--font-mono);font-size:var(--text-xs);display:flex;align-items:center;justify-content:center}.process-body h4{font-size:var(--text-base);font-weight:700}.process-body p{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--text-sm)}.factory-wrap{display:grid;gap:var(--space-12);align-items:center}.factory-media{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.factory-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:16 / 11}.factory-copy .lead{color:var(--fg-2);font-size:var(--text-lg);margin:var(--space-4) 0 0;max-width:52ch}.factory-badges{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}.factory-points{list-style:none;margin:var(--space-8) 0 0;padding:0;display:grid;gap:var(--space-4)}.factory-points li{display:flex;gap:var(--space-3);align-items:flex-start}.factory-points svg{color:var(--success);flex:none;margin-top:4px}.factory-points strong{display:block;font-size:var(--text-base)}.factory-points span{color:var(--muted);font-size:var(--text-sm)}.testi-grid{display:grid;gap:var(--space-4)}.testi-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.testi-card blockquote{margin:0;color:var(--fg-2);font-size:var(--text-base)}.testi-by{display:flex;align-items:center;gap:var(--space-3)}.testi-avatar{width:40px;height:40px;border-radius:var(--radius-pill);background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}.testi-by .who{font-size:var(--text-sm);font-weight:600}.testi-by .role{font-size:var(--text-xs);color:var(--muted);font-family:var(--font-mono)}.inquiry-wrap{display:grid;gap:var(--space-12)}.inquiry-info .lead{color:var(--fg-2);font-size:var(--text-lg);margin:var(--space-4) 0 0;max-width:44ch}.inquiry-channels{list-style:none;margin:var(--space-8) 0 0;padding:0;display:grid;gap:var(--space-4)}.inquiry-channels li{display:flex;align-items:center;gap:var(--space-3);color:var(--fg-2);font-size:var(--text-sm)}.inquiry-channels svg{color:var(--accent);flex:none}.inquiry-channels a{color:var(--accent);font-weight:600}.inquiry-form{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-6);display:grid;gap:var(--space-5)}.form-grid{display:grid;gap:var(--space-5)}.field{display:grid;gap:var(--space-2)}.field label{font-size:var(--text-sm);font-weight:600;color:var(--fg-2)}.field label span{color:var(--danger)}.field input,.field select,.field textarea{width:100%;min-height:46px;padding:var(--space-3) var(--space-4);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);font-size:var(--text-base);font-family:inherit;transition:border-color var(--motion-fast) var(--ease-standard)}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat}.field .error{color:var(--danger);font-size:var(--text-xs)}.form-hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}.form-success{border:1px solid var(--success);background:#22c55e14;border-radius:var(--radius-md);padding:var(--space-5);display:flex;gap:var(--space-3);align-items:flex-start;color:var(--fg-2);font-size:var(--text-sm)}.form-success svg{color:var(--success);flex:none;margin-top:2px}.cta-band{position:relative;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:radial-gradient(ellipse 60% 100% at 50% 0%,var(--glow-accent),transparent 70%),var(--surface);padding:72px 0;text-align:center}.cta-band h2{font-size:var(--text-2xl);font-weight:700;max-width:22ch;margin:0 auto}.cta-band p{color:var(--fg-2);margin:var(--space-4) auto 0;max-width:52ch}.cta-band .hero-actions{justify-content:center}.site-footer{border-top:1px solid var(--border-soft);padding:var(--space-12) 0 var(--space-8)}.footer-grid{display:grid;gap:var(--space-12)}.footer-brand .nav-wordmark{font-size:var(--text-base)}.footer-brand p{color:var(--muted);font-size:var(--text-sm);margin:var(--space-4) 0 0;max-width:36ch}.footer-col h4{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-4)}.footer-col a,.footer-col p{display:block;color:var(--fg-2);font-size:var(--text-sm);padding:var(--space-1) 0;transition:color var(--motion-fast) var(--ease-standard)}.footer-col a:hover{color:var(--accent)}.footer-bottom{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--border-soft);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;color:var(--muted);font-size:var(--text-xs);font-family:var(--font-mono)}@media (min-width: 640px){.section{padding:var(--section-y-tablet) 0}.stats-grid{grid-template-columns:repeat(3,1fr)}.cat-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.testi-grid{grid-template-columns:repeat(3,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}.nav-links,.nav-cta{display:flex}.nav-burger{display:none}.inquiry-wrap{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.section{padding:var(--section-y-desktop) 0}.hero{padding:96px 0 88px}.hero-grid{grid-template-columns:1.1fr .9fr;gap:var(--space-12)}.stats-grid{grid-template-columns:repeat(5,1fr)}.cat-grid,.product-grid{grid-template-columns:repeat(4,1fr)}.oem-wrap,.factory-wrap{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.cat-media img,.product-media img,.btn,.product-card{transform:none!important}}