.nav-container {position: sticky;top: 0;z-index: 1000;width: 100%;max-width: 100%;min-height: 82px;display: flex;align-items: center;justify-content: space-between;padding: 12px 5%;background: var(--navbar-color);border-bottom: 1px solid rgba(255, 255, 255, 0.08);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);box-sizing: border-box;}.logo-name-container {display: flex;align-items: center;gap: 14px;min-width: 0;flex-shrink: 1;}.logo-name-container a {display: flex;align-items: center;flex-shrink: 0;text-decoration: none;}.logo {display: block;width: 58px;height: 58px;object-fit: contain;border-radius: 50%;transition: transform 0.25s ease, filter 0.25s ease;}.logo:hover {transform: scale(1.05);filter: brightness(1.08);}.company-name {margin: 0;color: var(--off-white-color);font-family: var(--font-family);font-size: clamp(17px, 2vw, 24px);font-weight: 700;line-height: 1.15;letter-spacing: -0.3px;white-space: nowrap;}.nav-links {display: flex;align-items: center;gap: 5px;margin: 0;padding: 0;list-style: none;flex-shrink: 0;}.nav-links li {margin: 0;padding: 0;}.nav-links a {position: relative;display: inline-flex;align-items: center;justify-content: center;padding: 9px 11px;color: var(--off-white-color);font-family: var(--font-family);font-size: 16px;font-weight: 500;text-decoration: none;border-radius: 8px;white-space: nowrap;transition: color 0.25s ease, background-color 0.25s ease;}.nav-links a:hover {color: #ffffff;background: rgba(255, 255, 255, 0.08);}.nav-links a::after {content: "";position: absolute;left: 11px;right: 11px;bottom: 4px;height: 2px;background: var(--section-color);transform: scaleX(0);transform-origin: center;transition: transform 0.25s ease;}.nav-links a:hover::after {transform: scaleX(1);}.nav-links a:focus-visible {outline: 2px solid #ffffff;outline-offset: 3px;}.nav-toggle {display: none;}.nav-toggle-label {display: none;width: 42px;height: 42px;align-items: center;justify-content: center;flex-direction: column;gap: 5px;border-radius: 8px;cursor: pointer;flex-shrink: 0;}.nav-toggle-label span {display: block;width: 24px;height: 2px;background: #ffffff;border-radius: 10px;transition: transform 0.25s ease, opacity 0.25s ease;}@media (max-width: 1100px) {.nav-container {padding-left: 4%;padding-right: 4%;}.company-name {font-size: 19px;}.nav-links {gap: 2px;}.nav-links a {padding: 8px 8px;font-size: 15px;}}@media (max-width: 768px) {.nav-container {min-height: 68px;padding: 10px 5%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}.logo-name-container {flex: 1;min-width: 0;order: 1;}.logo {width: 46px;height: 46px;}.company-name {min-width: 0;font-size: 17px;white-space: normal;}.nav-toggle-label {display: flex;margin-left: auto;order: 2;}nav {order: 3;width: 100%;}.nav-links {display: flex;flex-direction: column;align-items: stretch;width: 100%;max-height: 0;overflow: hidden;opacity: 0;visibility: hidden;gap: 4px;margin: 0;transition: max-height 0.3s ease, opacity 0.25s ease, margin 0.3s ease;}.nav-links li {width: 100%;}.nav-links a {display: flex;width: 100%;padding: 12px 15px;box-sizing: border-box;font-size: 16px;justify-content: flex-start;white-space: normal;}.nav-links a::after {display: none;}.nav-toggle:checked~nav .nav-links {max-height: 400px;margin-top: 10px;padding-bottom: 4px;opacity: 1;visibility: visible;}.nav-toggle:checked+.nav-toggle-label span:nth-child(1) {transform: translateY(7px) rotate(45deg);}.nav-toggle:checked+.nav-toggle-label span:nth-child(2) {opacity: 0;}.nav-toggle:checked+.nav-toggle-label span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}}#services {scroll-margin-top: 120px;}#reviews {scroll-margin-top: 50px;}@media (max-width: 400px) {.nav-container {padding-left: 4%;padding-right: 4%;}.logo {width: 42px;height: 42px;}.company-name {font-size: 15px;}.nav-toggle-label {width: 38px;height: 38px;}}