:root{--background:#fff;--foreground:#171717;--brandColor:#d80117}.header{z-index:1000;color:#fff;background-color:#000;justify-content:space-between;align-items:center;width:100%;padding:10px 80px;transition:background .3s,color .3s;display:flex;position:fixed;top:0}.header.scrolled{color:#fff;background:#000}.logo{align-items:center;gap:8px;font-size:22px;font-weight:700;display:flex}.logo img{width:140px;height:auto}.nav-list li{position:relative}.nav-list a,.dropbtn{color:#fff;cursor:pointer;padding:8px 12px;font-weight:500;text-decoration:none;display:inline-block}.dropdown-content{z-index:999;background:#fff;border-radius:4px;min-width:230px;padding:10px 0;list-style:none;display:none;position:absolute;top:40px;left:0;box-shadow:0 4px 10px #0000001a}.dropdown-content li{width:100%}.dropdown-content a{color:#2c3341;padding:10px 15px;font-size:15px;text-decoration:none;display:block}.dropdown-content a:hover{color:var(--brandColor);background:#f5f5f5}.dropdown:hover .dropdown-content{display:block}.contact-btn{background:var(--brandColor);color:#fff;border:2px solid var(--brandColor);cursor:pointer;z-index:1;border-radius:25px;padding:10px 18px;font-weight:700;transition:color .3s,transform .3s,background .3s;position:relative;overflow:hidden}.contact-btn svg{fill:#fff;stroke:#fff;transform-origin:50%;color:#fff;width:17px;height:17px;font-size:20px;transition:fill .3s,stroke .3s;animation:1.5s ease-in-out infinite phone-ring;display:inline-block}@keyframes phone-ring{0%{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-15deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}.contact-btn:before{content:"";background:var(--brandColor);z-index:-1;width:100%;height:100%;transition:transform .4s;position:absolute;top:0;left:0}.contact-btn span{z-index:2;position:relative}.contact-btn svg{color:#fff;transform-origin:50%;font-size:20px;animation:1.5s ease-in-out infinite phone-ring;display:inline-block}.header{color:#fff;z-index:1000;background:#000;justify-content:space-between;align-items:center;width:100%;padding:10px 20px;transition:background .3s;display:flex;position:fixed;top:0}.contact-btn:hover .contact-btn svg path{fill:#d80117;color:#fff}.contact-btn:hover .contact-btn svg{stroke:#d80117;color:#fff}.logo{flex:1;justify-content:center;align-items:center;gap:8px;font-size:22px;font-weight:700;display:flex}.nav-list{gap:20px;list-style:none;display:flex}.nav-list a,.dropbtn{padding:8px 12px;font-weight:500;text-decoration:none}.nav-list a:hover,.dropbtn:hover{color:var(--brandColor)}.contact-btn{background:var(--brandColor);color:#fff;border:2px solid var(--brandColor);cursor:pointer;border-radius:25px;align-items:center;gap:10px;padding:10px 18px;font-weight:700;transition:color .3s,transform .3s,background .3s;display:flex;position:relative;overflow:hidden}.contact-btn:hover{background:#fff;transform:translateY(-2px)}.hamburger{cursor:pointer;z-index:1100;background:0 0;border:none;flex-direction:column;gap:5px;display:none}.hamburger span{background:#fff;border-radius:2px;width:20px;height:3px;transition:all .3s}.hamburger.active span:first-child{transform:rotate(45deg)translateY(8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translateY(-8px)}.drawer ul{flex-direction:column;gap:20px;list-style:none;display:flex}.drawer a{color:#111;font-size:18px;font-weight:600;text-decoration:none}.drawer a:hover{color:var(--brandColor)}@media (max-width:768px){.nav-list{display:none}.hamburger{display:flex}.header-cta{display:unset}.contact-btn span{font-size:12px}.contact-btn span svg{width:13px;height:13px}.header{padding:10px}.contact-btn{padding:4px 5px}.logo{justify-content:center}}.drawer ul{flex-direction:column;gap:0;margin:10px 0 0;padding:0;list-style:none;display:flex}.drawer ul li{border-bottom:1px solid #f2f2f2;margin:0;padding:12px 7px}.drawer ul li:last-child{border-bottom:none}.drawer a,.drawer button{color:#111;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:0;font-size:18px;font-weight:600;text-decoration:none}.drawer a:hover,.drawer button:hover{color:var(--brandColor)}.drawer .close-btn{cursor:pointer;color:#111;background:0 0;border:none;font-size:26px;font-weight:700;position:absolute;top:18px;left:250px}.submenu a{color:#333;font-size:16px;font-weight:500}.submenu{flex-direction:column;gap:10px;margin-left:12px;list-style:none;display:none}.submenu.open{display:flex}.submenu-toggle{cursor:pointer;color:#111;text-align:left;background:0 0;border:none;width:100%;padding:8px 0;font-size:18px;font-weight:600}.submenu-toggle:hover{color:var(--brandColor)}.drawer{z-index:1050;background:#fff;width:280px;height:100vh;padding:60px 20px 20px;transition:right .3s ease-in-out;position:fixed;top:0;right:-100%;box-shadow:-3px 0 15px #0000004d}.drawer.open{right:0}.drawer .close-btn:hover{color:var(--brandColor)}.submenu{background:#f9f9f9;border-radius:6px;flex-direction:column;gap:8px;margin:8px 0 0;padding:10px 12px;list-style:none;display:flex;box-shadow:inset 0 1px 3px #00000014}.submenu li{padding:4px 0}.submenu a{color:#333;font-size:16px;font-weight:500;text-decoration:none;transition:color .2s}.submenu a:hover{color:var(--brandColor)}.contact-btn svg{fill:#fff;stroke:#fff;transform-origin:50%;width:20px;height:20px;transition:fill .3s,stroke .3s;animation:1.5s ease-in-out infinite phone-ring}