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