:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-main:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#f0fdf4;--bg-card:#fff;--bg-card-hover:#f0fdf4;--bg-glass:#ffffffeb;--border-color:#e2e8f0;--border-glow:#10b981;--border-active:#059669;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-inverse:#fff;--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-400:#34d399;--green-500:#10b981;--green-600:#059669;--green-700:#047857;--blue-50:#f0f9ff;--blue-100:#e0f2fe;--blue-200:#bae6fd;--blue-300:#7dd3fc;--blue-400:#38bdf8;--blue-500:#0ea5e9;--blue-600:#0284c7;--blue-700:#0369a1;--gradient-accent:linear-gradient(135deg, #059669 0%, #0284c7 100%);--gradient-green:linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-blue:linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);--gradient-subtle:linear-gradient(180deg, #f0fdf4 0%, #f0f9ff 100%);--gradient-card:#fff;--shadow-sm:0 2px 6px #0f172a0d;--shadow-md:0 6px 20px -2px #0f172a14, 0 2px 6px -1px #0f172a0a;--shadow-lg:0 16px 36px -6px #0f172a1f, 0 4px 12px -2px #0f172a0f;--shadow-glow:0 4px 20px #10b98133;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth;font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}body{background-color:#f8fafc;background-image:radial-gradient(90% 50% at 50% -10%,#bbf7d073,#0000),radial-gradient(70% 40% at 85% 60%,#bae6fd59,#0000),radial-gradient(70% 40% at 15% 80%,#dcfce766,#0000);background-attachment:fixed;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.container{width:100%;max-width:1320px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.glass-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);background:#fff;border:1px solid #e2e8f0}.glass-card:hover{box-shadow:var(--shadow-md), 0 0 16px #10b98126;border-color:#10b981;transform:translateY(-3px)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:0 4px 14px #05966947}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 20px #05966966}.btn-secondary{color:#1e293b;background:#fff;border-color:#cbd5e1;box-shadow:0 1px 3px #0000000d}.btn-secondary:hover{color:#059669;background:#f8fafc;border-color:#059669}.btn-outline{color:#059669;background:#fff;border-color:#059669}.btn-outline:hover{background:#ecfdf5;border-color:#047857}.btn-sm{border-radius:var(--radius-sm);padding:.45rem .85rem;font-size:.85rem}.btn-lg{border-radius:var(--radius-md);padding:.85rem 1.75rem;font-size:1.05rem}.badge{border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-cyan{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.badge-emerald{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.badge-amber{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.badge-rose{color:#be123c;background:#ffe4e6;border:1px solid #fecdd3}.form-group{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.form-label{color:#334155;font-size:.85rem;font-weight:600}.form-input,.form-select,.form-textarea{border-radius:var(--radius-md);color:#0f172a;width:100%;transition:all var(--transition-fast);background:#fff;border:1.5px solid #cbd5e1;outline:none;padding:.7rem 1rem}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#fff;border-color:#059669;box-shadow:0 0 0 3px #10b98133}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDrawer{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-fade{animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-drawer{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideDrawer}.desktop-nav{align-items:center;gap:.5rem;display:flex!important}.mobile-nav-toggle{display:none!important}@media (width<=1024px){.desktop-nav{display:none!important}.mobile-nav-toggle{display:flex!important}.desktop-search-bar,.brand-subtext,.brand-est-badge{display:none!important}}@media (width<=640px){.container{padding-left:1rem!important;padding-right:1rem!important}.hero-spotlights-grid,.hero-features-grid{grid-template-columns:1fr!important}.products-responsive-grid{grid-template-columns:1fr!important;gap:1.25rem!important}.filter-formulation-wrap{width:100%!important}.filter-formulation-wrap select{width:100%!important;min-width:0!important}}.product-modal-grid{grid-template-columns:340px 1fr;align-items:flex-start;gap:2rem;display:grid}@media (width<=860px){.product-modal-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.modal-container-box{border-radius:var(--radius-lg)!important;max-height:94vh!important;padding:1.25rem!important}}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(6px);z-index:150;background:#0f172a8c;justify-content:flex-end;display:flex;position:fixed;inset:0}.mobile-drawer-content{background:#fff;border-left:1.5px solid #e2e8f0;flex-direction:column;width:86%;max-width:360px;height:100%;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideDrawer;display:flex;box-shadow:-8px 0 35px #0f172a33}.mobile-nav-link{border-radius:var(--radius-md);color:#1e293b;transition:all var(--transition-fast);cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.95rem;font-weight:700;text-decoration:none;display:flex}.mobile-nav-link:hover,.mobile-nav-link.active{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.chat-inquiry-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:99999;background-color:#0f172aa6;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.chat-inquiry-container{background-color:#fff;border:1.5px solid #cbd5e1;border-radius:20px;flex-direction:column;width:100%;max-width:560px;height:88vh;max-height:740px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #0000004d}@media (width<=768px){.chat-inquiry-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:#0f172abf!important;justify-content:stretch!important;align-items:stretch!important;padding:0!important}.chat-inquiry-container{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;box-shadow:none!important;border:none!important;border-radius:0!important}.modal-overlay-wrapper{align-items:stretch!important;padding:0!important}.modal-container-box{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100%!important;box-shadow:none!important;border:none!important;border-radius:0!important;padding:1.25rem 1rem!important}}