:root{--ink:#f4f7f7;--cyan:#65dcd5;--journey-duration:12s}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{color:#f4f8f8;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#090c0f;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro SC,Noto Sans SC,PingFang SC,Segoe UI,Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}.motion-home{width:100%;min-height:100svh}.experience-stage{isolation:isolate;background:#050708;width:100%;height:100svh;min-height:640px;position:relative;overflow:hidden}.particle-field{--particle-shift-x:0px;--particle-shift-y:0px;--particle-rotate-x:0deg;--particle-rotate-y:0deg;--ambient-shift-x:0px;--ambient-shift-y:0px;z-index:0;pointer-events:none;perspective:1100px;opacity:.88;position:absolute;inset:0;overflow:hidden}.particle-cloud{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.particle-infinity-cloud{transform:translate3d(var(--particle-shift-x), var(--particle-shift-y), 0) rotateX(var(--particle-rotate-x)) rotateY(var(--particle-rotate-y))}.particle-ambient-cloud{transform:translate3d(var(--ambient-shift-x), var(--ambient-shift-y), 0)}.particle-dot{left:var(--particle-x);top:var(--particle-y);width:var(--particle-size);aspect-ratio:1;background:rgba(125, 225, 219, var(--particle-alpha));animation:infinity-particle-pulse var(--particle-duration) ease-in-out var(--particle-delay) infinite alternate;border-radius:50%;position:absolute;transform:translate(0,0);box-shadow:0 0 8px #65dcd5bd,0 0 20px #65dcd533}.particle-dot-white{background:rgba(239, 247, 247, var(--particle-alpha));box-shadow:0 0 8px #eff7f7a8,0 0 18px #b9ece82e}.particle-dot-soft{filter:blur(.45px)}.particle-dot-ambient{animation-name:ambient-particle-float}.camera-viewport{z-index:2;place-items:center;display:grid;position:absolute;inset:0}.editor-frame{--start-scale:2.05;--start-y:14vh;--prompt-x:-37vw;--prompt-y:-31vh;--prompt-scale:1.62;--overview-scale:.88;--final-scale:.34;aspect-ratio:16/9;transform-origin:50%;will-change:transform;width:min(1280px,89vw);animation:camera-journey var(--journey-duration) cubic-bezier(.72, 0, .22, 1) 1 both;background:#0b0e12;border:1px solid #cddde047;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 30px 90px #000000b8,0 0 32px #65dcd51a}.editor-frame:after{content:"";z-index:6;border-radius:inherit;pointer-events:none;border:1px solid #ffffff14;position:absolute;inset:0}.editor-surface{z-index:1;object-fit:cover;opacity:0;width:100%;height:100%;animation:shell-reveal var(--journey-duration) linear 1 both;position:absolute;inset:0}.preview-video{z-index:3;object-fit:cover;object-position:center 35%;opacity:1;width:44.22%;height:38.89%;animation:preview-visibility var(--journey-duration) linear 1 both;background:#080b0d;border-radius:6px;position:absolute;top:19.17%;left:26.72%}.top-prompt-cleanup{z-index:4;background:#0d1718;width:22%;height:8.6%;position:absolute;top:16.8%;left:76.5%}.ai-reply-mask{z-index:4;opacity:1;width:22.6%;height:12.5%;animation:ai-reply-reveal var(--journey-duration) linear 1 both;background:#0d1718;position:absolute;top:26.1%;left:74.45%}.prompt-reveal{z-index:5;color:#effafa;white-space:nowrap;opacity:0;width:24.55%;height:12.2%;animation:prompt-focus var(--journey-duration) linear 1 both;background:#111a1c;border:1px solid #2b4f4e;border-radius:7px;align-items:center;padding:0 6.5% 0 1.05%;font-size:11px;display:flex;position:absolute;top:85.7%;left:74.45%;overflow:hidden}.prompt-copy{clip-path:inset(0 100% 0 0);animation:prompt-type var(--journey-duration) steps(10, end) 1 both;display:block;overflow:hidden}.prompt-send{background:var(--cyan);color:#071012;width:18%;height:34%;animation:send-pulse var(--journey-duration) ease-in-out 1 both;border-radius:5px;place-items:center;font-size:9px;font-weight:700;display:grid;position:absolute;bottom:13.5%;right:2.9%}.progress-reveal{z-index:5;opacity:0;width:40.7%;height:.7%;animation:progress-visibility var(--journey-duration) linear 1 both;background:#30373d;border-radius:3px;position:absolute;top:43.75%;left:28.44%;overflow:hidden}.progress-reveal i{background:var(--cyan);width:0;height:100%;animation:progress-fill var(--journey-duration) ease-out 1 both;display:block}.timeline-playhead{z-index:5;opacity:0;width:1px;height:22.8%;animation:playhead-move var(--journey-duration) ease-in-out 1 both;background:#6fe6df;position:absolute;top:75.2%;left:42%;box-shadow:0 0 10px #6fe6df8f}.timeline-playhead:before{content:"";background:#6fe6df;border-radius:50%;width:9px;height:9px;position:absolute;top:-4px;left:-4px}.final-copy{z-index:10;color:var(--ink);opacity:0;will-change:transform, opacity;position:absolute}.final-copy h1,.final-copy h2,.final-copy p{letter-spacing:0;margin:0}.final-copy h1,.final-copy h2{font-kerning:normal;font-variation-settings:"wght" 600;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro SC,Noto Sans SC,PingFang SC,system-ui,sans-serif;font-size:52px;font-weight:600;line-height:1.12}.final-copy p{color:#e2e9e98f;margin-top:12px;font-size:17px;font-weight:400;line-height:1.45}.final-copy-left{text-align:left;animation:copy-left-reveal var(--journey-duration) cubic-bezier(.22, 1, .36, 1) 1 both;top:41%;left:5.5vw;transform:translate(-38px,-50%)}.final-copy-right{text-align:right;animation:copy-right-reveal var(--journey-duration) cubic-bezier(.22, 1, .36, 1) 1 both;top:57%;right:5.5vw;transform:translate(38px,-50%)}.download-action{z-index:11;color:#071012;opacity:0;min-width:116px;height:46px;animation:download-reveal var(--journey-duration) cubic-bezier(.22, 1, .36, 1) 1 both;background:#f4f8f8f0;border:1px solid #f8fbfbbd;border-radius:7px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:600;transition:background-color .16s,color .16s,transform .16s;display:inline-flex;position:absolute;top:67%;left:50%;transform:translate(-50%,20px);box-shadow:0 12px 32px #0000004d,inset 0 1px #ffffffc2}.download-action span{font-size:20px;line-height:1}.download-action:hover{background:var(--cyan);color:#071012}.screen-reader-copy{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes camera-journey{0%,20%{transform:translate3d(0, var(--start-y), 0) scale(var(--start-scale))}28%,43%{transform:translate3d(var(--prompt-x), var(--prompt-y), 0) scale(var(--prompt-scale))}50%,64%{transform:translate3d(0, 1vh, 0) scale(var(--overview-scale))}72%,to{transform:translate3d(0, -2vh, 0) scale(var(--final-scale))}}@keyframes infinity-particle-pulse{0%{opacity:.38;transform:translate(0,0)scale(.72)}52%{opacity:1;transform:translate(0,0)scale(1.08)}to{opacity:.52;transform:translate3d(var(--particle-drift-x), var(--particle-drift-y), 0) scale(.9)}}@keyframes ambient-particle-float{0%{opacity:.28;transform:translate(0,0)scale(.78)}to{opacity:.68;transform:translate3d(var(--particle-drift-x), var(--particle-drift-y), 0) scale(1.04)}}@keyframes shell-reveal{0%,12%{opacity:0}20%,to{opacity:1}}@keyframes preview-visibility{0%,40%{opacity:1}48%,66%{opacity:0}74%,to{opacity:1}}@keyframes prompt-focus{0%,21%{opacity:0}27%,43%{opacity:1}50%,to{opacity:0}}@keyframes prompt-type{0%,25%{clip-path:inset(0 100% 0 0)}33%,to{clip-path:inset(0)}}@keyframes ai-reply-reveal{0%,35%{opacity:1}43%,to{opacity:0}}@keyframes send-pulse{0%,32%{box-shadow:none;transform:scale(1)}35%{box-shadow:none;transform:scale(.9)}38%,to{transform:scale(1);box-shadow:0 0 12px #65dcd566}}@keyframes progress-visibility{0%,45%{opacity:0}50%,66%{opacity:1}71%,to{opacity:0}}@keyframes progress-fill{0%,47%{width:0}62%,to{width:72%}}@keyframes playhead-move{0%,48%{opacity:0;left:42%}53%{opacity:1;left:42%}64%{opacity:1;left:67%}69%,to{opacity:0;left:67%}}@keyframes copy-left-reveal{0%,70%{opacity:0;transform:translate(-38px,-50%)}78%,to{opacity:1;transform:translateY(-50%)}}@keyframes copy-right-reveal{0%,72%{opacity:0;transform:translate(38px,-50%)}80%,to{opacity:1;transform:translateY(-50%)}}@keyframes download-reveal{0%,76%{opacity:0;transform:translate(-50%,20px)}84%,to{opacity:1;transform:translate(-50%)}}@media (max-width:1100px){.editor-frame{--start-scale:2.2;--prompt-x:-42vw;--prompt-y:-34vh;--prompt-scale:1.75;--overview-scale:.96;--final-scale:.4}.final-copy h1,.final-copy h2{font-size:40px}.final-copy p{font-size:16px}}@media (max-width:760px){.experience-stage{min-height:720px}.editor-frame{--start-scale:3.2;--start-y:12vh;--prompt-x:-70vw;--prompt-y:-38vh;--prompt-scale:2.45;--overview-scale:1.35;--final-scale:.72;width:92vw}.prompt-reveal{font-size:8px}.final-copy{text-align:center;width:100%;right:auto}.final-copy-left{top:78px;left:0}.final-copy-right{top:auto;bottom:96px;left:0}.final-copy h1,.final-copy h2{font-size:30px}.final-copy p{margin-top:8px;font-size:14px}.download-action{min-width:104px;height:44px;inset:auto auto 24px 50%}}@media (prefers-reduced-motion:reduce){.experience-stage,.particle-dot,.editor-frame,.editor-surface,.preview-video,.ai-reply-mask,.prompt-reveal,.prompt-copy,.prompt-send,.progress-reveal,.progress-reveal i,.timeline-playhead,.final-copy,.download-action{animation:none}.experience-stage{background:#050708}.editor-frame{transform:translate3d(0, -2vh, 0) scale(var(--final-scale))}.editor-surface,.preview-video,.final-copy,.download-action{opacity:1}.ai-reply-mask,.prompt-reveal{opacity:0}.final-copy-left,.final-copy-right{transform:translateY(-50%)}.download-action{transform:translate(-50%)}}