:root{--bg: #0b1220;--panel: rgba(255, 255, 255, .08);--panel-strong: rgba(255, 255, 255, .12);--text: #e5e7eb;--muted: #9ca3af;--border: rgba(148, 163, 184, .35);--accent: #22d3ee;--accent-soft: rgba(34, 211, 238, .22);--bg-glow-1: rgba(34, 211, 238, .18);--bg-glow-2: rgba(56, 189, 248, .16);--header-bg: rgba(11, 18, 32, .78);--footer-bg: rgba(11, 18, 32, .66);--surface-subtle: rgba(255, 255, 255, .03);--surface-soft: rgba(255, 255, 255, .08);--surface-card-deep: rgba(15, 23, 42, .55);--surface-slider: rgba(12, 20, 36, .92);--input-bg: rgba(0, 0, 0, .15);--focus-ring: rgba(34, 211, 238, .5);--shadow: 0 10px 28px rgba(2, 6, 23, .22);--danger-soft: rgba(248, 113, 113, .2);--success-soft: rgba(52, 211, 153, .2);--radius: 16px;--radius-sm: 12px}:root[data-mode=light]{--bg: #f5f8fc;--panel: rgba(255, 255, 255, .88);--panel-strong: rgba(15, 23, 42, .08);--text: #0f172a;--muted: #475569;--border: rgba(15, 23, 42, .16);--header-bg: rgba(255, 255, 255, .8);--footer-bg: rgba(255, 255, 255, .68);--surface-subtle: rgba(255, 255, 255, .7);--surface-soft: rgba(255, 255, 255, .96);--surface-card-deep: rgba(255, 255, 255, .94);--surface-slider: rgba(255, 255, 255, .95);--input-bg: rgba(255, 255, 255, .94);--focus-ring: rgba(14, 165, 233, .32);--shadow: 0 10px 26px rgba(15, 23, 42, .09)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at 10% -10%,var(--bg-glow-1),transparent 35%),radial-gradient(circle at 95% 0%,var(--bg-glow-2),transparent 34%),var(--bg);color:var(--text);font-family:Avenir Next,Montserrat,Trebuchet MS,sans-serif;line-height:1.45}::selection{background:var(--accent-soft);color:var(--text)}a{color:inherit;text-decoration:none}h1,h2,h3,p,dl,dd,dt{margin:0}.container{width:min(1180px,calc(100% - 2rem));margin:0 auto}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--header-bg);border-bottom:1px solid var(--border)}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0}.menu-toggle{display:none;border:1px solid var(--border);border-radius:10px;background:var(--surface-subtle);color:var(--text);padding:.45rem .75rem;font-size:.82rem;font-weight:700;cursor:pointer}.brand-block{display:grid;gap:.25rem}.brand-link{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;letter-spacing:.6px;font-size:1.05rem;line-height:1.1}.brand-logo{width:1.7rem;height:1.7rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-soft);flex-shrink:0}.brand-tagline{color:var(--muted);font-size:.85rem;max-width:58ch}.main-nav{display:flex;flex-wrap:wrap;gap:.5rem}.header-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.6rem}.nav-link{border:1px solid var(--border);border-radius:999px;padding:.45rem .9rem;font-size:.88rem;color:var(--muted);transition:all .2s ease}.nav-link.active,.nav-link:hover{color:var(--text);background:var(--panel-strong);border-color:var(--accent)}.theme-toggle{display:flex;flex-wrap:wrap;gap:.35rem}.theme-chip{border:1px solid var(--border);background:var(--surface-subtle);color:var(--muted);border-radius:999px;padding:.35rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;gap:.38rem;cursor:pointer}.theme-chip:hover{color:var(--text);border-color:var(--accent)}.theme-chip.active{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.color-cycle-btn{display:none;border:1px solid var(--border);border-radius:999px;background:var(--surface-subtle);color:var(--text);padding:.42rem .7rem;font-size:.78rem;font-weight:700;cursor:pointer}.color-cycle-btn:hover{border-color:var(--accent);background:var(--accent-soft)}.theme-swatch{width:.58rem;height:.58rem;border-radius:999px}.mode-toggle{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:var(--surface-subtle)}.mode-chip{border:0;background:transparent;color:var(--muted);font-size:.74rem;font-weight:700;padding:.34rem .62rem;cursor:pointer}.mode-chip.active{color:var(--text);background:var(--accent-soft)}.main-content{flex:1;width:min(1180px,calc(100% - 2rem));margin:0 auto;padding-block:1.25rem 2rem}.site-footer{border-top:1px solid var(--border);background:var(--footer-bg)}.footer-inner{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.88rem;padding:.9rem 0}.footer-inner p:first-child{color:var(--text);font-weight:700}.footer-inner p:last-child{max-width:62ch}.btn{border:1px solid transparent;border-radius:12px;padding:.65rem 1rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.btn.primary{background:var(--accent);color:#041018}.btn.primary:hover{filter:brightness(1.06)}.btn.secondary,.btn.ghost{background:var(--surface-subtle);border-color:var(--border);color:var(--text)}.btn.secondary:hover,.btn.ghost:hover{border-color:var(--accent);background:var(--surface-soft)}.chip{border:1px solid var(--border);background:#94a3b833;color:var(--text);border-radius:999px;font-size:.75rem;font-weight:700;padding:.4rem .7rem;display:inline-flex;align-items:center}button.chip{cursor:pointer}.chip.compact{padding:.25rem .6rem}.chip.selected{border-color:var(--accent);background:var(--accent-soft)}.hero-panel{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(120deg,#ffffff17,#ffffff0a);padding:1.25rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.hero-panel h1{font-size:clamp(1.6rem,4vw,2.4rem)}.hero-subtitle{color:var(--muted);margin-top:.45rem;max-width:56ch}.hero-actions{display:flex;flex-wrap:wrap;gap:.65rem}.landing-page{display:grid;gap:1rem}.landing-hero{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(125deg,#ffffff1a,#ffffff08);padding:clamp(1rem,3vw,1.6rem);display:grid;grid-template-columns:1.1fr .9fr;gap:1rem}.landing-hero h1{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.16}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:.78rem;margin-bottom:.5rem}.hero-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.mini-stat-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-card-deep);padding:.75rem}.mini-value{font-size:1.25rem;font-weight:800}.mini-label{color:var(--muted);font-size:.82rem}.slider-section{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:1rem;display:grid;gap:.8rem}.slider-header p{color:var(--muted);margin-top:.35rem}.slider-shell{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center}.slider-control{border:1px solid var(--border);background:var(--surface-soft);color:var(--text);width:2.2rem;height:2.2rem;border-radius:999px;cursor:pointer;font-size:1.4rem;line-height:1}.slider-control:hover{border-color:var(--accent)}.slider-viewport{overflow:hidden}.slider-track{display:flex;transition:transform .38s ease}.slide-card{min-width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-slider)}.slide-image{width:100%;height:100%;min-height:250px;object-fit:cover}.slide-content{padding:1rem;display:grid;align-content:center;gap:.55rem}.slide-kicker{color:var(--accent);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.slide-copy{color:var(--muted)}.slide-actions{display:flex;flex-wrap:wrap;gap:.55rem}.slider-dots{display:flex;gap:.45rem;justify-content:center}.dot{width:.68rem;height:.68rem;border-radius:999px;border:1px solid var(--border);background:#fff3;cursor:pointer}.dot.active{background:var(--accent);border-color:var(--accent)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.feature-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);padding:.9rem}.feature-card p{color:var(--muted);margin-top:.35rem}.cta-band{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(90deg,#22d3ee21,#ffffff0a);padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.cta-band p{color:var(--muted);margin-top:.35rem}.about-page,.contact-page{display:grid;gap:1rem}.brand-showcase{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);padding:.8rem}.brand-wordmark{width:100%;border-radius:12px;border:1px solid var(--border);display:block}.about-grid,.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.about-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:1rem}.about-card p{color:var(--muted);margin-top:.5rem}.about-card ul{margin:.65rem 0 0;padding-left:1rem;color:var(--muted);display:grid;gap:.35rem}.catalog-layout{margin-top:1rem;display:grid;grid-template-columns:320px minmax(0,1fr);gap:1rem}.filter-panel,.rfq-form,.detail-card,.not-found-card,.supplier-card,.product-card,.empty-state{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.filter-panel{padding:1rem;position:sticky;top:86px;align-self:start}.mobile-filter-toggle{display:none}.filter-panel h2{margin-bottom:.8rem}.filter-actions{display:flex;justify-content:space-between;gap:.6rem;align-items:center}.filter-actions h2{margin:0}.filter-clear{padding:.45rem .7rem;font-size:.78rem}.filter-block{margin-top:.9rem}.field-label,.filter-title{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.45rem;font-weight:700}.text-input,.select-input,.text-area{width:100%;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--input-bg);color:var(--text);padding:.65rem .75rem;font:inherit}.text-input:focus,.select-input:focus,.text-area:focus{outline:2px solid var(--focus-ring);border-color:var(--accent)}.text-area{min-height:120px;resize:vertical}.catalog-panel{display:grid;gap:.9rem}.results-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--border);padding-bottom:.55rem}.results-head p{color:var(--muted)}.results-controls{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.results-controls .field-label{margin:0}.inline-select{border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);color:var(--text);font:inherit;padding:.35rem .55rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.9rem}.product-card{padding:.8rem;display:grid;gap:.6rem}.product-image{width:100%;height:180px;border-radius:12px;object-fit:cover;border:1px solid var(--border)}.product-title{font-size:1.05rem}.chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.meta-grid{display:grid;gap:.2rem;font-size:.9rem}.meta-label{color:var(--muted);font-weight:700}.product-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.empty-state{padding:1rem}.empty-state h3{margin-bottom:.4rem}.empty-state p{color:var(--muted)}.section-header{margin-bottom:1rem}.section-header p{color:var(--muted);margin-top:.35rem}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}.detail-image{width:100%;border-radius:var(--radius);border:1px solid var(--border);min-height:340px;object-fit:cover;background:#00000040}.detail-content{display:grid;gap:.8rem;align-content:start}.detail-description{color:var(--muted)}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .8rem;font-size:.95rem}.spec-grid dt{color:var(--muted);font-weight:700}.spec-grid dd{margin:0;text-align:right}.detail-card{padding:.95rem;display:grid;gap:.6rem}.detail-cta{width:fit-content}.supplier-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.9rem}.suppliers-page{display:grid;gap:.85rem}.supplier-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.supplier-stat-tile{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);padding:.7rem .8rem;display:grid;gap:.2rem}.supplier-stat-tile strong{font-size:1.25rem;line-height:1}.supplier-stat-tile span{color:var(--muted);font-size:.84rem}.supplier-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:.65rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);padding:.75rem}.supplier-field .field-label{margin-bottom:.35rem}.supplier-card{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;text-align:left;padding:.9rem;cursor:pointer;color:var(--text);transition:transform .18s ease,border-color .18s ease,background .18s ease;display:grid;gap:.65rem}.supplier-card:hover{border-color:var(--accent);background:var(--surface-soft);transform:translateY(-1px)}.supplier-card:focus-visible{outline:2px solid var(--focus-ring);border-color:var(--accent)}.supplier-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap;margin-bottom:.65rem}.supplier-name{font-size:1.03rem;line-height:1.3}.supplier-country{color:var(--muted);font-size:.91rem;margin-top:.2rem}.status-badge{border-radius:999px;padding:.3rem .7rem;border:1px solid var(--border);font-size:.74rem;font-weight:700;white-space:normal;line-height:1.1;text-align:center}.status-badge.verified{background:var(--success-soft);border-color:#34d39973}.status-badge.unverified{background:var(--danger-soft);border-color:#f8717173}.supplier-meta{border-top:1px solid var(--border);padding-top:.55rem;display:flex;justify-content:space-between;align-items:center;gap:.55rem;color:var(--muted);font-size:.84rem}.supplier-link-text{color:var(--accent);font-weight:700}.supplier-hint{margin-top:-.1rem}.rfq-page{max-width:760px}.rfq-form{padding:1rem;display:grid;gap:.7rem}.helper-text{color:var(--muted);font-size:.9rem}.helper-text a{color:var(--accent)}.not-found-card{max-width:560px;margin:1rem auto;padding:1rem;display:grid;gap:.8rem}@media(max-width:980px){.header-inner{align-items:flex-start;flex-wrap:wrap}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.header-controls{display:none;width:100%;margin-top:.4rem;padding-top:.7rem;border-top:1px solid var(--border);justify-content:flex-start}.header-controls.open{display:grid;gap:.55rem}.main-nav{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.nav-link{text-align:center;justify-content:center}.theme-toggle{display:none}.color-cycle-btn{display:inline-flex;align-items:center;justify-content:center}.catalog-layout,.detail-layout,.landing-hero,.feature-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.filter-panel{position:static;display:none}.filter-panel.open{display:block}.mobile-filter-toggle{display:inline-flex;width:100%;justify-content:center}.hero-panel{flex-direction:column}.slide-card{grid-template-columns:1fr}.cta-band{flex-direction:column;align-items:flex-start}.supplier-toolbar{grid-template-columns:1fr}.supplier-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.container,.main-content{width:calc(100% - 1rem)}.header-inner{align-items:stretch}.header-controls.open{width:100%}.main-nav{grid-template-columns:1fr}.nav-link{text-align:left;justify-content:flex-start}.mode-toggle,.color-cycle-btn{width:100%}.mode-chip{flex:1}.theme-chip-label{display:none}.footer-inner{flex-direction:column}.results-head{flex-direction:column;align-items:flex-start;gap:.45rem}.product-actions,.spec-grid{grid-template-columns:1fr}.spec-grid dd{text-align:left;margin-bottom:.3rem}.hero-card-grid,.slider-shell{grid-template-columns:1fr}.slider-control{display:none}.results-controls{justify-content:flex-start}.supplier-stats{grid-template-columns:1fr}.supplier-meta{flex-direction:column;align-items:flex-start}}