:root{--primary:var(--primary-color);--primary-hover:var(--navbar-fg-color);--secondary:var(--text-secondary);--text:var(--text-secondary);--text-light:#6b7280;--border:#e5e7eb;--white:#fff;--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--transition:all 0.3s ease;--focus-ring:0 0 0 3px rgba(124,58,237,.5)}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.site-container{border-top:1px solid rgba(0,0,0,.1);margin:0 auto;padding:0 100px}a{color:inherit;text-decoration:none}ul{list-style:none}img{height:auto;max-width:100%}.site-header{background-color:var(--white);border-bottom:1px solid var(--border);box-shadow:var(--shadow);height:80px;position:relative;position:sticky;top:0;z-index:1000}.site-header .site-container{align-items:center;display:flex;justify-content:space-between}.logo-container{align-items:center;display:flex;min-height:80px}.logo img{height:60px;width:auto}.main-nav{flex:1;justify-content:center}.main-nav,.nav-container{display:flex}.nav-list{gap:1.5rem}.nav-link,.nav-list{align-items:center;display:flex}.nav-link{background:none;border:none;color:var(--text);cursor:pointer;font-size:15px;font-weight:500;gap:.5rem;padding:.5rem;position:relative;transition:var(--transition)}.nav-link svg{height:15px;width:15px}.nav-link.active,.nav-link:hover{color:var(--primary)}.nav-link.active{border-radius:4px;padding:.5rem 1rem}.nav-link[aria-expanded=true] svg{transform:rotate(180deg)}.menu-icon{height:20px;width:20px;fill:none;stroke-width:2}.menu-icon,.menu-icon path{stroke:#494949}.megamenu{background-color:var(--white);border-radius:0;box-shadow:var(--shadow);left:0;opacity:0;position:absolute;top:100%;transform:translateY(10px);transition:var(--transition);visibility:hidden;width:100%;z-index:100}.megamenu[aria-hidden=false]{opacity:1;transform:translateY(0);visibility:visible}.megamenu-content{display:flex;gap:4rem;padding-left:250px}.megamenu-section{flex:1}.megamenu-title{color:#000;font-size:1rem;font-weight:700;margin-bottom:1.5rem;position:relative}.capabilities-grid{display:flex;gap:2rem}.capabilities-column{display:flex;flex:1;flex-direction:column}.megamenu-item,.megamenu-link{transition:var(--transition)}.megamenu-link{align-items:flex-start;display:flex;gap:1rem}.megamenu-link:focus,.megamenu-link:hover{color:var(--primary)}.megamenu-link:focus{box-shadow:none;outline:none}.megamenu-link svg.menu-icon.no-stroke path{stroke:none!important;fill:#494949}.megamenu-section .icon-container{align-items:center;background-color:var(--sl-light-blue-bg);border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-top:4px;width:36px}.megamenu-section .icon-container .menu-icon path{stroke:blue}.megamenu-section .icon-container .menu-icon.no-stroke path{fill:blue}.capabilities-column .megamenu-item:first-child .icon-container,.megamenu-list .megamenu-item:first-child .icon-container{background-color:var(--sl-light-blue-bg)}.capabilities-column .megamenu-item:nth-child(2) .icon-container,.megamenu-list .megamenu-item:nth-child(2) .icon-container{background-color:var(--sl-light-purple-bg)}.capabilities-column .megamenu-item:nth-child(3) .icon-container,.megamenu-list .megamenu-item:nth-child(3) .icon-container{background-color:var(--sl-light-green-bg)}.capabilities-column .megamenu-item:nth-child(4) .icon-container,.megamenu-list .megamenu-item:nth-child(4) .icon-container{background-color:var(--sl-light-orange-bg)}.capabilities-column .megamenu-item:first-child .icon-container .menu-icon path,.megamenu-list .megamenu-item:first-child .icon-container .menu-icon path{stroke:blue}.capabilities-column .megamenu-item:nth-child(2) .icon-container .menu-icon path,.megamenu-list .megamenu-item:nth-child(2) .icon-container .menu-icon path{stroke:purple}.capabilities-column .megamenu-item:nth-child(3) .icon-container .menu-icon path,.megamenu-list .megamenu-item:nth-child(3) .icon-container .menu-icon path{stroke:green}.capabilities-column .megamenu-item:nth-child(4) .icon-container .menu-icon path,.megamenu-list .megamenu-item:nth-child(4) .icon-container .menu-icon path{stroke:orange}.capabilities-column .megamenu-item:first-child .icon-container .menu-icon.no-stroke path,.megamenu-list .megamenu-item:first-child .icon-container .menu-icon.no-stroke path{fill:blue}.capabilities-column .megamenu-item:nth-child(2) .icon-container .menu-icon.no-stroke path,.megamenu-list .megamenu-item:nth-child(2) .icon-container .menu-icon.no-stroke path{fill:purple}.capabilities-column .megamenu-item:nth-child(3) .icon-container .menu-icon.no-stroke path,.megamenu-list .megamenu-item:nth-child(3) .icon-container .menu-icon.no-stroke path{fill:green}.capabilities-column .megamenu-item:nth-child(4) .icon-container .menu-icon.no-stroke path,.megamenu-list .megamenu-item:nth-child(4) .icon-container .menu-icon.no-stroke path{fill:orange}.megamenu-content .megamenu-section:nth-child(2){background-color:var(--sl-light-purple-bg)}.megamenu-content .megamenu-section{padding:30px}.resources-content.megamenu-content .megamenu-section:nth-child(2){background-color:transparent}.resources-content.megamenu-content .megamenu-section:nth-child(3){background-color:var(--sl-light-purple-bg)}.resources-content .megamenu-section{flex:auto}.megamenu-text h3{color:#000;font-size:1rem;font-weight:400;margin-bottom:.25rem}.megamenu-text p{color:var(--text-light);font-size:.875rem}.feature-list{display:flex;flex-direction:column}.feature-list .megamenu-item{margin-bottom:.5rem}.feature-list .megamenu-link{padding-left:0}.academy-section,.use-cases-section{width:100%}.auth-buttons{align-items:center;display:flex;gap:.75rem}.auth-buttons .btn{font-size:15px}.btn{align-items:center;border-radius:.375rem;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;padding:.5rem 1rem;transition:var(--transition)}.btn:focus{box-shadow:var(--focus-ring);outline:none}.btn-text{color:var(--text)}.btn-text:hover{color:var(--primary)}.btn-primary{background-color:var(--primary);border:1px solid var(--primary);color:var(--white)}.btn-primary:hover{background-color:#170c6f;color:#fff}.btn-outline{border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.menu-toggle{background:none;border:none;cursor:pointer;display:none;padding:.5rem}.hamburger-icon{display:flex;flex-direction:column;height:18px;justify-content:space-between;width:24px}.bar{background-color:var(--text);height:2px;transition:var(--transition);width:100%}.hero{background-color:var(--secondary);padding:4rem 0;text-align:center}.hero h1{color:var(--primary);font-size:2.5rem;margin-bottom:1rem}.hero p{color:var(--text);font-size:1.25rem;margin:0 auto;max-width:800px}@media (max-width:1024px){.megamenu-content{gap:2rem}.auth-buttons .btn-outline{display:none}}@media (max-width:1200px){.site-header .site-container{height:auto}.menu-toggle{display:block;order:-1}.nav-container{background-color:var(--white);flex-direction:column;height:calc(100vh - 70px);left:0;overflow-y:auto;padding:1rem;position:fixed;top:70px;transform:translateX(-100%);transition:transform .3s ease;width:100%;z-index:1000}.nav-container.active{transform:translateX(0)}.nav-list{align-items:flex-start;flex-direction:column}.nav-item,.nav-list{width:100%}.nav-link{border-bottom:1px solid var(--border);justify-content:space-between;padding:1rem 0;width:100%}.nav-link.active{border:none;border-bottom:1px solid var(--border);border-radius:0;padding:1rem 0}.megamenu{box-shadow:none;max-height:0;overflow:hidden;position:static;width:100%}.megamenu[aria-hidden=false]{max-height:2000px;transform:none!important}.auth-buttons{margin-left:auto}.auth-buttons .btn{font-size:.875rem;padding:.5rem .75rem}.megamenu-text h3,.megamenu-title{font-size:.9rem!important}.megamenu .site-container{padding:0}.megamenu-content{padding-left:0}.megamenu-text p{font-size:12px!important}}@media (max-width:480px){.logo img{height:30px}.auth-buttons .btn-text{display:none}.auth-buttons .btn-primary{font-size:.75rem}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.megamenu .megamenu-item{margin-bottom:20px}.megamenu[aria-hidden=false] .megamenu-item{animation:fadeIn .3s ease forwards;animation-delay:calc(var(--item-index)*.05s);opacity:0}@media (forced-colors:active){.btn-primary{border:2px solid}.square-icon{border:1px solid}}