/* Coceyo navigation: an airy introduction, a quiet anchored surface on scroll. */
.header-announcement{height:36px;display:flex;align-items:center;justify-content:center;background:#eeeaf4;color:#574267;padding:0 20px}.header-announcement a{display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;line-height:1.3;text-align:center}.announcement-dot{width:5px;height:5px;border-radius:50%;background:#8e65ad;flex:none}.header-announcement a>span:last-child{margin-inline-start:5px}.site-header{height:78px;min-height:78px;padding:0 40px;background:#f8f9fae8;border-bottom:1px solid transparent;transition:background .4s,border-color .4s,box-shadow .4s;backdrop-filter:blur(20px);color:#2c2238}.site-header .header-inner{max-width:1280px;height:100%;gap:40px}.site-header .official-logo{width:116px;height:32px;transition:filter .35s}.site-header nav{gap:12px;height:100%;align-items:center;justify-content:center;flex:1;font-size:12px}.site-header nav .nav-direct,.nav-trigger{display:flex;align-items:center;gap:7px;color:inherit;background:none;border:0;padding:16px 12px;min-height:44px;font-weight:500;line-height:1.3;font-family:inherit;font-size:12px;cursor:pointer;text-decoration:none;white-space:nowrap}.nav-trigger svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.2;transition:transform .25s;opacity:.6}.nav-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.nav-group{height:100%;display:flex;align-items:center;position:relative}.nav-panel{position:absolute;top:calc(100% - 4px);inset-inline-start:0;width:280px;padding:24px;border:1px solid #e6e0eb;border-radius:0 0 20px 20px;background:#faf9fc;box-shadow:0 25px 40px -20px #20112f30;opacity:0;visibility:hidden;transform:translateY(-7px);transition:opacity .22s,transform .3s;color:#2c2238}.nav-group.is-open .nav-panel{opacity:1;visibility:visible;transform:translateY(0)}.nav-panel>p{font-size:10px;color:#82738f;margin:0 0 12px}.site-header .nav-panel a{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:44px;font-size:15px;line-height:1.3;padding:12px 0;color:#362642;letter-spacing:-.025em;transition:color .2s}.site-header .nav-panel a>span:last-child{font-size:12px;opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s}.site-header .nav-panel a:hover,.site-header .nav-panel a:focus-visible{color:#8a4fb1;text-decoration:none}.site-header .nav-panel a:hover>span:last-child,.site-header .nav-panel a:focus-visible>span:last-child{opacity:1;transform:none}.site-header .actions{gap:19px;flex-shrink:0}.site-header .language select{color:inherit;border:0;background:transparent;font-size:11px;cursor:pointer}.site-header .language option{color:#2c2238;background:#f8f9fa}.site-header .actions>.button.small{min-height:37px;padding:11px 20px;background:#24105b;color:#fff;border:1px solid transparent;font-size:11px;gap:14px;transition:background .3s,transform .2s}.site-header .actions>.button:hover{background:#49287e;transform:translateY(-1px)}.site-header.is-scrolled{background:#171220f5;color:#f3eff8;border-color:#ffffff0b;box-shadow:0 4px 18px #11091c0a}.site-header .brand{position:relative}.site-header .brand .logo-on-dark{position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:0;pointer-events:none}.site-header .brand .official-logo{transition:opacity .35s}.site-header.is-scrolled .brand .official-logo:not(.logo-on-dark){opacity:0}.site-header.is-scrolled .brand .logo-on-dark{opacity:1}[dir=rtl] .site-header .brand .logo-on-dark{left:auto;right:0}@media(prefers-reduced-motion:reduce){.site-header .brand .official-logo{transition:none}}.site-header.is-scrolled .nav-trigger,.site-header.is-scrolled nav .nav-direct{color:#e4deed}.site-header.is-scrolled .actions>.button.small{background:#ede5f5;color:#281a3e}.site-header.is-scrolled .menu-toggle span{background:#f0e9f5}.site-header.is-scrolled .nav-panel{background:#21192d;border-color:#382d46;color:#eee5f5}.site-header.is-scrolled .nav-panel a{color:#eee5f5}.site-header.is-scrolled .nav-panel>p{color:#ac9bbd}.site-header.is-scrolled .nav-panel a:hover{color:#d9b6ef}.site-header .menu-toggle{min-width:44px}.site-header a:focus-visible,.site-header button:focus-visible{outline-offset:3px}
@media(max-width:1050px){.site-header{padding:0 26px}.site-header .header-inner{gap:24px}.site-header nav{gap:0}.site-header .actions{gap:12px}.nav-trigger,.site-header nav .nav-direct{padding-inline:10px}}
@media(max-width:1100px){.header-announcement{height:34px}.header-announcement a{font-size:10px}.site-header{height:66px;min-height:66px;padding:0 20px}.site-header .official-logo{width:105px;height:30px}.site-header .header-inner{gap:12px}.site-header .actions{margin-inline-start:auto;gap:10px}.site-header .menu-toggle{display:block}.site-header nav{display:none;position:absolute;inset:66px 0 auto;height:auto;max-height:calc(100dvh - 66px);overflow-y:auto;padding:18px 28px 30px;background:#f8f9fa;flex:none;align-items:stretch;border-bottom:1px solid #e3dce9;box-shadow:0 20px 30px #21122c0a}.site-header.menu-open nav{display:flex;flex-direction:column;gap:0;background:#f8f9fa}.nav-group{height:auto;display:block;border-bottom:1px solid #e5dfeb}.nav-trigger,.site-header nav .nav-direct{font-size:24px;letter-spacing:-.04em;padding:19px 0;width:100%;justify-content:space-between}.nav-trigger svg{width:14px;height:14px}.nav-panel{position:static;width:100%;display:none;transform:none;border:0;border-radius:0;box-shadow:none;padding:0 0 17px;background:transparent!important}.nav-group.is-open .nav-panel{display:block}.nav-panel>p{display:none}.site-header .nav-panel a{font-size:16px;padding:13px 12px;letter-spacing:-.02em}.site-header .nav-panel a>span:last-child{opacity:.4;transform:none}.site-header.is-scrolled.menu-open nav{background:#171220;border-color:#382d46}.site-header.is-scrolled .nav-group{border-color:#382d46}.site-header .actions>.button.small{display:inline-flex;min-height:34px;padding:9px 14px;font-size:10px;max-width:140px}.site-header .language select{min-width:50px;width:58px;max-width:70px}.site-header .actions>.button span{display:none}}
@media(max-width:390px){.site-header{padding-inline:16px}.site-header .official-logo{width:92px}.site-header .actions{gap:4px}.site-header .actions>.button.small{padding-inline:11px;max-width:100px}.site-header .header-inner{gap:5px}}
@media(prefers-reduced-motion:reduce){.site-header,.site-header *{transition:none!important}}
.site-header .brand .official-logo{width:116px;height:32px}.nav-mobile-join{display:none!important}@media(max-width:1100px){.site-header .brand .official-logo{width:105px;height:30px}}@media(max-width:390px){.site-header .brand .official-logo{width:92px}}@media(max-width:360px){.site-header .actions>.button.small{display:none}.site-header nav .nav-mobile-join{display:block!important;font-size:16px;padding:18px 0;color:#7949a2}.site-header.is-scrolled nav .nav-mobile-join{color:#ddc3ef}}
/* Full-bleed navigation surface, including ultra-wide viewports. */
header.site-header{width:100%;max-width:none;margin:0;padding-inline:clamp(20px,3.2vw,64px)}.site-header .header-inner{width:100%;max-width:none}.header-announcement{width:100%;max-width:none;margin:0}@media(max-width:1100px){header.site-header{padding-inline:20px}}@media(max-width:390px){header.site-header{padding-inline:16px}}
/* Top announcement bar container (the scrolling call to action is styled in priority.css). */
.header-announcement{position:relative;height:42px;background:#0a0a0c;color:#fff;overflow:hidden;border-bottom:1px solid #ffffff1f;isolation:isolate}
