/* Digital optics: glass navigation, light trails and purposeful interaction. */
:root{--future-cyan:#33c3ee;--future-blue:#087bc1}
.site-header.unified-header{position:sticky;top:0;z-index:80;background:#ffffffeb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #d7e8f2;transition:box-shadow .25s,background .25s}
.site-header.unified-header.is-scrolled{background:#fffffff2;box-shadow:0 8px 32px #143e5a12}
.site-header.unified-header .site-brand img{transition:filter .3s}
.site-header.unified-header .site-brand:hover img{filter:drop-shadow(0 0 8px #47b4ee55)}
.site-header.unified-header nav{position:relative;isolation:isolate;justify-self:center;width:max-content;max-width:100%;padding:4px;gap:2px;border:1px solid #d8e7f0;border-radius:14px;background:linear-gradient(125deg,#f0f8fc,#ffffffdd);box-shadow:inset 0 1px 0 #fff,0 3px 12px #10344905}
.site-header.unified-header nav:before{content:"";position:absolute;top:0;left:0;width:var(--nav-width,0px);height:var(--nav-height,44px);transform:translate3d(var(--nav-x,0px),var(--nav-y,0px),0);border:1px solid #c4e6f7;border-radius:10px;background:linear-gradient(130deg,#d8f1fc,#edf9ff 60%,#fff);box-shadow:0 2px 12px #178cce15,inset 0 1px 0 #fff;opacity:0;z-index:0;pointer-events:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),width .25s,height .25s,opacity .2s}
.site-header.unified-header nav.has-nav-indicator:before{opacity:1}
.site-header.unified-header nav a{position:relative;z-index:1;transition:color .2s}
.site-header.unified-header nav.has-nav-indicator a,.site-header.unified-header nav.has-nav-indicator a:first-child,.site-header.unified-header nav.has-nav-indicator a[aria-current="page"]{background:transparent}
.site-header.unified-header nav a:hover,.site-header.unified-header nav a:focus-visible{color:#006ea8}
.site-header.unified-header .header-request{position:relative;overflow:hidden;border:1px solid #244c69;background:linear-gradient(120deg,#122d43,#194864);box-shadow:0 4px 14px #12365115;transition:box-shadow .25s,border-color .25s,background .25s}
.site-header.unified-header .header-request:before{content:"";position:absolute;inset:0;transform:translateX(-150%) skewX(-20deg);background:linear-gradient(90deg,transparent,#81d7ff22,transparent);transition:transform .65s}
.site-header.unified-header .header-request:hover:before{transform:translateX(150%) skewX(-20deg)}
.site-header.unified-header .header-request:hover{border-color:#4aaed9;box-shadow:0 5px 22px #208eca30}
.site-header.unified-header .header-request span{transition:transform .25s}
.site-header.unified-header .header-request:hover span{transform:translate(2px,-2px)}
.home-page .offer-hero{background-color:#f1f5f7;background-image:radial-gradient(ellipse at 7% 14%,#fff 10%,transparent 65%),radial-gradient(ellipse at 92% 45%,#b5e2f240,transparent 65%);padding-top:48px}
.home-page .hero-grid{background-size:48px 48px;opacity:.15}
.home-page .offer-copy h1{font-weight:550;letter-spacing:-2.7px;font-size:clamp(38px,4.6vw,74px)}
.home-page .offer-copy h1 em{background:linear-gradient(100deg,#006eb2,#1194c5);background-clip:text;-webkit-background-clip:text;color:transparent}
.home-page .offer-copy .eyebrow{color:#507a95;letter-spacing:2px}
.home-page .offer-copy .eyebrow>span{border-radius:50%;box-shadow:0 0 0 4px #f0833320}
.home-page .offer-actions .button{position:relative;background:linear-gradient(115deg,#f07832,#ff924b);box-shadow:0 8px 25px #d9751a20;transition:box-shadow .25s,transform .25s}
.home-page .offer-actions .button:hover{box-shadow:0 10px 30px #d9751a35;transform:translateY(-2px)}
.home-page .offer-art{position:relative;border:1px solid #38667e;border-radius:18px;background:linear-gradient(145deg,#122e44,#163d55);box-shadow:0 25px 60px #174f6c22,0 0 0 6px #ffffff75}
.home-page .offer-art-top{font-size:8px;letter-spacing:1.8px}
.home-page .offer-photo{border-radius:10px;border:1px solid #d2e6f2}
.home-page .offer-photo:before{border-color:#aad3e9}
.home-page .optical-corner{border-color:#149acc}
.vision-scan{position:absolute;top:-80px;left:0;right:0;height:80px;z-index:3;pointer-events:none;background:linear-gradient(180deg,transparent,#24aeea10 85%,#1fa7dd65 98%,transparent);animation:vision-scan 9s linear infinite;opacity:0}
@keyframes vision-scan{0%,15%{transform:translateY(0);opacity:0}20%{opacity:1}65%{transform:translateY(450px);opacity:1}70%,100%{transform:translateY(450px);opacity:0}}
.system-components div>span{color:#8cc6e5}
.system-selection{color:#b3d8ec}
.system-selection:hover{color:#fff}
.catalog-facts strong{font-weight:500}
.direction-card{border-radius:15px}
.direction-card:hover{box-shadow:0 16px 36px #14527316}
.direction-arrow{border:1px solid #d0e3ed}
.vision-applications{background:#102b40;color:#fff;position:relative;background-image:radial-gradient(ellipse at 90% 70%,#17698f33,transparent 65%)}
.vision-applications .eyebrow.dark{color:#8fcde8}
.vision-applications h2{color:#f3faff}
.application-caption{font-size:13px;line-height:1.6;color:#9fbdcf}
.application-workspace{display:grid;grid-template-columns:.85fr 1.5fr;gap:42px}
.application-tabs{display:flex;flex-direction:column;gap:9px;align-self:start}
.application-tabs button{display:grid;grid-template-columns:24px 1fr 20px;gap:14px;align-items:center;text-align:left;padding:21px 20px;border:1px solid #355a72;border-radius:9px;background:#ffffff05;color:#7eacc7;font-size:10px;min-height:72px;transition:background .2s,border-color .2s,color .2s}
.application-tabs button>span{font-size:16px;color:#c4dbe9;font-weight:500}
.application-tabs button>b{font-size:22px;font-weight:400;color:#71b7da}
.application-tabs button:hover{background:#214761;border-color:#6096b4}
.application-tabs button[aria-selected="true"]{background:linear-gradient(110deg,#1b516f,#204762);border-color:#4b9dc2;color:#acd8ef;box-shadow:inset 3px 0 #54c8ec}
.application-tabs button[aria-selected="true"]>span{color:#fff}
.application-panels{min-width:0}
.application-panels article{padding:28px;border:1px solid #3b6078;border-radius:14px;background:#ffffff04;animation:application-in .25s ease-out}
.application-panels article[hidden]{display:none}
.application-diagram{position:relative;border-radius:9px;display:grid;place-items:center;background-image:linear-gradient(#557b9025 1px,transparent 1px),linear-gradient(90deg,#557b9025 1px,transparent 1px);background-size:28px 28px;border:1px solid #3b627a}
.application-diagram svg{display:block;width:100%;max-width:360px;height:170px;stroke:#7aceed;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.application-diagram>span{font-size:9px;letter-spacing:1.5px;color:#86b6cf;padding:5px 10px 18px;text-align:center}
.application-panels h3{font-size:26px;font-weight:500;letter-spacing:-.6px;color:#eaf7ff;margin:23px 0 12px}
.application-panels p{color:#a8c7da;font-size:14px;line-height:1.8;margin:0 0 18px}
.application-panels a{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#8fd6f6;font-size:13px;border-top:1px solid #3b5e74;min-height:48px;padding-top:15px}
.application-panels a>span{font-size:25px}
@keyframes application-in{from{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.vision-applications:has(.application-tabs:not(.tabs-enabled)) .application-panels article[hidden]{display:block;margin-top:18px}
html{scroll-padding-top:calc(var(--sticky-menu-height,135px) + 20px)}
@media(min-width:801px){.filter-panel{top:calc(var(--sticky-menu-height,135px) + 16px);max-height:calc(100vh - var(--sticky-menu-height,135px) - 32px)}}
@media(max-width:1100px){.site-header.unified-header nav{padding:4px;gap:2px}.application-workspace{grid-template-columns:1fr 1.3fr;gap:24px}.application-tabs button{padding:18px 15px;gap:10px}.application-tabs button>span{font-size:15px}}
@media(max-width:800px){.site-header.unified-header{position:relative}.application-workspace{grid-template-columns:1fr}.application-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.application-tabs button{display:flex;align-items:flex-start;flex-direction:column;position:relative;padding:16px;gap:8px}.application-tabs button>b{position:absolute;top:10px;right:12px}.application-tabs button>span{font-size:14px;line-height:1.3}html{scroll-padding-top:24px}}
@media(max-width:600px){.site-header.unified-header nav{width:100%;justify-self:stretch}}
@media(max-width:550px){.home-page .offer-copy h1{font-size:37px;letter-spacing:-1.5px}.home-page .offer-art{padding:18px;border-radius:14px}.home-page .offer-art-top{font-size:7px;letter-spacing:1px}.application-caption{font-size:12px}.application-workspace{gap:18px}.application-tabs{gap:6px}.application-tabs button{min-height:97px;padding:14px 11px}.application-tabs button>span{font-size:12px}.application-tabs button>b{right:8px;font-size:18px}.application-panels article{padding:21px}.application-panels h3{font-size:23px}.application-diagram svg{height:135px}.application-diagram>span{font-size:7px;letter-spacing:1px}.vision-scan{animation-name:vision-scan-mobile}}
@keyframes vision-scan-mobile{0%,15%{transform:translateY(0);opacity:0}20%{opacity:1}65%{transform:translateY(300px);opacity:1}70%,100%{transform:translateY(300px);opacity:0}}
@media(prefers-reduced-motion:reduce){.site-header.unified-header,.site-header.unified-header nav:before,.site-header.unified-header nav a,.site-header.unified-header .header-request,.site-header.unified-header .header-request:before,.site-header.unified-header .header-request span,.site-header.unified-header .site-brand img,.home-page .offer-actions .button,.application-tabs button{transition:none}.vision-scan{display:none;animation:none}.application-panels article{animation:none}}