:root{--examples-author-bg:#eef8ff;--examples-metadudez-bg:#f2edff;--examples-generation-bg:#fff0f2;--examples-product-bg:#effbdc;--examples-payouts-bg:#edf4f7}
.author-tile{background-size:300% auto}
.example-group-head .showcase-label{display:none}
.example-group-head p{display:block;max-width:250px;margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.example-group-head h3{margin:0}
.example-groups{width:100%}
.example-group{width:100%;padding:34px 30px;border-radius:24px;overflow:hidden;box-shadow:inset 0 7px 14px #20212418}
.example-group:nth-child(1){background:var(--examples-author-bg)}
.example-group:nth-child(2){background:var(--examples-metadudez-bg)}
.example-group:nth-child(3){background:var(--examples-generation-bg)}
.example-group:nth-child(4){background:var(--examples-product-bg)}
.example-group:nth-child(5){background:var(--examples-payouts-bg)}
.example-group[data-aos],.example-group .example-card[data-aos]{opacity:0;transform:translateY(28px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.8,.2,1)}
.example-group[data-aos].is-visible,.example-group[data-aos].aos-animate,.example-group.is-visible .example-card[data-aos],.example-group .example-card[data-aos].aos-animate{opacity:1;transform:none}
.example-group.is-visible .example-card[data-aos]:nth-child(2){transition-delay:.1s}.example-group.is-visible .example-card[data-aos]:nth-child(3){transition-delay:.2s}
.example-slider-bars{display:none;align-items:center;justify-content:center;gap:6px;margin:0 auto 2px}.example-slider-bar{width:24px;height:4px;padding:0;border:0;border-radius:99px;background:var(--bar-color);opacity:.22;cursor:pointer;transition:width .25s ease,opacity .25s ease,box-shadow .25s ease}.example-slider-bar.is-active{width:42px;opacity:1;box-shadow:0 0 10px color-mix(in srgb,var(--bar-color),transparent 45%)}
.author-tile{aspect-ratio:4 / 5;min-height:0}
.social-account{position:relative;z-index:1;display:grid;gap:4px;width:100%;padding:16px;color:#fff}.social-account b{font-size:13px}.social-account span{font-size:10px;opacity:.86}.social-account strong{font-size:14px}
.example-preview-board{height:280px;margin:0;border-radius:12px}.pipeline-example{padding:0;overflow:hidden}.pipeline-example .preview-board{border:0;box-shadow:none}.pipeline-example .board-node{transform:scale(.82);transform-origin:center}.pipeline-example .post-card{transform:scale(.82);transform-origin:right center}
.mock-video-stats{position:absolute;z-index:2;right:10px;bottom:9px;color:#fff;font-size:9px;font-weight:800;line-height:1.45;text-align:right;text-shadow:0 1px 4px #0009}
.mini-product small{margin-top:auto;color:#202124cc;font-size:8px;font-weight:800;line-height:1.1}
.payout-tile{aspect-ratio:4 / 3}.payout-tile .mock-check{grid-template-columns:1fr auto;min-height:105px}.mock-check em,.mock-check small{grid-column:1;color:#71808a;font-size:8px;font-style:normal}.mock-check em{font-weight:750;color:#304252}.mock-check strong{grid-column:2;grid-row:1 / span 4}
@media(max-width:800px){.author-tile{aspect-ratio:4 / 5}.example-preview-board{height:250px}.payout-tile{aspect-ratio:4 / 3}}
@media(prefers-reduced-motion:reduce){.example-group[data-aos],.example-group .example-card[data-aos]{opacity:1;transform:none;transition:none}}
@media(max-width:800px){
  .example-group{width:100%;padding:24px 18px;border-radius:20px}
  .example-tiles{display:flex!important;flex-wrap:nowrap!important;width:100%;max-width:none;overflow-x:auto!important;overflow-y:hidden;gap:14px;padding:4px 2px 18px;touch-action:pan-x;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
  .example-tiles>.example-card{display:flex;flex:0 0 calc(100vw - 72px)!important;width:calc(100vw - 72px);min-width:calc(100vw - 72px);max-width:none;scroll-snap-align:start}
  .pipeline-tiles{display:block!important;width:100%;overflow:visible!important;padding:0}
  .pipeline-tiles>.example-card{display:block;min-width:0;width:100%}
  .example-slider-bars{display:flex}
}