/* Five clear steps, keeping the template's dark surface and lime accent. */
.px-workflow .tp-feature-include-title-wrap h2{block-size:auto;min-block-size:0;max-block-size:none;overflow:visible}
.px-workflow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.px-workflow-grid>.col{min-width:0;width:auto;padding:0}
.px-workflow .tp-feature-include-item{position:relative;height:100%;margin:0;padding:34px 20px 26px;background:linear-gradient(145deg,#ffffff04,transparent);text-align:left!important}
.px-workflow .px-step-icon{display:block;height:40px;margin:0 0 34px;color:#d4ff00}
.px-workflow .px-step-title{font-family:var(--tp-ff-body);font-size:19px;line-height:1.3;color:#fff;margin:0 0 14px;block-size:auto;min-block-size:0;max-block-size:none;overflow:visible;overflow-wrap:anywhere}
.px-workflow .px-step-description{font-size:14px;line-height:1.65;font-weight:400;color:#b6b4be;margin:0;block-size:auto;min-block-size:0;max-block-size:none;overflow:visible}
.px-workflow .px-step-number{position:absolute;right:20px;top:33px;height:auto;color:#87838e;font:500 13px/1.4 'PX Noto Sans',sans-serif;letter-spacing:.08em}
.px-workflow .tp-feature-include-tag span{padding:8px 16px;color:#c6c4cd;font-weight:450}

/* Still-frame editing demonstrations; all copy and images remain CMS fields. */
.px-editing-showcase .tp-build-title-wrap h2{font-size:clamp(42px,5.4vw,72px);line-height:1.08;letter-spacing:-.035em;block-size:auto;min-block-size:0;max-block-size:none;overflow:visible}
.px-editing-showcase .tp-build-title-wrap{margin-bottom:48px}
.px-editing-showcase .tp-build-top-shape{margin-bottom:48px;border-radius:18px;overflow:hidden}
.px-editing-showcase .tp-build-top-shape img{width:100%;height:auto;aspect-ratio:430/252;object-fit:cover}
.px-example-note{color:#92909d;font-size:13px;line-height:1.7;margin:24px 0 0;max-width:44em}
.px-editing-showcase [data-px-layout="e1110"]{align-items:stretch!important}
.px-editing-showcase .row>.col-lg-4:has(>.tp-build-item){display:flex}
.px-editing-showcase .tp-build-item{display:flex;flex-direction:column;width:100%;height:auto;flex:1;background:#111017;overflow:hidden}
.px-editing-showcase .px-example-media{height:280px;position:relative;overflow:hidden;background:#1c1b22;flex:0 0 280px}
.px-editing-showcase .px-example-media>img{display:block;width:100%;height:100%;object-fit:cover}
.px-editing-showcase [data-example-kind="reel"] .px-example-media>img,.px-editing-showcase [data-example-kind="clip"] .px-example-media>img,.px-editing-showcase [data-example-kind="captions"] .px-example-media>img{object-fit:contain;padding:10px}
.px-editing-showcase .tp-build-content{position:static;height:auto;padding:25px 24px 24px;flex:1}
.px-editing-showcase .tp-build-main-title{font-size:23px;line-height:1.3;letter-spacing:-.02em;margin:0 0 14px;block-size:auto;min-block-size:0;max-block-size:none;overflow:visible;overflow-wrap:anywhere}
.px-example-description{font-size:15px;line-height:1.65;color:#c0bdc9;margin:0 0 24px}
.px-example-meta{font-size:12px;line-height:1.6;color:#d4ff00;margin:0;letter-spacing:.015em}
.px-editing-showcase [data-example-kind="comparison"] .px-example-media::after{content:"";position:absolute;inset:0 0 0 50%;border-left:2px solid #fff9;backdrop-filter:contrast(1.1) saturate(1.13) brightness(1.03);pointer-events:none}
.px-comparison-labels{position:absolute;z-index:2;inset:16px 14px auto;display:flex;justify-content:space-between}
.px-comparison-labels span,.px-clip-length{padding:5px 10px;background:#08080bbb;border:1px solid #ffffff30;border-radius:6px;color:#fff;font:600 12px/1.3 'PX Noto Sans','PX Georgian',sans-serif}
.px-clip-length{position:absolute;top:16px;left:16px}
.px-example-caption{position:absolute;bottom:18px;left:18px;right:18px;text-align:center;font:700 19px/1.35 'PX Noto Sans','PX Georgian',sans-serif;color:#fff;text-shadow:0 1px 3px #000}
.px-example-caption span{background:#08080bcc;padding:4px 8px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.px-example-title-overlay{position:absolute;inset:auto 0 0;padding:45px 22px 22px;background:linear-gradient(transparent,#07060cde);display:flex;align-items:flex-start;flex-direction:column;gap:12px}
.px-example-title-overlay img{width:104px;height:auto}
.px-example-title-overlay span{font:650 25px/1.2 var(--tp-ff-body);color:#fff;max-width:90%}
.px-example-play{position:absolute;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%);border:1.5px solid #ffffffe0;border-radius:50%;background:#0002;pointer-events:none}
.px-example-play::after{content:"";position:absolute;left:23px;top:17px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:16px solid #fff;border-radius:2px}
@media(max-width:1199px){.px-workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.px-workflow-grid{grid-template-columns:1fr;gap:14px}.px-workflow .tp-feature-include-item{padding:26px 24px}.px-workflow .px-step-icon{margin-bottom:20px}.px-workflow .px-step-title{font-size:21px}.px-workflow .px-step-description{font-size:15px}.px-workflow .tp-feature-include-tag{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.px-workflow .tp-feature-include-tag span{margin:0}.px-editing-showcase .tp-build-top-shape{display:none}.px-editing-showcase .tp-build-title-wrap h2{font-size:42px}.px-editing-showcase .px-example-media{height:300px;flex-basis:300px}.px-editing-showcase .tp-build-content{padding:23px 22px}.px-editing-showcase .tp-build-main-title{font-size:24px}}
@media(prefers-reduced-motion:reduce){.px-workflow .tp-feature-include-item,.px-editing-showcase .tp-build-item{transition:none}}