.HowToUseScrollFlow_root__TSXIa{--ink:#3f3f3f;--paper:#f3efe7;--paper-2:#ebe5d9;--rule:rgba(27,25,22,0.14);--muted:rgba(27,25,22,0.62);--accent:#c2482a;--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--serif:"Source Serif 4","Noto Serif JP","Iowan Old Style",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Noto Sans JP",system-ui,sans-serif;--hand:"Caveat","Zen Kurenaido",var(--serif);background:linear-gradient(90deg,#fcfbf5 0,#f0f5e8);color:var(--ink);font-family:var(--sans);line-height:1.5;position:relative;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.HowToUseScrollFlow_root__TSXIa em{font-style:italic;color:var(--accent);font-family:var(--serif)}.HowToUseScrollFlow_root__TSXIa h2{font-family:var(--serif);font-weight:500;letter-spacing:-.02em;line-height:1.02;margin:0}.HowToUseScrollFlow_root__TSXIa .a-scrollflow{position:relative;height:460vh;perspective:1600px}.HowToUseScrollFlow_root__TSXIa .a-scrollflow-rail{position:sticky;top:0;height:100vh;overflow:hidden}.HowToUseScrollFlow_root__TSXIa .a-scrollflow-head{position:absolute;top:48px;left:48px;z-index:4;max-width:460px;transition:opacity .15s linear}.HowToUseScrollFlow_root__TSXIa .a-sec-k{font-family:var(--mono);font-size:11.5px;color:var(--accent);letter-spacing:.12em;margin-bottom:14px;text-transform:uppercase}.HowToUseScrollFlow_root__TSXIa .a-scrollflow-head h2{font-family:var(--font-zen-maru),"Zen Maru Gothic","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:clamp(32px,3.4vw,48px);margin:14px 0 18px;color:#2aa04a}.HowToUseScrollFlow_root__TSXIa .a-scrollflow-steps{position:absolute;top:50%;right:48px;transform:translateY(-50%);z-index:4;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px;width:260px}.HowToUseScrollFlow_root__TSXIa .a-scrollflow-step{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;padding:10px 0;border-bottom:1px solid var(--rule);opacity:.4;transition:opacity .3s}.HowToUseScrollFlow_root__TSXIa .a-scrollflow-step.is-active{opacity:1}.HowToUseScrollFlow_root__TSXIa .a-scrollflow-step-k{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.12em;grid-row:1/3;align-self:center}.HowToUseScrollFlow_root__TSXIa .a-scrollflow-step-t{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--ink)}.HowToUseScrollFlow_root__TSXIa .a-scrollflow-step-d{font-family:var(--sans);font-size:12px;color:var(--muted);line-height:1.5}.HowToUseScrollFlow_root__TSXIa .a-scrollflow-track{position:absolute;top:0;right:-14px;width:2px;height:100%;background:var(--rule);list-style:none}.HowToUseScrollFlow_root__TSXIa .a-scrollflow-track-fill{width:100%;background:var(--accent);transition:height .08s linear}.HowToUseScrollFlow_root__TSXIa .a-stage-3d{position:absolute;inset:0 340px 0 0;z-index:30;transform-style:preserve-3d;perspective:2200px}@media (max-width:1100px){.HowToUseScrollFlow_root__TSXIa .a-stage-3d{inset:0 240px 0 0}}.HowToUseScrollFlow_root__TSXIa .a-stage-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(27,25,22,.06) 100%),linear-gradient(to right,var(--rule) 1px,transparent 1px),linear-gradient(to bottom,var(--rule) 1px,transparent 1px);background-size:auto,80px 80px,80px 80px;pointer-events:none}.HowToUseScrollFlow_root__TSXIa .a-stage-qr{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;gap:16px;transition:opacity .1s linear;will-change:transform,opacity}.HowToUseScrollFlow_root__TSXIa .a-stage-qr-label{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.HowToUseScrollFlow_root__TSXIa .a-stage-qr-box{width:340px;height:340px;background:var(--paper);border:1.5px solid var(--ink);padding:36px;color:var(--ink);box-shadow:0 40px 80px -40px rgba(27,25,22,.35)}.HowToUseScrollFlow_root__TSXIa .a-stage-qr-box svg{width:100%;height:100%}.HowToUseScrollFlow_root__TSXIa .a-stage-qr-cap{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--ink)}.HowToUseScrollFlow_root__TSXIa .a-stage-phone-wrap{position:absolute;top:50%;left:50%;z-index:30;transform-origin:center center;transition:opacity .1s linear;will-change:transform,opacity;transform-style:preserve-3d}.HowToUseScrollFlow_root__TSXIa .a-stage-phone{width:240px;height:480px;background:var(--ink);border-radius:38px;padding:10px;box-shadow:0 60px 120px -40px rgba(27,25,22,.55),-20px 30px 60px -30px rgba(27,25,22,.35),0 0 0 2px rgba(27,25,22,.08);position:relative;backface-visibility:hidden}.HowToUseScrollFlow_root__TSXIa .a-stage-phone-notch{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:76px;height:20px;background:#000;border-radius:12px;z-index:3}.HowToUseScrollFlow_root__TSXIa .a-stage-phone-screen{width:100%;height:100%;background:#ffffff;border-radius:28px;overflow:hidden;position:relative;padding:44px 16px 16px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px}.HowToUseScrollFlow_root__TSXIa .a-stage-scan{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(27,25,22,.04);border-radius:28px;transition:opacity .12s linear;z-index:10}.HowToUseScrollFlow_root__TSXIa .a-stage-scan-corner{position:absolute;width:28px;height:28px;border:2px solid var(--accent)}.HowToUseScrollFlow_root__TSXIa .a-stage-scan-corner.tl{top:30%;left:20%;border-right:none;border-bottom:none}.HowToUseScrollFlow_root__TSXIa .a-stage-scan-corner.tr{top:30%;right:20%;border-left:none;border-bottom:none}.HowToUseScrollFlow_root__TSXIa .a-stage-scan-corner.bl{bottom:30%;left:20%;border-right:none;border-top:none}.HowToUseScrollFlow_root__TSXIa .a-stage-scan-corner.br{bottom:30%;right:20%;border-left:none;border-top:none}.HowToUseScrollFlow_root__TSXIa .a-stage-scan-line{position:absolute;left:22%;right:22%;height:2px;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:HowToUseScrollFlow_a-scan-line__4drq1 1.4s ease-in-out infinite}@keyframes HowToUseScrollFlow_a-scan-line__4drq1{0%,to{top:32%}50%{top:66%}}.HowToUseScrollFlow_root__TSXIa .a-stage-scan-label{position:absolute;bottom:18%;font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--accent)}.HowToUseScrollFlow_root__TSXIa .a-stage-prompt{transition:opacity .12s linear;padding:0 4px}.HowToUseScrollFlow_root__TSXIa .a-stage-prompt-q{font-family:var(--serif);font-size:15px;color:var(--ink);line-height:1.3}.HowToUseScrollFlow_root__TSXIa .a-stage-prompt-sub{font-family:var(--mono);font-size:9px;color:var(--muted);letter-spacing:.1em;margin-top:4px;text-transform:uppercase}.HowToUseScrollFlow_root__TSXIa .a-stage-sticky{background:#fef4a8;box-shadow:0 10px 22px -8px rgba(27,25,22,.25),inset 0 -6px 0 rgba(0,0,0,.04);padding:10px 10px 8px;display:flex;flex-direction:column;justify-content:center;align-items:center;transform-origin:top center;transition:opacity .12s linear,transform .12s linear;position:relative;width:110px;height:110px;align-self:center;margin:auto 12px}.HowToUseScrollFlow_root__TSXIa .a-stage-sticky:before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:48px;height:16px;background:rgba(27,25,22,.22);border-radius:2px;filter:blur(1px)}.HowToUseScrollFlow_root__TSXIa .a-stage-sticky-text{font-family:var(--hand);font-size:16px;line-height:1.1;color:#3f3f3f;text-align:center;flex:1;display:flex;align-items:center;justify-content:center}.HowToUseScrollFlow_root__TSXIa .a-stage-sticky-by{font-family:var(--mono);font-size:9px;color:rgba(27,25,22,.5);letter-spacing:.08em;margin-top:8px}.HowToUseScrollFlow_root__TSXIa .a-hw{position:relative;display:inline-block}.HowToUseScrollFlow_root__TSXIa .a-hw-dim{color:transparent}.HowToUseScrollFlow_root__TSXIa .a-hw-ink{position:absolute;inset:0;color:#3f3f3f}.HowToUseScrollFlow_root__TSXIa .a-stage-phone-btn{padding:8px;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;text-align:center;transition:opacity .12s linear;border-radius:5px;width:110px;align-self:center;margin-top:0;margin-bottom:auto}.HowToUseScrollFlow_root__TSXIa .a-wb-slide{position:absolute;top:50%;left:50%;width:62vw;max-width:880px;transition:opacity .1s linear;will-change:transform,opacity}.HowToUseScrollFlow_root__TSXIa .a-wb-slide .a-wb{position:relative;top:auto;left:auto;transform:none;width:100%;max-width:none;opacity:1}.HowToUseScrollFlow_root__TSXIa .a-wb{position:absolute;top:50%;left:50%;width:62vw;max-width:880px;aspect-ratio:16/10;transition:opacity .1s linear;will-change:transform,opacity}.HowToUseScrollFlow_root__TSXIa .a-wb-frame{width:100%;height:100%;background:transparent;border:none;box-shadow:none;padding:30px 28px 28px;position:relative;overflow:visible}.HowToUseScrollFlow_root__TSXIa .a-wb-inner{position:relative;width:100%;height:100%}.HowToUseScrollFlow_root__TSXIa .a-wb-note{position:absolute;width:78px;height:78px;padding:8px;font-family:var(--hand);font-weight:500;font-size:11px;line-height:1.15;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:1px;box-shadow:0 8px 14px -5px rgba(27,25,22,.25),0 2px 3px rgba(27,25,22,.08),inset 0 -5px 0 rgba(0,0,0,.04);transition:opacity .15s linear,transform .15s cubic-bezier(.2,.8,.2,1);will-change:transform,opacity}.HowToUseScrollFlow_root__TSXIa .a-wb-note.is-hero{width:98px;height:98px;padding:12px;font-weight:600;box-shadow:0 18px 28px -8px rgba(27,25,22,.36),0 3px 5px rgba(27,25,22,.12),0 0 0 1.5px rgba(194,72,42,.35),inset 0 -5px 0 rgba(0,0,0,.04)}.HowToUseScrollFlow_root__TSXIa .a-scrollhint{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--muted);animation:HowToUseScrollFlow_a-hint-bob__3DUef 1.6s ease-in-out infinite;z-index:4}@keyframes HowToUseScrollFlow_a-hint-bob__3DUef{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}.HowToUseScrollFlow_scroll__57EA6{display:block}.HowToUseScrollFlow_fallback__poIVX{display:none}@media (max-width:768px){.HowToUseScrollFlow_scroll__57EA6{display:none}.HowToUseScrollFlow_fallback__poIVX{display:block}}@media (prefers-reduced-motion:reduce){.HowToUseScrollFlow_root__TSXIa .a-scrollhint,.HowToUseScrollFlow_root__TSXIa .a-stage-scan-line{animation:none}.HowToUseScrollFlow_root__TSXIa .a-scrollflow{height:100vh}.HowToUseScrollFlow_root__TSXIa *,.HowToUseScrollFlow_root__TSXIa :after,.HowToUseScrollFlow_root__TSXIa :before{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}}.HowToUseScrollFlow_fallbackInner___CBzW{padding:64px 20px 80px}.HowToUseScrollFlow_fallbackHead__QPH2Y{text-align:center;margin-bottom:32px}.HowToUseScrollFlow_fallbackTitle__H8Qdq{font-family:var(--font-zen-maru),"Zen Maru Gothic","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:clamp(28px,7vw,40px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:10px 0 12px;color:#2aa04a}.HowToUseScrollFlow_fallbackGrid__GtVS3{display:grid;grid-template-columns:1fr;gap:16px;margin-top:32px}.HowToUseScrollFlow_fallbackCard__pjp6t{display:flex;gap:14px;padding:18px 20px;background:var(--paper);border:1px solid var(--rule);border-radius:12px}.HowToUseScrollFlow_fallbackStepNumber__6s3m1{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.12em;min-width:28px}.HowToUseScrollFlow_fallbackCardTitle__0Hf0F{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--ink);margin:0 0 6px}.HowToUseScrollFlow_fallbackCardDesc__B0BgM{font-size:13px;color:var(--muted);line-height:1.55;margin:0}