:root{--primary-dark:#1a1a1a;--primary-light:#fff;--accent-orange:orange;--accent-green:#90ee90;--accent-blue:#00a9ff;--accent-hover-orange:#ff8c00;--accent-hover-green:#32cd32;--accent-hover-blue:#08c;--text-primary:#fff;--text-secondary:#ccc;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:3rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--primary-dark);color:var(--text-primary);font-family:Montserrat,sans-serif;line-height:1.6}.nav-container{z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1af2;border-bottom:1px solid #ffffff1a;width:100%;position:fixed;top:0}.navbar{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem;display:flex}.logo{font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .3s}.logo span.orange{color:var(--accent-orange)}.logo span.green{color:var(--accent-green)}.logo span.blue{color:var(--accent-blue)}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-primary);border-radius:4px;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .3s}.nav-links a:hover{color:var(--accent-blue);background:#00a9ff1a}.cta-button{background:var(--accent-blue);color:var(--primary-light);text-transform:uppercase;letter-spacing:1px;border:2px solid #0000;border-radius:6px;padding:.8rem 2rem;font-weight:700;text-decoration:none;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #00a9ff4d,inset 0 1px #fff3}.cta-button:hover{background:var(--accent-hover-blue);border-color:#fff3;transform:translateY(-2px);box-shadow:0 6px 20px #00a9ff66,inset 0 1px #ffffff4d}.cta-button:active{transform:translateY(1px);box-shadow:0 2px 10px #00a9ff4d}.nav-links .cta-button{background:var(--accent-blue);color:var(--primary-light);text-transform:uppercase;letter-spacing:1px;border-radius:6px;padding:.6rem 1.4rem;font-weight:700;box-shadow:0 2px 10px #00a9ff33,inset 0 1px #fff3}.nav-links .cta-button:hover{background:var(--accent-hover-blue);transform:translateY(-2px);box-shadow:0 4px 15px #00a9ff4d,inset 0 1px #ffffff4d}.mobile-menu-btn{cursor:pointer;display:none}@media (width<=768px){.nav-links{display:none}.mobile-menu-btn{display:block}.nav-links.active{background:var(--primary-dark);flex-direction:column;padding:1rem;display:flex;position:absolute;top:100%;left:0;right:0}}.hero{text-align:center;height:100vh;padding:var(--spacing-lg);background:linear-gradient(#000000b3,#000c),url(https://firebasestorage.googleapis.com/v0/b/kaywat-b4236.firebasestorage.app/o/Appleseed%20Repairs%2FHomepage%20-%20Cover%20Photos%2FHomepage%20-%20Cover%20Photo.png?alt=media&token=918218e3-7b4b-4f59-a223-f38c19f57164) 50%/cover;justify-content:center;align-items:center;margin-top:105px;display:flex;position:relative}.hero-content{z-index:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;border-radius:10px;max-width:800px;padding:2rem;position:relative}.hero-content h1{margin-bottom:var(--spacing-md);text-shadow:2px 2px 4px #000c,-2px -2px 4px #000c,2px -2px 4px #000c,-2px 2px 4px #000c;color:var(--primary-light);letter-spacing:1px;font-size:3.5rem;font-weight:700}.hero-content p{margin-bottom:var(--spacing-md);color:var(--text-primary);text-shadow:1px 1px 2px #000c,-1px -1px 2px #000c;font-size:1.4rem;font-weight:500}.hero-buttons{justify-content:center;gap:1.5rem;display:flex}.secondary-button{color:var(--accent-blue);text-transform:uppercase;letter-spacing:1px;border:2px solid var(--accent-blue);background:0 0;border-radius:6px;padding:.8rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #00a9ff1a}.secondary-button:hover{background:#00a9ff1a;transform:translateY(-2px);box-shadow:0 6px 20px #00a9ff33}.secondary-button:active{transform:translateY(1px)}.services{padding:var(--spacing-lg);background:var(--primary-dark)}.services h2{text-align:center;margin-bottom:var(--spacing-lg)}.services-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:1200px;margin:0 auto;display:grid}.service-card{padding:var(--spacing-md);text-align:center;background:#ffffff0d;border-radius:8px;transition:transform .3s}.service-card:hover{transform:translateY(-5px)}.service-card i{color:var(--accent-blue);margin-bottom:var(--spacing-sm);font-size:2.5rem}.footer{background:var(--primary-dark);padding:var(--spacing-lg) 0 var(--spacing-sm);margin-top:var(--spacing-lg)}.footer-content{gap:var(--spacing-md);max-width:1200px;padding:0 var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;display:grid}.footer-section{gap:var(--spacing-sm);flex-direction:column;display:flex}.footer-section h4{color:var(--accent-blue);margin-bottom:var(--spacing-sm)}.footer-section a{color:var(--text-secondary);text-decoration:none;transition:color .3s}.footer-section a:hover{color:var(--accent-blue)}.social-links{gap:1rem;margin-top:1rem;display:flex}.social-links a{color:var(--text-secondary);justify-content:center;align-items:center;transition:color .3s;display:flex}.social-links a:hover{color:var(--accent-blue)}.social-links svg{width:24px;height:24px}.footer-bottom{text-align:center;padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid #ffffff1a}@media (width<=768px){.hero-content h1{font-size:2.5rem}.hero-buttons{flex-direction:column;gap:1rem}.footer-content{text-align:center}.social-links{justify-content:center}.cta-button,.secondary-button{text-align:center;width:100%}}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.why-choose-us{padding:var(--spacing-lg) 0;background:#ffffff05}.why-choose-us h2{text-align:center;margin-bottom:var(--spacing-lg)}.features-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.feature-card{padding:var(--spacing-md);text-align:center;background:#ffffff0d;border-radius:8px;transition:transform .3s}.feature-card:hover{transform:translateY(-5px)}.feature-card i{color:var(--accent-blue);margin-bottom:var(--spacing-sm);font-size:2.5rem}.testimonials{padding:var(--spacing-lg) 0;background:var(--primary-dark)}.testimonials h2{text-align:center;margin-bottom:var(--spacing-lg)}.testimonials-slider{gap:var(--spacing-md);padding:var(--spacing-md) 0;scrollbar-width:none;display:flex;overflow-x:auto}.testimonials-slider::-webkit-scrollbar{display:none}.testimonial-card{min-width:300px;padding:var(--spacing-md);background:#ffffff0d;border-radius:8px;flex:none}.rating{color:gold;margin-bottom:var(--spacing-sm)}.customer-info{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.customer-info img{object-fit:cover;background:linear-gradient(90deg,#f0f0f0 0%,#e0e0e0 50%,#f0f0f0 100%);border-radius:50%;width:50px;height:50px;animation:1.5s infinite shimmer;position:relative}.customer-info img.loading:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.customer-info span{color:var(--text-secondary);font-size:.9rem}.cta-section{padding:var(--spacing-lg) 0;text-align:center;background:linear-gradient(#00a9ff1a,#00a9ff0d)}.cta-section h2{margin-bottom:var(--spacing-sm)}.cta-section p{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.cta-buttons{gap:var(--spacing-md);justify-content:center;display:flex}@media (width<=768px){.features-grid{gap:var(--spacing-sm)}.testimonial-card{min-width:280px}.cta-buttons{align-items:center;gap:var(--spacing-sm);flex-direction:column}}.hero-buttons .cta-button{text-shadow:0 1px 2px #0003;padding:1rem 2.5rem;font-size:1.1rem}.testimonials-slider{cursor:grab;-webkit-user-select:none;user-select:none;scroll-behavior:smooth}.testimonials-slider.active{cursor:grabbing;cursor:-webkit-grabbing}.testimonial-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;transition:transform .3s}.rating{color:gold;letter-spacing:2px;font-size:1.2rem}.slider-dots{justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.dot{cursor:pointer;background:#ffffff4d;border-radius:50%;width:8px;height:8px;transition:background .3s}.dot.active{background:var(--accent-blue)}.slider-navigation{justify-content:center;align-items:center;gap:2rem;margin-top:2rem;display:flex}.slider-arrow{border:2px solid var(--accent-blue);color:var(--accent-blue);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.slider-arrow:hover{background:var(--accent-blue);color:var(--primary-light)}.slider-arrow:disabled{opacity:.5;cursor:not-allowed}.testimonial-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;min-width:300px;max-width:400px;transition:all .3s,transform .3s,opacity .3s}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.testimonials-filter{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.filter-button{border:2px solid var(--accent-blue);color:var(--accent-blue);cursor:pointer;background:0 0;border-radius:25px;padding:.5rem 1.5rem;font-weight:600;transition:all .3s}.filter-button:hover,.filter-button.active{background:var(--accent-blue);color:var(--primary-light)}.testimonial-card{transition:all .3s,transform .3s,opacity .3s;animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.testimonial-card:before{content:"";background:linear-gradient(45deg,#0000 0%,#ffffff0d 50%,#0000 100%);width:100%;height:100%;transition:transform .6s;position:absolute;top:0;left:0;transform:translate(-100%)}.testimonial-card:hover:before{transform:translate(100%)}.loading-animation{position:relative;overflow:hidden}.loading-animation:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff1a 50%,#0000 100%);width:100%;height:100%;animation:1.5s infinite loading;position:absolute;top:0;left:0}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (width<=768px){.testimonials-filter{padding:0 1rem}.filter-button{padding:.4rem 1rem;font-size:.9rem}.testimonial-card{min-width:280px}}.testimonials-slider{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.testimonial-card{perspective:1000px}.testimonial-card:hover{transform:translateY(-5px)rotateX(5deg)}.rating{display:inline-block}.rating i{opacity:0;animation:.5s forwards starFade}.rating i:first-child{animation-delay:.1s}.rating i:nth-child(2){animation-delay:.2s}.rating i:nth-child(3){animation-delay:.3s}.rating i:nth-child(4){animation-delay:.4s}.rating i:nth-child(5){animation-delay:.5s}@keyframes starFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.secondary-nav{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#141414f7;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff1a;width:100%;height:32px;position:fixed;top:73px;left:0;box-shadow:0 1px 3px #0000001a}.secondary-nav .container{max-width:1200px;height:100%;margin:0 auto;padding:0 1rem}.secondary-nav-links{justify-content:flex-end;align-items:flex-end;height:100%;margin:0;padding:0 0 3px;list-style:none;display:flex}.nav-separator{color:#fff3;margin-bottom:3px;padding:0 .5rem}.secondary-nav-links>li{align-items:flex-end;height:auto;display:flex;position:relative}.secondary-nav-links>li>a{color:var(--text-secondary);white-space:nowrap;align-items:center;padding:0 12px;font-size:.85rem;line-height:1;text-decoration:none;transition:all .2s;display:flex}.secondary-nav .dropdown-menu{background:var(--primary-dark);opacity:0;visibility:hidden;border:1px solid #ffffff1a;border-radius:4px;min-width:200px;margin-top:1px;padding:8px 0;transition:all .3s;position:absolute;top:100%;right:0;transform:translateY(-10px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.secondary-nav .dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.secondary-nav .dropdown-menu li{list-style:none}.secondary-nav .dropdown-menu a{color:var(--text-secondary);padding:8px 16px;font-size:.85rem;text-decoration:none;transition:all .2s;display:block}.dropdown-toggle:after{content:"▾";margin-left:6px;font-size:.8rem;transition:transform .2s}.dropdown:hover .dropdown-toggle:after{transform:rotate(180deg)}.search-container{margin-left:1rem;position:relative}.search-btn{color:var(--text-secondary);cursor:pointer;padding:0 12px;transition:color .2s}.search-btn:hover{color:var(--accent-blue)}.search-open{background:var(--primary-dark);opacity:0;visibility:hidden;border:1px solid #ffffff1a;border-radius:4px;width:300px;margin-top:1px;padding:1rem;transition:all .3s;position:absolute;top:100%;right:0;transform:translateY(-10px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.search-open.active{opacity:1;visibility:visible;transform:translateY(0)}.search-open .input-group{gap:4px;display:flex}.search-open input{color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;flex:1;padding:8px 12px;font-size:.85rem;transition:all .2s}.search-open input:focus{border-color:var(--accent-blue);background:#ffffff1a;outline:none}.search-open button{background:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 12px;transition:all .2s}.search-open button:hover{background:var(--accent-hover-blue)}.secondary-nav .dropdown-menu{background:var(--primary-dark);min-width:240px}.secondary-nav .dropdown-divider{background-color:#ffffff1a;height:1px;margin:8px 0}.secondary-nav .dropdown-menu a{color:var(--text-secondary);padding:10px 16px;font-size:.85rem;line-height:1.2;text-decoration:none;transition:all .2s;display:block}.secondary-nav .dropdown-menu a:hover{color:var(--accent-blue);background:#ffffff0d;padding-left:20px}.secondary-nav .dropdown-menu li:first-child a,.secondary-nav .dropdown-menu li:nth-child(2) a{color:var(--accent-blue);font-weight:500}.secondary-nav .dropdown-menu li:first-child a:hover,.secondary-nav .dropdown-menu li:nth-child(2) a:hover{color:var(--accent-hover-blue)}.send-in-button{text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:var(--accent-blue)!important}.send-in-button:hover{background:0 0!important}.send-in-repair{color:#fff;font-weight:500;font-size:inherit;background-color:#2563eb;border-radius:4px;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.send-in-repair:hover{background-color:#1d4ed8}.help-desk-widget{z-index:1000;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:20px;right:20px}.help-desk-panel{background:var(--primary-dark);border:1px solid #ffffff1a;border-radius:12px;width:320px;margin-bottom:15px;padding:20px;display:none;box-shadow:0 8px 24px #0003}.help-desk-panel.active{animation:.3s slideUp;display:block}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.help-desk-panel h4{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:15px;font-size:1.1rem;display:flex}.help-desk-toggle{background:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;transition:all .3s;display:flex;box-shadow:0 4px 12px #00a9ff4d}.help-desk-toggle i{display:inline-block}.help-desk-toggle:hover{background:var(--accent-hover-blue);transform:scale(1.05)translateY(-2px);box-shadow:0 6px 16px #00a9ff66}.dark-select,.dark-textarea{color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;width:100%;margin-bottom:12px;padding:10px}.dark-select option{background:var(--primary-dark);color:var(--text-primary)}.dark-select:focus,.dark-textarea:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 2px #00a9ff1a}.btn{cursor:pointer;border-radius:6px;padding:10px 16px;font-weight:500;transition:all .3s}.btn-primary{background:var(--accent-blue);color:#fff;border:none}.btn-outline-secondary{border:1px solid var(--accent-blue);color:var(--accent-blue);background:0 0}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00a9ff33}.mb-3{margin-bottom:1rem}.d-flex{display:flex}.justify-content-between{justify-content:space-between}.nav-links a[href*=appleseedrepair-mail-in]{background:0 0}.nav-links .send-in-repair{color:var(--text-primary);text-transform:none;letter-spacing:normal;font-weight:500;font-size:inherit;background-color:#0028504d;border-radius:4px;padding:.5rem 1rem;text-decoration:none;box-shadow:0 0 15px #00285033}.nav-links .send-in-repair:hover{background-color:#00285066}.book-now{color:#fff;text-transform:uppercase;cursor:pointer;background-color:#00a9ff;border:none;border-radius:8px;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .2s;box-shadow:0 4px 6px #0000001a}.book-now:hover{background-color:#08c}.phone-button{color:var(--accent-blue);border:2px solid var(--accent-blue);background:0 0;border-radius:6px;margin-left:1rem;padding:.8rem 2rem;font-weight:700;text-decoration:none;transition:all .3s}.phone-button:hover{background:#00a9ff1a;transform:translateY(-2px)}.reviewer-photo{object-fit:cover;border-radius:50%;width:80px;height:80px;margin-bottom:10px}.review-card{text-align:center;text-align:center;background:#fff;border-radius:10px;flex-direction:column;flex:0 300px;align-items:center;margin:10px;padding:20px;display:flex;box-shadow:0 2px 4px #0000001a}.review-image{object-fit:cover;border-radius:50%;width:100px;height:100px;margin-bottom:15px}
