@font-face{font-family:Yuein Sans;src:url('assets/fonts/yuein-sc-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Yuein Sans;src:url('assets/fonts/yuein-sc-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
:root{font-family:Barlow,"Yuein Sans","PingFang SC","Microsoft YaHei",sans-serif;color:#edf2f1;background:#060b0e;color-scheme:dark;--accent:#e4efec;--signal:211,226,230;--gutter:clamp(28px,5.6vw,112px)}
*{box-sizing:border-box}html,body{margin:0;min-width:280px;width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #d6e5df;outline-offset:6px}::selection{background:#dcebe4;color:#12201c}
.landing-shell{height:100svh;position:relative;overflow:hidden;background:#071016;display:flex;flex-direction:column;padding:0 var(--gutter);isolation:isolate}
/* The live scene and driver retain their established rendering. */
.artwork{position:absolute;inset:-2%;z-index:-3;overflow:hidden;pointer-events:none}.artwork img{width:100%;height:100%;object-fit:cover;object-position:60% center;opacity:.57;transform:scale(1.03);will-change:transform}
.art-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#040c13ed 0%,#040c138c 37%,#040c130a 66%),linear-gradient(0deg,#060e14e8 0%,#06101c20 42%,#050e1a1a 70%,#060d17a0)}
.art-shade:after{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at var(--spot-x,70%) var(--spot-y,40%),rgba(var(--signal),.11),transparent 70%);opacity:.65}
.landing-header{height:132px;flex:none;position:relative;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:24px}
.identity{display:flex;align-items:center;width:fit-content}.identity-copy{display:flex;flex-direction:column}.wordmark{white-space:nowrap;line-height:1;font-weight:500}.wordmark>span{font-weight:500}.company-name{white-space:nowrap}
.header-right{display:flex;align-items:center;gap:32px}.about-link{display:flex;align-items:center;gap:16px;font-size:13px;font-weight:500;letter-spacing:.12em;padding:12px 0;color:#bdcace;transition:color .2s}.about-link span{font-size:19px;letter-spacing:0}.about-link:hover{color:#fff}
.motion-control{border:1px solid #d5eeea24;border-radius:50%;width:36px;height:36px;background:transparent;color:#c6d6d7;display:grid;place-items:center;cursor:pointer;transition:border-color .2s,background .2s}.motion-control:hover{border-color:#d5eeea77;background:#c6d6d70b}.motion-bars{height:16px;display:flex;align-items:center;gap:3px}.motion-bars i{width:1.5px;background:currentColor;display:block;border-radius:2px;height:7px}.motion-bars i:nth-child(2){height:14px}.motion-bars i:nth-child(3){height:10px}.motion-bars i:nth-child(4){height:6px}.motion-control[aria-pressed=true] .motion-bars i{height:8px}
.landing-main{position:relative;display:flex;align-items:center;flex:1;min-height:0}.hero-copy{position:relative;z-index:2;pointer-events:none;align-self:center;margin-top:28px;width:fit-content;max-width:60%}
.hero-copy h1{display:flex;align-items:baseline;margin:0;font-family:"Yuein Sans","PingFang SC","Microsoft YaHei",sans-serif;font-size:clamp(32px,3.18vw,60px);font-weight:500;line-height:1.4;letter-spacing:-.035em;color:#f0f3f1;text-shadow:0 2px 32px #0003;white-space:nowrap}
.hero-line{display:block}.hero-comma{display:inline-block;margin-right:.04em}.hero-subtitle{font-family:"Yuein Sans","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;font-weight:400;line-height:1.8;letter-spacing:.055em;margin:25px 0 0;color:#bbc8cd;text-shadow:0 2px 18px #030b15}
.speaker-stage{position:absolute;right:-1%;top:47%;width:min(53vw,69svh,780px);aspect-ratio:1;transform:translateY(-50%);z-index:1;pointer-events:none;perspective:1400px}.speaker-rig,.speaker-body{position:absolute;inset:0;transform-style:preserve-3d}.speaker-rig{transform:rotateX(-2deg) rotateY(-18deg) rotateZ(-1deg);will-change:transform}.speaker-body{transform:scaleX(-1);filter:drop-shadow(0 32px 33px #0009)}.speaker-image{display:block;width:100%;height:100%;object-fit:contain}.speaker-aura{position:absolute;inset:1%;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--signal),.06) 42%,rgba(var(--signal),.23) 56%,transparent 72%);filter:blur(28px);opacity:.55;transform:scale(1.03);transition:background .4s;will-change:transform,opacity}.speaker-surface{position:absolute;inset:0;width:100%;height:100%;opacity:0}.speaker-body.is-rendered>.speaker-image{visibility:hidden}.speaker-body.is-rendered .speaker-surface{opacity:1}#acoustic-center{position:absolute;left:50%;top:50%;width:0;height:0}
/* A single navigation rail keeps all four entrances on the same reading line. */
.landing-bottom{flex:none;position:relative;z-index:6;padding-top:28px}.portal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #d4e6e52e;padding-top:12px}
.portal-slot{position:relative;display:flex;min-width:0;perspective:1000px;padding:0 18px}.portal-slot:first-child{padding-left:0}.portal-slot:last-child{padding-right:0}.portal-slot:first-child .portal-card{padding-left:0}.portal-slot:first-child .portal-card:after{left:0}.portal-slot:last-child .portal-card{padding-right:0}.portal-slot+.portal-slot:before{content:"";position:absolute;left:0;top:24px;width:1px;height:18px;background:#d4e6e52e}
.portal-card{--card-rgb:98,223,178;--card-ink:211,226,230;--lift:0px;--tilt-x:0deg;--tilt-y:0deg;--slide:0px;--card-scale:1;position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:68px;padding:12px 14px;border:0;border-radius:9px;background:transparent;color:#cdd7d9;text-align:left;cursor:pointer;touch-action:manipulation;isolation:isolate;overflow:hidden;transform:translate3d(var(--slide),var(--lift),0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(var(--card-scale));transition:color .2s,background .16s,box-shadow .16s;will-change:transform}
.portal-card[data-portal="software"]{--card-rgb:105,186,255}.portal-card[data-portal="support"]{--card-rgb:183,154,255}.portal-card[data-portal="stories"]{--card-rgb:243,186,110}
.portal-card:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(140px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(var(--card-ink),.10),transparent 85%);opacity:0;transition:opacity .2s;pointer-events:none}
.portal-card:after{content:"";position:absolute;bottom:5px;left:14px;right:14px;height:1px;background:rgb(var(--card-ink));opacity:0;transform:scaleX(.15);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .25s;pointer-events:none}
.portal-title{font-family:"Yuein Sans","PingFang SC","Microsoft YaHei",sans-serif;font-size:17px;font-weight:400;letter-spacing:.055em;line-height:1.5;transform:translate3d(var(--content-x,0px),var(--content-y,0px),0);transition:transform .15s ease-out}
.portal-arrow{display:grid;place-items:center;width:27px;height:27px;margin-left:20px;color:#8faaaF;transition:transform .3s,color .2s}.portal-arrow svg{width:20px;height:20px}
.portal-card.is-active,.portal-card:focus-visible{color:#fff}.portal-card.is-active:before,.portal-card:focus-visible:before{opacity:1}.portal-card.is-active:after,.portal-card:focus-visible:after{opacity:.65;transform:scaleX(1)}.portal-card.is-active .portal-arrow{transform:translate(3px,-3px);color:#e5eeed}.portal-card.is-pressed{background:#dcebea06}
.portal-card.is-flashing{--card-ink:var(--card-rgb);color:rgb(var(--card-rgb));background:rgba(var(--card-rgb),.12);box-shadow:0 0 28px rgba(var(--card-rgb),.12);transition:none}.portal-card.is-flashing:after{opacity:1;transform:scaleX(1)}.portal-card.is-flashing .portal-arrow{color:rgb(var(--card-rgb));transition:none}
.landing-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;height:70px;font-size:12px;font-weight:400;letter-spacing:.055em;color:#81969e}.landing-footer a{letter-spacing:.02em;transition:color .2s}.landing-footer a:hover{color:#d1dedc}
#atmosphere,#soundwaves{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#atmosphere{z-index:0;opacity:.5}#soundwaves{z-index:4;mix-blend-mode:screen}.transition-veil{position:absolute;inset:0;z-index:9;pointer-events:none;background:#051019;opacity:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1800px){.landing-header{height:150px}.hero-subtitle{font-size:18px;margin-top:30px}.portal-title{font-size:19px}.portal-card{min-height:76px}.landing-footer{height:80px}}
@media(max-width:1100px){.landing-header{height:108px}.header-right{gap:24px}.hero-copy{max-width:65%}.hero-copy h1{font-size:3.4vw}.hero-subtitle{font-size:15px;letter-spacing:.02em}.speaker-stage{right:-7%;width:min(61vw,67svh)}.portal-slot{padding-inline:10px}.portal-card{padding-inline:10px}.portal-title{font-size:16px}.portal-arrow{margin-left:8px}.landing-footer{height:62px}}
@media(max-width:760px){:root{--gutter:28px}.landing-header{height:104px}.header-right{gap:16px}.about-link{display:none}.landing-main{align-items:flex-start}.hero-copy{max-width:100%;margin-top:38px;align-self:flex-start}.hero-copy h1{display:block;font-size:clamp(34px,7.4vw,48px);line-height:1.48;letter-spacing:-.02em}.hero-comma{display:none}.hero-subtitle{font-size:16px;line-height:1.8;letter-spacing:.025em;margin-top:21px}.speaker-stage{top:68%;right:-21%;width:min(73vw,48svh)}.artwork img{object-position:70% center;opacity:.53}.art-shade{background:linear-gradient(110deg,#040c13dd,#040c1360 64%,#040c1315),linear-gradient(0deg,#060e14ed,transparent 65%,#050e1a40)}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:6px;column-gap:24px;row-gap:0}.portal-slot{padding:0!important}.portal-slot+.portal-slot:before{display:none}.portal-slot:nth-child(-n+2){border-bottom:1px solid #d4e6e518}.portal-card{min-height:58px;padding:10px 3px;border-radius:7px}.portal-title{font-size:16px}.portal-card:after{left:3px;right:3px;bottom:3px}.portal-arrow{width:24px;height:24px}.portal-arrow svg{width:18px;height:18px}.landing-bottom{padding-top:20px}.landing-footer{height:66px;gap:6px;flex-direction:column;justify-content:center;align-items:flex-start;line-height:1.5;font-size:12px}.motion-control{width:34px;height:34px}}
@media(max-width:480px){:root{--gutter:24px}.landing-header{height:94px}.hero-copy{margin-top:25px}.hero-copy h1{font-size:clamp(32px,8.5vw,40px);line-height:1.5}.hero-subtitle{font-size:15px;letter-spacing:0;margin-top:19px}.speaker-stage{width:min(72vw,43svh);right:-22%;top:73%}.artwork img{object-position:62% center}.portal-grid{column-gap:22px}.portal-card{min-height:54px}.landing-footer{height:64px}.motion-control{width:32px;height:32px}}
@media(max-width:350px){:root{--gutter:20px}.hero-copy h1{font-size:31px}.hero-subtitle{font-size:14px;letter-spacing:0}.portal-title{font-size:15px}.portal-grid{column-gap:20px}}
@media(max-height:740px) and (min-width:761px){.landing-header{height:94px}.hero-copy{margin-top:12px}.hero-subtitle{margin-top:22px}.speaker-stage{right:-1%;width:min(49vw,65svh)}.portal-card{min-height:58px}.landing-footer{height:52px}.landing-bottom{padding-top:18px}}
@media(max-height:740px) and (max-width:760px){.landing-header{height:84px}.hero-copy{margin-top:22px}.hero-copy h1{font-size:35px;line-height:1.4}.hero-subtitle{margin-top:18px;font-size:14px}.speaker-stage{width:min(75vw,45svh);right:-24%;top:67%}.portal-card{min-height:50px}.landing-footer{height:60px}}
@media(max-height:620px) and (max-width:760px){.landing-header{height:78px}.hero-copy{margin-top:12px}.hero-copy h1{font-size:31px;line-height:1.38}.hero-subtitle{margin-top:15px;font-size:14px}.speaker-stage{width:68vw;right:-32%;top:73%;opacity:.84}.portal-card{min-height:46px}.landing-bottom{padding-top:12px}.landing-footer{height:56px}}
@media(max-height:500px) and (min-width:650px){:root{--gutter:28px}.landing-header{height:66px}.header-right{gap:20px}.about-link{display:flex}.landing-main{align-items:center}.hero-copy{margin-top:0;max-width:66%}.hero-copy h1{display:flex;font-size:clamp(24px,3.6vw,34px);line-height:1.4}.hero-comma{display:inline-block}.hero-subtitle{font-size:14px;margin-top:14px}.speaker-stage{width:58svh;top:47%;right:3%}.portal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-top:5px}.portal-slot:nth-child(-n+2){border-bottom:0}.portal-card{min-height:42px;padding:8px 3px}.portal-title{font-size:14px}.portal-arrow{width:18px}.portal-arrow svg{width:17px;height:17px}.landing-bottom{padding-top:8px}.landing-footer{height:34px;flex-direction:row;align-items:center}.motion-control{height:30px;width:30px}}
.motion-paused .portal-card{transition:none;--lift:0px!important;--tilt-x:0deg!important;--tilt-y:0deg!important;--slide:0px!important;--card-scale:1!important;will-change:auto}.motion-paused .portal-title,.motion-paused .portal-arrow{transform:none!important;transition:none}.motion-paused .speaker-rig{will-change:auto}
@supports(overflow:clip){.landing-shell{overflow:clip}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.artwork img{will-change:auto}}