.navbar{--nav-dark-bar:var(--color-brand-navy);--nav-dropdown-bg:var(--color-brand-navy);--nav-dropdown-icon:#a5b4fc;--nav-accent:#60a5fa;position:fixed;top:0;left:0;width:100%;z-index:1000;padding:var(--space-md) 0;transition:background-color var(--transition-base),box-shadow var(--transition-base),padding var(--transition-base)}.navbar--scrolled{padding:var(--space-sm) 0;background-color:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--color-border-light)}.navbar--menu-open{background-color:#ffffff}.navbar.navbar--dropdown-open{background-color:var(--nav-dark-bar);border-bottom-color:transparent;box-shadow:none}.navbar__container{display:flex;align-items:center;justify-content:space-between;height:60px;transition:height var(--transition-base)}.navbar--scrolled .navbar__container{height:50px}.navbar__logo{height:80px;width:auto;position:relative;z-index:1001;transition:height var(--transition-base)}.navbar--scrolled .navbar__logo{height:50px}.navbar__logo-dot{color:var(--color-primary)}.navbar__nav{display:none}.navbar__list{display:flex;gap:var(--space-xl)}.navbar__link{font-size:var(--fs-body-sm);font-weight:var(--fw-medium);color:rgba(255,255,255,.8);position:relative;transition:color var(--transition-fast)}.navbar--scrolled .navbar__link{color:var(--color-text)}.navbar__link:hover{color:var(--color-primary)}.navbar__link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-primary);border-radius:1px;transition:width var(--transition-base)}.navbar__link:hover:after{width:100%}.navbar.navbar--dropdown-open .navbar__link{color:#ffffff}.navbar .navbar__trigger.is-open,.navbar.navbar--dropdown-open .navbar__link:hover{color:var(--nav-accent)}.navbar.navbar--dropdown-open .navbar__link:after{background:var(--nav-accent)}.navbar__trigger{display:inline-flex;align-items:center;gap:.4rem;padding:0}.navbar__trigger:after{display:none}.navbar__chevron{font-size:.6rem;transition:transform var(--transition-base)}.is-open>.navbar__chevron{transform:rotate(180deg)}.navbar__dropdown{position:absolute;top:100%;left:0;right:0;padding:1.75rem 0 2rem;background:var(--nav-dropdown-bg);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}.navbar__dropdown.open{opacity:1;visibility:visible;transform:none;transition:opacity .18s ease,transform .18s ease}.navbar__services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1.9rem 2rem;gap:1.9rem 2rem}.navbar__service{display:flex;align-items:center;gap:.8rem;font-size:.8125rem;font-weight:var(--fw-bold);color:#ffffff}.navbar__service-icon{width:20px;flex-shrink:0;font-size:1rem;text-align:center;color:var(--nav-dropdown-icon);transition:color var(--transition-fast)}.navbar__service:hover,.navbar__service:hover .navbar__service-icon{color:var(--nav-accent)}.navbar__customers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1.9rem 2rem;gap:1.9rem 2rem}.navbar__customer{display:flex;align-items:center;gap:.625rem;color:#ffffff}.navbar__customer-thumb{position:relative;flex:0 0 66px;height:50px;border-radius:4px;overflow:hidden;background:#ffffff}.navbar__customer-thumb img{object-fit:cover;transition:transform var(--transition-smooth)}.navbar__customer:hover .navbar__customer-thumb img{transform:scale(1.06)}.navbar__customer-thumb-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--font-heading);font-size:1.35rem;font-weight:var(--fw-extrabold);color:#ffffff;background:linear-gradient(135deg,var(--color-primary),var(--color-accent))}.navbar__customer-body{display:flex;flex-direction:column;gap:.3rem;min-width:0}.navbar__customer-name{font-family:var(--font-heading);font-size:.95rem;font-weight:var(--fw-extrabold);letter-spacing:-.01em;line-height:1;transition:color var(--transition-fast)}.navbar__customer-logo{height:18px;width:auto;align-self:flex-start}.navbar__customer-desc{max-width:15rem;font-size:.75rem;font-weight:var(--fw-semibold);line-height:1.35;color:rgba(255,255,255,.92)}.navbar__customer:hover .navbar__customer-name{color:var(--nav-accent)}.navbar__actions{display:flex;align-items:center;gap:var(--space-md);z-index:1001}.navbar__toggle{display:flex;flex-direction:column;justify-content:space-between;width:22px;height:16px;padding:0;background:none;border:none;cursor:pointer;z-index:1002}.navbar__toggle-bar{width:100%;height:2px;background:#ffffff;border-radius:2px;transition:all var(--transition-base);transform-origin:center}.navbar--menu-open .navbar__toggle-bar,.navbar--scrolled .navbar__toggle-bar{background:var(--color-text)}.navbar__toggle.active .navbar__toggle-bar:first-child{transform:rotate(45deg) translate(5px,5px)}.navbar__toggle.active .navbar__toggle-bar:nth-child(2){opacity:0}.navbar__toggle.active .navbar__toggle-bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.navbar__mobile-menu{position:fixed;inset:0;background:#ffffff;z-index:1000;padding:6rem var(--container-padding) var(--space-xl);display:flex;flex-direction:column;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.navbar__mobile-menu.open{opacity:1;pointer-events:all}.navbar__mobile-nav{display:flex;flex-direction:column;gap:var(--space-xs)}.navbar__mobile-link{font-family:var(--font-heading);font-size:1.5rem;font-weight:var(--fw-semibold);color:var(--color-text);padding:var(--space-md) 0;border-bottom:1px solid var(--color-border-light);transition:color var(--transition-fast)}.navbar__mobile-link:hover{color:var(--color-primary)}.navbar__mobile-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left}.navbar__mobile-trigger .navbar__chevron{font-size:.9rem}.navbar__mobile-trigger.is-open{color:var(--color-primary);border-bottom-color:transparent}.navbar__mobile-sublist{display:flex;flex-direction:column;padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-light)}.navbar__mobile-sublink{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--color-text-secondary)}.navbar__mobile-sublink i{width:20px;text-align:center}.navbar__mobile-sublink i,.navbar__mobile-sublink:hover{color:var(--color-primary)}.navbar__mobile-nav .button{margin-top:var(--space-lg);align-self:flex-start}@media (min-width:900px){.navbar__nav{display:block}.navbar__mobile-menu,.navbar__toggle{display:none}}