*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #d4af37;--secondary-color: #1a1a2e;--accent-color: #c9a961;--bg-dark: #f8f8f8;--bg-darker: #ffffff;--text-primary: #1a1a2e;--text-secondary: #6b6b6b;--border-color: #e5e5e5;--card-bg: #ffffff;--hover-bg: #fafafa}body{font-family:Inter,sans-serif;background:var(--bg-dark);color:var(--text-primary);overflow-x:hidden;min-height:100vh;position:relative;line-height:1.6}.container{position:relative;min-height:100vh;display:flex;flex-direction:column;padding:0;z-index:1}.background-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background:linear-gradient(135deg,#f8f8f8,#fff)}.grid-lines,.particles{display:none}.content{position:relative;z-index:2;width:100%;max-width:1400px;margin:0 auto;padding:2rem}.navbar{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:1.5rem 2rem;box-shadow:0 2px 10px #0000000d}.nav-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navbar .logo{margin-bottom:0}.navbar .logo-text{font-size:2rem;margin-bottom:0}.navbar .logo-subtitle{font-size:.9rem}.nav-links{display:flex;gap:2rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .3s ease;position:relative;font-size:.95rem}.nav-link:hover,.nav-link.active{color:var(--primary-color)}.nav-link.active:after{content:"";position:absolute;bottom:-1.5rem;left:0;right:0;height:2px;background:var(--primary-color)}.hero-section{position:relative;width:100%;min-height:600px;background-image:url(/assets/kitchen-DBuJXm5a.jpg);background-size:100%;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;margin-bottom:4rem;border-radius:0;transition:background-size 8s ease-out;overflow:hidden}.hero-section:hover{background-size:110%}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2ebf,#1a1a2e99);z-index:1;animation:overlayFade 2s ease-out}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.hero-content{position:relative;z-index:2;text-align:center;max-width:900px;padding:4rem 2rem;color:var(--bg-darker);animation:heroContentFade 1s ease-out .3s both}@keyframes heroContentFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-family:Inter,sans-serif;font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--bg-darker);letter-spacing:-.02em;line-height:1.2;animation:titleSlide 1s ease-out .5s both}@keyframes titleSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-description{font-size:1.25rem;line-height:1.9;color:#fffffff2;max-width:750px;margin:0 auto 2.5rem;font-weight:400;animation:descFade 1s ease-out .7s both}@keyframes descFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:ctaFade 1s ease-out .9s both}@keyframes ctaFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.cta-primary,.cta-secondary{padding:1rem 2.5rem;border-radius:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.cta-primary{background:var(--primary-color);color:var(--bg-darker);border-color:var(--primary-color)}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d4af3766;background:var(--accent-color)}.cta-secondary{background:transparent;color:var(--bg-darker);border-color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-secondary:hover{background:#ffffff26;border-color:var(--bg-darker);transform:translateY(-2px)}.brands-section{padding:3rem 0}.section-title{font-family:Inter,sans-serif;font-size:2.25rem;font-weight:700;text-align:center;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.02em}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:3rem;font-size:1.1rem}.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.brand-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px #0000000f;opacity:0;transform:translateY(30px);position:relative;overflow:hidden}.brand-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);transition:left .5s ease}.brand-card:hover:before{left:100%}.brand-card.visible{opacity:1;transform:translateY(0)}.brand-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--primary-color);box-shadow:0 12px 32px #d4af3733;background:var(--hover-bg)}.brand-logo{font-family:Inter,sans-serif;font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;letter-spacing:.05em}.brand-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.brand-description{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem;line-height:1.6}.brand-stats{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.stat{background:#d4af371a;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;color:var(--primary-color);border:1px solid rgba(212,175,55,.2)}.view-brand-btn{width:100%;padding:.875rem;background:var(--text-primary);border:1px solid var(--text-primary);border-radius:8px;color:var(--bg-darker);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.view-brand-btn .btn-arrow{transition:transform .3s ease}.view-brand-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--bg-darker);transform:translateY(-2px);box-shadow:0 6px 20px #d4af3759}.view-brand-btn:hover .btn-arrow{transform:translate(4px)}.brand-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto;opacity:0;transition:opacity .3s ease}.brand-modal.active{opacity:1}.modal-content{background:var(--bg-darker);border:1px solid var(--border-color);border-radius:20px;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 24px 64px #0006;transform:scale(.95) translateY(20px);transition:transform .3s ease}.brand-modal.active .modal-content{transform:scale(1) translateY(0)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-darker);z-index:10}.modal-title{font-family:Inter,sans-serif;font-size:1.75rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.close-modal{background:transparent;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;line-height:1}.close-modal:hover{background:var(--hover-bg);color:var(--text-primary)}.modal-body{padding:2rem}.appliance-category{margin-bottom:3rem}.category-title{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.appliances-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.appliance-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000f;opacity:0;transform:translateY(20px);position:relative}.appliance-card.visible{opacity:1;transform:translateY(0)}.appliance-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #d4af3726;transform:translateY(-4px)}.appliance-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.pricing-toggle-container{margin-bottom:1.5rem}.pricing-toggle{display:flex;gap:.5rem;margin-bottom:1rem;background:var(--hover-bg);padding:.25rem;border-radius:8px}.pricing-tab{flex:1;padding:.625rem 1rem;background:transparent;border:none;border-radius:6px;font-size:.875rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;text-align:center}.pricing-tab:hover{color:var(--text-primary);background:#d4af371a}.pricing-tab.active{background:var(--primary-color);color:var(--bg-darker);box-shadow:0 2px 8px #d4af374d}.pricing-display{position:relative;padding:1.5rem;background:linear-gradient(135deg,#d4af370d,#d4af3705);border-radius:12px;border:2px solid var(--border-color);min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center}.price-main{display:none;flex-direction:column;align-items:center;gap:.5rem;animation:priceFade .3s ease}.price-main.active{display:flex}@keyframes priceFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.price-amount{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}.price-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.best-value-badge{position:absolute;top:-10px;right:1rem;background:var(--primary-color);color:var(--bg-darker);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #d4af374d}.appliance-actions{display:flex;gap:.75rem}.action-btn{flex:1;padding:.875rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;position:relative;overflow:hidden}.primary-cta{background:var(--primary-color);color:var(--bg-darker);border:2px solid var(--primary-color)}.primary-cta:hover{background:var(--accent-color);border-color:var(--accent-color);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #d4af3766}.secondary-cta{background:transparent;border:2px solid var(--text-primary);color:var(--text-primary)}.secondary-cta:hover{background:var(--text-primary);color:var(--bg-darker);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #00000026}.ripple{position:absolute;border-radius:50%;background:#fff9;transform:scale(0);animation:rippleAnimation .6s ease-out;pointer-events:none}@keyframes rippleAnimation{to{transform:scale(4);opacity:0}}.logo{margin-bottom:3rem;animation:fadeInDown 1s ease-out}.logo-text{font-family:Inter,sans-serif;font-size:3.5rem;font-weight:700;letter-spacing:.05em;color:var(--text-primary);margin-bottom:.25rem}.logo-subtitle{font-family:Inter,sans-serif;font-size:.9rem;font-weight:400;letter-spacing:.3em;color:var(--primary-color);text-transform:uppercase}.main-message{margin-bottom:2rem;animation:fadeInUp 1s ease-out .2s both}.coming-soon-title{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em}.tagline{font-size:1.25rem;color:var(--text-secondary);font-weight:300}.description{margin-bottom:3rem;animation:fadeInUp 1s ease-out .4s both}.description p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);max-width:600px;margin:0 auto}.notify-section{margin-bottom:4rem;animation:fadeInUp 1s ease-out .6s both}.notify-form{display:flex;gap:1rem;max-width:500px;margin:0 auto 1rem;flex-wrap:wrap;justify-content:center}.email-input{flex:1;min-width:250px;padding:1rem 1.5rem;background:#ffffff0d;border:2px solid rgba(0,212,255,.3);border-radius:50px;color:var(--text-primary);font-size:1rem;font-family:Inter,sans-serif;transition:all .3s ease;outline:none}.email-input::placeholder{color:var(--text-secondary)}.email-input:focus{border-color:var(--primary-color);box-shadow:0 0 20px #00d4ff4d;background:#ffffff14}.notify-button{padding:1rem 2rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:50px;color:var(--text-primary);font-size:1rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #00d4ff4d}.notify-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00d4ff80}.notify-button:active{transform:translateY(0)}.arrow-icon{transition:transform .3s ease}.notify-button:hover .arrow-icon{transform:translate(5px)}.form-message{min-height:1.5rem;font-size:.9rem;color:var(--primary-color);margin-top:.5rem}.features-preview{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;animation:fadeInUp 1s ease-out .8s both}.feature-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.feature-icon{font-size:2rem;filter:drop-shadow(0 0 10px rgba(0,212,255,.5))}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.fade-in-up.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){.navbar{padding:1rem}.nav-content{flex-direction:column;gap:1rem}.navbar .logo-text{font-size:1.5rem}.nav-links{gap:1rem}.hero-section{min-height:500px}.hero-content{padding:2rem 1.5rem}.hero-title{font-size:2.25rem}.hero-description{font-size:1.05rem}.section-title{font-size:2rem}.brands-grid{grid-template-columns:1fr;gap:1.5rem}.modal-content{margin:1rem;max-height:95vh}.modal-header{padding:1.5rem}.modal-title{font-size:1.5rem}.modal-body{padding:1.5rem}.appliances-grid{grid-template-columns:1fr}.appliance-actions{flex-direction:column}.logo-text{font-size:3rem}.coming-soon-title{font-size:2rem}.tagline,.description p{font-size:1rem}.notify-form{flex-direction:column;align-items:stretch}.email-input{min-width:100%}.notify-button{width:100%;justify-content:center}.features-preview{gap:2rem}}@media (max-width: 480px){.logo-text{font-size:2.5rem}.coming-soon-title{font-size:1.5rem}.container{padding:1rem}.hero-section{min-height:400px}.hero-content{padding:1.5rem 1rem}.hero-title{font-size:1.75rem}.hero-description{font-size:.95rem}}