.how-it-works[data-astro-cid-khzrbdxp]{max-width:1200px;margin:0 auto;padding:6rem 1.5rem 5rem}.how-header[data-astro-cid-khzrbdxp]{text-align:center;max-width:48rem;margin:0 auto 5rem}.how-badge[data-astro-cid-khzrbdxp]{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);align-items:center;gap:.375rem;margin-bottom:1.25rem;font-size:.6875rem;font-weight:600;display:inline-flex}.how-badge-dot[data-astro-cid-khzrbdxp]{color:var(--color-primary);font-size:1.1em;line-height:1}.how-title[data-astro-cid-khzrbdxp]{font-family:var(--font-display);letter-spacing:-.025em;color:var(--color-text);text-wrap:balance;margin:0 0 1.25rem;font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:600;line-height:1.15}.sig-period[data-astro-cid-khzrbdxp]{color:var(--color-primary);margin-left:-.05em}.how-subtitle[data-astro-cid-khzrbdxp]{font-family:var(--font-sans);color:var(--color-text-muted);max-width:62ch;margin:0 auto;font-size:1.0625rem;line-height:1.6}.how-steps[data-astro-cid-khzrbdxp]{flex-direction:column;gap:6rem;display:flex}.how-step[data-astro-cid-khzrbdxp]{grid-template-columns:1.05fr 1fr;align-items:center;gap:4rem;display:grid}.how-step[data-astro-cid-khzrbdxp]:nth-child(2n){grid-template-columns:1fr 1.05fr}.how-step[data-astro-cid-khzrbdxp]:nth-child(2n) .how-mockup-frame[data-astro-cid-khzrbdxp]{grid-area:1/2}.how-step[data-astro-cid-khzrbdxp]:nth-child(2n) .how-step-content[data-astro-cid-khzrbdxp]{grid-area:1/1;justify-self:end;padding-left:0;padding-right:1rem}.how-mockup-frame[data-astro-cid-khzrbdxp]{aspect-ratio:4/3;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:.75rem;justify-content:center;align-items:center;padding:2.5rem;display:flex;position:relative;overflow:hidden}.how-step-content[data-astro-cid-khzrbdxp]{padding-left:1rem}.how-step-number[data-astro-cid-khzrbdxp]{font-family:var(--font-display);letter-spacing:-.03em;color:#ffffff1f;color:lab(100% 0 0/.12);font-variant-numeric:tabular-nums;margin-bottom:1.25rem;font-size:3.5rem;font-weight:200;line-height:1;display:block}.how-step-title[data-astro-cid-khzrbdxp]{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text);text-wrap:balance;margin:0 0 .875rem;font-size:1.625rem;font-weight:600;line-height:1.2}.how-step-desc[data-astro-cid-khzrbdxp]{font-family:var(--font-sans);color:var(--color-text-muted);max-width:42ch;margin:0;font-size:1rem;line-height:1.6}.mockup-templates-wrap[data-astro-cid-khzrbdxp]{flex-direction:column;align-items:center;gap:1rem;display:flex}.mockup-templates[data-astro-cid-khzrbdxp]{align-items:center;gap:.75rem;display:flex}.mockup-card[data-astro-cid-khzrbdxp]{background:linear-gradient(135deg,#292929 0%,#121212 100%);background:linear-gradient(135deg,lab(16.48% 0 0) 0%,lab(5.26802% 0 0) 100%);border:1px solid #ffffff12;border:1px solid lab(100% 0 0/.07);border-radius:.5rem;justify-content:center;align-items:center;display:flex;position:relative}.mockup-card--side[data-astro-cid-khzrbdxp]{opacity:.55;width:4.5rem;height:8rem}.mockup-card--fade[data-astro-cid-khzrbdxp]{opacity:.45;border:1px solid #ffffff0d;border:1px solid lab(100% 0 0/.05);width:2rem;height:6rem}.mockup-card--fade-left[data-astro-cid-khzrbdxp]{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 100%)}.mockup-card--fade-right[data-astro-cid-khzrbdxp]{-webkit-mask-image:linear-gradient(270deg,#0000 0%,#000 100%);mask-image:linear-gradient(270deg,#0000 0%,#000 100%)}.mockup-card--selected[data-astro-cid-khzrbdxp]{border:2px solid var(--color-primary);width:5.75rem;height:10.25rem;animation:3s ease-in-out infinite mockup-breathe;box-shadow:0 0 0 4px #d40c1a1f;box-shadow:0 0 0 4px lab(45.5806% 69.4641 51.3946/.12)}.mockup-card-indicator[data-astro-cid-khzrbdxp]{background:var(--color-primary);border-radius:999px;width:.5rem;height:.5rem;position:absolute;top:.5rem;right:.5rem;box-shadow:0 0 6px 2px #d40c1a59;box-shadow:0 0 6px 2px lab(45.5806% 69.4641 51.3946/.35)}@keyframes mockup-breathe{0%,to{box-shadow:0 0 0 4px #d40c1a1f;box-shadow:0 0 0 4px lab(45.5806% 69.4641 51.3946/.12)}50%{box-shadow:0 0 0 8px #d40c1a38;box-shadow:0 0 0 8px lab(45.5806% 69.4641 51.3946/.22)}}.mockup-tpl-icon[data-astro-cid-khzrbdxp]{color:#ffffff8c;color:lab(100% 0 0/.55)}.mockup-card--selected[data-astro-cid-khzrbdxp] .mockup-tpl-icon[data-astro-cid-khzrbdxp]{color:#ffffffeb;color:lab(100% 0 0/.92)}.mockup-tpl-icon--avatar[data-astro-cid-khzrbdxp] svg[data-astro-cid-khzrbdxp]{width:1.625rem;height:1.625rem}.mockup-tpl-icon--music[data-astro-cid-khzrbdxp]{align-items:center;gap:.2rem;height:1.5rem;display:flex}.mockup-bar[data-astro-cid-khzrbdxp]{background:currentColor;border-radius:999px;width:.2rem;animation:1.4s ease-in-out infinite mockup-bar-dance;display:inline-block}.mockup-bar[data-astro-cid-khzrbdxp]:first-child{height:40%;animation-delay:0s}.mockup-bar[data-astro-cid-khzrbdxp]:nth-child(2){height:75%;animation-delay:.12s}.mockup-bar[data-astro-cid-khzrbdxp]:nth-child(3){height:100%;animation-delay:.24s}.mockup-bar[data-astro-cid-khzrbdxp]:nth-child(4){height:60%;animation-delay:.36s}.mockup-bar[data-astro-cid-khzrbdxp]:nth-child(5){height:85%;animation-delay:.48s}@keyframes mockup-bar-dance{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}.mockup-tpl-icon--script[data-astro-cid-khzrbdxp]{flex-direction:column;gap:.2rem;width:1.75rem;display:flex}.mockup-script-line[data-astro-cid-khzrbdxp]{background:currentColor;border-radius:999px;height:.18rem}.mockup-script-line[data-astro-cid-khzrbdxp]:first-child{width:100%}.mockup-script-line[data-astro-cid-khzrbdxp]:nth-child(2){width:78%}.mockup-script-line[data-astro-cid-khzrbdxp]:nth-child(3){width:88%}.mockup-labels[data-astro-cid-khzrbdxp]{justify-content:center;align-items:baseline;gap:.75rem;display:flex}.mockup-label[data-astro-cid-khzrbdxp]{width:4.5rem;font-family:var(--font-sans);letter-spacing:.02em;text-align:center;color:var(--color-text-subtle);font-size:.6875rem;font-weight:500;transition:color .25s cubic-bezier(.23,1,.32,1)}.mockup-label--selected[data-astro-cid-khzrbdxp]{color:var(--color-primary);width:5.75rem;font-weight:600}.mockup-generation[data-astro-cid-khzrbdxp]{font-family:var(--font-sans);flex-direction:column;gap:.5rem;width:100%;max-width:19rem;display:flex}.mockup-stages[data-astro-cid-khzrbdxp]{flex-direction:column;gap:.4rem;display:flex;position:relative}.mockup-stages[data-astro-cid-khzrbdxp]:before{content:"";pointer-events:none;background:linear-gradient(#d40c1a80 0% 60%,#ffffff1a 60% 100%);background:linear-gradient(lab(45.5806% 69.4641 51.3946/.5) 0% 60%,lab(100% 0 0/.1) 60% 100%);width:1.5px;position:absolute;top:.475rem;bottom:.475rem;left:calc(.475rem - .75px)}.mockup-stage[data-astro-cid-khzrbdxp]{letter-spacing:0;color:var(--color-text-muted);align-items:center;gap:.55rem;font-size:.78rem;font-weight:500;line-height:1.2;display:flex}.mockup-stage--done[data-astro-cid-khzrbdxp]{color:var(--color-text)}.mockup-check[data-astro-cid-khzrbdxp]{width:.95rem;height:.95rem;color:var(--color-primary);background:#d40c1a2e;background:lab(45.5806% 69.4641 51.3946/.18);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mockup-stage--active[data-astro-cid-khzrbdxp]{color:var(--color-text)}.mockup-pulse[data-astro-cid-khzrbdxp]{background:var(--color-primary);border-radius:999px;flex-shrink:0;width:.5rem;height:.5rem;margin:0 .225rem;position:relative}.mockup-pulse[data-astro-cid-khzrbdxp]:before{content:"";background:var(--color-primary);opacity:.35;border-radius:999px;animation:1.6s cubic-bezier(0,0,.2,1) infinite mockup-ping;position:absolute;inset:-.2rem}.mockup-now[data-astro-cid-khzrbdxp]{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);background:#d40c1a24;background:lab(45.5806% 69.4641 51.3946/.14);border-radius:.25rem;flex-shrink:0;margin-left:auto;padding:.12rem .4rem;font-size:.6rem;font-weight:600;line-height:1.2}.mockup-stage--pending[data-astro-cid-khzrbdxp]{color:var(--color-text-subtle)}.mockup-dot[data-astro-cid-khzrbdxp]{background:0 0;border:1.5px solid #ffffff38;border:1.5px solid lab(100% 0 0/.22);border-radius:999px;flex-shrink:0;width:.5rem;height:.5rem;margin:0 .225rem}@keyframes mockup-ping{0%{opacity:.45;transform:scale(.6)}80%,to{opacity:0;transform:scale(1.8)}}.mockup-progress[data-astro-cid-khzrbdxp]{background:#ffffff14;background:lab(100% 0 0/.08);border-radius:999px;height:.25rem;margin-top:.625rem;overflow:hidden}.mockup-progress-fill[data-astro-cid-khzrbdxp]{background:var(--color-primary);border-radius:inherit;width:0%;height:100%;animation:4s cubic-bezier(.23,1,.32,1) infinite mockup-fill}@keyframes mockup-fill{0%{width:0%}70%,to{width:78%}}.mockup-eta[data-astro-cid-khzrbdxp]{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-text-subtle);margin-top:.125rem;font-size:.6875rem}.mockup-publish[data-astro-cid-khzrbdxp]{flex-direction:column;align-items:center;gap:0;width:100%;max-width:14rem;display:flex}.mockup-video-thumb[data-astro-cid-khzrbdxp]{background:linear-gradient(135deg,#333 0%,#121212 100%);background:linear-gradient(135deg,lab(21.12% 0 0) 0%,lab(5.26802% 0 0) 100%);border:1px solid #ffffff14;border:1px solid lab(100% 0 0/.08);border-radius:.375rem;flex-direction:column;justify-content:space-between;width:5.5rem;height:3rem;padding:.3rem .4rem;display:flex;position:relative;overflow:hidden}.mockup-video-play[data-astro-cid-khzrbdxp]{color:#060606;color:lab(1.5609% 0 0);background:#ffffffeb;background:lab(100% 0 0/.92);border-radius:999px;justify-content:center;align-self:center;align-items:center;width:1.2rem;height:1.2rem;margin:auto;display:inline-flex}.mockup-video-play[data-astro-cid-khzrbdxp] svg[data-astro-cid-khzrbdxp]{width:.55rem;height:.55rem;margin-left:1px}.mockup-video-meta[data-astro-cid-khzrbdxp]{justify-content:space-between;align-items:center;gap:.25rem;display:flex;position:absolute;bottom:.3rem;left:.35rem;right:.35rem}.mockup-video-title[data-astro-cid-khzrbdxp]{background:#ffffff8c;background:lab(100% 0 0/.55);border-radius:999px;width:2rem;height:.18rem;display:block}.mockup-video-dur[data-astro-cid-khzrbdxp]{font-family:var(--font-mono);color:#ffffffbf;color:lab(100% 0 0/.75);font-variant-numeric:tabular-nums;font-size:.5rem;line-height:1}.mockup-connectors[data-astro-cid-khzrbdxp]{stroke:#ffffff2e;stroke:lab(100% 0 0/.18);stroke-width:1px;stroke-dasharray:2 3;fill:none;width:7rem;height:1.5rem;margin:.25rem 0}.mockup-platforms[data-astro-cid-khzrbdxp]{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.mockup-platform[data-astro-cid-khzrbdxp]{background:#0d0d0d;background:lab(3.6999% 0 0);border:1px solid #ffffff14;border:1px solid lab(100% 0 0/.08);border-radius:.5rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex;position:relative}.mockup-platform--youtube[data-astro-cid-khzrbdxp]{color:red}.mockup-platform--tiktok[data-astro-cid-khzrbdxp],.mockup-platform--instagram[data-astro-cid-khzrbdxp]{color:#f8f8f8;color:lab(97.68% -.0000298023 .0000119209)}.mockup-platform-check[data-astro-cid-khzrbdxp]{background:var(--color-primary);opacity:0;border-radius:999px;width:.875rem;height:.875rem;animation:4.5s cubic-bezier(.23,1,.32,1) infinite mockup-check-pop;position:absolute;top:-.25rem;right:-.25rem;transform:scale(.6)}.mockup-platform-check[data-astro-cid-khzrbdxp]:before{content:"";transform-origin:50%;border-bottom:2px solid #fcfcfc;border-bottom:2px solid lab(98.84% .0000298023 -.0000119209);border-left:2px solid #fcfcfc;border-left:2px solid lab(98.84% .0000298023 -.0000119209);position:absolute;inset:.2rem;transform:rotate(-45deg)translate(.05rem,-.05rem)}.mockup-platform--youtube[data-astro-cid-khzrbdxp] .mockup-platform-check[data-astro-cid-khzrbdxp]{animation-delay:.4s}.mockup-platform--tiktok[data-astro-cid-khzrbdxp] .mockup-platform-check[data-astro-cid-khzrbdxp]{animation-delay:1s}.mockup-platform--instagram[data-astro-cid-khzrbdxp] .mockup-platform-check[data-astro-cid-khzrbdxp]{animation-delay:1.6s}@keyframes mockup-check-pop{0%,10%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1.1)}30%,85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}.mockup-publish-btn[data-astro-cid-khzrbdxp]{font-family:var(--font-sans);letter-spacing:.01em;color:#fcfcfc;color:lab(98.84% .0000298023 -.0000119209);background:var(--color-primary);border-radius:.5rem;align-items:center;gap:.4rem;padding:.625rem 1.125rem;font-size:.8125rem;font-weight:600;display:inline-flex;box-shadow:0 6px 20px -8px #d40c1a8c;box-shadow:0 6px 20px -8px lab(45.5806% 69.4641 51.3946/.55)}@media (max-width:900px){.how-it-works[data-astro-cid-khzrbdxp]{padding:4rem 1rem 3rem}.how-header[data-astro-cid-khzrbdxp]{margin-bottom:3rem}.how-steps[data-astro-cid-khzrbdxp]{gap:4rem}.how-step[data-astro-cid-khzrbdxp]{grid-template-columns:1fr;gap:2rem}.how-step-content[data-astro-cid-khzrbdxp]{text-align:left;padding-left:0}.how-step[data-astro-cid-khzrbdxp]:nth-child(2n){grid-template-columns:1fr}.how-step[data-astro-cid-khzrbdxp]:nth-child(2n) .how-mockup-frame[data-astro-cid-khzrbdxp],.how-step[data-astro-cid-khzrbdxp]:nth-child(2n) .how-step-content[data-astro-cid-khzrbdxp]{grid-area:auto/1;justify-self:stretch;padding-right:0}.how-step-number[data-astro-cid-khzrbdxp]{margin-bottom:.875rem;font-size:2.5rem}.how-step-title[data-astro-cid-khzrbdxp]{font-size:1.375rem}.how-step-desc[data-astro-cid-khzrbdxp]{font-size:.9375rem}.how-mockup-frame[data-astro-cid-khzrbdxp]{aspect-ratio:16/10;padding:1.75rem}}@media (prefers-reduced-motion:reduce){.mockup-card--selected[data-astro-cid-khzrbdxp],.mockup-pulse[data-astro-cid-khzrbdxp]:before,.mockup-progress-fill[data-astro-cid-khzrbdxp],.mockup-platform-check[data-astro-cid-khzrbdxp]{animation:none}.mockup-platform-check[data-astro-cid-khzrbdxp]{opacity:1;transform:scale(1)}.mockup-progress-fill[data-astro-cid-khzrbdxp]{width:65%}}