/* v2: bright music photography and original microphone/play identity. */
:root{--bg:#101311;--surface:#191d19;--ink:#f7f5ee;--muted:#b4b9b0;--line:#363c35;--accent:#ff8f61}
.site-header{position:absolute;background:#101311;height:84px;border-bottom:0}.brand img{width:246px;height:46px;object-fit:contain}.desktop-nav{margin-left:0}.button{font-weight:650}.button-accent{color:#201710}.hero{margin-top:84px;height:calc(100svh - 190px);min-height:650px;max-height:900px;overflow:hidden}.hero-media{overflow:hidden;background:#cb805d}.hero-media img,.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 45%}.hero-media img{animation:hero-drift 16s ease-in-out infinite alternate;transform-origin:70% center}.hero-media[data-scene=solo]{background:#d84f28}.hero-media[data-scene=pet]{background:#d6ac39}.hero-media[data-scene=solo] img,.hero-media[data-scene=pet] img{left:auto;width:64%;object-position:50% 35%}.hero-media.is-paused img{animation-play-state:paused}.hero-shade{background:linear-gradient(90deg,#141915b8 0%,#14191599 27%,#14191532 47%,transparent 64%),linear-gradient(0deg,#10131165,transparent 18%)}.hero-content{padding:100px 56px 110px}.hero h1{font-size:clamp(76px,7.3vw,112px);line-height:.99;font-weight:650;max-width:670px;letter-spacing:-.06em}.hero-content .hero-lead{font-size:21px;line-height:1.5;font-weight:550;color:#fff8f0;margin-top:27px}.hero-content .hero-description{font-size:15px;max-width:410px;color:#f6eee5;margin-top:12px}.hero-actions{margin-top:29px;gap:29px}.hero-actions .button{min-height:57px;padding-inline:26px}.preview-link{display:inline-flex;align-items:center;gap:10px;background:none;padding:6px 0;font:inherit;font-size:13px;color:var(--ink)}.preview-link .mini-play{margin:0;display:grid;place-items:center;width:31px;height:31px;border:1px solid #ffffffb0;border-radius:50%;font-size:17px}.hero-bottom{bottom:24px;color:#fff0df;font-size:10px}.hero-controls{display:flex;gap:36px;align-items:center;min-height:105px;padding-block:25px;border-bottom:1px solid var(--line)}.scene-choice{position:relative;flex:1;text-align:left;background:none;padding:0 0 14px;font-size:13px;color:#c3c7bc;white-space:nowrap}.scene-choice>span{font-size:11px;color:#a4ab9e;margin-right:13px}.scene-choice small{font-size:9px;margin-left:6px;color:#9ea697}.scene-choice i{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#343b31;overflow:hidden}.scene-choice.active{color:var(--ink)}.scene-choice.active i:after{content:'';position:absolute;inset:0;background:var(--accent);width:100%}.motion-toggle{background:none;color:var(--ink);width:40px;height:40px;border:1px solid #858d7d;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.motion-toggle svg{width:20px;height:20px}.styles-section{padding-top:85px}.styles-section .section-heading{display:block;text-align:center}.section-heading h2 em{font-style:normal;color:var(--accent)}.styles-section .section-heading p{margin-top:17px}.style-grid{gap:22px}.style-art{border-radius:12px;aspect-ratio:4/5}.style-art img{object-position:50% 27%}.style-art.duo-art img{object-position:78% 50%}.style-art.pet-art img{object-position:50% 35%}.style-art:after{inset:82% 0 0;background:linear-gradient(transparent,#0004)}.art-label{background:#17221968;border:1px solid #ffffff70;color:#fff;font-size:10px}.expand-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f7f5eef2;color:#172019;font-size:22px}.style-choice{padding-top:21px;padding-bottom:21px}.style-choice strong{font-weight:600}.section-note{text-align:center;font-size:11px;margin-top:25px}.creator-section{padding-top:55px}.creator-layout{border-radius:12px;background:var(--surface)}.creator-preview{min-height:740px}.creator-preview>img{object-position:center 33%}.creator-preview:after{inset:65% 0 0;background:linear-gradient(transparent,#251507b5)}.preview-label{background:#26302060;border-color:#ffffff80}.preview-topline .icon-button{background:#24311b50}.preview-copy{bottom:33px}.preview-copy h3{font-size:39px;font-weight:600}.preview-number,.preview-copy p,.preview-art-note{color:#fff9ee}.creator-form{padding:36px 38px;gap:25px}.field>label,legend{font-size:14px}.upload-drop{min-height:158px;border-color:#707963;background:#ffffff03}.upload-empty strong{font-size:13px}.field-hint{font-size:11px}.preview-boundary{color:#b8c0ad}.form-price small{color:#bbc1b4}.theme-options span{font-size:12px;padding:10px 15px}.consent{font-size:12px}.form-bottom .button{min-height:51px;font-size:13px}.topic-field input{font-size:12px;min-height:48px}.how-section.container{width:100%;max-width:none;margin-top:10px;padding-block:85px;background:#f5f1e8;color:#172019;border:0}.how-inner{width:calc(100% - 112px);max-width:1440px;margin-inline:auto}.how-inner>h2{text-align:center;font-size:clamp(38px,4vw,59px)}.how-inner>h2 br{display:none}.how-intro{text-align:center;color:#566050;margin-top:17px;font-size:16px}.steps{gap:32px;margin-top:50px}.step-line{border-color:#cecfc3;margin-bottom:18px;padding-top:14px}.step-line span{font-family:Manrope,sans-serif;font-size:28px;font-weight:600;color:#d45a2a;letter-spacing:-1px}.step h3{font-size:23px;font-weight:650}.step p{font-size:14px;color:#566050;max-width:360px;min-height:70px;margin-top:12px}.process-demo{margin-top:23px;height:182px;border-radius:10px;overflow:hidden;background:#eae5db;color:#182319}.upload-demo{display:flex;padding:12px;gap:15px;border:1px dashed #bfc2b3}.upload-demo img{height:100%;width:45%;object-fit:cover;object-position:50% 20%;border-radius:7px}.upload-demo>span{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:13px;font-weight:600;gap:11px}.upload-demo svg{width:28px;height:28px}.upload-demo small{font-size:9px;font-weight:400;color:#68715f}.mood-demo{padding:20px 14px;background:transparent;border:1px solid #d5d5c9;display:flex;flex-direction:column;justify-content:space-between}.demo-moods{display:flex;gap:5px}.demo-moods span{display:flex;justify-content:center;align-items:center;text-align:center;background:#e6e3d9;border-radius:6px;padding:12px 5px;font-size:10px;flex:1}.demo-moods span.active{background:var(--accent);color:#251b13;font-weight:650}.demo-wave{height:50px;display:flex;align-items:center;justify-content:center;gap:4px}.demo-wave i{display:block;width:3px;height:20%;border-radius:2px;background:#eb7950}.demo-wave i:nth-child(3n){height:70%}.demo-wave i:nth-child(4n){height:45%}.demo-wave i:nth-child(7n){height:95%}.mood-demo>small{font-size:10px;color:#66715b;text-align:center}.result-demo{position:relative;width:100%;display:block;padding:0;text-align:left}.result-demo img{width:100%;height:100%;object-fit:cover;object-position:75% 40%}.result-caption{position:absolute;bottom:0;left:0;right:0;background:#203029b8;color:white;padding:11px 15px;font-size:12px;display:flex;justify-content:space-between}.result-demo>small{position:absolute;top:11px;left:12px;border-radius:20px;background:#1c2e1b99;color:white;padding:5px 8px;font-size:9px}.pricing-section{padding-top:105px;border-top:0}.pricing-summary{max-width:550px}.pricing-section h2{font-size:64px}.faq-section{padding-bottom:90px}.site-footer{padding-top:45px}.footer-wordmark{font-size:10.2vw}.dialog-media{position:relative;background:#20291e;min-width:0}.dialog-media>img,.dialog-media>video{width:100%;height:600px;max-height:85svh;object-fit:cover}.dialog-media>img[data-style=duo]{object-position:78% center}.dialog-media>video{object-fit:contain;background:#101311}.art-dialog-copy{padding:65px 35px 40px}.art-dialog-copy h2{font-size:42px}.dialog-kicker{font-size:10px}.dialog-close{background:#101311dc}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.js-motion .reveal.is-visible{opacity:1;transform:none}.hero-content h1{animation:hero-enter .8s both}.hero-lead,.hero-description{animation:hero-enter .8s .12s both}.hero-actions{animation:hero-enter .8s .22s both}
@keyframes hero-drift{from{transform:scale(1)}to{transform:scale(1.055)}}@keyframes hero-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero-content{padding-left:max(56px,calc((100vw - 1440px)/2))}}
@media(max-width:1100px){.brand img{width:218px}.hero-content{padding-inline:32px}.hero h1{font-size:83px}.hero-content .hero-lead{font-size:18px}.hero-content .hero-description{font-size:14px;max-width:330px}.hero-controls{gap:22px}.scene-choice small{display:none}.how-inner{width:calc(100% - 64px)}.steps{gap:22px}.creator-form{padding:30px 25px}.theme-options span{font-size:11px;padding-inline:11px}.process-demo{height:163px}.step p{min-height:90px}.step h3{font-size:21px}}
@media(max-width:760px){.site-header{height:76px;padding-inline:22px}.brand img{width:174px;height:34px}.header-actions{gap:14px}.header-actions>.button{font-size:10px;min-height:35px;padding:8px 11px;gap:7px}.mobile-nav{top:76px}.hero{margin-top:76px;min-height:650px;height:calc(100svh - 76px);max-height:850px;align-items:flex-end}.hero-media img,.hero-media video{object-position:76% center}.hero-media[data-scene=solo] img,.hero-media[data-scene=pet] img{width:100%;object-position:50% 25%}.hero-shade{background:linear-gradient(0deg,#101311e8 0%,#101311b0 30%,#10131128 62%,transparent 80%)}.hero-content{padding:180px 22px 90px}.hero h1{font-size:clamp(56px,11vw,82px);font-weight:650;max-width:500px;line-height:1.02}.hero-content .hero-lead{font-size:16px;margin-top:20px;line-height:1.5;max-width:330px}.hero-content .hero-lead br{display:none}.hero-content .hero-description{font-size:12px;max-width:300px;margin-top:10px}.hero-actions{gap:20px;margin-top:23px}.hero-actions .button{min-height:48px;padding:12px 20px;font-size:12px;gap:15px}.preview-link{font-size:11px;gap:8px}.preview-link .mini-play{width:26px;height:26px;font-size:15px}.hero-bottom{font-size:9px;bottom:24px}.hero-controls{gap:15px;min-height:90px;padding-block:21px;flex-wrap:wrap;position:relative}.scene-choice{font-size:10px;padding-bottom:12px}.scene-choice>span{font-size:9px;margin-right:5px}.motion-toggle{position:absolute;right:0;top:-62px;width:32px;height:32px;border-color:#f7f5ee8c}.motion-toggle svg{width:17px}.styles-section{padding-top:58px}.styles-section h2{font-size:38px;line-height:1.12}.styles-section .section-heading p{font-size:13px;max-width:250px;margin-inline:auto;margin-top:16px}.style-grid{gap:30px}.style-art{aspect-ratio:4/4.7;border-radius:10px}.style-choice strong{font-size:23px}.section-note{font-size:10px;text-align:left}.creator-section{padding-top:35px}.creator-preview{min-height:410px}.creator-preview>img{object-position:50% 25%}.preview-copy h3{font-size:34px}.creator-form{padding:26px 20px;gap:23px}.theme-options span{font-size:10px;padding-inline:11px}.upload-empty strong{font-size:11px}.consent{font-size:11px}.form-bottom .button{font-size:11px;padding-inline:14px;gap:10px}.how-section.container{padding-block:60px;margin-top:0}.how-inner{width:calc(100% - 44px)}.how-inner>h2{font-size:38px;text-align:left}.how-inner>h2 br{display:block}.how-intro{text-align:left;font-size:14px;margin-top:20px}.steps{gap:35px;margin-top:35px}.step-line{margin-bottom:15px}.step-line span{font-size:25px}.step h3{font-size:24px}.step p{min-height:0;font-size:14px;max-width:none}.process-demo{height:190px;margin-top:20px}.demo-moods span{font-size:11px}.upload-demo>span{font-size:14px}.upload-demo small{font-size:10px}.pricing-section{padding-top:65px}.pricing-section h2{font-size:42px}.faq-section{padding-bottom:65px}.footer-wordmark{font-size:15.5vw}.dialog-media>img,.dialog-media>video{height:340px;max-height:50svh}.dialog-media>img{object-position:50% 25%}.art-dialog-copy{padding:28px}.art-dialog-copy h2{font-size:34px}}
@media(max-width:370px){.brand img{width:151px}.site-header{padding-inline:18px}.header-actions{gap:10px}.header-actions>.button{font-size:9px;padding-inline:9px}.hero-actions{gap:15px}.hero-actions .button{padding-inline:17px}.preview-link{font-size:10px}.scene-choice{font-size:9px}.hero-controls{gap:10px}.form-bottom{flex-wrap:wrap}.form-bottom .button{flex:1;min-width:145px}.form-price strong span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-media img,.hero-content h1,.hero-lead,.hero-description,.hero-actions{animation:none}.js-motion .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:760px){.hero-media[data-scene=duo]{background:#101311}.hero-media[data-scene=duo] video,.hero-media[data-scene=duo] img{height:60%;object-position:80% center;mask-image:linear-gradient(#000 65%,transparent 100%)}.hero-shade{background:linear-gradient(0deg,#101311 0%,#101311e8 30%,#10131140 56%,transparent 76%)}}