:root{color-scheme:light;--paper: #f3efe4;--ink: #211d16;--ink-80: rgba(33, 29, 22, .8);--ink-60: rgba(33, 29, 22, .6);--ink-40: rgba(33, 29, 22, .4);--ink-25: rgba(33, 29, 22, .25);--ink-12: rgba(33, 29, 22, .12);--grid-line: rgba(33, 29, 22, .05);--red: #bd3a2c;--blue: #2e4fa3;--sans: "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans CJK SC", "Microsoft YaHei", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-height:100vh;overflow-x:clip;background-color:var(--paper);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:30px 30px;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}::selection{background:#bd3a2cd9;color:var(--paper)}:focus-visible{outline:2px dashed var(--ink);outline-offset:3px}a{color:inherit}.skip-link{position:fixed;z-index:50;top:12px;left:12px;transform:translateY(-200%);padding:10px 16px;background:var(--ink);color:var(--paper);font-size:13px;text-decoration:none}.skip-link:focus{transform:translateY(0)}.site-head,.hero,.loop,.mp,.handoff,.site-foot{width:min(1120px,100% - 48px);margin-inline:auto}.site-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{position:relative;width:15px;height:15px;flex:none;background:var(--ink);box-shadow:3px 3px 0 var(--ink-25)}.brand-mark:after{content:"";position:absolute;top:2px;right:2px;width:4px;height:4px;background:var(--red)}.brand-name{font-size:17px;font-weight:800;letter-spacing:.06em}.brand-en{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--ink-60)}.site-nav{display:flex;align-items:center;gap:22px}.site-nav a{font-size:14px;font-weight:600;color:var(--ink-80);text-decoration:none;text-underline-offset:4px}.site-nav a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--ink-40)}.kicker{display:flex;align-items:center;gap:10px;margin:0 0 22px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-60)}.kicker-dot{width:8px;height:8px;flex:none;background:var(--red)}.btn-ink,.btn-ghost{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 24px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.btn-ink{background:var(--ink);color:var(--paper);border:1.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink-12)}.btn-ink:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink-12)}.btn-ink:active{transform:translate(0);box-shadow:3px 3px 0 var(--ink-12)}.btn-ghost{background:transparent;color:var(--ink-80);border:1.5px dashed var(--ink-40)}.btn-ghost:hover{color:var(--ink);border-style:solid;border-color:var(--ink);background:#211d160a}.hero{display:grid;grid-template-columns:1fr;gap:clamp(36px,5vw,64px);align-items:start;padding:clamp(36px,7vh,84px) 0 clamp(48px,8vh,88px)}.hero-title{margin:0;font-size:clamp(58px,12vw,104px);line-height:1.02;font-weight:900;letter-spacing:.03em;white-space:nowrap}.hero-title:after{content:"";display:block;width:.64em;height:10px;margin-top:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='8' viewBox='0 0 48 8'%3E%3Cpath d='M1 5 Q 8 1 16 5 T 31 5 T 46 5' fill='none' stroke='%23211d16' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x left / auto 10px}.hero-en{margin:16px 0 26px;font-family:var(--mono);font-size:12px;letter-spacing:.42em;color:var(--ink-60)}.hero-en:before{content:"";display:inline-block;width:8px;height:8px;margin-right:12px;background:var(--red)}.hero-lede{margin:0 0 34px;max-width:32em;font-size:16.5px;line-height:2;color:var(--ink-80)}.hero-cta{display:flex;flex-wrap:wrap;gap:14px}.scene{margin:0}.scene-paper{padding:10px;border:1.5px solid var(--ink);background:linear-gradient(rgba(33,29,22,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(33,29,22,.045) 1px,transparent 1px),var(--paper);background-size:18px 18px,18px 18px,auto;box-shadow:8px 8px 0 var(--ink-12);transform:rotate(-.35deg)}.scene-paper canvas{display:block;width:100%;aspect-ratio:22 / 13}.scene-noscript{margin:12px 4px;font-size:13px;line-height:1.8;color:var(--ink-60)}.ruler{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center;margin-top:18px}.ruler-status{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--ink)}.ruler-status[data-phase=record]{color:var(--red)}.ruler-status[data-phase=replay]{color:var(--blue)}.ruler-toggle{grid-row:1;grid-column:2;padding:6px 12px;border:1.5px dashed var(--ink-40);background:transparent;color:var(--ink-60);font-family:var(--mono);font-size:11px;cursor:pointer}.ruler-toggle:hover{color:var(--ink);border-color:var(--ink)}.ruler-toggle[hidden]{display:none}.ruler-track{position:relative;grid-column:1 / -1;height:24px;border-bottom:1.5px solid var(--ink);background-image:repeating-linear-gradient(90deg,var(--ink) 0 1.5px,transparent 1.5px 50%),repeating-linear-gradient(90deg,var(--ink-40) 0 1.5px,transparent 1.5px 10%);background-size:100% 14px,100% 8px;background-position:bottom left;background-repeat:no-repeat}.ruler-playhead{position:absolute;bottom:-1px;left:0;width:2px;height:26px;background:var(--red);transform:translate(-1px)}.ruler-playhead:after{content:"";position:absolute;top:-5px;left:-3px;width:8px;height:8px;border-radius:50%;background:var(--red)}.ruler-marks{grid-column:1 / -1;display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--ink-60)}.scene-cap{margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--ink-60)}.loop,.mp,.handoff{padding:clamp(56px,9vh,96px) 0;border-top:1.5px dashed var(--ink-25)}.section-head{max-width:640px;margin-bottom:clamp(36px,6vh,56px)}.section-head h2,.mp-copy h2,.handoff-inner h2{margin:0 0 14px;font-size:clamp(30px,4.4vw,50px);line-height:1.15;font-weight:800;letter-spacing:.01em}.section-lede{margin:0;font-size:16px;line-height:1.9;color:var(--ink-60)}.steps{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:44px}.steps:before{content:"";position:absolute;top:2%;bottom:2%;left:25px;border-left:1.5px dashed var(--ink-25)}.step{position:relative;padding-left:76px;transform:rotate(var(--rot, 0deg))}.step-no{position:absolute;top:0;left:0;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:1.5px solid var(--ink);border-radius:50%;background:var(--paper);font-family:var(--mono);font-size:13px;font-weight:700}.step-icon{width:52px;height:52px;margin-bottom:16px;color:var(--ink)}.step h3{margin:0 0 10px;font-size:21px;font-weight:800}.step p{margin:0;font-size:15px;line-height:1.95;color:var(--ink-60)}.mp-grid{display:grid;gap:clamp(32px,5vw,64px);align-items:center}.mp-intro{margin:0;max-width:34em;font-size:16px;line-height:2;color:var(--ink-80)}.mp-qr{margin:0;justify-self:center}.mp-qr-placeholder{width:200px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;border:1.5px dashed var(--ink-40);background:var(--paper);box-shadow:6px 6px 0 var(--ink-12);transform:rotate(.4deg)}.mp-qr-placeholder svg{width:56px;height:56px}.mp-qr-text{font-size:14px;font-weight:700;color:var(--ink-80)}.mp-qr-sub{font-family:var(--mono);font-size:10px;letter-spacing:.24em;color:var(--ink-40)}.mp-qr figcaption{margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--ink-60);text-align:center}.mp-qr-img{display:block;width:200px;height:200px;border:1.5px solid var(--ink);box-shadow:6px 6px 0 var(--ink-12)}.handoff-inner{max-width:680px}.handoff-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.handoff-note{margin:20px 0 0;font-family:var(--mono);font-size:12px;color:var(--ink-60)}.site-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px 0 40px;border-top:1.5px solid var(--ink);font-family:var(--mono);font-size:12px;color:var(--ink-60)}.site-foot a{color:inherit;text-underline-offset:4px;text-decoration-color:var(--ink-40)}.site-foot a:hover{color:var(--ink)}.js [data-reveal]{opacity:0;transform:rotate(var(--rot, 0deg)) translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.9,.3,1)}.js [data-reveal].is-in{opacity:1;transform:rotate(var(--rot, 0deg)) translateY(0)}@media(min-width:761px){.steps{grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,48px)}.steps:before{top:26px;bottom:auto;left:5%;right:5%;border-left:0;border-top:1.5px dashed var(--ink-25)}.step{padding-left:0}.step-no{position:relative;margin-bottom:20px}.mp-grid{grid-template-columns:minmax(0,1fr) auto}.mp-qr{justify-self:end}}@media(min-width:981px){.hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}.hero-title{font-size:clamp(64px,7.6vw,104px)}}@media(max-width:640px){.site-head,.hero,.loop,.mp,.handoff,.site-foot{width:min(1120px,100% - 32px)}.brand-en{display:none}.hero-cta .btn-ink,.hero-cta .btn-ghost,.handoff-cta .btn-ink,.handoff-cta .btn-ghost{width:100%}.scene-paper{padding:6px;transform:none}.site-foot{flex-direction:column;align-items:flex-start;gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.js [data-reveal]{opacity:1;transform:rotate(var(--rot, 0deg))}}