@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin.c940764593d0.woff2') format('woff2');font-weight:100 900;font-display:swap}
#movo-content{display:flow-root;background:#000;color:#f4f2f7;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
#movo-content *{box-sizing:border-box}#movo-content .dance-container{width:min(1280px,calc(100% - 96px));margin-inline:auto}#movo-content h1,#movo-content h2,#movo-content h3,#movo-content p{margin:0}#movo-content h1{font-size:clamp(54px,6.3vw,88px);font-weight:500;line-height:1.03;letter-spacing:-.055em}#movo-content h2{font-size:clamp(32px,3vw,44px);line-height:1.15;letter-spacing:-.035em;font-weight:600}#movo-content h3{font-size:22px;line-height:1.4;font-weight:500;letter-spacing:-.02em}#movo-content p{color:#b8b5bf;font-size:18px;line-height:1.8}#movo-content a{color:inherit;text-decoration:none}#movo-content .dance-hero{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center;padding-block:170px 110px}#movo-content .dance-hero p{font-size:21px;line-height:1.7;margin:32px 0 36px}#movo-content .dance-button{display:inline-flex;gap:24px;align-items:center;justify-content:center;background:#fff;color:#292521;border:1px solid #dcd8d1;border-radius:23px;padding:17px 26px;font-size:21px;line-height:1.3;transition:background .2s,color .2s,border-color .2s,transform .2s}#movo-content .dance-button:hover{background:#7a45ff;color:#fff;border-color:#7a45ff;transform:translateY(-2px)}#movo-content a:focus-visible,#movo-content summary:focus-visible{outline:3px solid #7550d0;outline-offset:5px}#movo-content .trial-note{display:block;color:#b8b5bf;font-size:13px;margin-top:15px}#movo-content .media-placeholder{border:1px solid #dcd8d1;border-radius:28px;background:#efede8;min-width:0;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#797368;text-align:center;padding:24px;font-size:17px}#movo-content .media-placeholder small{font-size:12px;color:#918b82}#movo-content .placeholder-icon{font-size:32px;color:#a39c90}#movo-content .hero-media{aspect-ratio:16/9;border-radius:36px}#movo-content .dance-section{padding-block:90px}#movo-content .section-heading{display:flex;justify-content:space-between;gap:32px;align-items:center}#movo-content .section-heading h2{max-width:840px}#movo-content .section-heading .dance-button{flex-shrink:0}#movo-content .section-intro{margin-top:28px;max-width:940px}#movo-content .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:52px}#movo-content .step-label{display:block;margin-bottom:16px;color:#b8b5bf}#movo-content .steps h3{margin-top:24px;margin-bottom:12px}#movo-content .steps p{font-size:17px}#movo-content .features{display:grid;grid-template-columns:1fr 1fr;gap:64px 58px;margin-top:60px}#movo-content .feature-icon{display:block;margin-bottom:25px;font-size:18px;color:#a8a4af}#movo-content .features p{margin:16px 0 22px}#movo-content .text-link{display:inline-block;font-size:17px;padding-block:8px}#movo-content .text-link:hover{text-decoration:underline}#movo-content :is(.dance-more-templates,.dance-tools){background:#1c1c1e;border-radius:60px}#movo-content .idea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px}#movo-content .idea-grid .media-placeholder{aspect-ratio:16/9;padding:16px;font-size:14px;border-radius:20px;background:#e5e1da}#movo-content .faq h2{text-align:center;margin-bottom:48px}#movo-content .faq-list{max-width:1000px;margin:auto}#movo-content details{border-bottom:1px solid #303038;padding:24px 0}#movo-content summary{list-style:none;cursor:pointer;display:flex;gap:24px;justify-content:space-between;font-size:20px;line-height:1.4}#movo-content summary::-webkit-details-marker{display:none}#movo-content summary:after{content:'+';font-size:24px;font-weight:400}#movo-content details[open] summary:after{content:'−'}#movo-content details p{padding-top:18px;max-width:900px}#movo-content .faq>.dance-button{display:flex;width:fit-content;max-width:100%;margin:24px auto 0}#movo-content .tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px}#movo-content .tools-grid article{border:1px solid #303038;border-radius:20px;padding:28px}#movo-content .tools-grid p{margin:14px 0;font-size:16px}#movo-content .dance-final{text-align:center;background:#1c1c1e;border-radius:60px 60px 0 0;padding:100px 24px}#movo-content .dance-final h2{font-size:clamp(44px,5vw,72px)}#movo-content .dance-final p{margin:28px 0 32px}
@media(max-width:800px){#movo-content .dance-container{width:calc(100% - 40px)}#movo-content .dance-hero{grid-template-columns:1fr;gap:40px;padding-block:120px 56px}#movo-content .dance-hero p{font-size:18px}#movo-content .dance-section{padding-block:56px}#movo-content .section-heading{align-items:flex-start;flex-direction:column;gap:24px}#movo-content .steps,#movo-content .features,#movo-content .tools-grid{grid-template-columns:1fr;gap:36px}#movo-content .idea-grid{grid-template-columns:1fr;gap:20px}#movo-content :is(.dance-more-templates,.dance-tools,.dance-final){border-radius:32px}#movo-content .dance-final{padding:64px 0}#movo-content .dance-button{font-size:18px}#movo-content summary{font-size:18px}#movo-content .hero-media{border-radius:24px}#movo-content .features{margin-top:36px}}
@media(prefers-reduced-motion:reduce){#movo-content .dance-button{transition:none}}

/* Full-width workflow section surface. */
#movo-content .dance-how{background:#1c1c1e;border-radius:60px}

/* Charcoal section surfaces remain distinct from the black page canvas. */
#movo-content :is(.dance-how,.dance-gallery,.dance-final){color:#f4f2f7}
#movo-content :is(.dance-how,.dance-gallery,.dance-final) p,
#movo-content .dance-how .step-label{color:#b8b5bf}

@media(max-width:800px){#movo-content .dance-how{border-radius:32px}}
#movo-content :is(.dance-how,.dance-gallery,.dance-final) :is(h2,h3){color:#f4f2f7}

/* Landscape template previews and responsive hero typography. */
#movo-content .hero-space{display:none}
#movo-content .template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px}
#movo-content .template-grid .media-placeholder{aspect-ratio:16/9;background:#e5e1da;border-radius:20px;font-size:14px;padding:16px}
#movo-content .template-action{text-align:center;margin-top:40px}
#movo-content .dance-button{max-width:100%}
@media(min-width:801px){
#movo-content .dance-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:40px}
#movo-content .dance-hero h1{white-space:nowrap;font-size:clamp(30px,3.25vw,46px)}
#movo-content .hero-break{display:none}
#movo-content .hero-space{display:inline}
}
@media(max-width:800px){#movo-content .template-grid{grid-template-columns:1fr;gap:20px}}

/* Keep tool links aligned within each desktop grid row. */
#movo-content .tools-grid article{display:flex;flex-direction:column;align-items:flex-start}
#movo-content .tools-grid article .text-link{margin-top:auto}

#movo-content video.hero-media{display:block;width:100%;min-width:0;object-fit:contain;background:#111}

/* All landing-page videos are silent, looping visual previews. */
#movo-content video{pointer-events:none}

#movo-content .steps .step-image{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:contain;border-radius:24px;background:#fff}

#movo-content .template-video{display:block;width:100%;min-width:0;aspect-ratio:16/9;object-fit:contain;border-radius:20px;background:#111}

#movo-content .dance-template{margin:0;min-width:0;background:#000;border-radius:20px;overflow:clip}
#movo-content .dance-template figcaption{text-align:center;margin:0;padding:16px 20px;color:#f4f2f7;font-size:12px;font-weight:400;line-height:1.4}

#movo-content .dance-template .template-video{border-radius:0}

/* Light caption bars distinguish dance cards from the black page canvas. */
#movo-content .dance-gallery .dance-template figcaption{background:#e9e9e7;color:#000000}

/* Envelope-shaped closing CTA with replaceable image panels. */
#movo-content .dance-final{position:relative;isolation:isolate;overflow:clip;width:calc(100% - 96px);max-width:1440px;margin:0 auto 64px;padding:88px 24px;min-height:420px;border:1px solid #303038;border-radius:24px;background:#000;display:flex;align-items:center;justify-content:center}
#movo-content .dance-final .final-copy{position:relative;z-index:1;width:100%;max-width:760px}
#movo-content .dance-final h2{font-size:clamp(36px,4vw,60px);line-height:1.1}
#movo-content .dance-final p{font-size:18px;line-height:1.6;margin:28px 0 32px}
#movo-content .final-art{position:absolute;z-index:0;top:8%;bottom:0;width:36%;background:repeating-linear-gradient(135deg,#bbb9b5 0 1px,#d8d6d2 1px 18px);display:flex;align-items:flex-end;justify-content:center;padding-bottom:32px;color:#5b5853;font-size:12px}
#movo-content .final-art-left{left:0;clip-path:polygon(0 0,100% 48%,100% 100%,0 100%);mask-image:linear-gradient(to right,#000 30%,transparent 100%)}
#movo-content .final-art-right{right:0;clip-path:polygon(0 48%,100% 0,100% 100%,0 100%);mask-image:linear-gradient(to left,#000 30%,transparent 100%)}
@media(max-width:800px){
#movo-content .dance-final{width:calc(100% - 40px);margin-bottom:40px;padding:56px 20px 112px;min-height:440px;border-radius:24px}
#movo-content .dance-final h2{font-size:36px}
#movo-content .dance-final p{font-size:16px;margin:24px 0}
#movo-content .final-art{top:55%;width:46%;padding-bottom:20px;font-size:10px}
#movo-content .final-art-left{mask-image:linear-gradient(to right,#000,transparent 100%)}
#movo-content .final-art-right{mask-image:linear-gradient(to left,#000,transparent 100%)}
}

#movo-content .final-art{background:none;padding:0}
#movo-content .final-art img{display:block;width:100%;height:100%;object-fit:cover}
#movo-content .final-art-left img{object-position:35% center}
#movo-content .final-art-right img{object-position:65% center}
