/* VF identity and transparent, compact navigation */
:root{--header-height:100px;--header-start:100px}
.site-header,.page-features>.site-header{height:var(--header-height);min-height:0;margin-bottom:calc(-1 * var(--header-height));background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:height .35s,margin-bottom .35s,background .35s,color .35s,box-shadow .35s}
.site-header.is-scrolled,.page-features>.site-header.is-scrolled{--header-height:68px;background:rgba(247,251,253,.76);color:#123047;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);box-shadow:0 5px 24px #07162612}
.header-inner{height:var(--header-height);min-height:0;padding-block:0;flex-wrap:nowrap;transition:height .35s;border-bottom-color:#c1e8f51f}
.brand-symbol{width:54px;height:48px;transition:width .35s,height .35s}
.brand-symbol svg{fill:currentColor;stroke:none;color:#8de5e5}
.brand-symbol .vf-accent{fill:none;stroke:currentColor;stroke-width:1;opacity:.45}
.brand-word{font-size:22px;transition:font-size .35s}
.brand-word small{color:inherit;opacity:.72}
.site-header.is-scrolled .brand-symbol{width:41px;height:37px}
.site-header.is-scrolled .brand-symbol svg{color:#126c88}
.site-header.is-scrolled .brand-word{font-size:19px}
.site-header.is-scrolled .brand-word small{font-size:8px;margin-top:5px}
.site-header.is-scrolled .header-inner{border-color:transparent}
.site-header.is-scrolled nav>a:hover,.site-header.is-scrolled nav>a[aria-current]{color:#185db2}
.site-header.is-scrolled .nav-contact{border-color:#24566b40;background:#ffffff38}
.site-header.is-scrolled .external-symbol{color:#426577}
.site-header.is-scrolled .menu-toggle{border-color:#56758566}
.hero-v2{padding-top:var(--header-start)}
.page-cover,.article-cover{position:relative;isolation:isolate;overflow:hidden;padding-top:var(--header-start);background:radial-gradient(ellipse at 89% 85%,#104763 0,transparent 56%),linear-gradient(125deg,#071626,#0c2033);color:#f3f8fb}
.page-cover:before,.article-cover:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#8cbfd00b 1px,transparent 1px),linear-gradient(90deg,#8cbfd00b 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,transparent,black);animation:cover-arrive 2s ease-out both}
.page-cover:after,.article-cover:after{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:-65px;top:20px;border:1px solid #69d8df29;box-shadow:0 0 0 65px #69d8df05,0 0 0 130px #69d8df04;border-radius:50%;pointer-events:none;animation:orbit-arrive 3.5s ease-out both}
.page-cover .breadcrumb{color:#adc4d4;position:relative;z-index:1}
.page-cover .breadcrumb a:hover{color:#8de5e5}
.page-cover .page-hero{background:transparent;color:#f3f8fb;border:0;padding-block:40px 82px;overflow:visible}
.page-cover .page-hero:after{display:none}
.page-cover .page-hero .eyebrow{color:#8de5e5}
.page-cover .page-hero .wrap>p:last-child{color:#bdd0dc}
.article-cover .article-hero{padding-block:42px 62px}
.article-cover .article-back{color:#8de5e5}
.article-cover .article-title-row h1{color:#f3f8fb}
.article-cover .article-index{color:#78d3de}
.article-cover .article-description{color:#bdd0dc}
.article-cover .article-meta{color:#b2c9d7;border-color:#91b7ca30}
.feature-card{display:flex;flex-direction:column;min-height:275px}
.feature-card>p:last-child{margin-bottom:0}
@keyframes cover-arrive{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes orbit-arrive{from{opacity:0;transform:translate(45px,20px) scale(.88)}to{opacity:1;transform:none}}
@media(max-width:1180px){
 :root{--header-height:88px;--header-start:88px}
 .header-inner{justify-content:space-between}
 .js-enabled .header-inner nav{position:absolute;top:100%;left:0;width:100%;margin:0;padding:22px 32px;background:#0b2133;box-shadow:0 16px 30px #07162626;max-height:calc(100dvh - var(--header-height));overflow-y:auto}
 .js-enabled .header-inner nav.is-open{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 22px}
 .js-enabled .is-scrolled .header-inner nav{background:rgba(247,251,253,.98)}
 html:not(.js-enabled) .site-header{height:auto;margin-bottom:0;background:#071626}
 html:not(.js-enabled) .header-inner{height:auto;min-height:88px;flex-wrap:wrap;padding-block:20px}
 html:not(.js-enabled) .header-inner nav{position:static;display:flex;width:100%;flex-wrap:wrap}
 html:not(.js-enabled) .page-cover,html:not(.js-enabled) .article-cover,html:not(.js-enabled) .hero-v2{padding-top:0}
}
@media(max-width:600px){
 :root{--header-height:84px;--header-start:84px}
 .site-header.is-scrolled{--header-height:64px}
 .brand{gap:9px}.brand-symbol{width:43px;height:40px}.brand-word{font-size:18px;letter-spacing:.7px}
 .site-header.is-scrolled .brand-word{font-size:17px}.site-header.is-scrolled .brand-symbol{width:35px;height:33px}
 .js-enabled .header-inner nav.is-open{grid-template-columns:1fr 1fr;padding:16px 20px;gap:8px 18px}
 .page-cover .page-hero{padding-block:26px 53px}
 .page-cover:after,.article-cover:after{width:330px;height:330px;right:-190px;top:80px}
 .article-cover .article-hero{padding-block:32px 38px}
 .article-cover .article-title-row{margin-top:22px}
 .article-cover .article-title-row h1{font-size:31px}
 .feature-card{min-height:0}
}
@media(prefers-reduced-motion:reduce){.site-header,.header-inner,.brand-symbol,.brand-word{transition:none}.page-cover:before,.article-cover:before,.page-cover:after,.article-cover:after{animation:none}}