.demo-section{border-bottom:var(--border);flex-direction:column;align-items:center;gap:48px;padding:clamp(40px,5vw,80px) clamp(24px,5vw,72px);display:flex}.demo-description{text-align:center;max-width:640px}.demo-description p{color:var(--gray-700);font-size:14px;line-height:2}.odometer-container{text-align:center}.odometer-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--gray-500);margin-bottom:20px;font-size:10px}.odometer-display{background:var(--black);border-radius:8px;align-items:center;gap:0;padding:12px 8px;display:inline-flex;box-shadow:inset 0 2px 8px #0006}.odometer-slot{background:var(--dark);border:1px solid #333;border-radius:4px;width:64px;height:96px;margin:0 2px;position:relative;overflow:hidden}.odometer-strip{flex-direction:column;display:flex}.odometer-strip span{width:64px;height:96px;font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1, "lnum" 1;font-kerning:none;color:#e0e0e0;text-shadow:0 0 10px #ffffff1a;flex:none;place-items:center;font-size:56px;font-weight:700;line-height:1;display:grid}.odometer-slot:after{content:"";pointer-events:none;background:#ffffff14;height:1px;position:absolute;top:50%;left:0;right:0}.odometer-slot:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000004d 0%,#0000 30% 70%,#0000004d 100%);position:absolute;inset:0}.odometer-comma{font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1, "lnum" 1;color:#666;align-self:flex-end;place-items:center;margin:0 2px;padding-bottom:8px;font-size:48px;font-weight:700;line-height:1;display:grid}.odometer-unit{font-family:var(--font-jp);color:var(--black);margin-top:16px;font-size:20px;font-weight:700}.odometer-year-display{font-family:var(--font-mono);color:var(--gray-500);letter-spacing:.05em;margin-top:12px;font-size:14px}.odometer-year-arrow{color:var(--red);margin:0 8px}.odometer-diff{font-family:var(--font-mono);color:var(--red);letter-spacing:.02em;opacity:0;margin-top:8px;font-size:13px;transition:opacity .5s 15.8s}.odometer-diff.visible{opacity:1}@media (width<=560px){.odometer-slot{width:44px;height:66px}.odometer-strip span{width:44px;height:66px;font-size:36px}.odometer-comma{font-size:32px}}.realtime-container{background:var(--black);color:var(--white);border:var(--border);width:100%;max-width:560px;padding:48px clamp(32px,5vw,64px)}.realtime-header{align-items:center;gap:8px;margin-bottom:24px;display:flex}.realtime-live-dot{background:var(--red);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.realtime-live-label{font-family:var(--font-mono);letter-spacing:.2em;color:var(--red);font-size:10px;font-weight:700}.realtime-display{align-items:baseline;margin-bottom:4px;display:flex}.realtime-number{font-family:var(--font-mono);letter-spacing:-.02em;font-size:clamp(48px,8vw,72px);font-weight:700;line-height:1}.realtime-decimal{font-family:var(--font-mono);color:var(--gray-500);font-size:clamp(24px,4vw,36px);font-weight:400}.realtime-unit{font-family:var(--font-jp);color:var(--gray-500);margin-bottom:32px;font-size:16px}.realtime-meta{border-top:1px solid #333;flex-direction:column;gap:12px;padding-top:20px;display:flex}.realtime-meta-item{justify-content:space-between;align-items:center;display:flex}.realtime-meta-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--gray-500);font-size:10px}.realtime-meta-value{font-family:var(--font-mono);color:var(--gray-300);font-size:12px}.realtime-lost{font-weight:700;color:var(--red)!important}.demo-section-timeline{padding-bottom:0}.timeline-wrapper{width:100%;max-width:720px;height:3200px;position:relative}.timeline-sticky{z-index:10;padding:40px 0;position:sticky;top:80px}.timeline-counter{background:var(--white);border:var(--border);text-align:center;padding:40px clamp(24px,4vw,48px)}.timeline-year{font-family:var(--font-mono);letter-spacing:.15em;color:var(--gray-500);margin-bottom:8px;font-size:14px;font-weight:700}.timeline-pop-display{justify-content:center;align-items:baseline;gap:8px;margin-bottom:16px;display:flex}.timeline-pop-number{font-family:var(--font-mono);letter-spacing:-.02em;font-size:clamp(40px,7vw,64px);font-weight:700;line-height:1}.timeline-pop-unit{font-family:var(--font-jp);color:var(--gray-500);font-size:18px}.timeline-bar-wrapper{background:var(--gray-100);width:100%;height:8px;margin-bottom:12px}.timeline-bar{background:var(--black);width:100%;height:100%;transition:width .15s ease-out}.timeline-bar.danger{background:var(--red)}.timeline-delta{font-family:var(--font-mono);color:var(--red);letter-spacing:.02em;min-height:1.5em;font-size:12px}.timeline-track{flex-direction:column;justify-content:space-between;width:40px;height:100%;padding:60px 0;display:flex;position:absolute;top:0;right:-60px}.timeline-track .year-tick{font-family:var(--font-mono);color:var(--gray-300);text-align:right;font-size:9px;position:relative}.timeline-track .year-tick:before{content:"";background:var(--gray-300);width:12px;height:1px;position:absolute;top:50%;right:calc(100% + 8px)}.timeline-track .year-tick.active{color:var(--black);font-weight:700}.timeline-track .year-tick.active:before{background:var(--red);height:2px}@media (width<=560px){.timeline-track{display:none}}