/* ASL category navigation; preserve the existing art/design-system below it. */ main :is(#growth,#ai,#security,#data,#comms,#everyday,#civic,#games,#platform,#research){scroll-margin-top:100px} .topbar:has(.asl-menu){z-index:100;overflow:visible;background:#081222} .topbar-inner:has(.asl-menu){gap:.75rem;position:relative;flex-wrap:nowrap} .asl-menu{margin-inline-start:auto;min-width:0} .asl-menu>summary{display:none} .asl-menu .asl-nav{display:flex;align-items:center;gap:.15rem;margin:0;flex-wrap:nowrap} .asl-nav details{position:relative} .asl-nav summary,.asl-menu>summary{list-style:none;cursor:pointer;user-select:none;color:#e4edf8;font:600 .86rem/1.4 system-ui,sans-serif;padding:.65rem .65rem;border-radius:.55rem} .asl-nav summary::-webkit-details-marker,.asl-menu>summary::-webkit-details-marker{display:none} .asl-nav summary::after{content:"";display:inline-block;width:.4rem;height:.4rem;border-inline-end:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);margin-inline-start:.6rem;vertical-align:.18rem} .asl-nav details[open]>summary::after{transform:rotate(225deg);vertical-align:0} .asl-nav summary:hover,.asl-nav details[open]>summary{background:#19314b;color:#fff} .asl-nav :is(a,summary,select):focus-visible,.asl-menu>summary:focus-visible{outline:3px solid #62d8ff;outline-offset:3px} .asl-nav .asl-panel{position:absolute;inset-block-start:calc(100% + .4rem);inset-inline-start:0;min-width:17rem;max-width:min(34rem,calc(100vw - 2rem));padding:.65rem;background:#0a192c;border:1px solid #41617d;border-radius:.85rem;box-shadow:0 20px 45px #0009;max-height:calc(100dvh - 110px);overflow:auto;z-index:110} .asl-nav .asl-panel a{display:block;white-space:normal;border-radius:.4rem;color:#e4edf8;line-height:1.4;padding:.65rem .75rem;font-size:.9rem;min-height:44px;overflow-wrap:anywhere} .asl-nav .asl-panel a:hover{background:#193b59;color:#fff} .asl-nav .asl-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:34rem;gap:.2rem} .asl-nav .asl-products .asl-all{grid-column:1/-1;border-bottom:1px solid #29445f;font-weight:700} .asl-nav>details:nth-of-type(4)>.asl-panel{inset-inline-start:auto;inset-inline-end:0} .asl-nav>a{white-space:nowrap;min-height:44px;display:flex;align-items:center;padding:.6rem .7rem} .asl-nav>a.cta{background:#78d5ff;color:#071320;font-weight:750} .asl-nav[dir=rtl]{font-family:system-ui,"Segoe UI",Tahoma,sans-serif} @media(min-width:1280px){.asl-menu:not([open])>nav{display:flex!important}} @media(max-width:1279px){ .topbar-inner:has(.asl-menu){flex-wrap:wrap;justify-content:space-between;min-height:68px} .asl-menu{position:static;margin-inline-start:auto} .asl-menu>summary{display:block;min-height:44px;border:1px solid #57728c;padding:.6rem 1rem} .asl-menu .asl-nav{position:absolute;inset-inline:0;inset-block-start:100%;display:flex;flex-direction:column;align-items:stretch;gap:.3rem;background:#081222;border:1px solid #41617d;border-radius:0 0 .85rem .85rem;padding:.75rem;max-height:calc(100dvh - 80px);overflow:auto;width:auto;box-shadow:0 20px 35px #0008} .asl-menu:not([open])>nav{display:none} .asl-nav details{width:100%} .asl-nav summary{font-size:1rem;min-height:44px;display:flex;align-items:center;justify-content:space-between} .asl-nav .asl-panel,.asl-nav .asl-language .asl-panel{position:static;width:auto;min-width:0;max-width:none;max-height:none;box-shadow:none;margin:.2rem 0 .5rem} .asl-nav .asl-products{grid-template-columns:1fr} .asl-nav>a{justify-content:center} } @media(prefers-reduced-motion:reduce){.asl-nav *{scroll-behavior:auto}}