:root{color-scheme:dark;--paper:#eeeae2;--muted:#a4a3a8}*{box-sizing:border-box}body{margin:0;background:#090a0d;color:var(--paper);font-family:"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #e8c894;outline-offset:6px}header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16;font-size:12px}.brand{font-size:26px;font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:18px}.brand span{font:10px Arial;letter-spacing:2px;border-left:1px solid #ffffff35;padding-left:18px}.header-note{color:#8e9099;letter-spacing:2px}header>a:last-child{border-bottom:1px solid #777;padding:8px 0}main{padding:0 5%}.intro{padding:67px 0 43px;position:relative}.eyebrow{font:10px/1.5 Arial;letter-spacing:3px;color:#a9adb9}.intro h1{font-size:clamp(44px,5.7vw,90px);letter-spacing:-4px;line-height:1.22;margin:22px 0}.intro h1 span{font-weight:300;color:#bbbcc6}.subtitle{position:absolute;right:0;bottom:50px;line-height:1.9;color:#a5a6af;font-size:13px}.portals{display:grid;grid-template-columns:1fr 1fr;gap:20px}.portal{position:relative;min-height:510px;overflow:hidden;border:1px solid #ffffff20;isolation:isolate;transition:transform .4s,border-color .4s}.portal:hover{transform:translateY(-5px);border-color:#ffffff70}.learn{background:radial-gradient(ellipse at 55% 30%,#394c6466,transparent 65%),#10141e}.retail{background:radial-gradient(ellipse at 65% 38%,#a8733040,transparent 65%),#1b1712}.portal-top{display:flex;justify-content:space-between;gap:15px;padding:25px 30px;font-size:10px;letter-spacing:1px;color:#bbbcc6}.portal-top span:first-child{font:9px Arial;letter-spacing:2px}.portal-copy{position:absolute;bottom:0;width:100%;padding:75px 34px 29px;background:linear-gradient(transparent,#0b0d13e8 55%)}.retail .portal-copy{background:linear-gradient(transparent,#17120ee8 55%)}h2{font-size:44px;letter-spacing:2px;font-weight:500;margin:10px 0 12px}.portal-copy>p:not(.eyebrow){font-size:15px;color:#c8c8cd}.retail .eyebrow{color:#d7b884}.portal-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff25;margin-top:30px;padding-top:20px;gap:12px;font-size:11px;color:#9497a2}.retail .portal-bottom{color:#bbab94}.arrow{display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;width:38px;height:38px;font-size:20px;transition:background .3s,color .3s}.portal:hover .arrow{background:#eeeae2;color:#151515}.sculpture{position:absolute;width:300px;height:300px;top:40px;left:calc(50% - 150px);transform:rotate(-28deg)}.sculpture i{position:absolute;inset:25px;border-radius:50%;border:27px solid transparent;border-top-color:#d7e8f3;border-left-color:#6d899f;border-bottom-color:#273a50;box-shadow:inset 4px 5px 12px #ffffff66,8px 10px 30px #0009;transform:rotateY(45deg) rotateX(20deg)}.sculpture i:nth-child(2){transform:rotateY(60deg) rotateX(-45deg) rotate(50deg)}.sculpture i:nth-child(3){transform:rotateY(-55deg) rotateX(25deg) rotate(50deg)}.sculpture b{position:absolute;inset:110px;background:radial-gradient(circle at 30% 25%,#fff,#7d9eb6 30%,#172639 75%);border-radius:50%;box-shadow:0 0 65px #99c6ff66}.architecture{position:absolute;top:55px;left:calc(50% - 155px);width:310px;height:280px;transform:skewY(-8deg)}.architecture i{position:absolute;bottom:20px;left:25px;width:46px;height:150px;background:linear-gradient(90deg,#3c2b1a,#a48252 50%,#e1c394 52%,#6d4b29);box-shadow:16px 20px 30px #0008;border-top:2px solid #e9d5b0}.architecture i:nth-child(2){left:80px;height:190px}.architecture i:nth-child(3){left:135px;height:230px}.architecture i:nth-child(4){left:190px;height:175px}.architecture i:nth-child(5){left:245px;height:125px}.architecture b{position:absolute;bottom:-8px;width:330px;height:35px;background:linear-gradient(180deg,#bb9663,#2c2118);transform:skewX(50deg);box-shadow:0 25px 55px #000}.closing{display:flex;justify-content:space-between;padding:27px 0 42px;color:#888a93;font-size:11px;letter-spacing:1px}footer{margin:0 5%;border-top:1px solid #ffffff20;padding:27px 0;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#777a85}.content{max-width:1180px;margin:auto;padding:85px 5%}.content h1{font-size:clamp(40px,6vw,80px);line-height:1.2;letter-spacing:-2px;margin:24px 0}.content .lead{max-width:670px;font-size:18px;color:#afb2bd;line-height:1.9}.content h2{font-size:32px}.rows{margin:70px 0}.row{display:grid;grid-template-columns:60px 1fr 1fr;gap:25px;border-top:1px solid #ffffff25;padding:32px 0}.row>span{color:#ac916a;font:12px Arial}.row h3{margin:0;font-size:25px;font-weight:500}.row p{margin:0;line-height:1.9;color:#a6a8b2;font-size:14px}.contact{border-top:1px solid #ffffff25;padding-top:45px}.button{display:inline-block;border:1px solid #bba17c;padding:17px 24px;margin:20px 15px 20px 0;color:#e2c79c}.contact p{color:#a6a8b2;line-height:1.9}.back{color:#c3ac8b}@media(min-width:1600px){main,header{padding-left:8%;padding-right:8%}.portal{min-height:560px}}@media(max-width:850px){.header-note{display:none}.intro{padding-top:45px}.intro h1{letter-spacing:-2px}.subtitle{position:static;margin-top:20px}.portals{grid-template-columns:1fr}.portal{min-height:480px}.closing span:last-child{display:none}.brand{font-size:21px;gap:10px}.brand span{font-size:8px;padding-left:10px}.portal-top{padding:22px}.portal-copy{padding-left:24px;padding-right:24px}footer{flex-wrap:wrap;line-height:1.8}footer>span:nth-child(2){display:none}.row{grid-template-columns:35px 1fr}.row p{grid-column:2}.content{padding-top:55px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:850px){.intro h1 span{display:block}.intro h1{font-size:44px}.portal{min-height:400px}.sculpture{transform:scale(.8) rotate(-28deg);top:5px}.architecture{transform:scale(.8) skewY(-8deg);top:12px}.portal-copy{padding-top:45px}h2{font-size:36px}}
/* Portal motion: decorative learning orbits and illustrative business growth. */
header .header-note{margin-left:auto}footer>span:nth-child(2){margin-left:auto}
.ai-visual,.growth-visual{position:absolute;inset:0;pointer-events:none;z-index:-1}
.sculpture{animation:sculpture-drift 14s ease-in-out infinite;will-change:rotate}
.sculpture i:nth-child(1){animation:ring-one 18s linear infinite}
.sculpture i:nth-child(2){animation:ring-two 23s linear infinite}
.sculpture i:nth-child(3){animation:ring-three 28s linear infinite}
.sculpture b{animation:core-breathe 5s ease-in-out infinite}
.keywords{position:absolute;top:78px;left:calc(50% - 210px);width:420px;height:240px}
.keywords span{position:absolute;font:10px/1.4 "PingFang SC",sans-serif;letter-spacing:1.6px;color:#d2e7f4;padding:7px 11px;border:1px solid #b2d8ff2b;background:#111d2b85;backdrop-filter:blur(6px);border-radius:3px;animation:word-drift 7s ease-in-out infinite;box-shadow:0 0 18px #6ba4dd09}
.keywords span:nth-child(1){left:0;top:18px}.keywords span:nth-child(2){right:4px;top:40px;animation-delay:-2s}.keywords span:nth-child(3){left:7px;top:125px;animation-delay:-4s}.keywords span:nth-child(4){right:0;top:153px;animation-delay:-1s}.keywords span:nth-child(5){left:94px;top:-20px;animation-delay:-3s}.keywords span:nth-child(6){right:50px;top:219px;animation-delay:-5s}
.signal-pulse{position:absolute;width:7px;height:7px;border-radius:50%;background:#b5dcf7;top:89px;left:calc(50% + 115px);box-shadow:0 0 15px #a9d3ff;animation:core-breathe 3s infinite}
.architecture i{transform-origin:center bottom;animation:bar-grow 7s cubic-bezier(.25,.6,.3,1) infinite}
.architecture i:nth-child(1){height:80px;animation-delay:-.8s}.architecture i:nth-child(2){height:115px;animation-delay:-.6s}.architecture i:nth-child(3){height:155px;animation-delay:-.4s}.architecture i:nth-child(4){height:195px;animation-delay:-.2s}.architecture i:nth-child(5){height:235px;animation-delay:0s}
.growth-line{position:absolute;top:59px;left:calc(50% - 200px);width:400px;height:250px;overflow:visible;filter:drop-shadow(0 0 7px #f4ce8344)}
.growth-grid{stroke:#d2b17415;stroke-width:.7;stroke-dasharray:3 6}.trend-shadow{stroke:#eaca8c18;stroke-width:6}.trend{stroke:#f3d599;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:trend-draw 7s ease-in-out infinite}.trend-arrow{stroke:#f3d599;stroke-width:2;animation:trend-tip 7s ease-in-out infinite}.trend-dot{fill:#fff1c9;animation:trend-tip 7s ease-in-out infinite}
.growth-labels{position:absolute;top:80px;left:calc(50% - 210px);width:420px;height:240px}.growth-labels span{position:absolute;color:#e8c991;font-size:11px;letter-spacing:2px;padding:6px 10px;border:1px solid #c9a66a33;background:#241d14aa;border-radius:3px;animation:metric-float 7s ease-in-out infinite}.growth-labels span:nth-child(1){left:5px;top:150px}.growth-labels span:nth-child(2){left:103px;top:96px;animation-delay:-1s}.growth-labels span:nth-child(3){right:82px;top:43px;animation-delay:-2s}.growth-labels span:nth-child(4){right:-5px;top:-27px;animation-delay:-3s}
@keyframes ring-one{from{transform:rotateY(45deg) rotateX(20deg) rotate(0deg)}to{transform:rotateY(45deg) rotateX(20deg) rotate(360deg)}}
@keyframes ring-two{from{transform:rotateY(60deg) rotateX(-45deg) rotate(50deg)}to{transform:rotateY(60deg) rotateX(-45deg) rotate(-310deg)}}
@keyframes ring-three{from{transform:rotateY(-55deg) rotateX(25deg) rotate(50deg)}to{transform:rotateY(-55deg) rotateX(25deg) rotate(410deg)}}
@keyframes sculpture-drift{0%,100%{rotate:-5deg;translate:0 0}50%{rotate:7deg;translate:0 -9px}}
@keyframes core-breathe{0%,100%{opacity:.75;filter:brightness(.95)}50%{opacity:1;filter:brightness(1.18)}}
@keyframes word-drift{0%,100%{translate:0 4px;opacity:.55}50%{translate:0 -7px;opacity:1}}
@keyframes bar-grow{0%,100%{transform:scaleY(.38);filter:brightness(.8)}18%,75%{transform:scaleY(1);filter:brightness(1.1)}90%{transform:scaleY(.38);filter:brightness(.8)}}
@keyframes trend-draw{0%{stroke-dashoffset:1;opacity:0}12%{opacity:1}65%,83%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes trend-tip{0%,55%,100%{opacity:0}65%,83%{opacity:1}}
@keyframes metric-float{0%,100%{translate:0 5px;opacity:.55}50%{translate:0 -5px;opacity:1}}
@media(max-width:850px){.keywords,.growth-labels{width:310px;left:calc(50% - 155px);top:55px;scale:.87}.keywords span:nth-child(5){left:87px}.keywords span:nth-child(6){right:25px;top:192px}.growth-line{width:320px;height:200px;left:calc(50% - 160px);top:55px}.growth-labels span:nth-child(2){left:65px}.growth-labels span:nth-child(3){right:58px}.growth-labels span:nth-child(4){right:0;top:-10px}}
@media(prefers-reduced-motion:reduce){.sculpture,.sculpture i,.sculpture b,.keywords span,.signal-pulse,.architecture i,.trend,.trend-arrow,.trend-dot,.growth-labels span{animation:none!important}.trend{stroke-dashoffset:0}.trend-arrow,.trend-dot{opacity:1}}
@media(max-width:850px){.keywords{top:35px;scale:.75}.keywords span:nth-child(3){top:108px}.keywords span:nth-child(4){top:124px}.keywords span:nth-child(6){top:160px;right:32px}.growth-labels{top:40px;scale:.75}.growth-labels span:nth-child(1){top:135px}.growth-labels span:nth-child(2){top:88px}.growth-labels span:nth-child(3){top:35px}.growth-labels span:nth-child(4){top:-18px}}
@media(max-width:850px){.architecture{margin-top:-35px}.sculpture{margin-top:-20px}}

/* Simplified homepage: let the Chinese titles and visual work lead. */
.intro h1{margin-top:0}.portal-top{justify-content:flex-end}