:root{--color-sun:#f59e0b;--color-sun-dark:#d97706;--color-sun-light:#fbbf24;--color-sky:#0284c7;--color-sky-dark:#0369a1;--color-bg:#ffffff;--color-bg-alt:#f8fafc;--color-bg-card:#ffffff;--color-bg-header:rgba(255,255,255,0.95);--color-border:#e2e8f0;--color-border-hi:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-dim:#cbd5e1;--color-success:#16a34a;--color-info:#0284c7;--color-warning:#d97706;--color-danger:#dc2626;--card-bg:#ffffff;--card-border:#e2e8f0;--card-shadow:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04);--card-shadow-hov:0 4px 12px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06);--card-radius:12px;--max-width:75rem;--header-h:64px;--gap:1rem;--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'JetBrains Mono','Fira Code','SF Mono',monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg-alt);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25}h1{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-0.02em}h2{font-size:clamp(1.35rem,2.5vw,1.75rem)}h3{font-size:clamp(1.05rem,1.5vw,1.25rem)}a{color:var(--text-primary);text-decoration:none;transition:color 0.15s ease}a:hover{color:var(--color-sun-dark)}img{max-width:100%;height:auto;display:block}strong{font-weight:600}::selection{background:rgba(245,158,11,0.15);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}:focus-visible{outline:2px solid var(--color-sun);outline-offset:2px;border-radius:4px}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}@media (min-width:768px){.container{padding:0 2rem}}@media (min-width:1024px){.container{padding:0 2.5rem}}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);transition:box-shadow 0.2s ease,transform 0.2s ease,border-color 0.2s ease}.card-hover:hover{box-shadow:var(--card-shadow-hov);transform:translateY(-2px);border-color:var(--color-sun-light)}.card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);font-weight:600;font-size:var(--text-sm);color:var(--text-secondary)}.card-body{padding:1.5rem}.card-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border)}.static{border-radius:var(--card-radius)}.glass,.glass-static,.glass-strong{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.glass-static{border-radius:var(--card-radius)}.glass:hover,.glass-strong:hover{box-shadow:var(--card-shadow-hov);border-color:var(--color-sun-light)}.sun-gradient,.gradient-text{background:linear-gradient(135deg,var(--color-sun) 0%,var(--color-sun-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-sun{color:var(--color-sun)}.heading-section{font-size:0.7rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem}.heading-section.accent{color:var(--color-sun)}.label-tiny{font-size:0.65rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.text-stat{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;line-height:1}.site-header{position:sticky;top:0;z-index:100;background:var(--color-bg-header);border-bottom:1px solid var(--color-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:var(--header-h);gap:1rem}.site-logo{display:flex;align-items:center;gap:0.5rem;font-weight:800;font-size:1.2rem;letter-spacing:-0.03em;color:var(--text-primary) !important;flex-shrink:0;text-decoration:none !important}.site-logo .logo-icon{width:30px;height:30px;background:var(--color-sun);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:0.85rem;color:#fff;flex-shrink:0}.site-logo .logo-text-sun{color:var(--color-sun)}.nav-desktop{display:flex;gap:0.25rem;align-items:center}.nav-link{padding:0.45rem 0.8rem;font-size:0.75rem;font-weight:600;letter-spacing:0.04em;color:var(--text-secondary);border-radius:8px;transition:all 0.15s ease;white-space:nowrap;text-decoration:none !important}.nav-link:hover,.nav-link.active{color:var(--color-sun-dark);background:rgba(245,158,11,0.08)}.mobile-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;border-radius:10px;background:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--text-secondary);cursor:pointer;transition:all 0.15s ease;flex-shrink:0}.mobile-toggle:hover{background:var(--color-border)}@media (max-width:768px){.nav-desktop{display:none}.mobile-toggle{display:flex}}.mobile-nav{position:fixed;inset:0;z-index:9999;background:rgba(255,255,255,0.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:none;flex-direction:column}.mobile-nav.open,.mobile-nav.hidden{display:flex}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.mobile-nav-links{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:3rem;padding:0 1.5rem}.mobile-nav-links a{font-size:1.25rem;font-weight:600;color:var(--text-secondary);transition:color 0.15s ease;text-decoration:none !important}.mobile-nav-links a:hover{color:var(--color-sun-dark)}.mobile-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--text-secondary);font-size:1rem;cursor:pointer}.breadcrumb{display:flex;align-items:center;gap:0.5rem;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:1.5rem;flex-wrap:wrap;padding:0.75rem 0}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--color-sun-dark)}.breadcrumb .sep{color:var(--text-dim)}.breadcrumb .current{color:var(--text-secondary);font-weight:500}.hero{text-align:center;padding:4rem 0 3rem;position:relative}.hero-badge{display:inline-flex;align-items:center;gap:0.4rem;padding:0.35rem 1rem;background:rgba(245,158,11,0.1);color:var(--color-sun-dark);border-radius:var(--radius-full);font-size:0.7rem;font-weight:600;letter-spacing:0.05em;margin-bottom:1.5rem;border:1px solid rgba(245,158,11,0.15)}.hero h1{margin-bottom:1.25rem;font-weight:800}.hero-subtitle{color:var(--text-secondary);max-width:40rem;margin:0 auto 2.5rem;font-size:var(--text-lg);line-height:1.7}.search-hero{position:relative;max-width:42rem;margin:0 auto}.search-hero input{width:100%;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:1rem 3.5rem 1rem 1.5rem;font-size:var(--text-lg);font-weight:500;color:var(--text-primary);outline:none;transition:all 0.2s ease;box-shadow:var(--card-shadow);font-family:var(--font-sans)}.search-hero input::placeholder{color:var(--text-dim)}.search-hero input:focus{border-color:var(--color-sun);box-shadow:0 0 0 3px rgba(245,158,11,0.1),var(--card-shadow)}.search-clear{position:absolute;right:0.85rem;top:50%;transform:translateY(-50%);width:34px;height:34px;display:none;align-items:center;justify-content:center;border-radius:50%;background:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--text-muted);font-size:0.85rem;cursor:pointer;transition:all 0.15s ease}.search-clear:hover{background:var(--color-border);color:var(--text-secondary)}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:9999;background:var(--card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 12px 40px rgba(0,0,0,0.12);overflow:hidden;animation:dropdownSlide 0.15s var(--ease-out)}@keyframes dropdownSlide{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.search-dropdown-list{max-height:420px;overflow-y:auto;padding:0.5rem}.search-dropdown-item{display:flex;align-items:center;gap:0.75rem;padding:0.65rem 0.75rem;border-radius:10px;cursor:pointer;transition:all 0.12s ease;text-decoration:none !important;color:inherit;border:1px solid transparent}.search-dropdown-item:hover,.search-dropdown-item.active{background:rgba(245,158,11,0.06);border-color:rgba(245,158,11,0.15)}.search-dropdown-item:hover .dropdown-item-name{color:var(--color-sun-dark)}.dropdown-item-logo{width:36px;height:36px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.08);border:1px solid var(--color-border)}.dropdown-item-logo img{width:100%;height:100%;object-fit:contain;padding:5px}.dropdown-item-initial{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.dropdown-item-info{flex:1;min-width:0}.dropdown-item-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-item-brand{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.search-dropdown-empty{padding:40px 20px;text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.search-dropdown-footer{display:flex;justify-content:space-between;align-items:center;padding:0.6rem 1rem;border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--text-dim)}.search-dropdown-footer kbd,kbd{display:inline-block;padding:1px 5px;border:1px solid var(--color-border);border-radius:4px;font-size:0.65rem;font-family:var(--font-sans);background:var(--color-bg-alt);color:var(--text-muted)}@media (max-width:640px){.search-dropdown{max-height:50vh;border-radius:var(--radius-md)}.search-dropdown-list{max-height:calc(50vh - 50px)}.search-dropdown-footer{display:none}}.search-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:0.45rem;margin-top:1rem;max-width:42rem;margin-left:auto;margin-right:auto}.search-pill{display:inline-flex;align-items:center;gap:0.3rem;padding:0.35rem 0.75rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--card-bg);color:var(--text-secondary);font-size:0.7rem;font-weight:500;cursor:pointer;transition:all 0.12s ease;font-family:var(--font-sans)}.search-pill:hover{border-color:var(--color-sun);background:rgba(245,158,11,0.06);color:var(--color-sun-dark)}.search-pill .pill-icon{font-size:0.8rem;opacity:0.6}@media (max-width:640px){.search-pills{gap:0.35rem}.search-pill{font-size:0.65rem;padding:0.25rem 0.6rem}}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0}.stat-card{padding:1.5rem;text-align:center;border-radius:var(--card-radius)}.stat-card .stat-value{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;line-height:1;margin-bottom:0.35rem}.stat-card .stat-label{font-size:0.65rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted)}@media (max-width:640px){.stats-row{grid-template-columns:repeat(2,1fr);gap:0.75rem}.hero{padding:2.5rem 0 2rem}}.grid-products{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:540px){.grid-products{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid-products{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid-products{grid-template-columns:repeat(4,1fr)}}.product-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:1.25rem;display:flex;flex-direction:column;transition:all 0.2s ease;position:relative}.product-card:hover{box-shadow:var(--card-shadow-hov);transform:translateY(-2px);border-color:var(--color-sun-light)}.product-card .pc-badge{position:absolute;top:0.75rem;right:0.75rem;z-index:2}.product-card .pc-tier{display:inline-flex;align-items:center;padding:0.15rem 0.45rem;border-radius:var(--radius-full);font-size:0.5rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase}.product-card .pc-tier.t1{background:rgba(245,158,11,0.12);color:var(--color-sun-dark);border:1px solid rgba(245,158,11,0.2)}.product-card .pc-tier.t2{background:rgba(2,132,199,0.08);color:var(--color-info);border:1px solid rgba(2,132,199,0.15)}.product-card .pc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0.75rem}.product-card .pc-celltype{font-size:0.55rem;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;padding:0.2rem 0.55rem;border-radius:var(--radius-full);background:rgba(2,132,199,0.08);color:var(--color-info);border:1px solid rgba(2,132,199,0.12)}.product-card .pc-watts{font-size:1.25rem;font-weight:800;color:var(--color-sun-dark);line-height:1}.product-card .pc-logo-wrap{width:100%;aspect-ratio:1;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;padding:1.25rem;margin-bottom:0.75rem;overflow:hidden}.product-card .pc-logo-wrap img{width:100%;height:100%;object-fit:contain}.product-card .pc-model{font-weight:600;font-size:0.95rem;margin-bottom:0.15rem;line-height:1.3}.product-card .pc-brand-row{display:flex;align-items:center;gap:0.4rem;margin-bottom:0.65rem}.product-card .pc-brand{font-size:0.7rem;color:var(--text-muted);font-weight:500}.product-card .pc-specs{display:flex;gap:0.5rem;margin-bottom:0.85rem}.product-card .pc-spec{flex:1;padding:0.35rem 0.5rem;background:var(--color-bg-alt);border-radius:var(--radius-sm);text-align:center}.product-card .pc-spec .pc-spec-val{display:block;font-size:0.85rem;font-weight:700;color:var(--text-primary);line-height:1.2}.product-card .pc-spec .pc-spec-label{display:block;font-size:0.55rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--text-muted);margin-top:0.1rem}.product-card .pc-actions{display:grid;grid-template-columns:1fr 1fr;gap:0.4rem;margin-top:auto}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--card-radius)}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.spotlight-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:all 0.15s ease}.spotlight-overlay.open{opacity:1;visibility:visible}.spotlight-panel{width:100%;max-width:560px;max-height:80vh;background:var(--card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 24px 60px rgba(0,0,0,0.15);overflow:hidden;display:flex;flex-direction:column}.spotlight-head{display:flex;align-items:center;gap:0.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.spotlight-search-icon{flex-shrink:0;color:var(--text-dim)}.spotlight-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:var(--text-base);font-weight:500;font-family:var(--font-sans)}.spotlight-input::placeholder{color:var(--text-dim)}.spotlight-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;flex-shrink:0}.spotlight-close:hover{background:var(--color-border);color:var(--text-secondary)}.spotlight-body{flex:1;overflow-y:auto;padding:0.5rem;min-height:200px}.spotlight-results{display:flex;flex-direction:column;gap:2px}.spotlight-item{display:flex;align-items:center;gap:0.75rem;padding:0.55rem 0.75rem;border-radius:10px;cursor:pointer;transition:all 0.12s ease;border:1px solid transparent;background:transparent;width:100%;text-align:left;color:inherit;font-family:var(--font-sans)}.spotlight-item:hover,.spotlight-item.active{background:rgba(245,158,11,0.06);border-color:rgba(245,158,11,0.15)}.spotlight-item:hover .spotlight-brand-name{color:var(--color-sun-dark)}.spotlight-item-logo{width:34px;height:34px;border-radius:8px;background:#fff;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border)}.spotlight-item-logo img{max-width:100%;max-height:100%;object-fit:contain;padding:4px}.spotlight-brand-info{flex:1;min-width:0}.spotlight-brand-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.spotlight-brand-count{font-size:var(--text-xs);color:var(--text-muted);margin-top:1px}.spotlight-empty{padding:48px 20px;text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.spotlight-empty .icon{font-size:1.75rem;margin-bottom:8px;display:block}.spotlight-footer{display:flex;justify-content:space-between;align-items:center;padding:0.6rem 1.25rem;border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--text-dim)}@media (max-width:640px){.spotlight-panel{max-height:90vh;border-radius:var(--radius-md)}.spotlight-footer{display:none}}.grid-brands{display:grid;grid-template-columns:repeat(6,1fr);gap:0.65rem}@media (max-width:768px){.grid-brands{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.grid-brands{grid-template-columns:repeat(3,1fr)}}.brand-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;padding:1rem 0.75rem;text-align:center;cursor:pointer;text-decoration:none !important;color:inherit;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);transition:all 0.15s ease;box-shadow:var(--card-shadow)}.brand-card:hover{border-color:var(--color-sun-light);box-shadow:var(--card-shadow-hov);transform:translateY(-1px)}.brand-card .brand-card-logo{width:48px;height:48px;background:#fff;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border)}.brand-card .brand-card-logo img{width:100%;height:100%;object-fit:contain;padding:6px}.brand-card .brand-card-name{font-size:0.6rem;font-weight:600;letter-spacing:0.04em;color:var(--text-muted);line-height:1.3}.brand-card .brand-card-count{font-size:0.5rem;color:var(--text-dim);font-weight:500}.alpha-heading{font-size:1.25rem;font-weight:700;color:var(--color-sun-dark);margin:2rem 0 0.75rem;padding-bottom:0.5rem;border-bottom:2px solid var(--color-border)}.filter-pills{display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:1rem}.filter-pill,.cell-filter-btn{padding:0.35rem 0.8rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--card-bg);color:var(--text-secondary);font-size:0.6rem;font-weight:600;letter-spacing:0.04em;cursor:pointer;transition:all 0.12s ease;font-family:var(--font-sans)}.filter-pill:hover,.cell-filter-btn:hover{border-color:var(--color-border-hi);color:var(--text-primary)}.filter-pill.active,.cell-filter-btn.active{background:rgba(245,158,11,0.1);border-color:var(--color-sun);color:var(--color-sun-dark)}.filter-bar{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center;padding:0.85rem 1rem;margin-bottom:1.25rem}.filter-bar .filter-group{display:flex;align-items:center;gap:0.4rem}.filter-bar .filter-label{font-size:0.6rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.filter-select{appearance:none;padding:0.35rem 2rem 0.35rem 0.65rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);font-size:0.75rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.5rem center;transition:all 0.12s ease}.filter-select:hover{border-color:var(--color-sun)}.filter-range{display:flex;align-items:center;gap:0.35rem}.filter-range input[type="number"]{width:4rem;padding:0.3rem 0.5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);font-size:0.75rem;font-weight:500;font-family:var(--font-sans);outline:none;transition:border-color 0.12s ease}.filter-range input[type="number"]:focus{border-color:var(--color-sun)}.filter-range .range-sep{color:var(--text-dim);font-size:0.75rem}.filter-bar .filter-clear{margin-left:auto;font-size:0.65rem;font-weight:600;color:var(--text-muted);cursor:pointer;padding:0.25rem 0.5rem;border-radius:var(--radius-sm);border:1px solid transparent;transition:all 0.12s ease;background:none;font-family:var(--font-sans)}.filter-bar .filter-clear:hover{color:var(--color-danger);border-color:rgba(220,38,38,0.2);background:rgba(220,38,38,0.06)}@media (max-width:768px){.filter-bar{flex-direction:column;align-items:stretch;gap:0.5rem}.filter-bar .filter-group{flex-wrap:wrap}.filter-select{flex:1}.filter-range input[type="number"]{flex:1;width:auto}.filter-bar .filter-clear{margin-left:0;text-align:center}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;padding:0.6rem 1.25rem;border-radius:10px;font-size:var(--text-sm);font-weight:600;cursor:pointer;border:none;transition:all 0.15s ease;text-decoration:none !important;white-space:nowrap;font-family:var(--font-sans)}.btn:hover{text-decoration:none !important}.btn-primary{background:var(--color-sun);color:#fff !important}.btn-primary:hover{background:var(--color-sun-dark);box-shadow:0 2px 8px rgba(245,158,11,0.3);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-alt);color:var(--text-secondary) !important;border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border);border-color:var(--color-border-hi)}.btn-ghost{background:transparent;color:var(--text-muted) !important;border:1px solid transparent}.btn-ghost:hover{background:var(--color-bg-alt);color:var(--text-secondary) !important}.btn-sm{padding:0.35rem 0.75rem;font-size:var(--text-xs);border-radius:8px}.btn-xs{padding:0.2rem 0.5rem;font-size:0.6rem;border-radius:6px}.load-more-btn{padding:0.75rem 2rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all 0.15s ease;font-family:var(--font-sans)}.load-more-btn:hover{border-color:var(--color-sun);color:var(--color-sun-dark);background:rgba(245,158,11,0.06)}.tier-badge{display:inline-flex;align-items:center;padding:0.15rem 0.5rem;border-radius:var(--radius-full);font-size:0.55rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase}.tier-1{background:rgba(245,158,11,0.1);color:var(--color-sun-dark);border:1px solid rgba(245,158,11,0.2)}.tier-2{background:rgba(2,132,199,0.08);color:var(--color-info);border:1px solid rgba(2,132,199,0.15)}.cell-type-badge{display:inline-flex;padding:0.15rem 0.5rem;border-radius:var(--radius-full);font-size:0.55rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;background:rgba(2,132,199,0.08);color:var(--color-info);border:1px solid rgba(2,132,199,0.15)}.efficiency-badge{display:inline-flex;padding:0.15rem 0.5rem;border-radius:var(--radius-full);font-size:0.55rem;font-weight:600}.efficiency-badge.excellent{background:rgba(22,163,74,0.1);color:var(--color-success);border:1px solid rgba(22,163,74,0.2)}.efficiency-badge.good{background:rgba(2,132,199,0.1);color:var(--color-info);border:1px solid rgba(2,132,199,0.2)}.efficiency-badge.average{background:rgba(217,119,6,0.1);color:var(--color-warning);border:1px solid rgba(217,119,6,0.2)}.efficiency-badge.below{background:rgba(220,38,38,0.1);color:var(--color-danger);border:1px solid rgba(220,38,38,0.2)}.faq-grid{display:grid;grid-template-columns:1fr;gap:0.75rem}@media (min-width:768px){.faq-grid{grid-template-columns:1fr 1fr}}.faq-item{padding:1.25rem;border-radius:var(--card-radius)}.faq-item h3{font-size:var(--text-sm);font-weight:600;margin-bottom:0.35rem;color:var(--text-primary)}.faq-item p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}details.faq-expand summary{cursor:pointer;font-weight:600;font-size:var(--text-sm);color:var(--text-primary);list-style:none;display:flex;align-items:center;gap:0.5rem}details.faq-expand summary::-webkit-details-marker{display:none}details.faq-expand summary::before{content:'+';color:var(--color-sun);font-weight:700;font-size:1rem;transition:transform 0.15s ease}details.faq-expand[open] summary::before{content:'−'}details.faq-expand .faq-answer{margin-top:0.75rem;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.site-footer{margin-top:4rem;padding:2.5rem 0 2rem;border-top:1px solid var(--color-border)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}.footer-copy{font-size:var(--text-xs);color:var(--text-muted)}.footer-links{display:flex;gap:1.25rem;flex-wrap:wrap}.footer-links a{font-size:var(--text-xs);font-weight:600;letter-spacing:0.04em;color:var(--text-muted) !important}.footer-links a:hover{color:var(--color-sun-dark) !important}@media (max-width:640px){.footer-inner{flex-direction:column;text-align:center}.footer-links{justify-content:center}}.compare-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.compare-cards-wrap{text-align:center;margin-bottom:2rem}.compare-card{display:inline-flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;width:250px;vertical-align:top;margin:0.5rem}@media (max-width:640px){.compare-card{width:calc(100% - 1rem);margin:0.5rem}}.compare-table th,.compare-table td{padding:0.7rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}.compare-table thead th{position:sticky;top:0;background:var(--card-bg);z-index:10;font-size:0.6rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:2px solid var(--color-border)}.compare-table tbody tr:hover{background:rgba(245,158,11,0.03)}.compare-table td.spec-name{font-weight:600;color:var(--text-secondary);white-space:nowrap}.compare-table td.best-value{color:var(--color-sun-dark);font-weight:700}.compare-table .compare-logo{width:40px;height:40px;border-radius:8px;background:#fff;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border)}.compare-table .compare-logo img{width:100%;height:100%;object-fit:contain;padding:5px}.layout-two-col{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.layout-two-col{grid-template-columns:1.5fr 1fr}}.product-hero{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;margin-bottom:1.5rem;border-radius:var(--card-radius)}.product-hero .hero-logo{width:72px;height:72px;background:#fff;border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);flex-shrink:0}.product-hero .hero-logo img{width:100%;height:100%;object-fit:contain;padding:8px}.product-hero .hero-info h1{font-size:clamp(1.25rem,2.5vw,1.75rem);margin-bottom:0.2rem}.product-hero .hero-brand{font-size:var(--text-xs);font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-muted)}.product-hero .hero-badges{display:flex;gap:0.4rem;margin-top:0.5rem;flex-wrap:wrap}.key-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:0.75rem;margin-bottom:1.5rem}.key-stat{padding:1rem;text-align:center;border-radius:var(--card-radius)}.key-stat .ks-val{font-size:1.25rem;font-weight:700;line-height:1;margin-bottom:0.2rem}.key-stat .ks-label{font-size:0.6rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-muted)}.spec-table{width:100%;border-collapse:collapse}.spec-table tr{border-bottom:1px solid var(--color-border)}.spec-table tr:hover{background:rgba(245,158,11,0.03)}.spec-table th,.spec-table td{padding:0.6rem 1rem;font-size:var(--text-sm);text-align:left}.spec-table th{font-weight:500;color:var(--text-muted);width:40%}.spec-table td{font-weight:600;color:var(--text-primary)}.spec-table-header{padding:0.85rem 1rem;font-weight:600;font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--color-border)}.sidebar{display:flex;flex-direction:column;gap:1rem}.sidebar .sidebar-card{padding:1.25rem;border-radius:var(--card-radius)}.sidebar .sidebar-card h3{font-size:0.6rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:0.75rem}.efficiency-callout{padding:0.85rem 1rem;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;display:flex;align-items:flex-start;gap:0.5rem;margin:1rem 0}.efficiency-callout.excellent{background:rgba(22,163,74,0.06);border:1px solid rgba(22,163,74,0.15);color:var(--color-success)}.efficiency-callout.good{background:rgba(2,132,199,0.06);border:1px solid rgba(2,132,199,0.15);color:var(--color-info)}.efficiency-callout.average{background:rgba(217,119,6,0.06);border:1px solid rgba(217,119,6,0.15);color:var(--color-warning)}.efficiency-callout.below{background:rgba(220,38,38,0.06);border:1px solid rgba(220,38,38,0.15);color:var(--color-danger)}.verified-stamp{display:flex;flex-wrap:wrap;gap:1rem;padding:0.75rem 1rem;border-radius:var(--radius-md);background:rgba(22,163,74,0.06);border:1px solid rgba(22,163,74,0.12);font-size:var(--text-xs);font-weight:500;color:var(--color-success);margin:1rem 0}.ad-slot{background:var(--color-bg-alt);border:1px dashed var(--color-border);border-radius:var(--radius-md);min-height:90px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:0.65rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;margin:1.5rem 0}.ad-slot-leaderboard{min-height:90px;margin:1.5rem 0}.ad-slot-sidebar{min-height:250px;margin:0}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn 0.3s var(--ease-out) both}.animate-fade-in-up{animation:fadeInUp 0.4s var(--ease-out) both}.animate-scale-in{animation:scaleIn 0.2s var(--ease-out) both}.stagger-children > *{animation:fadeInUp 0.3s var(--ease-out) both}.stagger-children > *:nth-child(1){animation-delay:0.03s}.stagger-children > *:nth-child(2){animation-delay:0.06s}.stagger-children > *:nth-child(3){animation-delay:0.09s}.stagger-children > *:nth-child(4){animation-delay:0.12s}.stagger-children > *:nth-child(5){animation-delay:0.15s}.stagger-children > *:nth-child(6){animation-delay:0.18s}.stagger-children > *:nth-child(7){animation-delay:0.21s}.stagger-children > *:nth-child(8){animation-delay:0.24s}.stagger-children > *:nth-child(9){animation-delay:0.27s}.stagger-children > *:nth-child(10){animation-delay:0.3s}.scroll-top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;background:var(--card-bg);border:1px solid var(--color-border);color:var(--text-secondary);border-radius:50%;font-size:1.25rem;font-weight:600;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:var(--card-shadow);transition:all 0.15s ease;z-index:999}.scroll-top:hover{border-color:var(--color-sun);color:var(--color-sun-dark);box-shadow:var(--card-shadow-hov);transform:translateY(-2px)}.compare-badge{position:fixed;bottom:24px;left:24px;background:var(--color-sun);color:#fff !important;padding:0.6rem 1.25rem;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;cursor:pointer;display:none;align-items:center;gap:0.5rem;box-shadow:0 2px 12px rgba(245,158,11,0.25);z-index:999;text-decoration:none !important;transition:all 0.15s ease}.compare-badge:hover{background:var(--color-sun-dark);color:#fff !important;transform:scale(1.03)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9990;background:var(--card-bg);border-top:1px solid var(--color-border);padding:1rem 1.5rem;display:none;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 -4px 12px rgba(0,0,0,0.06)}.cookie-banner.show{display:flex}.cookie-consent-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--max-width);margin:0 auto;width:100%}.cookie-consent-text{font-size:var(--text-xs);color:var(--text-secondary);max-width:40rem;line-height:1.5}.cookie-consent-text strong{color:var(--text-primary)}.cookie-consent-text p{margin-top:0.25rem}.cookie-consent-text a{color:var(--color-sun-dark);text-decoration:underline}.cookie-actions{display:flex;gap:0.5rem;flex-shrink:0}.cookie-btn{padding:0.4rem 1rem;border-radius:8px;font-size:var(--text-xs);font-weight:600;cursor:pointer;border:none;font-family:var(--font-sans)}.cookie-btn-accept{background:var(--color-sun);color:#fff}.cookie-btn-accept:hover{background:var(--color-sun-dark)}.cookie-btn-decline{background:var(--color-bg-alt);color:var(--text-muted);border:1px solid var(--color-border)}.cookie-btn-decline:hover{background:var(--color-border)}@media (max-width:640px){.cookie-consent-content{flex-direction:column;text-align:center}}.ctrl-k-hint{position:fixed;bottom:80px;right:24px;background:var(--card-bg);border:1px solid var(--color-border);padding:5px 12px;border-radius:8px;font-size:var(--text-xs);color:var(--text-muted);display:flex;align-items:center;gap:5px;z-index:998;box-shadow:var(--card-shadow)}.form-input{width:100%;background:var(--card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0.65rem 1rem;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);font-family:var(--font-sans);outline:none;transition:all 0.12s ease}.form-input::placeholder{color:var(--text-dim)}.form-input:focus{border-color:var(--color-sun);box-shadow:0 0 0 3px rgba(245,158,11,0.1)}.form-label{display:block;font-size:var(--text-xs);font-weight:600;letter-spacing:0.04em;color:var(--text-muted);margin-bottom:0.35rem}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.glossary-term{padding:1.25rem;border-radius:var(--card-radius)}.glossary-term h3{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:0.35rem}.glossary-term p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.glossary-term .term-category{display:inline-block;margin-top:0.5rem;padding:0.15rem 0.5rem;border-radius:var(--radius-full);font-size:0.55rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;background:rgba(2,132,199,0.08);color:var(--color-info);border:1px solid rgba(2,132,199,0.15)}.page-404{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.page-404 .code-404{font-size:clamp(5rem,15vw,10rem);font-weight:800;line-height:1;margin-bottom:1rem;color:var(--color-border)}.page-404 h2{margin-bottom:0.75rem}.page-404 p{color:var(--text-secondary);margin-bottom:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.grid{display:grid}.inline-block{display:inline-block}.block{display:block}.hidden{display:none !important}.w-full{width:100%}.min-w-0{min-width:0}.aspect-square{aspect-ratio:1/1}.relative{position:relative}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.gap-1{gap:0.25rem}.gap-2{gap:0.5rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-3{margin-top:0.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mt-auto{margin-top:auto}.mb-1{margin-bottom:0.25rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-20{margin-bottom:5rem}.ml-auto{margin-left:auto}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:800}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:0.04em}.tracking-wider{letter-spacing:0.06em}.tracking-widest{letter-spacing:0.1em}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-sun{color:var(--color-sun)}.text-sun-dark{color:var(--color-sun-dark)}.border{border:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-sun{border-color:var(--color-sun)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.bg-white{background:#fff}.bg-alt{background:var(--color-bg-alt)}.bg-sun{background:var(--color-sun)}.bg-sun\/10{background:rgba(245,158,11,0.1)}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.shadow{box-shadow:var(--card-shadow)}.shadow-lg{box-shadow:var(--card-shadow-hov)}.transition-all{transition:all 0.15s ease}.transition-colors{transition:color 0.15s ease}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-8{grid-template-columns:repeat(8,1fr)}.col-span-full{grid-column:1 / -1}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.sm\:flex{display:flex}.sm\:hidden{display:none}}@media (min-width:768px){.md\:flex{display:flex !important}.md\:hidden{display:none !important}.md\:grid{display:grid !important}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\:grid-cols-8{grid-template-columns:repeat(8,1fr)}.md\:text-4xl{font-size:var(--text-4xl)}.md\:text-5xl{font-size:var(--text-5xl)}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:mb-16{margin-bottom:4rem}.md\:text-center{text-align:center}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.lg\:grid-cols-6{grid-template-columns:repeat(6,1fr)}}.text-white\/20{color:var(--text-muted);opacity:0.7}.text-white\/30{color:var(--text-secondary)}.text-white\/40{color:var(--text-secondary)}.text-white\/50{color:var(--text-secondary)}.text-white\/60{color:var(--text-primary);opacity:0.8}.text-white\/70{color:var(--text-primary);opacity:0.9}.text-white\/80{color:var(--text-primary)}.glass,.glass-static,.glass-strong{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.bg-white\/5{background:rgba(0,0,0,0.03)}.bg-white\/10{background:rgba(0,0,0,0.05)}.bg-white\/\[0\.01\]{background:rgba(0,0,0,0.01)}.bg-white\/\[0\.02\]{background:rgba(0,0,0,0.02)}.bg-amber-500{background:var(--color-sun)}.bg-amber-500\/10{background:rgba(245,158,11,0.08)}.bg-amber-500\/20{background:rgba(245,158,11,0.12)}.border-white\/5{border-color:var(--color-border)}.border-white\/10{border-color:var(--color-border)}.border-amber-500\/30{border-color:rgba(245,158,11,0.2)}.hover\:text-amber-500:hover{color:var(--color-sun)}.hover\:text-white:hover{color:var(--text-primary)}.hover\:text-black:hover{color:#000}.hover\:bg-white\/10:hover{background:rgba(0,0,0,0.05)}.hover\:bg-white\/20:hover{background:rgba(0,0,0,0.08)}.hover\:bg-amber-400:hover{background:var(--color-sun-light)}.hover\:bg-amber-500:hover{background:var(--color-sun)}.hover\:border-white\/30:hover{border-color:var(--color-border-hi)}.hover\:border-amber-500\/30:hover{border-color:rgba(245,158,11,0.3)}.hover\:underline:hover{text-decoration:underline}.text-white{color:var(--text-primary)}.text-amber-500{color:var(--color-sun)}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,0.15)}.focus\:border-amber-500\/50:focus{border-color:rgba(245,158,11,0.3)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:3.75rem}.h-3{height:0.75rem}.h-5{height:1.25rem}.h-9{height:2.25rem}.h-10{height:2.5rem}@media (min-width:768px){.md\:text-8xl{font-size:6rem}.md\:p-10{padding:2.5rem}.md\:mb-24{margin-bottom:6rem}}.font-mono{font-family:var(--font-mono)}.pr-1{padding-right:0.25rem}.pr-6{padding-right:1.5rem}.pr-14{padding-right:3.5rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pl-12{padding-left:3rem}.pt-12{padding-top:3rem}.top-full{top:100%}.left-0{left:0}.right-0{right:0}.z-50{z-index:50}.-translate-y-1\/2{transform:translateY(-50%)}.mx-auto{margin-left:auto;margin-right:auto}.cell-filter-btn{padding:0.4rem 0.85rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--card-bg);color:var(--text-secondary);font-size:0.65rem;font-weight:600;letter-spacing:0.04em;cursor:pointer;transition:all 0.12s ease;font-family:var(--font-sans)}.cell-filter-btn:hover{border-color:var(--color-border-hi);color:var(--text-primary)}.cell-filter-btn.active{background:rgba(245,158,11,0.1);border-color:var(--color-sun);color:var(--color-sun-dark)}.verified-stamp{display:flex;flex-wrap:wrap;gap:1rem;padding:0.75rem 1rem;border-radius:var(--radius-md);background:rgba(22,163,74,0.06);border:1px solid rgba(22,163,74,0.12);font-size:var(--text-xs);font-weight:500;color:var(--color-success);margin:1rem 0}.card-hover:hover{box-shadow:var(--card-shadow-hov);transform:translateY(-2px);border-color:var(--color-sun-light)}.brand-hero{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:2rem;margin-bottom:2rem}.brand-hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem;max-width:56rem;margin:0 auto}.brand-hero-logo{width:100px;height:100px;flex-shrink:0;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-hero-logo img{width:100%;height:100%;object-fit:contain;padding:12px}.brand-hero-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:900;color:#fff;display:none}.brand-hero-info{text-align:center}.brand-hero-info h1{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;color:var(--text-primary);margin-bottom:0.5rem;letter-spacing:-0.02em}.brand-hero-stats{display:flex;align-items:center;justify-content:center;gap:0.75rem;flex-wrap:wrap;margin-bottom:0.5rem}.brand-hero-count{font-size:var(--text-base);color:var(--text-secondary);font-weight:500}.brand-hero-count strong{font-weight:800;color:var(--color-sun-dark)}.brand-hero-divider{color:var(--text-dim)}.brand-hero-website{display:inline-flex;align-items:center;justify-content:center;gap:0.25rem;font-size:var(--text-sm);color:var(--text-muted);text-decoration:none;transition:color 0.15s ease}.brand-hero-website:hover{color:var(--color-sun-dark)}@media (max-width:640px){.brand-hero-logo{width:80px;height:80px}}.breadcrumb-nav{display:flex;align-items:center;gap:0.5rem;font-size:0.8rem;color:var(--text-muted);margin-bottom:1.5rem}.breadcrumb-nav a{color:var(--text-muted);transition:color 0.15s ease}.breadcrumb-nav a:hover{color:var(--color-sun-dark)}.breadcrumb-sep{color:var(--text-dim)}.breadcrumb-current{color:var(--text-secondary)}.page-hero{text-align:center;margin-bottom:2rem}.page-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-0.02em;margin-bottom:0.5rem}.page-subtitle{font-size:var(--text-base);color:var(--text-secondary);max-width:42rem;margin:0 auto}.brand-search-wrap{max-width:42rem;margin:0 auto 2rem}.brand-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:22px;height:22px;color:var(--text-dim);pointer-events:none}.brand-search-input{width:100%;padding:1rem 1rem 1rem 3.25rem;border:1px solid var(--color-border);border-radius:var(--card-radius);background:var(--card-bg);color:var(--text-primary);font-size:var(--text-lg);font-family:var(--font-sans);outline:none;transition:all 0.15s ease}.brand-search-input::placeholder{color:var(--text-dim)}.brand-search-input:focus{border-color:var(--color-sun);box-shadow:0 0 0 3px rgba(245,158,11,0.1)}.brand-search-clear{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:28px;height:28px;display:none;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--text-muted);font-size:0.8rem;cursor:pointer;transition:all 0.15s ease}.brand-search-clear:hover{background:var(--color-border);color:var(--color-danger);border-color:rgba(220,38,38,0.3)}.brand-search-count{position:absolute;right:3.25rem;top:50%;transform:translateY(-50%);display:none;font-size:0.7rem;color:var(--text-muted);white-space:nowrap}.brands-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem}@media (max-width:768px){.brands-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.brands-grid{grid-template-columns:1fr}}.brand-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;padding:1.25rem 1rem;text-align:center;text-decoration:none !important;color:inherit;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);transition:all 0.15s ease;box-shadow:var(--card-shadow)}.brand-card:hover{border-color:var(--color-sun-light);box-shadow:var(--card-shadow-hov);transform:translateY(-2px)}.brand-card-logo{width:48px;height:48px;background:#fff;border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);flex-shrink:0}.brand-card-logo img{width:100%;height:100%;object-fit:contain;padding:6px}.brand-card-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff}.brand-card-name{font-size:0.7rem;font-weight:600;letter-spacing:0.02em;color:var(--text-secondary);line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-card-count{font-size:0.6rem;color:var(--text-muted);font-weight:500}.no-results{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.no-results svg{margin-bottom:1rem;opacity:0.4}.no-results h3{font-size:var(--text-lg);font-weight:600;color:var(--text-secondary);margin-bottom:0.5rem}.search-prompt{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.search-prompt svg{margin-bottom:1rem;opacity:0.25}.search-prompt h3{font-size:var(--text-lg);font-weight:600;color:var(--text-secondary);margin-bottom:0.5rem}.search-prompt p{font-size:var(--text-sm);color:var(--text-dim)}.skeleton-card{padding:1.25rem 1rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);display:flex;flex-direction:column;align-items:center;gap:0.5rem}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-circle{width:48px;height:48px;border-radius:50%}.skeleton-line{width:80%;height:12px;border-radius:var(--radius-sm)}.skeleton-line-short{width:50%;height:10px;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}