/* Fixed navigation and an original compact adt symbol. */
body.inner-page{padding-top:100px}.site-header.wrap,.home-page .site-header.wrap{position:fixed;top:0;left:5.5%;right:5.5%;width:auto;max-width:none;height:100px;transform:none;z-index:50;margin:0;padding:0;border:1px solid transparent;border-radius:0;transition:background .3s,border-color .3s,height .4s,padding .4s,top .4s,border-radius .4s;isolation:isolate}.site-header.header-compact,.home-page .site-header.header-compact{top:12px;height:70px;padding:0 24px;background:#101010f5;border-color:#ffffff1c;border-radius:18px;box-shadow:0 8px 35px #0003}.site-header .header-brand{position:relative;width:155px;height:52px;display:block;flex-shrink:0}.header-brand .brand-full,.header-brand .brand-symbol{position:absolute;inset:0;display:flex;align-items:center;margin:0;letter-spacing:normal;font:inherit;transition:opacity .35s,transform .55s cubic-bezier(.22,1,.36,1);transform-origin:left center}.header-brand .brand-full img{width:155px;height:auto}.header-brand .brand-symbol{width:74px;opacity:0;transform:translateY(8px) scale(.85)}.header-brand .brand-symbol img{width:74px;height:auto}.header-compact .brand-full{opacity:0;transform:translateY(-7px) scale(.94)}.header-compact .brand-symbol{opacity:1;transform:none}.header-brand .brand-full:after,.header-brand .brand-symbol:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#ed8b56 45%,#ffe0b2 50%,#ed8b56 55%,transparent 65%);background-size:300% 100%;background-position:100% 0;opacity:0;mask:url('/assets/brand/adtlabs-wordmark-concept.png') center/contain no-repeat;pointer-events:none}.header-brand .brand-symbol:after{mask-image:url('/assets/brand/adt-monogram.svg')}.header-brand:focus-visible .brand-full:after,.header-brand:focus-visible .brand-symbol:after{animation:brand-scan .85s ease-out both}@media(hover:hover){.header-brand:hover .brand-full:after,.header-brand:hover .brand-symbol:after{animation:brand-scan .85s ease-out both}}
@keyframes brand-scan{0%{background-position:100% 0;opacity:0}15%{opacity:1}85%{opacity:1}100%{background-position:0 0;opacity:0}}
html{scroll-padding-top:110px}.canvas-pinned .lab-sticky{top:105px}.canvas-pinned .lab-heading h2{font-size:36px}.canvas-pinned .lab-heading{margin-bottom:18px}.canvas-pinned .lab-stage,.canvas-pinned .lab-visual{min-height:300px}.canvas-pinned .canvas-controls{margin-top:10px}.canvas-pinned .canvas-tab{padding:12px}.canvas-pinned .canvas-scroll-hint{margin-top:9px}.skip{z-index:60}
@media(max-width:820px){body.inner-page{padding-top:88px}.site-header.wrap,.home-page .site-header.wrap{height:88px}.site-header.header-compact,.home-page .site-header.header-compact{height:64px;top:10px;padding:0 15px;border-radius:14px}.site-header .header-brand{width:138px;height:48px}.header-brand .brand-full img{width:138px}.header-brand .brand-symbol,.header-brand .brand-symbol img{width:64px}.site-header nav{top:87px;left:-1px;right:-1px;padding:25px;border:1px solid #333;border-radius:16px;background:#111}.header-compact nav{top:72px}.menu-toggle{background:#1119}.site-header:has(nav.open){background:#111;border-radius:14px}.canvas-pinned .lab-sticky{top:100px}}
@media(prefers-reduced-motion:reduce){.header-compact .brand-full{opacity:1;transform:none}.header-compact .brand-symbol{opacity:0}.header-brand:after,.header-brand span:after{animation:none!important}.site-header{transition:none!important}}
/* Scrolling gathers the navigation into a centered, compact capsule. */
.site-header.wrap,.home-page .site-header.wrap{transition:background .3s,border-color .3s,height .4s,padding .4s,top .4s,border-radius .4s,left .6s cubic-bezier(.22,1,.36,1),right .6s cubic-bezier(.22,1,.36,1)}
.site-header.header-compact,.home-page .site-header.header-compact{left:max(5.5%,calc((100% - 520px)/2));right:max(5.5%,calc((100% - 520px)/2));height:64px;top:16px;padding:0 20px;border-radius:18px}
.site-header.header-compact .menu-toggle{display:flex;align-items:center;gap:16px;border:0;background:transparent;border-radius:10px;padding:12px 10px;font-size:12px;line-height:20px}
.site-header .hamburger{display:block;position:relative;width:20px;height:16px;font-size:0;flex-shrink:0}.hamburger i{display:block;position:absolute;left:0;width:20px;height:1px;background:currentColor;transition:transform .25s,top .25s}.hamburger i:first-child{top:5px}.hamburger i:last-child{top:11px;width:14px;left:auto;right:0}.menu-toggle[aria-expanded=true] .hamburger i:first-child{top:8px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .hamburger i:last-child{top:8px;width:20px;transform:rotate(-45deg)}
.site-header.header-compact nav{display:none;position:absolute;top:74px;left:0;right:0;background:#111;border:1px solid #333;border-radius:18px;padding:28px;box-shadow:0 18px 50px #0007;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - 110px);overflow-y:auto}
.site-header.header-compact nav.open{display:flex;animation:soft-in .25s var(--motion-ease) both}.site-header.header-compact nav>a:not(.pill){font-size:19px;line-height:1.5;padding:11px 0;border-bottom:1px solid #ffffff12}.site-header.header-compact nav>a:not(.pill):after{display:none}.site-header.header-compact nav>a[aria-current]{color:#f0b08d}.site-header.header-compact nav>.pill{align-self:stretch;margin-top:22px;padding:15px 20px;font-size:12px;justify-content:space-between}.site-header.header-compact nav>a:hover{color:#efb186}.site-header.header-compact nav>.pill:hover{color:#111}
@media(max-width:820px){.site-header.header-compact,.home-page .site-header.header-compact{left:7%;right:7%;top:12px;height:60px;padding:0 16px}.site-header .menu-toggle{gap:14px}.site-header.header-compact nav{top:70px;padding:22px;max-height:calc(100dvh - 105px)}.site-header.header-compact .header-brand{width:138px}.site-header.header-compact nav>a:not(.pill){font-size:17px;padding:10px 0}}
@media(prefers-reduced-motion:reduce){.site-header.header-compact nav.open,.hamburger i{animation:none!important;transition:none!important}}