header{background:#444;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;color:#fff;position:relative;z-index:10}.logo-wrap{display:flex;align-items:center}.logo{height:40px;margin-right:10px}.burger{display:none;flex-direction:column;justify-content:space-between;width:26px;height:20px;background:none;border:none;cursor:pointer;z-index:20}.burger span{height:3px;background:#fff;border-radius:3px;transition:.3s}.burger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.right{display:flex}.call-btn{background:#666;color:#fff;padding:10px 18px;border-radius:6px;text-decoration:none;font-weight:600;box-shadow:0 3px 8px #0000004d;transition:.3s}.call-btn:hover{background:#888}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;z-index:15}.mobile-menu .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.mobile-menu .menu{position:absolute;top:0;right:0;width:75%;max-width:280px;height:100%;background:#333;display:flex;flex-direction:column;padding:80px 20px;gap:15px;transform:translate(100%);animation:slideIn .3s forwards}.mobile-menu .menu a{color:#fff;text-decoration:none;font-size:18px;padding:10px;background:#444;border-radius:4px;opacity:0;animation:fadeIn .5s forwards}.mobile-menu .menu a:nth-child(1){animation-delay:.1s}.mobile-menu .menu a:nth-child(2){animation-delay:.2s}.mobile-menu .menu a:nth-child(3){animation-delay:.3s}.mobile-menu .menu a:nth-child(4){animation-delay:.4s}@keyframes slideIn{to{transform:translate(0)}}@keyframes fadeIn{to{opacity:1}}@media (max-width: 768px){.burger{display:flex}nav{display:none}}footer{background:#222;color:#fff;text-align:center;padding:10px}body{margin:0;font-family:Jost,sans-serif;background:#f2f2f2;color:#222}html,body,#app{height:100%;margin:0}#app{display:flex;flex-direction:column;min-height:100vh}main{flex:1;padding:20px;animation:fadeIn 1s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){body{font-size:14px}h1{font-size:20px}h2{font-size:18px}main{padding:10px}.call-btn{font-size:16px;padding:12px 18px}.hero-img{max-height:300px}nav a{font-size:14px;padding:6px 10px}footer{font-size:12px;padding:8px}}.hero{position:relative;width:100%;height:85vh;background:url(/evacuator.jpg) center center / cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.hero-content h2{font-size:22px}.hero-content p{font-size:14px}.hero-img{width:100%;height:2000px;object-fit:cover;filter:brightness(60%);max-height:700px;animation:fadeIn 1s ease-in}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.call-btn{display:inline-block;margin-top:20px;background:#6ba86e;color:#fff;padding:15px 25px;border-radius:6px;text-decoration:none;font-size:20px;font-weight:600;box-shadow:0 4px 10px #0006;transition:.3s}.call-btn:hover{background:#414141}.fade-section{animation:fadeIn 1s ease-in}@media (max-width: 768px){body{font-size:14px}h1{font-size:20px}h2{font-size:18px}main{padding:10px}.call-btn{font-size:16px;padding:12px 18px}.hero-img{max-height:300px}.hero-content h2{font-size:22px}.hero-content p{font-size:14px}nav a{font-size:14px;padding:6px 10px}footer{font-size:12px;padding:8px}section{font-size:14px;line-height:1.4}ul{padding-left:20px}}