@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Noto+Sans+SC:wght@400;500&display=swap');

:root { --bg:#090B0E; --surface:#10151A; --text:#F4F6F8; --muted:#9AA7B2; --cyan:#5DDCFF; --blue:#2C7DFF; --line:rgba(210,235,255,.18); --night:var(--bg); --white:var(--text); --red:var(--cyan); --accent:var(--cyan); --display-ink:var(--text); --bg-footer:var(--bg); --glass-edge:rgba(205,243,255,.42); --glass-face:rgba(128,183,213,.075); --glass-shadow:rgba(0,0,0,.42); }
html,body { max-width:100%; overflow-x:clip; font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif; } body { background:var(--bg); color:var(--text); } body.is-footer-inview { background:var(--bg); } .t-hero,.t-display,.t-display-tight { color:var(--text); font-weight:500; }
.hero__layers::after { background:linear-gradient(180deg,rgba(4,7,10,.28),rgba(4,7,10,.05) 45%,rgba(4,7,10,.46)); }
.hero__glass { position:absolute; overflow:hidden; inset:0; background:radial-gradient(ellipse 74% 68% at 53% 46%,#203542 0%,#10191f 34%,#090b0e 73%); isolation:isolate; }.hero__glass::before { content:""; position:absolute; inset:-20%; background:radial-gradient(ellipse at 52% 42%,rgba(223,247,255,.13),transparent 33%),linear-gradient(118deg,transparent 29%,rgba(100,185,221,.11) 49%,transparent 58%); transform:rotate(-7deg); }
.glass-plane { position:absolute; overflow:hidden; border:1px solid var(--glass-edge); background:linear-gradient(125deg,rgba(222,249,255,.16),var(--glass-face) 37%,rgba(7,13,18,.04) 66%,rgba(141,226,255,.12)); box-shadow:inset 1px 1px 0 rgba(255,255,255,.2),inset -1px -1px 0 rgba(8,34,47,.35),0 34px 75px var(--glass-shadow); transform:skewY(-8deg) rotate(var(--r)); animation:glass-idle var(--d) cubic-bezier(.38,0,.2,1) infinite alternate; backdrop-filter:blur(7px); }.glass-plane::before { content:""; position:absolute; inset:0; background:linear-gradient(112deg,transparent 18%,rgba(255,255,255,.18) 46%,rgba(93,220,255,.16) 50%,transparent 57%); transform:translateX(-110%); animation:glass-sheen calc(var(--d) * 1.6) ease-in-out infinite; }.glass-plane::after { content:"";position:absolute;inset:1px;background:linear-gradient(135deg,rgba(255,255,255,.075),transparent 27%,transparent 73%,rgba(93,220,255,.12));opacity:.7; }.glass-plane--one { width:57vw;height:51vh;left:12vw;top:11vh;--r:-1.1deg;--d:18s; }.glass-plane--two { width:34vw;height:31vh;right:-2vw;top:24vh;--r:1.4deg;--d:23s;opacity:.7; }.glass-plane--three { width:40vw;height:30vh;left:-9vw;bottom:2vh;--r:-1.2deg;--d:20s;opacity:.48; }.glass-plane--four { width:26vw;height:21vh;right:20vw;bottom:9vh;--r:.3deg;--d:25s;opacity:.42; }
@keyframes glass-idle { from { translate:0 0; } to { translate:1.15vw -1.1vh; } } @keyframes glass-sheen { 0%,16% { transform:translateX(-110%); } 48%,100% { transform:translateX(120%); } }
.wordmark { width:min(78vw, 1500px, calc(100% - 2rem)); margin-inline:0; transform-origin:top left; }
.founder-name-cn { display:inline-block; margin-left:.42em; color:rgba(255,255,255,.72); font:500 .48em/1 "Noto Sans SC","Microsoft YaHei",sans-serif; letter-spacing:.08em; vertical-align:baseline; }
.hero__chrome { text-shadow:0 1px 22px rgba(0,0,0,.36); }.hero__brand-logo { position:absolute;right:calc(var(--gutter) + .5rem);top:calc(var(--u) * 4);width:clamp(125px,15vw,230px);height:auto;z-index:3; }.hero__row,.hero__note { color:rgba(235,245,248,.68); }.hero__row { font-size:.78em; letter-spacing:.075em; text-transform:uppercase; }.hero__note { letter-spacing:.08em; }
.timeline__section-zh { margin-top:.55rem; color:#fff; font:500 clamp(.7rem,.8vw,.9rem)/1 "Noto Sans SC","Microsoft YaHei",sans-serif; letter-spacing:.08em; }.timeline__title h3 { max-width:34ch; color:#fff; font-size:clamp(1.05rem,1.75vw,1.9rem); line-height:1.08; }.timeline__title h3 p { margin-top:.65rem; color:rgba(255,255,255,.88);font-size:clamp(.72rem,.83vw,.9rem);letter-spacing:-.01em;line-height:1.42; }.timeline__title h3 .zh { font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;color:#fff;font-size:.94em; }.timeline__zh-title { display:block; margin-top:.34rem; color:#fff; font:500 .52em/1.15 "Noto Sans SC","Microsoft YaHei",sans-serif; letter-spacing:.05em; }.timeline__dial,.timeline__dial::after { color:#fff; }.timeline__dial::after { content:attr(data-index); display:block; font:500 .6rem/1 Inter,sans-serif; margin-top:.25rem; }
.timeline__media { border:1px solid rgba(207,240,255,.24); background:linear-gradient(135deg,#15232b,#0b0f13 58%,#13242c); }.timeline__reveal::after { background:linear-gradient(180deg,rgba(5,10,13,.015),rgba(5,10,13,.1)); }.timeline__reveal img { filter:grayscale(1) saturate(0) contrast(1.06) brightness(.98); }.timeline__frame .raster { opacity:1; -webkit-mask-image:radial-gradient(ellipse 70% 70% at center,transparent 0 38%,rgba(0,0,0,.52) 56%,#000 100%); mask-image:radial-gradient(ellipse 70% 70% at center,transparent 0 38%,rgba(0,0,0,.52) 56%,#000 100%); }.timeline__progress { stroke:#fff; }.timeline__needle { fill:#fff; }
.stack__caption .zh { font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;color:#fff;font-size:.78em;margin-top:.8rem; }.stack__caption { text-shadow:0 4px 24px rgba(0,0,0,.42); }.stack__layer { background:linear-gradient(90deg,rgba(4,8,10,.58),rgba(4,8,10,.04) 62%); }.footer-credit,.footer-credit span,.menu__footer,.link-dim { color:#fff; }.footer-logo { width:150px; height:auto; margin-bottom:1rem; }.pill-nav__box { width:auto; min-width:11.75rem; height:2.75rem; display:flex; align-items:center; border-radius:999px; background:rgba(248,250,252,.96); box-shadow:0 10px 32px rgba(0,0,0,.28); backdrop-filter:blur(16px); }.pill-nav__cta { position:relative; width:auto; padding:0 .92rem 0 1.05rem; }.pill-nav__cta,.pill-nav__links a { color:var(--bg); }.pill-nav__links { display:flex; align-items:center; gap:.85rem; padding:0 1rem 0 .1rem; }.pill-nav__links a { font-size:.68rem; letter-spacing:.015em; white-space:nowrap; }.menu { background:radial-gradient(ellipse at 70% 18%,#172731 0%,#090b0e 50%); }.menu__footer { color:#fff; }
@media (max-width:47.99rem) { .hero__brand-logo { width:118px;top:1.2rem;right:1.2rem; } .glass-plane--one{width:85vw;left:8vw}.glass-plane--two{width:56vw}.glass-plane--three{width:72vw}.glass-plane--four{opacity:.15}.pill-nav__links{gap:.55rem}.pill-nav__links a{font-size:.62rem}.footer-logo{width:112px} } @media (prefers-reduced-motion:reduce) { .glass-plane,.glass-plane::before { animation:none; } .hero__glass { background:#10151A; } }

/* Text-free glass composition behind the original poster typography. */
.hero__art { overflow:hidden; background:#080c12; isolation:isolate; }
.hero__art-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; will-change:transform; }
.hero__sticky { z-index:0; }
.hero__chrome { z-index:1; }

/* The existing metal-filled wordmark catches two converging blue-white beams. */
.footer-scroll { position:relative; height:165svh; isolation:isolate; overflow:clip; background:#090b0e; }
.footer-scroll__sticky { position:sticky; top:0; height:100svh; overflow:hidden; }
.footer-scroll__sticky > :not(.footer-atmosphere) { position:relative; z-index:1; }
.footer-bottom { width:100%; }
.footer-info { width:100%; }
.footer-atmosphere { position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; background:radial-gradient(ellipse 70% 58% at 50% 88%,rgba(15,37,58,.4),transparent 80%); }
.footer-atmosphere__field { position:absolute; inset:-20%; overflow:hidden; mix-blend-mode:screen; }
.footer-atmosphere__field::before { content:""; position:absolute; inset:0; animation:footer-light-drift 22s ease-in-out infinite alternate; }
.footer-atmosphere__field--left::before { background:radial-gradient(ellipse 34% 43% at 28% 67%,rgba(56,151,218,.33),transparent 75%); }
.footer-atmosphere__field--right::before { background:radial-gradient(ellipse 35% 35% at 74% 40%,rgba(78,171,228,.22),transparent 77%); animation-duration:27s; animation-direction:alternate-reverse; }
.footer-atmosphere__ray { position:absolute; left:-25%; top:30%; width:95%; height:1px; transform:rotate(-22deg); transform-origin:center; background:linear-gradient(90deg,transparent,rgba(172,224,255,.05) 25%,rgba(218,246,255,.42) 53%,transparent); box-shadow:0 0 28px 3px rgba(84,170,228,.12); mix-blend-mode:screen; }
@keyframes footer-light-drift { from { transform:translate3d(-4%,2%,0) scale(1); } to { transform:translate3d(5%,-3%,0) scale(1.08); } }
.footer-meta-row { min-width:0; column-gap:1rem; }
.footer-credit { display:flex; min-width:0; flex-wrap:wrap; column-gap:clamp(1rem,2.5vw,2.5rem); row-gap:.35rem; }
.footer-credit__focus { font-size:.82em; }
.footer-meta-links { flex:none; white-space:nowrap; }
.section-heading--cyan { color:var(--cyan); }
.wordmark__scroll { transform:translateY(440px); }
.wordmark__texture { transition:transform .8s cubic-bezier(.2,.75,.25,1); }
.wordmark__texture image { filter:saturate(0); }

@media (max-height:46rem) {
  .wordmark { width:min(78vw, 98svh, calc(100% - 2rem)); }
}

@media (min-width:48rem) and (max-width:70rem) {
  .footer-meta-row { flex-wrap:wrap; justify-content:flex-start; }
  .footer-meta-links { width:100%; margin-top:.25rem; }
}

@media (max-width:47.99rem) {
  .hero__art-image { object-fit:contain; }
  .footer-atmosphere { opacity:.72; }
  .footer-credit { display:flex; flex-direction:column; gap:.35rem; }
  .footer-credit__focus { font-size:.78em; }
}
@media (prefers-reduced-motion:reduce) {
  .footer-scroll { height:100svh; }
  .hero__art-image { animation:none!important; transform:none!important; }
  .footer-atmosphere__field::before { animation:none!important; }
  .footer-atmosphere__field { opacity:.32!important; transform:none!important; }
  .footer-atmosphere__ray { display:none; }
}