body{font-family:var(--dc-body);background:var(--dc-canvas);color:var(--dc-ink)}main{max-width:1180px;padding:0;margin:0 auto;width:calc(100% - 64px)}.opening{padding:36px 0 40px;gap:70px;align-items:start}.opening h1{font-family:var(--dc-display);font-weight:650;font-size:clamp(36px,4.3vw,55px);letter-spacing:-.045em;line-height:1.08;color:var(--dc-ink)}.opening p{color:var(--dc-muted);font-size:15px;line-height:1.7}.demo-note{background:#FFF7D9;border:1px solid #E4CF86;border-radius:14px;padding:20px 23px;max-width:345px}.demo-note strong{color:#66521D;font-size:13px}.demo-note p{font-size:12px;line-height:1.7;margin:8px 0 0}.demo-layout{gap:24px}.shop-pane,.tool-pane{border:1px solid var(--dc-line);border-radius:17px;overflow:hidden;background:#fff;box-shadow:none}.pane-heading{background:#fff;border-bottom:1px solid var(--dc-line);padding:22px 24px}.pane-heading h2{font-family:var(--dc-display);font-size:24px;font-weight:600;color:var(--dc-ink)}.pane-heading p{font-size:12px;color:var(--dc-muted);margin:6px 0 0}iframe{border:0;width:100%}.store-directory{background:#fff;border:1px solid var(--dc-line);border-radius:17px;padding:28px;margin-top:35px}.directory-heading h2{font-family:var(--dc-display);font-size:28px;color:var(--dc-ink)}.directory-heading p{font-size:13px;color:var(--dc-muted);max-width:48ch}.directory-button,.store-directory button{border-color:var(--dc-blue);border-radius:9px}.directory-button:not(:disabled){background:var(--dc-blue);color:#fff}.store-directory input{border-radius:9px;border-color:#CFB1A6;color:var(--dc-ink)}.merchant-list button{border:1px solid var(--dc-line);border-radius:8px;background:var(--dc-canvas);color:var(--dc-ink)}.merchant-codes{border-radius:12px;background:#FFF3EE}.how-to{max-width:740px;margin:45px 0;padding:0;background:transparent;border:0}.how-to h2{font-family:var(--dc-display);font-size:30px}.how-to li{font-size:14px;line-height:1.8;color:var(--dc-muted);padding-bottom:13px}.how-to li strong{color:var(--dc-ink)}.how-to>p{font-size:12px;line-height:1.8;color:var(--dc-muted)}main>footer{padding:20px 0 35px;font-size:12px;color:var(--dc-muted);border-top:1px solid var(--dc-line)}
@media(max-width:760px){main{width:calc(100% - 36px)}.opening{padding:27px 0;gap:20px;grid-template-columns:1fr}.opening h1{font-size:40px}.demo-note{max-width:none}.demo-layout{gap:20px}.store-directory{padding:21px}.directory-heading h2{font-size:25px}.how-to{margin-top:30px}.pane-heading{padding:20px}}