/* APEX CUSTOM GARAGE — styles.css */
html{scroll-behavior:smooth}*{box-sizing:border-box}
.scroll-progress{position:fixed;top:0;left:0;height:3px;background:#f59e0b;z-index:9999;width:0%;transition:width 0.1s linear}
#navbar{background:rgba(17,24,39,0.97);backdrop-filter:blur(12px);transition:all 0.3s ease}
#navbar.scrolled{background:#111827;box-shadow:0 2px 20px rgba(0,0,0,0.6)}
.btn-primary{background:#f59e0b;color:#111827;font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:0.8rem 2rem;border-radius:2px;border:none;cursor:pointer;transition:all 0.2s ease;display:inline-block;text-align:center}
.btn-primary:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,158,11,0.4)}
.btn-outline{background:transparent;color:#f59e0b;border:2px solid #f59e0b;font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:0.75rem 2rem;border-radius:2px;cursor:pointer;transition:all 0.2s ease;display:inline-block;text-align:center}
.btn-outline:hover{background:#f59e0b;color:#111827}
.mobile-menu{max-height:0;overflow:hidden;transition:max-height 0.35s ease}
.mobile-menu.open{max-height:500px}
.reveal-section{opacity:0;transform:translateY(28px);transition:opacity 0.8s ease,transform 0.8s ease}
.reveal-section.revealed{opacity:1;transform:translateY(0)}
.service-card{transition:all 0.3s ease;border:1px solid #374151}
.service-card:hover{border-color:#f59e0b;transform:translateY(-4px);box-shadow:0 12px 30px rgba(245,158,11,0.15)}
.counter{font-variant-numeric:tabular-nums}
.carousel-slide{display:none}.carousel-slide.active{display:block;animation:fadeSlide 0.5s ease}
@keyframes fadeSlide{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}
.carousel-dot{width:8px;height:8px;border-radius:50%;background:#4b5563;cursor:pointer;border:none;padding:0;transition:all 0.3s}
.carousel-dot.active{background:#f59e0b;width:24px;border-radius:4px}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease}
.faq-item.open .faq-answer{max-height:300px}
.faq-icon{transition:transform 0.3s ease}
.faq-item.open .faq-icon{transform:rotate(180deg)}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s ease}
.modal-overlay.active{opacity:1;pointer-events:all}
.modal-box{background:#1f2937;border-radius:4px;border:1px solid #374151;padding:2rem;max-width:520px;width:calc(100% - 2rem);max-height:90vh;overflow-y:auto;transform:scale(0.95);transition:transform 0.3s ease;box-shadow:0 25px 60px rgba(0,0,0,0.5)}
.modal-overlay.active .modal-box{transform:scale(1)}
.back-to-top{position:fixed;bottom:2rem;right:2rem;width:3rem;height:3rem;background:#f59e0b;color:#111827;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:50}
.back-to-top.visible{opacity:1;visibility:visible}
.back-to-top:hover{background:#d97706;transform:translateY(-3px)}
@keyframes heroUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.hero-text-1{animation:heroUp 0.8s ease forwards 0.2s;opacity:0}
.hero-text-2{animation:heroUp 0.8s ease forwards 0.4s;opacity:0}
.hero-text-3{animation:heroUp 0.8s ease forwards 0.6s;opacity:0}
.hero-text-4{animation:heroUp 0.8s ease forwards 0.8s;opacity:0}
.lazy-img{filter:blur(6px);transition:filter 0.6s ease}.lazy-img.loaded{filter:blur(0)}
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#111827}::-webkit-scrollbar-thumb{background:#f59e0b;border-radius:4px}