/* Critical CSS - Above the fold styles only */ /* Inlined in for fastest rendering */ html{scroll-behavior:smooth} .navbar-scrolled{background-color:rgba(35,31,32,.98)!important;box-shadow:0 2px 10px rgba(0,0,0,.1)} .navbar-scrolled .nav-link,.navbar-scrolled .nav-link:hover,.navbar-scrolled .mobile-menu-btn{color:#fff!important} .navbar-scrolled .dropdown-toggle{color:#fff!important} .logo-container{padding:8px 0;display:flex;align-items:center} .logo-wrapper{display:flex;align-items:center;gap:12px;height:100%} .logo-img{height:3.5rem;width:auto;object-fit:contain} .logo-text{display:flex;align-items:center;height:100%} .logo-text-content{display:flex;flex-direction:column;gap:2px} .logo-company-name{font-size:1.25rem;font-weight:700;color:#E31E24;line-height:1.2;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif} .logo-tagline{font-size:.75rem;font-weight:400;color:#231F20;line-height:1.2;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif} .navbar-scrolled .logo-company-name{color:#E31E24!important} .navbar-scrolled .logo-tagline{color:#E0E0E0!important} .navbar-scrolled .logo-text,.navbar-scrolled .logo-text span,.navbar-scrolled a.logo-text span,.navbar-scrolled .flex-shrink-0 span,.navbar-scrolled .logo-fallback,.navbar-scrolled .logo-visible,.navbar-scrolled .flex-shrink-0 a span,.navbar-scrolled span.text-brand-black,.navbar-scrolled span.text-gray-900,.navbar-scrolled .flex-shrink-0 a span.text-brand-black,.navbar-scrolled .flex-shrink-0 a span.text-gray-900{color:#fff!important} .navbar-scrolled .logo-fallback.logo-visible,.navbar-scrolled .flex-shrink-0 a span.logo-fallback,.navbar-scrolled .flex-shrink-0 a span.logo-fallback.text-brand-black,.navbar-scrolled .flex-shrink-0 a span.logo-fallback.text-gray-900{color:#fff!important} .logo-fallback{font-size:1.5rem;line-height:1.5;font-weight:700} .dropdown{position:relative} .dropdown-menu{display:none;position:absolute;top:calc(100% - 2px);left:0;background-color:#fff;min-width:200px;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:0 0 8px 8px;padding:8px 0;margin-top:0;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease} .navbar-scrolled .dropdown-menu{background-color:rgba(35,31,32,.98);border:1px solid rgba(255,255,255,.1)} .dropdown:hover .dropdown-menu,.dropdown-menu:hover{display:block;opacity:1;visibility:visible;transform:translateY(0)} .dropdown-toggle{position:relative;z-index:1} .dropdown-menu{margin-top:2px} .dropdown-menu a{display:block;padding:10px 20px;color:#231F20;text-decoration:none;transition:all .3s ease} .navbar-scrolled .dropdown-menu a{color:#fff} .dropdown-menu a:hover{background-color:rgba(227,30,36,.1);color:#E31E24} .navbar-scrolled .dropdown-menu a:hover{background-color:rgba(227,30,36,.2);color:#E31E24} .dropdown-toggle::after{content:' ▼';font-size:.7em;margin-left:4px} .hero-overlay{background:linear-gradient(135deg,rgba(35,31,32,.85) 0%,rgba(227,30,36,.3) 50%,rgba(35,31,32,.85) 100%)} .hero-section{position:relative;overflow:hidden} .hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-attachment:fixed;animation:heroZoom 20s ease-in-out infinite alternate} @media (max-width:768px){.hero-bg{background-attachment:scroll}} @keyframes heroZoom{0%{transform:scale(1)}100%{transform:scale(1.1)}} .gradient-text{background:linear-gradient(135deg,#fff 0%,#f0f0f0 50%,#fff 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite} @keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} .hero-btn-primary{background:linear-gradient(135deg,#E31E24 0%,#C11A1F 100%);color:#fff;padding:1rem 2.5rem;border-radius:50px;font-weight:700;font-size:1.125rem;box-shadow:0 10px 30px rgba(227,30,36,.4);position:relative;overflow:hidden;transition:all .3s ease} .hero-btn-primary::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s} .hero-btn-primary:hover::before{width:300px;height:300px} .hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(227,30,36,.5)} .hero-btn-secondary{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);color:#fff;padding:1rem 2.5rem;border-radius:50px;font-weight:700;font-size:1.125rem;transition:all .3s ease} .hero-btn-secondary:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);transform:translateY(-3px)} .hero-logo{animation:logoFloat 3s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))} @keyframes logoFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}} .hero-content>*{opacity:0;animation:fadeInUpStagger .8s ease-out forwards} .hero-content>*:nth-child(1){animation-delay:.1s} .hero-content>*:nth-child(2){animation-delay:.3s} .hero-content>*:nth-child(3){animation-delay:.5s} .hero-content>*:nth-child(4){animation-delay:.7s} @keyframes fadeInUpStagger{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}} .btn-primary{background-color:#E31E24;color:#fff;font-weight:700} .btn-primary:hover{background-color:#C11A1F;color:#fff}