html,body,#root{min-height:100%}body{margin:0;background:#000;color:#fff;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Source Han Sans CN,Noto Sans CJK SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root{--font-display: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans CN", "Noto Sans CJK SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.sc-root{position:relative;min-height:100vh;background:linear-gradient(90deg,#000000e0,#0003 50%,#000000e0),linear-gradient(180deg,#000000c7,#0003 46%,#000000d6),url(/marketing/hero-1.png) center / min(78vw,1180px) auto no-repeat #000;color:#fff;font-family:var(--font-display),"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.sc-root *{box-sizing:border-box}.sc-cylinder-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.sc-gradient-top,.sc-gradient-bottom{position:fixed;left:0;right:0;height:18vh;z-index:2;pointer-events:none}.sc-gradient-top{top:0;background:linear-gradient(to bottom,#00000080,#0003 40%,#0000)}.sc-gradient-bottom{bottom:0;background:linear-gradient(to top,#00000080,#0003 40%,#0000)}.sc-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:flex-start;padding:26px 32px;pointer-events:none;font-size:18px;font-weight:700;letter-spacing:.01em;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.sc-header[data-visible=false]{opacity:0;transform:translateY(-10px)}.sc-header a,.sc-header span{pointer-events:auto}.sc-header-brand{display:flex;flex-direction:column;gap:3px;color:inherit;text-decoration:none;line-height:1.3}.sc-header-title{font-weight:700}.sc-header-sub{font-size:18px;font-weight:400;opacity:.75;letter-spacing:.02em}.sc-header-nav{display:flex;align-items:center;gap:22px}.sc-header-nav a{color:inherit;text-decoration:none;opacity:.9;transition:opacity .15s}.sc-header-nav a:hover{opacity:1}.sc-header-nav-cta{padding:8px 14px;border:1px solid rgba(255,255,255,.55);border-radius:999px;opacity:1!important;transition:background .18s,border-color .18s,color .18s;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sc-header-nav-cta:hover{background:#fff;color:#000;border-color:#fff}.sc-stages{position:relative;z-index:10}.sc-stage{position:relative;width:100%;height:100vh;min-height:600px;display:flex;justify-content:center;align-items:center;padding:0 6vw;-webkit-user-select:none;user-select:none}.sc-stage-inner{display:grid;grid-template-rows:1fr auto 1fr;align-items:center;justify-items:center;text-align:center;width:100%;max-width:92vw;height:100%;padding:12vh 0;gap:0}.sc-stage-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;grid-row:2}.sc-label{align-self:end;margin-bottom:18px}.sc-title{grid-row:2;align-self:center}.sc-title-en,.sc-body,.sc-circle-btn{align-self:start}.sc-title-en{margin-top:18px}.sc-body{margin-top:22px}.sc-circle-btn{margin-top:34px}.sc-label{font-size:18px;font-weight:700;letter-spacing:.02em;margin-bottom:18px}.sc-title{font-family:var(--font-display),"PingFang SC","Microsoft YaHei",sans-serif;font-weight:400;font-size:clamp(46px,7vw,112px);line-height:1.06;letter-spacing:0;margin:0;cursor:default;max-width:88vw;text-shadow:none}.sc-title-en{font-size:18px;font-weight:700;letter-spacing:.22em;margin:0;text-transform:uppercase}.sc-body{max-width:540px;font-size:18px;line-height:1.75;font-weight:500;white-space:pre-line;margin:0}.sc-stage .sc-label{opacity:0;transition:opacity .25s linear .35s}.sc-stage[data-appear=true] .sc-label{opacity:.95}.sc-stage .sc-title-en{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1) .5s}.sc-stage[data-appear=true] .sc-title-en{opacity:.65}.sc-stage .sc-body{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1) .45s}.sc-stage[data-appear=true] .sc-body{opacity:.9}.sc-circle-btn-wrap{margin-top:28px;opacity:0;transform:scale(.75);transition:opacity .75s cubic-bezier(0,0,.2,1) .25s,transform .75s cubic-bezier(0,0,.2,1) .25s}.sc-stage[data-appear=true] .sc-circle-btn-wrap{opacity:1;transform:scale(1)}.sc-circle-btn{position:relative;display:flex;align-items:center;justify-content:center;width:89.6px;height:89.6px;border-radius:999px;cursor:pointer}.sc-circle-bg-below{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#ffffffbf}.sc-circle-bg-above{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#fff;opacity:0;transform:scale(0)}.sc-circle-arrow-below,.sc-circle-arrow-above{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.sc-circle-arrow-below{color:#000}.sc-circle-arrow-above{color:#000;opacity:0;transform:translate(-.5em)}.sc-scroll-hint{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;opacity:.7;pointer-events:none;transition:opacity .5s}.sc-scroll-hint[data-visible=false]{opacity:0}.sc-scroll-hint-arrow{animation:sc-bounce 2.4s ease-in-out infinite;font-size:12px;letter-spacing:0}@keyframes sc-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.sc-scroll-indicator{position:fixed;right:28px;bottom:28px;z-index:45}@media (min-width: 768px){.sc-scroll-indicator{right:40px;bottom:40px}}.sc-scroll-indicator ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.sc-scroll-indicator li{padding:4px 0;cursor:pointer}.sc-scroll-indicator a{display:block;width:14px;height:14px;border:2px solid #fff;border-radius:3px;opacity:.2;transition:opacity .25s linear;background:transparent}.sc-scroll-indicator a[data-active=true]{opacity:.85}.sc-scroll-indicator:hover a{opacity:.75}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion: reduce){.sc-stage .sc-label,.sc-stage .sc-title-en,.sc-stage .sc-body,.sc-stage .sc-circle-btn{opacity:1!important;transform:none!important}}@media (max-width: 768px){.sc-header{padding:20px}.sc-title{font-size:clamp(26px,7vw,44px)}.sc-circle-btn{width:72px;height:72px}.sc-circle-btn-arrow{font-size:22px}}
