@font-face{font-family:Aeonik-Regular;font-style:normal;font-weight:400;font-display:swap;src:url(/gate-brand-guidelines/fonts/Aeonik-Regular.woff2) format("woff2"),url(/gate-brand-guidelines/fonts/Aeonik-Regular.ttf) format("truetype")}@font-face{font-family:Aeonik-Medium;font-style:normal;font-weight:500;font-display:swap;src:url(/gate-brand-guidelines/fonts/Aeonik-Medium.ttf) format("truetype")}@font-face{font-family:Aeonik-Light;font-style:normal;font-weight:300;font-display:swap;src:url(/gate-brand-guidelines/fonts/Aeonik-Light.ttf) format("truetype")}@font-face{font-family:Aeonik-Bold;font-style:normal;font-weight:700;font-display:swap;src:url(/gate-brand-guidelines/fonts/Aeonik-Bold.ttf) format("truetype")}@font-face{font-family:Aeonik-Black;font-style:normal;font-weight:900;font-display:swap;src:url(/gate-brand-guidelines/fonts/Aeonik-Black.ttf) format("truetype")}@font-face{font-family:Parabole;font-style:normal;font-weight:700;font-display:swap;src:url(/gate-brand-guidelines/fonts/parabole-variabledisplay.woff2) format("woff2")}@font-face{font-family:Headlines;font-style:normal;font-weight:100 900;font-display:swap;src:url(/gate-brand-guidelines/fonts/Headlines.ttf) format("truetype")}@font-face{font-family:Headlines-Medium;font-style:normal;font-weight:500;font-display:swap;src:url(/gate-brand-guidelines/fonts/Headlines-Medium.otf) format("opentype")}*{box-sizing:border-box}body,html{height:100%}body{margin:0;line-height:var(--line-height);color:var(--color-text-base);background:var(--page-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.content-area,.header-bar,.header-col,.nav-button,.nav-button .label,.nav-list,.side-nav,body,h1,h2,h3,h4,h5,h6{font-family:var(--font-family-base)}a{color:inherit;text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}ul{list-style:none;padding:0;margin:0}.text-20{font-size:var(--size-20);line-height:var(--line-height)}.text-20,.text-40{color:var(--color-text-strong);margin:0}.text-40{font-size:var(--size-40);line-height:1.2}.text-70{font-size:var(--size-70);line-height:1.1;color:var(--color-text-strong);margin:0}.text-gray{color:var(--color-text-gray)}.z1{font-family:"Aeonik-Light",var(--font-family-base);font-weight:300;font-size:clamp(32px,4vw,50px);line-height:1.12;color:#111}.z2{font-size:clamp(24px,2.5vw,32px);line-height:1.2}.z2,.z3{font-family:"Aeonik-Regular",var(--font-family-base);font-weight:400;color:#111}.z3,.z4{font-size:1rem;line-height:1.6}.z4{font-family:"Aeonik-Regular",var(--font-family-base);font-weight:400;color:#b2b2b2}.z5{font-family:"Headlines",var(--font-family-base);font-weight:100;font-variation-settings:"wght" 100;font-size:clamp(80px,15vw,200px);line-height:.8;color:#000}.lh-display{line-height:var(--line-height-display)}:root{--font-family-base:"Aeonik-Regular",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif;--line-height:1.5;--line-height-display:1.1;--size-20:clamp(1rem,1.5vw,1.25rem);--size-40:clamp(1.5rem,3vw,2.5rem);--size-70:clamp(2.5rem,5vw,4.375rem);--color-text-base:#222;--color-text-strong:#111;--color-text-gray:#b2b2b2;--page-bg:#f4f4f4;--hairline:#d5d5d5;--container-max:1440px;--header-height:80px;--nav-wide:240px;--nav-narrow:80px;--gutter:clamp(16px,4vw,32px);--content-gap:clamp(16px,2vw,24px);--content-max-width:1000px}.hairline-right{border-right:1px solid var(--hairline)}.hairline-bottom{border-bottom:1px solid var(--hairline)}.hairline-top{border-top:1px solid var(--hairline)}.hairline{width:100%;height:1px;background:var(--hairline)}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.hairline-right{border-right-width:.5px}.hairline-bottom{border-bottom-width:.5px}.hairline-top{border-top-width:.5px}}.app-shell{width:100%;position:relative}.mobile-menu{display:none}.white-split-active .app-shell{background-image:linear-gradient(var(--page-bg) 0,var(--page-bg) var(--white-start),#fff var(--white-start),#fff 100%)}.white-split-active .side-nav{background:transparent;position:-webkit-sticky;position:sticky;top:40px;z-index:70}.blue-split-active .app-shell{background-image:linear-gradient(var(--page-bg) 0,var(--page-bg) var(--blue-start),#05f var(--blue-start),#05f 100%)}.white-split-active.blue-split-active .app-shell{background-image:linear-gradient(var(--page-bg) 0,var(--page-bg) var(--white-start),#fff var(--white-start),#fff var(--blue-start),#05f var(--blue-start),#05f 100%)}.blue-split-active .side-nav{background:transparent;position:-webkit-sticky;position:sticky;top:40px;z-index:70}.blue-split-active .app-shell:before{content:"";position:fixed;top:calc(var(--blue-start) - var(--scroll-y));left:0;right:0;bottom:0;background:#05f;pointer-events:none;z-index:60}.blue-split-active .content-area{position:relative;z-index:70}.social-split-active .app-shell{background-image:linear-gradient(var(--page-bg) 0,var(--page-bg) var(--blue-start),#040404 var(--blue-start),#040404 var(--bottom-blue-start),#05f var(--bottom-blue-start),#05f 100%)}.social-split-active .side-nav{background:transparent;position:-webkit-sticky;position:sticky;top:40px;z-index:70}.social-split-active .app-shell:before{content:"";position:fixed;top:calc(var(--blue-start) - var(--scroll-y) - 40px);left:0;right:0;bottom:0;background:linear-gradient(to bottom,#040404 calc(var(--bottom-blue-start) - var(--blue-start) + 40px),#05f calc(var(--bottom-blue-start) - var(--blue-start) + 40px));pointer-events:none;z-index:75}.social-split-active .content-area{position:relative;z-index:75}.black-split-active .app-shell:after{content:"";position:fixed;top:calc(var(--black-start) - var(--scroll-y));left:0;right:0;height:calc(var(--blue-start) - var(--black-start));background:#000;pointer-events:none;z-index:65}.black-split-active .side-nav{background:transparent;position:-webkit-sticky;position:sticky;top:40px;z-index:70}.black-split-active .content-area{position:relative;z-index:70}.header-bar{height:var(--header-height);background:#f4f4f4;z-index:1001;width:100%}.header-grid{width:100%;max-width:var(--container-max);margin:0 auto;height:100%;display:grid;transition:grid-template-columns .3s ease,width .3s ease}.header-col{display:flex;align-items:center;gap:12px;padding:0 16px;height:100%}.header-left{position:relative}.header-left,.logo{justify-content:center}.logo{font-weight:600;display:flex;align-items:center}.logo img{display:block;max-width:100%}.hamburger-btn{display:none;border:none;background:transparent;font-size:24px;cursor:pointer;padding:4px}.main-grid{width:100%;max-width:var(--container-max);margin:0 auto;display:grid;align-items:start;transition:grid-template-columns .3s ease,width .3s ease,column-gap .3s ease}.side-nav{padding:16px;background:#f4f4f4;display:flex;flex-direction:column;min-height:calc(100vh - 40px);position:-webkit-sticky;position:sticky;top:40px;align-self:start;transition:width .3s ease,padding .3s ease,transform .3s ease,opacity .3s ease;overflow-y:auto;max-height:calc(100vh - 40px)}.hide-side-nav .side-nav{opacity:0;pointer-events:none}.nav-list{display:flex;flex-direction:column;gap:12px;width:100%}.nav-item{margin:0;width:100%}.nav-button{display:flex;align-items:center;width:140px;height:40px;border-radius:6px;background:transparent;padding-left:12px;text-decoration:none;cursor:pointer;transition:background .2s ease,padding .2s ease}.nav-button:hover{background:#eaeaea}.nav-button.router-link-active{background:#fff}.nav-button .label{font-size:16px;color:#b2b2b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-button.router-link-active .label{color:#111}.nav-button .icon{display:none;width:20px;height:20px;flex-shrink:0}.nav-bottom{margin-top:auto;display:flex;justify-content:center;padding-top:16px}.download-btn{border:none;background:transparent;cursor:pointer;font-size:18px;opacity:.6;transition:opacity .2s}.download-btn:hover{opacity:1}.content-area{padding:var(--gutter) 0;width:100%;min-width:0;word-wrap:break-word;overflow-wrap:anywhere}.content-area img{max-width:100%;height:auto}.page h1{margin:0 0 1.5rem;font-size:clamp(1.5rem,2.5vw,2rem)}.page p{margin:0;color:var(--color-text-base);line-height:var(--line-height)}.g1{height:clamp(60px,8vw,120px)}.g2{height:clamp(40px,6vw,80px)}.g3{height:clamp(20px,3vw,40px)}.g4{height:20px}@media (min-width:1800px){.header-grid{grid-template-columns:var(--nav-wide) 1fr}.header-left{position:static}.main-grid{grid-template-columns:var(--nav-wide) minmax(0,1fr);column-gap:var(--content-gap)}.content-area{max-width:var(--content-max-width)}}@media (min-width:1500px) and (max-width:1799px){.header-grid{grid-template-columns:var(--nav-wide) 1fr}.main-grid{grid-template-columns:var(--nav-wide) minmax(0,1fr);column-gap:var(--content-gap)}.content-area{max-width:var(--content-max-width)}}@media (min-width:1280px) and (max-width:1499px){.header-grid{grid-template-columns:var(--nav-wide) 1fr}.header-right{display:none}.header-center.hairline-right{border-right:none}.main-grid{grid-template-columns:var(--nav-wide) minmax(0,1fr);column-gap:var(--content-gap)}}@media (min-width:1024px) and (max-width:1279px){.header-grid{grid-template-columns:var(--nav-narrow) 1fr}.header-right{display:none}.header-center.hairline-right{border-right:1px solid var(--hairline)}.main-grid{grid-template-columns:var(--nav-narrow) minmax(0,1fr);column-gap:var(--content-gap)}.side-nav{width:var(--nav-narrow);padding:16px 8px}.nav-button{justify-content:center;padding:0;width:50px;margin:0 auto}.nav-button .label{display:none}.nav-button .icon{display:block}}@media (min-width:768px) and (max-width:1023px){.header-grid{grid-template-columns:var(--nav-narrow) 1fr}.header-right{display:none}.main-grid{grid-template-columns:var(--nav-narrow) minmax(0,1fr);column-gap:var(--content-gap)}.side-nav{width:var(--nav-narrow);padding:16px 8px}.nav-button{justify-content:center;padding:0;width:50px;margin:0 auto}.nav-button .label{display:none}.nav-button .icon{display:block}}@media (max-width:767px){.header-grid{display:flex;justify-content:space-between;padding:0}.header-col{padding:0 12px}.header-left{width:auto;border:none}.header-center{flex:1 1;border:none;justify-content:flex-end}.header-right{display:none}.logo{width:auto}.hamburger-btn{display:block;margin-right:12px}.side-nav{display:none}.main-grid{display:block;width:100%}.content-area{padding:var(--gutter);max-width:100%}.mobile-menu{display:block;position:fixed;top:var(--header-height);left:0;right:0;background:hsla(0,0%,96%,.95);border-top:1px solid var(--hairline);padding:16px;z-index:10001;max-height:calc(100vh - var(--header-height));overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s;pointer-events:none}.mobile-menu.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.mobile-menu-list{display:flex;flex-direction:column;gap:12px}.mobile-menu-list a{font-size:18px;padding:8px 0;display:block;border-bottom:1px solid rgba(0,0,0,.05)}.menu-download{width:100%;padding:12px;margin-top:8px;background:#111;color:#fff;border-radius:6px;border:none}}@media (max-width:374px){.logo img{height:24px;width:auto}:root{--gutter:12px}.z1{font-size:32px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.logo{border-right-width:.5px;border-bottom-width:.5px}.mobile-menu{border-top-width:.5px}}:root{--reveal-duration:500ms;--reveal-delay:0ms;--reveal-distance:50px;--reveal-easing:ease-out}.lazy-reveal{opacity:0;will-change:opacity,transform;transition:opacity var(--reveal-duration) var(--reveal-easing) var(--reveal-delay),transform var(--reveal-duration) var(--reveal-easing) var(--reveal-delay)}.lazy-reveal.reveal-up{transform:translateY(var(--reveal-distance))}.lazy-reveal.reveal-down{transform:translateY(calc(var(--reveal-distance) * -1))}.lazy-reveal.reveal-left{transform:translateX(var(--reveal-distance))}.lazy-reveal.reveal-right{transform:translateX(calc(var(--reveal-distance) * -1))}.lazy-reveal.reveal-scale{transform:scale(1.2,1.5)}.lazy-reveal.is-visible{opacity:1;transform:translate(0) scale(1)}@media (prefers-reduced-motion:reduce){.lazy-reveal{transition:none!important;opacity:1!important;transform:none!important;animation:none!important}}.header-bar{position:relative}.header-layer{position:absolute;top:0;left:0;width:100%;height:100%}.base-layer{z-index:1}.overlay-layer{z-index:10;background-color:#05f;pointer-events:none;opacity:0;will-change:clip-path,opacity;color:#fff}.overlay-layer .hamburger-btn{color:#fff;border-color:hsla(0,0%,100%,.3)}.overlay-layer .brand-title{color:#fff!important}.overlay-layer .logo-svg{filter:brightness(0) invert(1)}.overlay-layer .hairline-bottom:after,.overlay-layer .hairline-right:after{display:none!important;opacity:0!important;background-color:transparent!important;border:none!important;content:none!important}.overlay-layer .hairline-right{border-right:none!important}.header-left{justify-content:flex-start!important}.logo-wrapper{position:relative;width:150px;height:35px;display:flex;align-items:center;justify-content:center}.logo-svg,.logo-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .2s ease}.logo-svg{opacity:1;z-index:2}.logo-svg.is-hidden{opacity:0}.logo-video{opacity:0;z-index:1;mix-blend-mode:screen}.logo-video.is-visible{opacity:1}.header-center{padding-left:0!important;padding-right:0!important}.header-center-content{display:flex;align-items:center;gap:20px;margin-left:var(--content-gap);width:calc(100% - var(--content-gap));max-width:var(--content-max-width);justify-content:flex-end;margin-right:0;padding-right:20px}.brand-title{white-space:nowrap;font-family:"Aeonik-Medium",var(--font-family-base);font-weight:500}.group-button{width:100%;justify-content:flex-start;border:none;padding-right:12px;display:flex;align-items:center;position:relative}.sub-nav-list{overflow:hidden}.sub-nav-button{padding-left:24px}.triangle{position:absolute;left:0;top:50%;width:8px;height:8px;transition:transform .3s;opacity:1;transform:translateY(-50%) rotate(-90deg);flex-shrink:0}.triangle.rotated{transform:translateY(-50%) rotate(0deg)}.sub-nav-list{transition:max-height .3s ease,opacity .3s ease;max-height:500px;opacity:1}.sub-nav-list.collapsed{max-height:0;opacity:0}@media (min-width:1024px) and (max-width:1279px){.group-button .label,.group-button .triangle{display:none}.group-button{justify-content:center;padding:0}.sub-nav-button{padding-left:0}}