.navbar{position:fixed;width:100%;z-index:50;background-color:white;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease-out}.logo-container{display:flex;align-items:center;gap:.75rem;cursor:pointer;height:100%}.logo-image{position:relative;flex-shrink:0}.logo{position:relative;height:2.5rem;width:2.5rem}@media (min-width:640px){.logo{height:3rem;width:3rem}}@media (min-width:768px){.logo{height:3.5rem;width:3.5rem}}.brand-text{display:flex;flex-direction:column;justify-content:center}.brand-title{line-height:1;font-size:1.25rem;font-weight:700;background:linear-gradient(90deg,#06b6d4,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent}.computers-text,.square-text{display:inline-block;line-height:1.1}.brand-text{display:none;transition:all .3s}@media (min-width:768px){.brand-text{display:block}}.brand-title{font-size:1rem;font-weight:600;line-height:1.25;white-space:nowrap;margin:0}@media (min-width:640px){.brand-title{font-size:1.125rem}}@media (min-width:768px){.brand-title{font-size:1.5rem}}@media (min-width:1024px){.brand-title{font-size:1.875rem}}.square-text{color:#06b6d4;text-shadow:0 2px 4px rgba(77,208,225,.1)}.computers-text{color:#9ca3af}.search-container{position:relative;flex:1;max-width:42rem;margin-left:1rem;margin-right:1rem}.search-input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border-radius:9999px;border:1px solid #d1d5db;outline:none;transition:all .2s;color:#374151}.search-input:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(6 182 212/var(--tw-ring-opacity));--tw-ring-offset-width:0px;border-color:transparent}.search-input.expanded{padding-right:3rem}.search-icon{left:.75rem;color:#9ca3af}.search-button,.search-icon{position:absolute;top:50%;transform:translateY(-50%)}.search-button{right:.5rem;color:#64748b;transition:color .2s}.search-button:hover{color:#0891b2}.desktop-menu{display:none;gap:.5rem;font-weight:500;white-space:nowrap;position:relative}@media (min-width:768px){.desktop-menu{display:flex}}.menu-item{position:relative}.menu-button,.menu-link{display:flex;align-items:center;padding:.5rem .75rem;color:#374151;font-weight:500;transition:all .2s ease-in-out;font-size:.9375rem;line-height:1.25rem;border-radius:.375rem}.menu-button:hover,.menu-link:hover{background-color:rgba(6,182,212,.05);color:#06b6d4}.mega-menu{position:absolute;left:0;right:0;width:100%;background-color:white;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border-radius:0 0 .5rem .5rem;z-index:50;transition:all .2s ease-in-out;transform-origin:top;pointer-events:auto;opacity:0;transform:translateY(10px);visibility:hidden;border-top:2px solid #06b6d4;max-height:80vh;overflow-y:auto}.mega-menu-parent:focus-within .mega-menu,.mega-menu-parent:hover .mega-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-menu{top:100%;margin-top:.5rem;min-width:12rem;border-radius:.5rem;transform:translateY(10px);pointer-events:none}.menu-item:focus-within .dropdown-menu,.menu-item:hover .dropdown-menu{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}.dropdown-link{color:#4b5563;line-height:1.25rem;transition:all .2s ease-in-out}.dropdown-link:hover{color:#06b6d4}.mega-menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;padding:1.5rem}.mega-menu-category{margin-bottom:1rem}.mega-menu-category h3{font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.mega-menu-items{display:flex;flex-direction:column;gap:.5rem}.mega-menu-link{display:flex;align-items:center;font-size:.875rem;color:#4b5563;transition:all .2s ease-in-out;padding:.375rem 0}.mega-menu-link:hover{color:#06b6d4;transform:translateX(4px)}.mega-menu-link.view-all{font-weight:500;color:#06b6d4;margin-top:.5rem}.dropdown-arrow{margin-left:.25rem;display:inline-flex;align-items:center;transition:transform .2s ease-in-out}.menu-item:hover .dropdown-arrow{transform:rotate(180deg)}@media (min-width:640px){.menu-button,.menu-link{padding-left:.5rem;padding-right:.5rem}}.menu-button:hover,.menu-link:hover{color:#0891b2}.menu-button .chevron{margin-left:.25rem;height:1rem;width:1rem;transition:transform .2s}.menu-button[aria-expanded=true] .chevron{transform:rotate(180deg)}.dropdown-menu{position:absolute;left:0;margin-top:.25rem;width:14rem;border-radius:.375rem;background-color:white;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:all .2s ease-in-out;z-index:50}.menu-item:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu-inner{padding:.25rem 0}.dropdown-link{display:block;padding:.5rem 1rem;font-size:.875rem;color:#374151;transition:all .2s}.dropdown-link:hover{background-color:#f3f4f6;color:#0891b2}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;background-color:white;z-index:40;overflow-y:auto;transform:translateX(100%);transition:all .3s ease-in-out}@media (min-width:768px){.mobile-menu{display:none}}.mobile-menu.open{transform:translateX(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e5e7eb}.mobile-menu-close{color:#6b7280;transition:color .2s}.mobile-menu-close:hover{color:#374151}.mobile-menu-content{padding:.5rem 1rem}.mobile-menu-item{display:block;width:100%;text-align:left;padding:.5rem .75rem;font-size:1rem;font-weight:500;color:#374151;border-radius:.375rem;transition:all .2s}.mobile-menu-item:hover{background-color:#f3f4f6;color:#0891b2}.mobile-submenu{padding-left:1rem;margin-top:.25rem;display:flex;flex-direction:column;gap:.25rem}.mobile-submenu-item{display:block;width:100%;text-align:left;padding:.5rem .75rem;font-size:.875rem;color:#4b5563;border-radius:.375rem;transition:all .2s}.mobile-submenu-item:hover{background-color:#f9fafb;color:#0891b2}.login-button{display:flex;align-items:center;justify-content:center;width:100%;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:white;background-color:#0891b2;border-radius:.375rem;transition:background-color .2s ease-in-out,color .2s ease-in-out}.mobile-cta-button:hover{background-color:#0e7490}.hamburger-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem;border-radius:.375rem;color:#374151;transition:all .2s;background:none;border:none;cursor:pointer;position:relative;width:3rem;height:3rem;margin-left:.5rem;z-index:60}.hamburger-button:hover{color:#0891b2;background-color:#f3f4f6}.hamburger-button:focus{outline:none;box-shadow:0 0 0 2px rgba(6,182,212,.5)}@media (min-width:768px){.hamburger-button{display:none}}.hamburger-icon{position:relative;width:1.5rem;height:1rem;display:flex;flex-direction:column;justify-content:space-between}.hamburger-line{display:block;position:absolute;height:2px;width:100%;background-color:currentColor;border-radius:2px;transition:all .3s ease-in-out}.top-line{top:0;transform-origin:left center}.middle-line{top:50%;transform:translateY(-50%);opacity:1;transform-origin:center center}.bottom-line{bottom:0;transform-origin:left center}.hamburger-button.is-active .top-line{transform:rotate(45deg) translate(.25rem,-.25rem);width:100%}.hamburger-button.is-active .middle-line{width:0;opacity:0}.hamburger-button.is-active .bottom-line{transform:rotate(-45deg) translate(.25rem,.25rem);width:100%}.hamburger-line:first-child{transform-origin:center}.hamburger-line:nth-child(2){top:50%;transform:translateY(-50%);opacity:1}.hamburger-line:last-child{bottom:0;transform-origin:center}.hamburger-button[aria-expanded=true] .hamburger-line:first-child{transform:translateY(11px) rotate(45deg)}.hamburger-button[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0;transform:translateX(-100%)}.hamburger-button[aria-expanded=true] .hamburger-line:last-child{transform:translateY(-11px) rotate(-45deg)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);z-index:30;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out}.backdrop.visible{opacity:1;visibility:visible}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOut{0%{transform:translateX(0)}to{transform:translateX(100%)}}.mobile-menu.entering{animation:slideIn .3s ease-out forwards}.mobile-menu.exiting{animation:slideOut .3s ease-in forwards}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .6s ease-out forwards;opacity:0}