.oc .shot{border:1px solid var(--line);background:var(--bg-2);border-radius:10px;overflow:hidden;box-shadow:0 20px 50px -28px #000c}.oc .shot-bar{border-bottom:1px solid var(--line-soft);background:#0c1320;align-items:center;gap:9px;padding:11px 14px;display:flex}.oc .shot-bar .dots{gap:6px;display:flex}.oc .shot-bar .dots i{background:#ffffff24;border-radius:50%;width:10px;height:10px}.oc .shot-bar .slabel{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-left:4px;font-size:11px}.oc .shot .shot-img{width:100%;height:auto;display:block}.oc .howprod-steps{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:50px;display:grid}.oc .hp-step{border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line);padding:26px 22px 28px}.oc .howprod-steps .hp-step:last-child{border-right:none}.oc .hp-n{font-family:var(--mono);letter-spacing:.1em;color:var(--orange);margin-bottom:14px;font-size:14px;font-weight:600;display:block}.oc .hp-step p{color:var(--mute);font-size:14px;line-height:1.55}.oc .howprod-why{grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;display:grid}.oc .hpw-col{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:24px 22px}.oc .hpw-col.us{border-color:color-mix(in srgb,var(--orange)42%,transparent);background:var(--orange-soft)}.oc .hpw-l{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--faint);margin-bottom:10px;font-size:12px;font-weight:600;display:block}.oc .hpw-col.us .hpw-l{color:var(--orange)}.oc .hpw-col p{color:var(--mute);font-size:14.5px;line-height:1.55}.oc .howprod-better{color:var(--mute);text-wrap:pretty;margin-top:26px;font-size:16px;line-height:1.6}.oc .howprod-better b{color:var(--cream);font-weight:600}.oc .howprod-better a{color:var(--orange);border-bottom:1px solid color-mix(in srgb,var(--orange)40%,transparent);white-space:nowrap}.oc .signoff{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:clamp(28px,4vw,40px) clamp(24px,4vw,40px)}.oc .so-k{letter-spacing:-.01em;color:var(--cream);text-wrap:balance;font-size:clamp(20px,2.6vw,28px);line-height:1.3}.oc .so-row{flex-wrap:wrap;gap:10px 12px;margin-top:26px;display:flex}.oc .so-row span{font-family:var(--mono);letter-spacing:.04em;color:var(--cream);border:1px solid var(--line);background:var(--panel-2);border-radius:999px;padding:8px 16px;font-size:13px}.oc .so-line{color:var(--mute);text-wrap:pretty;max-width:640px;margin-top:24px;font-size:16px;line-height:1.6}@media (max-width:920px){.oc .howprod-steps{grid-template-columns:1fr 1fr}.oc .howprod-steps .hp-step:nth-child(2n){border-right:none}}@media (max-width:640px){.oc .howprod-steps{grid-template-columns:1fr}.oc .hp-step{border-right:none}.oc .howprod-why{grid-template-columns:1fr}}