@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Syne:wght@700;800&display=swap";:root{--bg-void: #040508;--bg-obsidian: #080a10;--glass-surface: rgba(15, 18, 26, .58);--glass-surface-elevated: rgba(22, 27, 38, .66);--glass-pill: rgba(255, 255, 255, .045);--chrome-white: #f8fafc;--chrome-silver: #cbd5e1;--chrome-muted: #8b95a7;--chrome-dim: #525b6d;--accent-cyan: #00e5ff;--accent-cyan-soft: rgba(0, 229, 255, .16);--accent-crimson: #ff2a5f;--accent-crimson-soft: rgba(255, 42, 95, .16);--accent-emerald: #10b981;--accent-amber: #f59e0b;--font-sans: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-void);color:var(--chrome-white);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background-color:var(--bg-void);overflow-x:hidden;position:relative}.ambient-stage{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% -10%,rgba(30,41,59,.45) 0%,transparent 60%),linear-gradient(180deg,#040508,#07090f,#040508)}.ambient-orb{position:absolute;border-radius:50%;filter:blur(110px);opacity:.55;animation:floatOrb 18s ease-in-out infinite alternate}.ambient-orb.cyan{width:680px;height:680px;top:-180px;left:-120px;background:radial-gradient(circle,rgba(0,229,255,.22) 0%,rgba(0,119,255,.05) 65%,transparent 100%)}.ambient-orb.crimson{width:640px;height:640px;top:8%;right:-160px;background:radial-gradient(circle,rgba(255,42,95,.19) 0%,rgba(139,92,246,.06) 65%,transparent 100%);animation-delay:-6s}.ambient-orb.titanium{width:820px;height:520px;bottom:5%;left:22%;background:radial-gradient(circle,rgba(148,163,184,.12) 0%,rgba(0,229,255,.06) 60%,transparent 100%);animation-delay:-11s}.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.022) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 65% at 50% 25%,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 65% at 50% 25%,#000 30%,transparent 100%)}@keyframes floatOrb{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(35px,-25px,0) scale(1.08)}}.glass-navbar-wrap{position:sticky;top:16px;z-index:100;padding:0 24px;max-width:1440px;margin:0 auto}.glass-navbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 22px;border-radius:22px;background:linear-gradient(135deg,#161b26b8,#0c0f169e 55%,#121620bd);backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);border:1px solid rgba(255,255,255,.11);box-shadow:inset 0 1px #ffffff40,inset 0 -1px #ffffff0a,0 20px 50px -12px #000000c7}.glass-metal-card{position:relative;border-radius:24px;background:radial-gradient(550px circle at var(--mouse-x, 50%) var(--mouse-y, 0%),rgba(255,255,255,.085),transparent 45%),linear-gradient(155deg,#1e24328f,#0e1119ad 48%,#090b11d6);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);box-shadow:inset 0 1px 1px #ffffff3d,inset 0 -18px 36px #0000008c,0 20px 45px -15px #000000d1;transition:transform .38s cubic-bezier(.16,1,.3,1),box-shadow .38s cubic-bezier(.16,1,.3,1);overflow:hidden}.glass-metal-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff57,#ffffff12 40%,#00e5ff2e 75%,#ff2a5f38);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}.glass-metal-card:hover{transform:translateY(-6px);box-shadow:inset 0 1px 1.5px #ffffff61,inset 0 -18px 36px #0009,0 30px 60px -12px #000000eb,0 0 32px #00e5ff1c}.glass-metal-card:hover:before{background:linear-gradient(135deg,#ffffff8c,#00e5ff73 45%,#ffffff1f 72%,#ff2a5f73)}.product-stage{position:relative;height:250px;margin:12px 12px 0;border-radius:18px;background:radial-gradient(circle at 50% 52%,#ffffff1f,#0f172a73 58%,#04060beb);box-shadow:inset 0 2px 10px #000000bf,inset 0 -1px #ffffff1f;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:20px}.product-stage:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,.18) 0%,transparent 70%);filter:blur(22px);z-index:0;transition:transform .45s ease,opacity .45s ease;opacity:.65}.glass-metal-card:hover .product-stage:after{transform:scale(1.35);opacity:1}.product-stage-img{position:relative;z-index:1;max-width:88%;max-height:205px;width:auto;height:auto;object-fit:contain;border-radius:12px;filter:drop-shadow(0 16px 24px rgba(0,0,0,.65));transition:transform .45s cubic-bezier(.16,1,.3,1)}.glass-metal-card:hover .product-stage-img{transform:scale(1.06) translateY(-4px)}.text-liquid-chrome{background:linear-gradient(180deg,#fff,#f1f5f9 38%,#94a3b8 82%,#64748b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-plasma-gradient{background:linear-gradient(135deg,#fff,#7dd3fc 35%,#00e5ff 68%,#ff2a5f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-liquid-metal{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 24px;border-radius:14px;font-family:var(--font-sans);font-weight:700;font-size:.92rem;letter-spacing:-.01em;color:#04070d;background:linear-gradient(180deg,#fff,#e2e8f0 48%,#cbd5e1);border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px #fff,inset 0 -2px 3px #0f172a40,0 10px 25px -5px #00e5ff47,0 4px 12px #00000080;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);text-decoration:none}.btn-liquid-metal:hover{transform:translateY(-2px);background:linear-gradient(180deg,#fff,#cffafe,#67e8f9);box-shadow:inset 0 1px #fff,0 14px 32px -4px #00e5ff7a,0 6px 16px #0009}.btn-liquid-metal:active{transform:translateY(0)}.btn-smoked-glass{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:14px;font-family:var(--font-sans);font-weight:600;font-size:.9rem;color:var(--chrome-white);background:linear-gradient(145deg,#ffffff17,#ffffff08);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff38,0 8px 20px -6px #000000a6;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);text-decoration:none}.btn-smoked-glass:hover{transform:translateY(-2px);background:linear-gradient(145deg,#ffffff26,#00e5ff14);border-color:#00e5ff73;box-shadow:inset 0 1px #ffffff59,0 12px 28px -6px #000000bf,0 0 20px #00e5ff29}.category-pill{display:inline-flex;align-items:center;gap:9px;padding:10px 18px;border-radius:999px;font-family:var(--font-sans);font-size:.86rem;font-weight:600;color:var(--chrome-silver);background:#1217228c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px #ffffff1f;cursor:pointer;transition:all .22s ease;white-space:nowrap}.category-pill:hover{color:#fff;background:#1e2638b8;border-color:#ffffff38;transform:translateY(-1px)}.category-pill.active{color:#04070d;font-weight:700;background:linear-gradient(135deg,#fff,#bae6fd 55%,#38bdf8);border-color:#fff;box-shadow:inset 0 1px #fff,0 8px 24px -4px #00e5ff6b}.spec-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:8px;font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:#cbd5e1;background:#ffffff0b;border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px #ffffff14}.glass-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.glass-badge.express{background:#10b98129;color:#6ee7b7;border:1px solid rgba(16,185,129,.38);box-shadow:0 4px 14px #10b98133}.glass-badge.imported{background:#00e5ff24;color:#7dd3fc;border:1px solid rgba(0,229,255,.32)}.glass-badge.discount{background:linear-gradient(135deg,#ff2a5fd9,#e11d48d9);color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:0 4px 14px #ff2a5f59}.glass-input{width:100%;padding:12px 16px;border-radius:14px;background:#0a0d14a6;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 2px 6px #0009,inset 0 1px #ffffff0d;color:var(--chrome-white);font-family:var(--font-sans);font-size:.92rem;outline:none;transition:all .2s ease}.glass-input::placeholder{color:var(--chrome-dim)}.glass-input:focus{border-color:#00e5ff8c;box-shadow:inset 0 2px 6px #0009,0 0 0 3px #00e5ff26}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#05070b}::-webkit-scrollbar-thumb{background:#1e2536;border-radius:999px;border:1px solid rgba(255,255,255,.08)}::-webkit-scrollbar-thumb:hover{background:#334155}@media(max-width:960px){.hero-bento-grid{grid-template-columns:1fr!important}.hide-mobile{display:none!important}}