:root{--ink:#161616;--paper:#f4f0e8;--muted:#77736b;--line:#d9d2c5;--accent:#ff5b35;--blue:#325cff;--green:#1d9b76}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Noto Sans CJK SC",system-ui,sans-serif}body{margin:0;background:radial-gradient(circle at 80% 5%,#fff8df 0,transparent 24rem),var(--paper)}main{width:min(1180px,calc(100% - 40px));margin:auto}.hero{min-height:520px;padding:72px 0 54px;position:relative;border-bottom:1px solid var(--ink)}.eyebrow{font:700 12px/1.2 ui-monospace,monospace;letter-spacing:.16em}.hero h1{font-size:clamp(58px,10vw,126px);line-height:.88;letter-spacing:-.075em;margin:74px 0 30px;font-weight:800}.hero h1 em{font-style:normal;color:var(--accent)}.dek{font-size:18px;line-height:1.75;max-width:560px;margin:0}.window{position:absolute;right:0;top:80px;width:210px;border:1px solid var(--ink);padding:17px;display:grid;gap:6px}.window span,.window small{font-size:12px;color:var(--muted)}.window strong{font:700 20px/1.2 ui-monospace,monospace}.headline{display:flex;align-items:center;gap:42px;padding:54px 0;border-bottom:1px solid var(--line)}.headline>div{display:flex;align-items:baseline;color:var(--blue)}.headline strong{font-size:108px;line-height:.8;letter-spacing:-.08em}.headline span{font-size:22px}.headline p{font-size:26px;line-height:1.45;margin:0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-head>div{display:flex;gap:14px;align-items:center}.section-head span{font:700 12px ui-monospace,monospace;color:var(--accent)}h2{font-size:34px;letter-spacing:-.04em;margin:0}.section-head p{font-size:13px;color:var(--muted);margin:0}.chart-section,.ranking-section,.notes{padding:76px 0;border-bottom:1px solid var(--ink)}.timeline{display:grid;gap:7px}.track{display:grid;grid-template-columns:180px 1fr 100px;align-items:center;min-height:72px}.product{font-size:16px;font-weight:700;color:inherit;text-decoration:none}.product small{display:block;font-weight:400;color:var(--muted);margin-top:4px}.rail{position:relative;height:42px;background:linear-gradient(var(--line),var(--line)) center/100% 1px no-repeat}.dot{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;background:var(--color);transform:translate(-50%,-50%);box-shadow:0 0 0 4px var(--paper)}.dot[data-count]:after{content:attr(data-count);position:absolute;left:7px;top:-12px;font:700 10px ui-monospace,monospace;color:var(--color)}.metric{text-align:right}.metric strong{font-size:30px;letter-spacing:-.04em}.metric small{display:block;color:var(--muted)}.axis{margin:14px 100px 0 180px;display:flex;justify-content:space-between;color:var(--muted);font:11px ui-monospace,monospace}.ranking{display:grid;gap:0}.rank-row{display:grid;grid-template-columns:44px 180px 1fr 150px;align-items:center;padding:22px 0;border-top:1px solid var(--line)}.rank-row:first-child{border-top:1px solid var(--ink)}.rank-num{font:12px ui-monospace,monospace;color:var(--muted)}.bar{height:14px;background:#ded8cc;position:relative}.bar i{display:block;height:100%;background:var(--color);width:var(--width)}.rank-stat{text-align:right;font:700 18px ui-monospace,monospace}.rank-stat small{font:400 11px system-ui;color:var(--muted);display:block;margin-top:4px}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px}.note-grid p{margin:0;color:var(--muted);line-height:1.7;font-size:14px}.note-grid b{color:var(--ink);font-size:16px}footer{display:flex;justify-content:space-between;padding:30px 0 80px;color:var(--muted);font-size:12px}
@media(max-width:720px){main{width:min(100% - 28px,1180px)}.hero{padding-top:34px;min-height:620px}.hero h1{margin-top:190px;font-size:58px}.window{top:72px;left:0;right:auto;width:190px}.headline{align-items:flex-start;gap:22px}.headline strong{font-size:76px}.headline p{font-size:18px}.section-head{display:block}.section-head p{margin-top:12px}.track{grid-template-columns:108px 1fr 65px}.product{font-size:13px}.metric strong{font-size:22px}.axis{margin-left:108px;margin-right:65px}.axis span:nth-child(even){display:none}.rank-row{grid-template-columns:30px 96px 1fr 88px}.rank-stat{font-size:14px}.note-grid{grid-template-columns:1fr;gap:28px}footer{display:block;line-height:1.6}.chart-section,.ranking-section,.notes{padding:52px 0}}