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