/* Shared navigation and daytime skyline. */
[hidden]{display:none!important}
.site-header,.apex-page .site-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:50}
.header-actions{display:flex;align-items:center;gap:10px}
.primary-navigation{position:fixed;inset:76px 0 0;background:#fff;padding:12px 24px 32px;overflow-y:auto;overscroll-behavior:contain;color:#17242c}
.primary-navigation a{text-decoration:none}
.mobile-home,.nav-group>summary{display:flex;align-items:center;justify-content:space-between;min-height:62px;border-bottom:1px solid #dce3e8;font-size:19px;cursor:pointer;list-style:none}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-chevron{width:8px;height:8px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);margin-right:4px;transition:transform .18s}
.nav-group[open]>summary .nav-chevron{transform:rotate(225deg)}
.flyout{padding:12px 0 22px}.flyout-intro{display:none}
.flyout-links{display:grid;gap:4px}.mobile-overview{padding:14px 0;font-size:13px;text-decoration:underline!important}
.flyout-card{display:flex;align-items:center;gap:14px;min-height:78px;padding:10px 8px;background:#f5f7f8;border-radius:5px}
.device-graphic{width:112px;height:78px;flex-shrink:0;color:#41617a}
.flyout-card .device-graphic{width:64px;height:48px}
.flyout-card strong{display:block;font-size:14px;font-weight:600;line-height:1.4}
.flyout-card small{display:block;font-size:12px;line-height:1.5;color:#586975;margin-top:4px}
.link-arrow{margin-left:auto;color:#59768c;font-size:18px}
.mobile-consultation{display:flex;align-items:center;justify-content:center;min-height:50px;background:#214a77;color:#fff;margin-top:28px;border-radius:4px;font-size:14px}
.mobile-phone{display:block;padding:18px;text-align:center;font-size:14px}
.nav-scrim{position:fixed;inset:76px 0 0;background:#142b4440;backdrop-filter:blur(3px);z-index:40}
body.menu-open{overflow:hidden}
.skyline-hero{position:relative;background:#eef5fa;isolation:isolate}
.skyline-copy{padding:36px 24px 26px}
.skyline-copy>p:first-child{font-size:12px;letter-spacing:.03em;margin-bottom:20px;color:#3f5a6c}
.shield-page .skyline-copy h1{font-size:clamp(35px,8.8vw,62px);max-width:800px;line-height:1.12}
.skyline-description{font-size:15px;line-height:1.7;margin-top:20px;color:#344c5e;max-width:470px!important}
.skyline-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:24px}
.skyline-actions>a:last-child{display:flex;align-items:center;min-height:44px;font-size:13px;text-decoration:underline}
.skyline-hero>picture{display:block;position:relative;order:2}
.skyline-photo{display:block;width:100%;height:260px;object-fit:cover;object-position:50% 60%}
.skyline-hero{display:flex;flex-direction:column}.skyline-copy{order:1}.skyline-bottom{order:3;display:flex;flex-wrap:wrap;gap:6px 20px;padding:18px 24px;background:#e9f0f5;font-size:12px}
.skyline-bottom>span{flex-basis:100%;color:#41596b}.skyline-bottom>a{display:inline-flex;align-items:center;min-height:44px}
.service-options>a>.device-graphic{display:block;margin-bottom:20px;background:#f2f6f8;border-radius:8px;width:144px;height:99px}
.capability-list article>.device-graphic{background:#eef3f6;border-radius:8px;width:128px;height:88px}
[id]{scroll-margin-top:100px}
@media(min-width:600px){.skyline-photo{height:400px}.skyline-copy{padding:46px 40px 32px}}
@media(min-width:900px){
.site-header,.apex-page .site-header{height:84px;padding:0 5vw}
.menu-toggle,.apex-page .menu-toggle{display:none!important}
.primary-navigation{position:static;display:flex;align-items:center;gap:32px;padding:0;overflow:visible;background:transparent}
.mobile-home,.mobile-overview,.mobile-consultation,.mobile-phone{display:none}
.nav-group>summary{min-height:84px;gap:10px;font-size:13px;border:0}
.nav-group>summary:hover,.active-category{color:#214a77}
.nav-group[open]>summary{box-shadow:inset 0 -2px #214a77}
.nav-chevron{width:6px;height:6px}
.flyout{position:absolute;left:0;right:0;top:84px;display:grid;grid-template-columns:minmax(230px,1fr) minmax(0,2fr);gap:5vw;padding:38px 6vw 42px;background:#fff;border-top:1px solid #e1e7ec;box-shadow:0 18px 24px #17242c0c;max-height:calc(100dvh - 84px);overflow:auto}
.flyout-intro{display:flex;flex-direction:column;align-items:flex-start}
.flyout-intro h2{font:400 29px/1.18 Sora,Arial,sans-serif;letter-spacing:-.04em}
.flyout-intro p{font-size:13px;line-height:1.7;color:#5a6d7b;margin:15px 0 20px;max-width:32ch}
.flyout-intro a{font-size:13px;min-height:44px;display:flex;align-items:center;gap:14px;text-decoration:underline}
.flyout-links{grid-template-columns:1fr 1fr;gap:12px}
.flyout-card{padding:18px 16px;min-height:110px;transition:background .15s}
.flyout-card:hover{background:#e9f0f5}.flyout-card .device-graphic{width:76px;height:56px}
.nav-scrim{inset:84px 0 0}
.skyline-hero{min-height:740px;height:calc(100svh - 84px);max-height:980px;display:block}
.skyline-hero>picture{position:absolute;inset:0;z-index:-2}
.skyline-photo{height:100%;object-position:center 62%}
.skyline-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#edf5fbd9 0%,#edf5fba6 32%,#edf5fb00 68%),linear-gradient(0deg,#142b44a6,transparent 25%)}
.skyline-copy{padding:65px 6vw 100px;max-width:750px}
.shield-page .skyline-copy h1{font-size:clamp(50px,4.5vw,72px)}
.skyline-description{font-size:16px}.skyline-actions{flex-direction:row;align-items:center;gap:26px;margin-top:30px}
.skyline-bottom{position:absolute;bottom:0;left:0;right:0;background:transparent;color:white;display:flex;align-items:center;gap:34px;padding:24px 6vw}
.skyline-bottom>span{flex:1;color:#fff;font-size:13px}.skyline-bottom>a{font-size:13px}
.capability-list article{grid-template-columns:128px minmax(180px,.85fr) minmax(0,1.5fr);gap:32px;align-items:start}
}
@media(prefers-reduced-motion:reduce){.nav-chevron,.flyout-card{transition:none}html{scroll-behavior:auto}}

@media(min-width:900px){.skyline-copy{max-width:900px}.skyline-bottom{background:linear-gradient(transparent,#102437a8)}}