@font-face { font-family:Anton; src:url(fonts/anton.woff2) format("woff2"); font-display:swap; }
@font-face { font-family:Bodoni; src:url(fonts/bodoni.woff2) format("woff2"); font-weight:400 700; font-display:swap; }
@font-face { font-family:Bodoni; src:url(fonts/bodoni-italic.woff2) format("woff2"); font-weight:400 800; font-style:italic; font-display:swap; }
@font-face { font-family:Doto; src:url(fonts/doto.woff2) format("woff2"); font-display:swap; }
@font-face { font-family:Departure; src:url(fonts/departure.woff2) format("woff2"); font-display:swap; }
@font-face { font-family:QingKe; src:url(fonts/qingke.woff2) format("woff2"); font-display:swap; }
@font-face { font-family:SerifSC; src:url(fonts/serif-sc.woff2) format("woff2"); font-weight:500 900; font-display:swap; }
@font-face { font-family:SansSC; src:url(fonts/sans-sc.woff2) format("woff2"); font-weight:500; font-display:swap; }

[hidden] { display:none !important; }
:root {
  --soot:#0a0706; --bone:#efe6d3; --ember:#ff4a12; --gold:#ffb400; --ash:#8d8e9f; --hair:rgba(239,230,211,.16); --mute:rgba(239,230,211,.68);
  --display:Anton,QingKe,"Microsoft YaHei",Impact,sans-serif;
  --lyric:Bodoni,SerifSC,"Songti SC",Georgia,serif;
  --micro:Departure,SansSC,ui-monospace,Consolas,monospace;
  --dot:Doto,Departure,monospace;
  --gut:clamp(16px,3vw,44px);
  --curve:cubic-bezier(.19,1,.22,1);
  color-scheme:dark;
}
* { box-sizing:border-box; }
html { background:var(--soot); scroll-behavior:smooth; -webkit-text-size-adjust:100%; interpolate-size:allow-keywords; }
body { margin:0; color:var(--bone); font-family:var(--lyric); font-size:18px; line-height:1.5; overflow-x:clip; font-synthesis:none; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
h1, h2, h3, p, ol { margin:0; padding:0; }
ol { list-style:none; }
button { font:inherit; color:inherit; background:none; border:0; padding:0; cursor:pointer; }
canvas { display:block; }
::selection { background:var(--ember); color:var(--soot); }
:focus-visible { outline:2px solid var(--gold); outline-offset:4px; }

h2 { font-family:var(--display); font-weight:400; text-transform:uppercase; line-height:.98; letter-spacing:.005em; }
.stage { position:sticky; top:0; height:100vh; height:100svh; overflow:hidden; }

.nav { position:fixed; inset:0 0 auto; z-index:30; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; padding:14px var(--gut); color:var(--bone); font:12px/1 var(--micro); letter-spacing:.06em; text-transform:uppercase; transition:color .3s, transform .6s var(--curve); }
.nav.ink { color:var(--soot); }
.nav.away { transform:translateY(-110%); }
.mark { font:22px/1 Anton,sans-serif; letter-spacing:.04em; }
.links { display:flex; gap:clamp(18px,3vw,44px); }
.links a, .tool { position:relative; padding:8px 0; }
.links a::after, .join-link::after { content:""; position:absolute; left:0; right:0; bottom:3px; height:1px; background:currentColor; transform:scaleX(0); transform-origin:right; transition:transform .5s var(--curve); }
.links a:hover::after, .join-link:hover::after { transform:scaleX(1); transform-origin:left; }
.actions { display:flex; justify-content:flex-end; gap:clamp(16px,2.4vw,32px); }
.tool { font:inherit; letter-spacing:inherit; text-transform:inherit; }
.menu-btn { display:none; }

.menu { position:fixed; inset:0; z-index:25; display:flex; flex-direction:column; justify-content:center; gap:4px; padding:var(--gut); background:var(--ember); color:var(--soot); }
.menu a { font:clamp(56px,16vw,120px)/1.04 var(--display); text-transform:uppercase; }

.hud { position:fixed; left:var(--gut); bottom:calc(14px + env(safe-area-inset-bottom)); z-index:20; display:flex; align-items:center; gap:12px; font:11px/1 var(--micro); letter-spacing:.08em; color:var(--bone); pointer-events:none; transition:color .3s, opacity .4s; }
.hud.ink { color:var(--soot); }
.hud.away { opacity:0; }
.ticks { display:flex; gap:2px; }
.ticks i { width:5px; height:4px; background:currentColor; opacity:.18; transition:opacity .3s; }
.ticks i.on { opacity:1; }

.hero { height:300vh; background:var(--soot); }
.sky { position:absolute; inset:0; width:100%; height:100%; image-rendering:pixelated; background:radial-gradient(60vmax 60vmax at 50% 52%, #ffa51e 0, #f0500f 22%, #6e130a 48%, #170807 72%, #090605 100%); }
.eyebrow { position:absolute; z-index:4; top:60px; left:0; right:0; text-align:center; font:12px/1.4 var(--micro); letter-spacing:.14em; color:var(--bone); }
h1 { display:contents; font-weight:400; }
.h1a { position:absolute; z-index:1; top:clamp(78px,10svh,104px); left:0; right:0; text-align:center; font:min(10.9vw,25svh)/.96 var(--display); text-transform:uppercase; color:var(--bone); letter-spacing:.002em; will-change:transform,opacity; }
.h1b { position:absolute; z-index:3; left:0; right:0; bottom:clamp(130px,22svh,220px); text-align:center; font:italic 700 clamp(58px,11.4vw,190px)/1 var(--lyric); color:var(--gold); text-shadow:0 2px 0 rgba(10,7,6,.4), 0 0 22px rgba(10,7,6,.55), 0 0 70px rgba(10,7,6,.6); letter-spacing:-.012em; clip-path:inset(-30% 0 -30% 0); transition:clip-path 1.6s var(--curve) .5s; will-change:transform,opacity; }
html[lang="zh-CN"] .h1a { font-size:min(11vw,22svh); letter-spacing:.08em; }
.pun { margin-left:-.5em; }
html[lang="zh-CN"] .h1b { font-weight:900; font-style:normal; font-size:clamp(52px,9vw,150px); letter-spacing:.06em; }
.boot .h1b { clip-path:inset(-30% 50% -30% 50%); }
.w { display:inline-block; overflow:hidden; vertical-align:top; padding-top:.05em; margin-top:-.05em; }
.w > span { display:inline-block; transition:transform 1.5s var(--curve); }
.boot .h1a .w > span { transform:translateY(112%); }

.colossus { position:absolute; z-index:2; left:50%; bottom:13svh; height:min(64svh,120vw); aspect-ratio:60/88; transform:translateX(-50%); transform-origin:50% 31%; will-change:transform; }
.colossus canvas { position:absolute; inset:0; width:100%; height:100%; image-rendering:pixelated; }
.colossus .bloom { filter:blur(clamp(10px,1.5vw,24px)) brightness(2.4) saturate(1.3); mix-blend-mode:screen; image-rendering:auto; }
.tag { position:absolute; z-index:4; right:var(--gut); top:50%; writing-mode:vertical-rl; font:11px/1 var(--micro); letter-spacing:.14em; color:var(--bone); opacity:.72; }

.hero-foot { position:absolute; z-index:4; left:var(--gut); right:var(--gut); bottom:30px; display:flex; align-items:flex-end; justify-content:space-between; gap:24px; }
.cta { display:flex; align-items:center; gap:clamp(20px,3vw,40px); flex-wrap:wrap; }
.act { position:relative; display:inline-flex; align-items:center; gap:12px; min-height:44px; white-space:nowrap; font:clamp(26px,2.6vw,36px)/1 var(--display); text-transform:uppercase; letter-spacing:.012em; color:var(--bone); }
.act.quiet { font:12px/1 var(--micro); letter-spacing:.08em; color:var(--bone); opacity:.82; }
.roll { position:relative; display:inline-block; overflow:hidden; padding-block:.1em; }
.roll::after { content:attr(data-label); position:absolute; left:0; top:100%; padding-block:.1em; color:var(--gold); white-space:nowrap; transition:transform .5s var(--curve); }
.act .roll { transition:color .2s; }
.act:hover .roll { color:transparent; }
.act:hover .roll::after { transform:translateY(-100%); }
.act i, .send i { flex:none; width:27px; height:21px; background:currentColor; -webkit-mask:var(--arrow) center/contain no-repeat; mask:var(--arrow) center/contain no-repeat; transition:transform .5s var(--curve); --arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 7' shape-rendering='crispEdges'%3E%3Cpath d='M0 3h7v1H0zM5 1h1v1H5zM6 2h1v1H6zM7 3h1v1H7zM6 4h1v1H6zM5 5h1v1H5z'/%3E%3C/svg%3E"); }
.act:hover i { transform:translateX(8px); color:var(--gold); }
.clock { text-align:right; }
.clock-label { display:block; font:11px/1.4 var(--micro); letter-spacing:.1em; color:var(--bone); opacity:.8; white-space:nowrap; }
.digits { font:clamp(30px,3.6vw,52px)/1.1 var(--dot); color:var(--gold); letter-spacing:.02em; }

.lead { position:absolute; z-index:5; left:0; right:0; bottom:clamp(90px,15svh,150px); margin-inline:auto; padding-inline:var(--gut); max-width:min(1000px,100%); text-align:center; font:500 clamp(25px,3.3vw,50px)/1.24 var(--lyric); color:var(--bone); visibility:hidden; }
html[lang="zh-CN"] .lead { font-weight:700; line-height:1.5; letter-spacing:.02em; }
.lead .c { opacity:.1; transition:opacity .25s linear; }
.lead .c.lit { opacity:1; }
.dusk { position:absolute; z-index:6; inset:0; background:var(--soot); opacity:0; pointer-events:none; }

.legion { height:380vh; background:var(--soot); }
.wall { position:absolute; inset:0; width:100%; height:100%; }
.legion .stage::after { content:""; position:absolute; inset:0 0 auto; height:92px; background:linear-gradient(rgba(10,7,6,.82), rgba(10,7,6,0)); pointer-events:none; }
.knock { position:absolute; inset:0; background:#1b1613; mix-blend-mode:multiply; opacity:0; pointer-events:none; }
.knock .many-num { position:absolute; left:0; right:0; margin:0; color:#fff; }
.ghost { visibility:hidden; }
.one { position:absolute; left:var(--gut); bottom:56px; font:clamp(64px,13vw,210px)/.94 var(--display); text-transform:uppercase; color:var(--bone); text-shadow:0 0 50px rgba(10,7,6,.6); pointer-events:none; }
.many { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; padding:64px var(--gut) 44px; opacity:0; pointer-events:none; }
.many-num { font:min(33vw,60svh)/.86 var(--display); text-align:center; letter-spacing:-.005em; color:var(--bone); }
.many-note { max-width:40em; margin:clamp(40px,8svh,84px) auto 0; text-align:center; font:italic 500 clamp(17px,1.7vw,24px)/1.32 var(--lyric); color:var(--bone); }
html[lang="zh-CN"] .many-note { font-style:normal; }
.stats { display:grid; grid-template-columns:repeat(4,auto); justify-content:space-between; gap:18px 24px; margin-top:clamp(18px,4svh,48px); }
.stats b { display:block; font:400 clamp(28px,3.6vw,54px)/1.04 var(--display); color:var(--gold); letter-spacing:.01em; }
.stats span { font:11px/1.4 var(--micro); letter-spacing:.08em; color:var(--bone); opacity:.8; }
.lens { position:absolute; z-index:6; left:0; top:0; width:clamp(120px,14vw,180px); pointer-events:none; }
.lens svg { display:block; width:100%; height:auto; box-shadow:0 18px 50px rgba(0,0,0,.7); }
.wall-tip { position:absolute; right:var(--gut); bottom:14px; font:11px/1 var(--micro); letter-spacing:.08em; color:var(--bone); opacity:0; pointer-events:none; }

.shift { height:520vh; background:var(--soot); }
.orb { position:absolute; inset:0; width:100%; height:100%; image-rendering:pixelated; pointer-events:none; }
.shift-title { position:absolute; z-index:4; left:var(--gut); top:60px; font:clamp(20px,2.2vw,30px)/1 var(--display); letter-spacing:.03em; }
.act-step { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .45s, visibility .45s; }
.act-step.on { opacity:1; visibility:visible; }
.act-step i { position:absolute; z-index:4; right:var(--gut); top:60px; font:normal clamp(20px,2.2vw,30px)/1 var(--dot); color:var(--gold); }
.act-step h3 { position:absolute; z-index:1; left:var(--gut); top:47%; margin:0; font:400 200px/.9 var(--display); text-transform:uppercase; color:var(--bone); white-space:nowrap; transform:translateY(calc(-50% + 24px)); transition:transform .9s var(--curve); }
.act-step.on h3 { transform:translateY(-50%); }
.act-step p { position:absolute; z-index:4; left:var(--gut); bottom:56px; width:min(23em,30vw); font:500 clamp(19px,1.8vw,26px)/1.3 var(--lyric); color:var(--bone); text-shadow:0 0 24px var(--soot), 0 0 8px var(--soot); }
.tilt { position:absolute; z-index:3; left:75%; top:52%; height:min(74svh,44vw); aspect-ratio:80/112; transform:translate(-50%,-50%); perspective:1400px; will-change:transform; }
.worker-card { width:100%; height:100%; box-shadow:0 40px 120px rgba(0,0,0,.72); will-change:transform; }
.worker-card svg { display:block; width:100%; height:100%; }
.reading { position:absolute; z-index:4; left:37vw; bottom:56px; }
.reading b { display:block; font:clamp(52px,7vw,112px)/1 var(--dot); color:var(--gold); }
.reading span { font:11px/1.4 var(--micro); letter-spacing:.1em; }
.reading.off b { color:var(--ash); }

.money { background:var(--soot); padding-bottom:clamp(70px,16svh,170px); }
.money-head { padding:clamp(90px,16svh,170px) var(--gut) clamp(40px,8svh,80px); }
.money-head h2 { font-size:clamp(60px,11.1vw,190px); text-wrap:balance; }
.money-head p { margin-top:18px; max-width:30em; font:italic 500 clamp(21px,2.3vw,32px)/1.25 var(--lyric); }
html[lang="zh-CN"] .money-head p { font-style:normal; }
.bars { display:grid; grid-template-rows:40fr 20fr 40fr; height:100vh; height:100svh; min-height:640px; }
.bar { position:relative; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:0 var(--gut); overflow:hidden; color:var(--soot); clip-path:inset(0 calc(100% * (1 - var(--pour,1))) 0 0); }
.bar.a { background:var(--ember); }
.bar.b { background:var(--gold); }
.bar.c { background:var(--bone); }
.bar b { font:400 clamp(130px,33svh,380px)/.92 var(--display); letter-spacing:-.005em; }
.bar.b b { font-size:clamp(84px,16.5svh,190px); }
.bar > div { flex:0 1 26em; }
.bar h3 { font:italic 700 clamp(30px,4vw,64px)/1.05 var(--lyric); margin:0 0 6px; }
html[lang="zh-CN"] .bar h3 { font-style:normal; font-weight:900; }
.bar p { font:500 clamp(17px,1.8vw,25px)/1.3 var(--lyric); }

.sheet { position:relative; padding:clamp(70px,12svh,130px) var(--gut) clamp(60px,10svh,110px); background:var(--bone); color:var(--soot); -webkit-mask:radial-gradient(circle 7px at 15px 0, #0000 98%, #000) 0 0/30px 100% repeat-x; mask:radial-gradient(circle 7px at 15px 0, #0000 98%, #000) 0 0/30px 100% repeat-x; }
.sheet-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding-bottom:clamp(20px,4svh,44px); }
.sheet-head h2 { font-size:clamp(60px,12.4vw,210px); }
.sheet-head p { display:flex; flex-direction:column; gap:4px; flex:none; text-align:right; font:11px/1.3 var(--micro); letter-spacing:.08em; padding-bottom:.6em; }
.punch li { position:relative; display:grid; grid-template-columns:minmax(0,3fr) minmax(0,6fr) 36px; align-items:center; gap:20px; padding:clamp(12px,2.2svh,22px) 0; border-top:1px solid rgba(10,7,6,.26); }
.punch li:last-child { border-bottom:1px solid rgba(10,7,6,.26); }
.punch li > b, .punch li > span { opacity:.3; transition:opacity .6s; }
.punch li.on > b, .punch li.on > span { opacity:1; }
.punch b { font:400 clamp(46px,7.6vw,132px)/1 var(--display); letter-spacing:.006em; }
.punch span { font:500 clamp(19px,2.2vw,32px)/1.24 var(--lyric); }
.punch i { justify-self:end; width:26px; height:26px; border-radius:50%; background:var(--soot); transform:scale(0); transition:transform .35s cubic-bezier(.3,1.7,.5,1) .15s; }
.punch li.on i { transform:scale(1); }

.join { position:relative; padding:clamp(100px,18svh,190px) var(--gut) clamp(190px,36svh,380px); background:var(--soot); overflow:hidden; }
.join-head, form { position:relative; z-index:2; }
.join h2 { font-size:clamp(64px,15.2vw,270px); }
.join-head p { margin-top:18px; max-width:32em; font:500 clamp(20px,2.1vw,30px)/1.3 var(--lyric); }
form { max-width:1120px; margin-top:clamp(40px,9svh,90px); }
label { display:block; position:relative; margin-bottom:clamp(22px,4svh,40px); font:11px/1.4 var(--micro); letter-spacing:.1em; }
label::after { content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--gold); transform:scaleX(0); transform-origin:left; transition:transform .7s var(--curve); }
label:focus-within::after { transform:scaleX(1); }
input { display:block; width:100%; margin-top:6px; padding:8px 0 12px; background:none; border:0; border-bottom:1px solid rgba(239,230,211,.4); border-radius:0; color:var(--bone); font:italic 500 clamp(22px,3.1vw,44px)/1.2 var(--lyric); outline:0; }
input:focus-visible { outline:0; }
input::placeholder { color:rgba(239,230,211,.34); }
.send { position:relative; display:flex; align-items:center; justify-content:space-between; gap:20px; width:100%; margin-top:8px; padding:10px 0; overflow:hidden; font:clamp(46px,8.2vw,132px)/1.02 var(--display); text-transform:uppercase; text-align:left; color:var(--gold); isolation:isolate; transition:color .35s, padding .5s var(--curve); }
.send::before { content:""; position:absolute; inset:0; z-index:-1; background:var(--gold); transform:scaleX(0); transform-origin:left; transition:transform .6s var(--curve); }
.send:hover, .send:focus-visible { color:var(--soot); padding-inline:18px; }
.send:hover::before, .send:focus-visible::before { transform:scaleX(1); }
.send i { width:clamp(36px,6vw,90px); height:clamp(28px,4.6vw,70px); }
#msg { min-height:28px; margin-top:12px; font:13px/1.5 var(--micro); color:var(--gold); }
pre { margin:14px 0 6px; padding:20px; background:var(--bone); color:var(--soot); font:13px/1.55 var(--micro); white-space:pre-wrap; word-break:break-word; }

.faq { padding:clamp(70px,14svh,150px) var(--gut); background:#0c0a0a; }
.faq h2 { font-size:clamp(60px,12.4vw,210px); margin-bottom:clamp(24px,5svh,56px); }
details { border-top:1px solid var(--hair); }
details:last-of-type { border-bottom:1px solid var(--hair); }
details::details-content { block-size:0; overflow:clip; transition:block-size .6s var(--curve), content-visibility .6s allow-discrete; }
details[open]::details-content { block-size:auto; }
summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:clamp(14px,2.6svh,26px) 0; cursor:pointer; list-style:none; font:italic 500 clamp(26px,4.2vw,64px)/1.14 var(--lyric); transition:color .3s; }
html[lang="zh-CN"] summary { font-style:normal; font-weight:700; }
summary::-webkit-details-marker { display:none; }
summary:hover { color:var(--gold); }
summary i { position:relative; flex:none; width:clamp(18px,2.2vw,30px); height:clamp(18px,2.2vw,30px); }
summary i::before, summary i::after { content:""; position:absolute; left:0; right:0; top:50%; height:2px; margin-top:-1px; background:currentColor; transition:transform .5s var(--curve); }
summary i::after { transform:rotate(90deg); }
details[open] summary i::after { transform:rotate(0); }
details p { max-width:38em; padding-bottom:clamp(20px,3.4svh,34px); font:500 clamp(19px,1.8vw,25px)/1.36 var(--lyric); color:var(--mute); }

.risk { padding:clamp(50px,10svh,100px) var(--gut); background:#121216; color:#d6d6de; }
.risk h2 { font-size:clamp(40px,6vw,96px); margin-bottom:16px; color:#e9e9ee; }
.risk p { max-width:46em; font:500 clamp(19px,1.9vw,27px)/1.38 var(--lyric); }

.end { position:relative; height:min(100svh,76vw); min-height:460px; overflow:hidden; background:#24252f; color:#8d8e9f; }
.end-word { position:absolute; left:0; right:0; top:clamp(52px,8svh,84px); text-align:center; font:min(24.2vw,58svh)/.96 var(--display); color:#3d3e4e; white-space:nowrap; }
.end-fig { position:absolute; left:50%; bottom:-3%; height:78%; aspect-ratio:60/88; transform:translateX(-50%); image-rendering:pixelated; }
.end-foot { position:absolute; left:var(--gut); right:var(--gut); bottom:18px; display:flex; justify-content:flex-end; gap:24px; font:12px/1.3 var(--micro); letter-spacing:.06em; color:#a9aab8; }

@media (max-width:820px) {
  .nav { grid-template-columns:1fr auto; padding-block:10px; }
  .links, .join-link { display:none; }
  .menu-btn { display:block; }
  .eyebrow { top:52px; font-size:10px; letter-spacing:.08em; }
  .h1a { top:72px; font-size:22.5vw; line-height:.98; }
  html[lang="zh-CN"] .h1a { font-size:15.4vw; }
  .h1b { bottom:clamp(150px,26svh,240px); font-size:14vw; }
  html[lang="zh-CN"] .h1b { font-size:14.4vw; }
  .colossus { height:min(54svh,128vw); bottom:17svh; }
  .tag { display:none; }
  .hero-foot { bottom:30px; }
  .cta { flex-direction:column; align-items:flex-start; gap:0; }
  .digits { font-size:27px; }
  .clock-label { font-size:10px; }
  .lead { bottom:88px; font-size:23px; }
  .one { bottom:40px; font-size:19vw; }
  .many { padding:56px var(--gut) 36px; }
  .many-num { font-size:37vw; }
  .stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .stats b { font-size:clamp(25px,7.4vw,46px); }
  .hud { font-size:10px; }
  .bar { gap:14px; }
  .bar b { font-size:min(27vw,23svh); flex:none; }
  .bar.b b { font-size:min(20vw,13svh); }
  .bar h3 { font-size:25px; }
  .bar p { font-size:15px; line-height:1.24; }
  .sheet-head p { display:none; }
  .punch li { grid-template-columns:minmax(0,1fr) 24px; gap:0 14px; padding-block:12px; }
  .punch b { grid-column:1; font-size:15vw; }
  .punch span { grid-column:1; font-size:18px; }
  .punch i { grid-column:2; grid-row:1 / span 2; width:20px; height:20px; }
  .end-word { top:64px; }
  .end { height:90svh; }
  .end-fig { height:66%; }
  .end-foot { bottom:34px; flex-direction:column; align-items:flex-end; gap:2px; color:#d6d6de; }
}
@media (max-width:820px) and (orientation:portrait) {
  .tilt { left:38%; top:54%; height:min(45svh,92vw); }
  .act-step h3 { top:92px; transform:translateY(24px); }
  .act-step.on h3 { transform:none; }
  .act-step p { right:var(--gut); width:auto; bottom:40px; font-size:19px; }
  .reading { left:auto; right:var(--gut); top:54%; bottom:auto; max-width:96px; text-align:right; transform:translateY(-50%); }
  .reading b { font-size:30px; }
  .reading span { display:block; margin-top:6px; font-size:10px; }
}
@media (max-height:520px) and (orientation:landscape) {
  .eyebrow, .tag, .hud { display:none; }
  .h1a, html[lang="zh-CN"] .h1a { top:42px; font-size:7.6vw; }
  .h1b, html[lang="zh-CN"] .h1b { bottom:76px; font-size:8vw; }
  .colossus { height:74svh; bottom:10svh; }
  .hero-foot { bottom:6px; }
  .cta { flex-direction:row; align-items:center; gap:20px; }
  .lead { bottom:20px; font-size:19px; }
  .many { padding:42px var(--gut) 8px; }
  .many-num { font-size:36svh; }
  .many-note { margin-top:22px; font-size:14px; }
  .stats { grid-template-columns:repeat(4,auto); margin-top:8px; }
  .stats b { font-size:21px; }
  .act-step h3 { top:43%; }
  .act-step p { width:40vw; bottom:12px; font-size:15px; line-height:1.24; }
  .reading { left:46vw; bottom:12px; }
  .reading b { font-size:30px; }
  .reading span { font-size:10px; }
  .tilt { top:54%; height:80svh; }
}

.lead, .many-note, .act-step p, .money-head p, .bar p, .punch span, .join-head p, input, details p, .risk p { font-variation-settings:"opsz" 11; }

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .w > span, .h1b { transition:none; }
}

.next { position:relative; z-index:1; max-width:760px; margin:32px auto 0; }
.next p { margin:0 0 10px; }
.next pre { margin:0 0 12px; white-space:pre-wrap; overflow-wrap:anywhere; font:13px/1.5 var(--micro); }