/* 도큐캡처 제품 쪽(docucapture.html)에만 쓰는 꾸밈. 공통 부품은 product-page.css */
.pp.is-capture{--p1:#59c9ff;--p2:#0b5be3}
/* 색 띠 배경(위에서부터 1~5) */
.pp-band.bg-1{--bg:#cfe6ff}
.pp-band.bg-2{--bg:#e5f8d4}
.pp-band.bg-3{--bg:#ffffff}
.pp-band.bg-4{--bg:#f3f4f6}
.pp-band.bg-5{--bg:#0f1d33}

/* 도큐캡처 쪽 전용: 앱 화면 사진은 창 모양 그대로(996×779) 보여 준다 */
.wc-shot{aspect-ratio:996/779;border-radius:12px;background:#fff;box-shadow:0 24px 50px #0b2a5c26,0 0 0 1px #0b2a5c14}
.wc-shot img{object-fit:cover;object-position:top left}
.pp-iconbox .nx-icon.is-image img{width:100%;height:100%}
.wc-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}
.wc-modes span{padding:10px 12px;border-radius:10px;background:#ffffffb3;font-size:14px;font-weight:700;color:var(--x-ink)}
.wc-keys{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.wc-keys kbd{padding:6px 10px;border-radius:8px;background:#fff;box-shadow:0 2px 0 #c9d6ea,inset 0 0 0 1px #d6e1f1;font-family:inherit;font-size:13px;font-weight:700;line-height:1;color:var(--x-ink)}
@media(max-width:600px){.wc-modes{grid-template-columns:1fr}}