.pp-landing .pp-tutorial{scroll-margin-top:24px}
.pp-landing .pp-tutorial-intro{margin-top:20px;max-width:620px;font-size:16px;line-height:1.7;color:#dedede}
.pp-tutorial-demo{border:1px solid #444444;border-radius:18px;overflow:hidden;background:#111111;box-shadow:0 20px 60px #0003}
.pp-tutorial-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 24px;background:#111111;border-bottom:1px solid #444444}
.pp-tutorial-toolbar>div{display:flex;align-items:center;gap:10px;font-size:13px;color:#ffffff}
.pp-demo-dot{width:8px;height:8px;flex-shrink:0;background:#f76c4e;border-radius:50%}
.pp-tutorial-toolbar a{font-size:12px;color:#dedede}
.pp-tutorial-gif{display:block;width:100%;height:auto;object-fit:contain;background:#fff}
.pp-landing .pp-tutorial-caption{padding:16px 24px;color:#dedede;font-size:12px;line-height:1.6}
.pp-tutorial-steps{list-style:none;padding:0;margin:42px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:none}
.pp-tutorial-steps li{background:#111111;border:1px solid #444444;border-radius:15px;padding:23px;min-width:0}
.pp-tutorial-number{display:block;font-size:36px;font-weight:700;color:#dedede;letter-spacing:-1px;margin-bottom:15px}
.pp-landing .pp-tutorial-steps h3{font-size:19px;line-height:1.25;letter-spacing:-.4px;margin-bottom:12px;color:#ffffff}
.pp-landing .pp-tutorial-steps p{font-size:13px;color:#dedede;line-height:1.75}
.pp-tutorial-example{padding:12px;margin-top:17px;border:1px dashed #444444;border-radius:8px;font-size:10px;line-height:1.9;overflow-wrap:anywhere;color:#dedede;background:#111111}
.pp-tutorial-bottom{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid #444444;padding-top:28px;margin-top:35px}
.pp-tutorial-bottom strong{font-size:19px;color:#ffffff}
.pp-landing .pp-tutorial-bottom p{margin-top:8px;font-size:13px;color:#dedede}
@media(max-width:1050px){.pp-tutorial-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.pp-tutorial-toolbar{align-items:start;flex-direction:column;padding:16px;gap:9px}.pp-tutorial-toolbar a{font-size:11px}.pp-landing .pp-tutorial-caption{padding:14px 16px;font-size:11px}.pp-landing .pp-tutorial-intro{font-size:14px}.pp-tutorial-steps{grid-template-columns:1fr;gap:14px;margin-top:26px}.pp-tutorial-bottom{flex-direction:column;align-items:start}.pp-tutorial-steps li{padding:20px}.pp-tutorial-number{font-size:29px;margin-bottom:12px}}

.pp-landing .pp-tutorial-caption,.pp-landing .pp-tutorial-steps p,.pp-landing .pp-tutorial-bottom p,.pp-landing .pp-tutorial-toolbar a{font-size:14px;color:#dedede}
.pp-landing .pp-tutorial-example{font-size:12px;color:#fff}
.pp-landing .pp-tutorial-toolbar>div,.pp-landing .pp-tutorial-bottom strong{color:#fff;font-weight:700}