.hero{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:var(--font-primary);color:var(--text-primary);isolation:isolate}.hero-background{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-background-image{width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(.85)}.hero-background-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,24,39,.55) 0,rgba(17,24,39,.35) 40%,rgba(17,24,39,.85))}.hero-inner{position:relative;z-index:10;width:100%;max-width:var(--container-2xl);margin:0 auto;padding:calc(var(--navbar-height) + var(--space-12)) var(--space-8) var(--space-12)}.hero-content{max-width:720px;margin:0 auto;text-align:center}.hero-title{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);color:#fff;margin-bottom:var(--space-4)}.hero-subtitle{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--font-regular);line-height:var(--leading-relaxed);color:hsla(0,0%,100%,.82);max-width:46ch;margin:0 auto var(--space-8)}.hero-mode-toggle{display:inline-flex;align-items:center;padding:4px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.14);border-radius:var(--radius-md);margin-bottom:var(--space-5);gap:2px}.hero-mode-btn{padding:8px 16px;background:transparent;border:none;border-radius:var(--radius-sm);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);color:hsla(0,0%,100%,.7);cursor:pointer;transition:color var(--transition-base),background var(--transition-base);white-space:nowrap}.hero-mode-btn:hover{color:#fff}.hero-mode-btn.is-active{background:#fff;color:var(--primary-color);box-shadow:var(--shadow-sm)}.hero-panel{max-width:640px;margin:0 auto;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.hero-panel.is-hidden{display:none}.hero-panel.is-visible{display:block}.hero-ai-form{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);text-align:left}.hero-input-label{font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.hero-ai-input{width:100%;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--font-medium);line-height:var(--leading-snug);padding:0;margin:0}.hero-ai-input::placeholder{color:var(--text-disabled);font-weight:var(--font-regular)}.hero-ai-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.hero-ai-hint{font-family:var(--font-primary);font-size:var(--text-xs);color:var(--text-tertiary)}.hero-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:background var(--transition-base);white-space:nowrap;flex-shrink:0}.hero-primary-btn:hover:not(:disabled){background:var(--primary-color-dark)}.hero-primary-btn:disabled{opacity:.5;cursor:not-allowed}.hero-primary-btn svg{width:16px;height:16px}.hero-panel-classic{padding:var(--space-4)}.hero-search-bar{display:flex;flex-direction:column;gap:var(--space-3)}.hero-search-input-wrapper{display:flex;align-items:center;gap:var(--space-2);padding:6px 6px 6px 14px;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-base)}.hero-search-input-wrapper:focus-within{border-color:var(--primary-color);box-shadow:var(--focus-ring)}.hero-search-icon{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.hero-search-input{flex:1 1;min-width:0;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-sm);padding:8px 0}.hero-search-input::placeholder{color:var(--text-disabled)}.hero-clear-btn{width:24px;height:24px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-tertiary);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--transition-base),background var(--transition-base);flex-shrink:0}.hero-clear-btn:hover{color:var(--text-primary);background:var(--bg-muted)}.hero-filter-toggle{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:6px 10px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:color var(--transition-base),background var(--transition-base)}.hero-filter-toggle:hover{color:var(--primary-color);background:var(--bg-muted)}.hero-filter-toggle svg{width:12px;height:12px;transition:transform var(--transition-base)}.hero-filter-toggle svg.is-rotated{transform:rotate(180deg)}.hero-filters{margin-top:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--border-color)}.hero-filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3)}.hero-filters-header h3{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.hero-filters-clear{background:none;border:none;color:var(--primary-color);font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm);transition:background var(--transition-base)}.hero-filters-clear:hover{background:var(--primary-color-alpha)}.hero-filters-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-5);gap:var(--space-5)}@media (min-width:640px){.hero-filters-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.hero-filters-grid{grid-template-columns:1.4fr 1fr 1fr}}.hero-filter-group{display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.hero-filter-label{font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.hero-filter-chips{display:flex;flex-wrap:wrap;gap:6px}.hero-chip{padding:6px 12px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:border-color var(--transition-base),color var(--transition-base),background var(--transition-base);white-space:nowrap}.hero-chip:hover{border-color:var(--border-color-strong);color:var(--text-primary)}.hero-chip.is-active{background:var(--primary-color-alpha);border-color:var(--primary-color);color:var(--primary-color)}.hero-filter-select{width:100%;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-base),box-shadow var(--transition-base);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%236B7280' stroke-width='1.8'%3E%3Cpath d='m6 8 4 4 4-4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;padding:9px 32px 9px 12px}.hero-filter-select:hover{border-color:var(--border-color-strong)}.hero-filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--focus-ring)}.hero-price-range{display:flex;align-items:center;gap:8px}.hero-price-input{flex:1 1;min-width:0;padding:9px 12px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--text-primary);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.hero-price-input::placeholder{color:var(--text-disabled)}.hero-price-input:hover{border-color:var(--border-color-strong)}.hero-price-input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--focus-ring)}.hero-price-separator{color:var(--text-tertiary);font-size:var(--text-sm);flex-shrink:0}.hero-tags{margin-top:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.hero-tags-label{font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--font-bold);color:hsla(0,0%,100%,.65);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.hero-tags-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.hero-tag{padding:6px 14px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.18);border-radius:var(--radius-md);color:hsla(0,0%,100%,.9);font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.hero-tag:hover{background:hsla(0,0%,100%,.14);border-color:hsla(0,0%,100%,.32);color:#fff}.hero-stats{display:flex;justify-content:center;gap:var(--space-10);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid hsla(0,0%,100%,.12)}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.hero-stat-value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:#fff;letter-spacing:var(--tracking-tight);order:1}.hero-stat-label{font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--font-medium);color:hsla(0,0%,100%,.6);text-transform:uppercase;letter-spacing:var(--tracking-wider);order:2}.hero-modal-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:rgba(17,24,39,.65);animation:hero-fadeIn .15s ease}.hero-modal{position:relative;width:100%;max-width:640px;max-height:90vh;background:var(--bg-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden}.hero-modal-close{position:absolute;top:var(--space-3);right:var(--space-3);width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-muted);border:1px solid var(--border-color);color:var(--text-secondary);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background var(--transition-base),color var(--transition-base)}.hero-modal-close:hover{background:var(--bg-color);color:var(--text-primary)}@keyframes hero-fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.hero-inner{padding:calc(var(--navbar-height) + var(--space-8)) var(--space-4) var(--space-8)}.hero-title{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-base);margin-bottom:var(--space-6)}.hero-mode-toggle{width:100%;max-width:320px}.hero-mode-btn{flex:1 1}.hero-ai-input{font-size:var(--text-base)}.hero-ai-actions{flex-direction:column;align-items:stretch}.hero-ai-hint{text-align:center;order:2}.hero-primary-btn{order:1;width:100%}.hero-search-input-wrapper{flex-wrap:wrap;padding:10px 10px 10px 12px}.hero-search-input-wrapper .hero-primary-btn{width:100%;margin-top:4px}.hero-stats{gap:var(--space-6);margin-top:var(--space-8);padding-top:var(--space-6)}.hero-stat-value{font-size:var(--text-xl)}}@media (max-width:400px){.hero-stat-value{font-size:var(--text-lg)}.hero-tag{padding:5px 10px;font-size:11px}}@media (prefers-reduced-motion:reduce){.hero *,.hero :after,.hero :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}