.site-header{position:fixed;top:1.25rem;left:50%;transform:translate(-50%) translateY(-12px);z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:calc(100% - 2.5rem);max-width:1100px;padding:.6rem .6rem .6rem 1.5rem;background:#14141e73;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:999px;box-shadow:0 12px 40px #00000059,0 1px #ffffff0a inset;opacity:0;animation:headerEntrance .9s var(--ease-out) .4s forwards;transition:background .3s ease,transform .3s ease,box-shadow .3s ease}@keyframes headerEntrance{to{opacity:1;transform:translate(-50%) translateY(0)}}.site-header.scrolled{background:#0a0a12d9;box-shadow:0 16px 48px #00000080}.header-logo{display:inline-flex;align-items:center;color:var(--color-text);flex-shrink:0}.header-logo-img{--logo-color: #ffffff;display:block;width:100px;height:32px;background-color:var(--logo-color);-webkit-mask:var(--logo-url) left center / contain no-repeat;mask:var(--logo-url) left center / contain no-repeat;transition:background-color .25s ease,transform .25s ease}.header-logo:hover .header-logo-img{--logo-color: var(--color-primary-light);transform:scale(1.04)}.header-menu-trigger{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;touch-action:manipulation;padding:.5rem .5rem .5rem 1.25rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:var(--color-text);font-weight:500;font-size:.9rem;letter-spacing:.02em;transition:background .2s ease,border-color .2s ease}.header-menu-trigger:hover{background:#818cf81f;border-color:#818cf84d}.header-menu-trigger-text{line-height:1}.header-menu-trigger-icon{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:50%;gap:4px}.header-menu-trigger-icon span{display:block;width:14px;height:1.5px;background:#fff;border-radius:2px;transition:transform .3s ease}.header-menu-trigger:hover .header-menu-trigger-icon span:nth-child(1){transform:translate(2px)}.header-menu-trigger:hover .header-menu-trigger-icon span:nth-child(2){transform:translate(-2px)}@media(max-width:600px){.site-header{width:calc(100% - 1.5rem);padding-left:1rem;top:.75rem}.header-menu-trigger-text{display:none}.header-menu-trigger{padding:.4rem}.header-logo-img{width:80px;height:26px}}.menu-overlay{position:fixed;inset:0;z-index:200;pointer-events:none;visibility:hidden}.menu-overlay.is-open{visibility:visible;pointer-events:auto}.menu-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at top left,rgba(99,102,241,.25),transparent 50%),radial-gradient(ellipse at bottom right,rgba(192,132,252,.2),transparent 50%),#080810f7;opacity:0;transition:opacity .3s var(--ease-out)}.menu-overlay.is-open .menu-backdrop{opacity:1}.menu-close{position:absolute;top:2rem;right:2rem;width:56px;height:56px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:50%;cursor:pointer;z-index:2;opacity:0;transform:scale(.8) rotate(-90deg);transition:opacity .3s ease .1s,transform .3s var(--ease-out) .1s,background .2s ease}.menu-overlay.is-open .menu-close{opacity:1;transform:scale(1) rotate(0)}.menu-close:hover{background:#818cf82e;border-color:#818cf866}.menu-close span{position:absolute;top:50%;left:50%;width:22px;height:1.5px;background:#fff;border-radius:2px}.menu-close span:nth-child(1){transform:translate(-50%,-50%) rotate(45deg)}.menu-close span:nth-child(2){transform:translate(-50%,-50%) rotate(-45deg)}.menu-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(4.5rem,9vh,6rem) 2.5rem clamp(1.5rem,4vh,3rem);max-width:1400px;margin:0 auto}.menu-nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(.1rem,.6vh,.5rem)}.menu-nav li{overflow:hidden;padding-bottom:.25rem}.menu-nav a{display:flex;align-items:baseline;gap:clamp(.75rem,2vw,1.5rem);font-family:var(--font-display);font-size:clamp(1.75rem,min(7vw,6.8vh),4.75rem);font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--color-text);padding:clamp(.15rem,.6vh,.5rem) 0 calc(clamp(.15rem,.6vh,.5rem) + .1em);transform:translateY(110%);transition:transform .5s var(--ease-out),color .3s ease;position:relative}.menu-overlay.is-open .menu-nav li:nth-child(1) a{transition-delay:.05s}.menu-overlay.is-open .menu-nav li:nth-child(2) a{transition-delay:.09s}.menu-overlay.is-open .menu-nav li:nth-child(3) a{transition-delay:.13s}.menu-overlay.is-open .menu-nav li:nth-child(4) a{transition-delay:.17s}.menu-overlay.is-open .menu-nav li:nth-child(5) a{transition-delay:.21s}.menu-overlay.is-open .menu-nav a{transform:translateY(0)}.menu-link-number{font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--color-text-muted);letter-spacing:.1em;align-self:flex-start;padding-top:.5rem;font-feature-settings:"tnum"}.menu-link-label{display:inline-block;color:var(--color-text);transition:color .3s ease;padding-bottom:.22em;margin-bottom:-.22em}@media(hover:hover)and (pointer:fine){.menu-nav a:hover .menu-link-label{background-image:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-accent-violet) 50%,var(--color-accent-pink) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}}.menu-footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding-top:2rem;border-top:1px solid var(--color-border);opacity:0;transform:translateY(20px);transition:opacity .35s ease .25s,transform .35s var(--ease-out) .25s}.menu-overlay.is-open .menu-footer{opacity:1;transform:translateY(0)}.menu-footer-block{display:flex;flex-direction:column;gap:.25rem}.menu-footer-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted)}.menu-footer a,.menu-footer span{color:var(--color-text);font-weight:500;font-size:1rem}.menu-footer a:hover{color:var(--color-primary-light)}@media(max-width:600px){.menu-content{padding:5rem 1.5rem 2rem}.menu-close{top:1rem;right:1rem;width:48px;height:48px}}