.site-nav{--nav-height:48px;--nav-background:#2144ff;--nav-foreground:#fff;justify-content:space-between;gap:16px}
.site-nav.on-blue{--nav-background:#fff;--nav-foreground:#2144ff}
.nav-actions{display:flex;align-items:center;gap:9px}
.site-nav :is(.site-brand,.cta,.menu-toggle){flex:none;height:var(--nav-height);background:var(--nav-background);color:var(--nav-foreground);box-shadow:0 5px 18px #0a145018;transition:background-color .4s ease,color .4s ease,transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}
.site-nav .cta{display:flex;align-items:center;justify-content:center;padding:0 22px;border-radius:999px;text-align:center;white-space:nowrap}
.site-brand{position:relative;display:grid;place-items:center;width:52px;border-radius:16px}
.site-brand img{width:36px;height:38px;object-fit:contain;opacity:0}
.site-brand::before{content:"";position:absolute;width:36px;height:38px;background:currentColor;mask:url('../assets/images/logo-white.png') center/contain no-repeat;-webkit-mask:url('../assets/images/logo-white.png') center/contain no-repeat}
.menu-toggle{display:flex;align-items:center;justify-content:center;gap:4px;width:48px;border:0;border-radius:50%;cursor:pointer}
.menu-toggle span{width:4px;height:4px;background:currentColor;border-radius:50%}
@media(hover:hover){
 .site-nav :is(.site-brand,.cta,.menu-toggle):hover{transform:translateY(-2px);box-shadow:0 8px 22px #0a145025}
}
.site-nav :is(.site-brand,.cta,.menu-toggle):active{transform:scale(.97)}
.overlay-open{overflow:hidden;scrollbar-gutter:stable}
.site-menu,.role-dialog{color:#142447;padding:0;border:0;overscroll-behavior:contain}
.site-menu::backdrop,.role-dialog::backdrop{background:#080e2bb3;backdrop-filter:blur(10px)}
.site-menu{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;background:#1630b8;color:#fff;padding:clamp(24px,4vw,60px);overflow:auto}
.menu-top{display:flex;align-items:center;justify-content:space-between}
.menu-brand img{object-fit:contain}
.overlay-close{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #ffffff40;background:#ffffff12;color:inherit;font:300 32px/1 var(--fb);cursor:pointer}
.menu-content{max-width:1160px;margin:clamp(30px,7vh,80px) auto;display:grid;grid-template-columns:1.3fr 1fr;gap:12vw;align-items:center}
.menu-eyebrow{font:600 12px var(--fb);color:#bbcaff;letter-spacing:.06em;margin-bottom:22px}
.menu-links{display:grid}
.menu-links a{display:flex;align-items:center;gap:22px;color:#fff;text-decoration:none;font:600 clamp(35px,5vw,74px)/1.25 var(--fh);padding:10px 0;letter-spacing:-.04em;transition:color .25s,transform .25s}
.menu-links a small{font:500 11px var(--fb);color:#a2b8ff;letter-spacing:0}
.menu-links a>span{margin-left:auto;font-size:.55em;color:#99b0ff}
.menu-links a:hover,.menu-links a[aria-current=page]{color:#b8ccff;transform:translateX(7px)}
.menu-content aside p{font:600 clamp(25px,3vw,42px)/1.15 var(--fh);letter-spacing:-.03em;margin-bottom:28px}
.menu-content .access-button{background:#fff;color:#1630b8;gap:22px}
.menu-content aside small{display:block;color:#bbcbff;font:500 11px/1.7 var(--fb);margin-top:18px}
.menu-bottom{max-width:1160px;margin:auto;display:flex;justify-content:space-between;gap:15px;color:#bdcaff;font:500 11px/1.6 var(--fb)}
.role-dialog{position:fixed;inset:0;margin:auto;width:min(1040px,calc(100% - 28px));max-height:calc(100dvh - 28px);border-radius:30px;padding:38px;background:#f6f8ff}
.role-dialog>.overlay-close{position:absolute;right:18px;top:18px;background:#e8edfa;border-color:#dce4f8;color:#263b70;z-index:1}
.role-dialog>header{text-align:center;padding:0 45px}
.role-dialog h2{font:700 clamp(28px,4vw,44px)/1.1 var(--fh);letter-spacing:-.04em;margin:14px 0}
.role-dialog h2 span{color:#2144ff}
.role-dialog>header>p:last-child{font:500 13px/1.6 var(--fb);color:#67758f}
.role-options{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}
.role-options .access-card{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.role-options .access-art{height:200px;padding:0;background:radial-gradient(ellipse,#e5edff,transparent 70%)}
.role-options .access-copy{padding:12px 10px;text-align:center}
.role-options .access-meta{align-items:center;justify-content:center}
.role-options h3{font-size:26px}
.role-options .access-copy>p:not(.access-label){font-size:12px;line-height:1.7;max-width:340px;margin:12px auto 18px}
.role-options .access-button{font-size:13px}
:is(.site-nav,.site-menu,.role-dialog) :is(button,a):focus-visible{outline:3px solid #8fa6ff;outline-offset:5px}
.info-page{position:relative;z-index:3;max-width:1180px;padding:160px 32px 80px;margin:auto}
.info-hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:45px}
.info-hero h1{font:700 clamp(44px,6vw,80px)/1.04 var(--fh);letter-spacing:-.045em;margin:20px 0}
.info-hero p:not(.eyebrow){font:500 16px/1.85 var(--fb);color:#68758c;max-width:540px;margin-bottom:26px}
.info-hero img{width:100%;height:auto;max-height:430px;object-fit:contain}
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:60px 0 36px}
.info-grid article{background:#f4f7ff;border:1px solid #e0e7f8;padding:32px;border-radius:24px}
.info-number{font:700 12px var(--fb);color:#2144ff}
.info-grid h2{font:600 26px/1.2 var(--fh);margin:18px 0 12px}
.info-grid p{color:#68758c;font:500 14px/1.85 var(--fb)}
.info-back{color:#2144ff;font:700 13px var(--fb)}
@media(max-width:700px){
 .site-nav{--nav-height:44px;left:16px;right:16px;top:calc(env(safe-area-inset-top,0px) + 12px)}
 .site-brand{width:48px;border-radius:15px}
 .site-brand img,.site-brand::before{width:32px;height:34px}
 .site-nav .cta{font-size:12px;padding:0 17px}
 .menu-toggle{width:44px}
 .nav-actions{gap:7px}
 .site-menu{padding:22px}
 .menu-content{grid-template-columns:1fr;gap:35px;margin:26px 0}
 .menu-links a{font-size:43px}.menu-content aside p{font-size:25px;margin-bottom:18px}
 .menu-bottom{font-size:10px;flex-wrap:wrap}
 .role-dialog{padding:64px 18px 24px;border-radius:24px}
 .role-dialog>header{padding:0}
 .role-options{grid-template-columns:1fr;gap:24px}
 .role-options .access-card{flex:initial;width:100%;padding-bottom:20px}
 .role-options .access-art{height:185px}
 .role-options .access-copy{padding:8px}
 .info-page{padding:130px 22px 55px}
 .info-hero{grid-template-columns:1fr;gap:20px}
 .info-hero img{height:260px}
 .info-grid{grid-template-columns:1fr;margin-top:30px}
}
@media(prefers-color-scheme:dark){
 .role-dialog{background:#1c2028;color:#f2f4fa}
 .role-dialog .eyebrow{color:#a5b7ff}
 .role-options .access-art{background:radial-gradient(ellipse,#31477866,transparent 72%)}
 .role-dialog h2 span{color:#a5b7ff}
 .role-dialog>header>p:last-child,.role-options .access-copy>p:not(.access-label){color:#b5bfce}
 .role-options h3{color:#f2f4fa}
 .role-dialog>.overlay-close{background:#30394b;color:#f2f4fa;border-color:#4c5973}
 .secondary-page{background-color:#17191d;color:#f2f4fa}
 .info-hero p:not(.eyebrow),.info-grid p{color:#b5bfce}
 .info-grid article{background:#222731;border-color:#343e50}
 .info-number,.info-back{color:#a5b7ff}
}
@media(min-width:701px) and (max-height:800px){
 .role-dialog{padding:26px 32px}
 .role-options{margin-top:12px}
 .role-options .access-art{height:155px}
 .role-options h3{font-size:24px}
 .role-options .access-copy>p:not(.access-label){margin:10px auto 14px}
}
@media(prefers-reduced-motion:reduce){.menu-links a,.site-nav :is(.site-brand,.cta,.menu-toggle){transition:none}.menu-links a:hover,.site-nav :is(.site-brand,.cta,.menu-toggle):hover{transform:none}}