@font-face{font-family:Continental;src:local('Arial');font-display:swap}
.external-link-icon{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.footer-contact .external-link-icon{margin-left:18px}.url-field>.external-link-icon{width:18px;height:18px;color:var(--muted)}
:root{--paper:#f8f9f5;--white:#fff;--ink:#182722;--muted:#58645e;--line:#dce1d8;--green:#c5e67c;--deep:#30563b;--mono:'Consolas','Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Continental,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #497633;outline-offset:5px}::selection{background:var(--green);color:var(--ink)}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:10px;left:16px;transform:translateY(-150%);background:var(--ink);color:white;padding:12px 20px;z-index:20}.skip-link:focus{transform:none}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:11px;font-size:24px;font-weight:750;letter-spacing:-1.15px;line-height:1}.wordmark-sub{display:block;letter-spacing:4.6px;font-size:9px;margin-top:8px;font-weight:600}.site-header nav{display:flex;align-items:center;gap:40px;font-size:13px;font-weight:600}.nav-process:hover{text-decoration:underline;text-underline-offset:6px}.nav-studio{border:1px solid #bcc6bd;border-radius:4px;padding:14px 19px;display:flex;gap:26px;align-items:center;transition:background .2s}.nav-studio:hover{background:var(--green);border-color:var(--green)}.hero{padding-top:34px}.hero-topline{display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:1.6px}.hero-topline>span:first-child{display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:6px;height:6px;background:#537347;border-radius:50%;flex-shrink:0}.hero-edition{color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:80px;align-items:center;margin:51px 0 55px}h1{font-size:clamp(70px,7.6vw,112px);font-weight:600;line-height:.99;letter-spacing:-7px;margin:0}.cut-word{display:inline-block;position:relative}.cut-word svg{position:absolute;left:0;bottom:-14px;width:100%;height:18px;fill:none;stroke:#85a954;stroke-width:3}.hero-copy{max-width:340px;padding-top:7px;margin-left:auto;margin-right:30px}.hero-copy>p:first-child{font-size:21px;line-height:1.4;letter-spacing:-.5px;margin:0 0 14px}.hero-copy strong{font-weight:600}.hero-copy>p:nth-child(2){font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 24px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:51px;padding:15px 21px;border-radius:4px;border:1px solid transparent;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#304637;transform:translateY(-2px)}.button span{font-size:18px;font-weight:400}.hero-note{display:block;font-size:11px;color:var(--muted);margin-top:13px}.motion-shell{border:1px solid #ccd4c9;border-radius:8px;background:#fff;overflow:hidden}.motion-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:.7px;background:#fcfcfa}.demo-label{display:flex;align-items:center;gap:9px}.small-square{width:6px;height:6px;background:var(--ink)}.demo-controls{display:flex;align-items:center;gap:18px;color:var(--muted)}.demo-controls button{display:grid;place-items:center;width:28px;height:28px;background:none;border:1px solid var(--line);color:var(--ink);border-radius:3px}.demo-controls button:hover{background:var(--green)}.motion-canvas{display:grid;grid-template-columns:1fr 1.1fr .85fr;gap:64px;align-items:center;padding:37px 42px 22px;position:relative;min-height:394px}.demo-source,.demo-edit,.demo-result{position:relative;min-width:0;z-index:1}.demo-step{display:block;font:9px var(--mono);letter-spacing:1px;color:var(--muted);margin-bottom:20px}.demo-source>p,.demo-edit>p,.demo-result>p{font-size:11px;color:var(--muted);margin:21px 0 0}.source-window{border:1px solid #c9d2c7;border-radius:5px;overflow:hidden;background:var(--white);transform:rotate(-2deg);transition:transform .65s}.window-bar{display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);padding:10px 12px}.window-dots{font-size:6px;letter-spacing:1px;color:#82927e}.source-poster{height:149px;background:#e0e9d6;position:relative;overflow:hidden;padding:14px}.poster-corner{font:6px var(--mono);letter-spacing:1px;line-height:1.5;position:relative;z-index:1}.poster-orbit,.cut-orbit{position:absolute;width:158px;height:158px;border:1px solid #7e9a6b;border-radius:50%;right:-35px;top:-29px;transform:rotate(-35deg)}.poster-orbit:before,.cut-orbit:before{content:'';position:absolute;inset:0 30%;border:1px solid #7e9a6b;border-radius:50%}.poster-orbit:after,.cut-orbit:after{content:'';position:absolute;inset:30% 0;border:1px solid #7e9a6b;border-radius:50%}.poster-type{display:block;font-size:30px;letter-spacing:-1.6px;font-weight:600;line-height:.98;margin-top:14px;position:relative}.poster-period{color:#58733e}.source-play{position:absolute;right:16px;bottom:29px;background:#fff9;border:1px solid #fff;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;font-size:8px}.poster-bottom{position:absolute;bottom:10px;left:14px;font:5px var(--mono);letter-spacing:.8px}.source-link{display:flex;align-items:center;gap:8px;padding:13px 10px;font:9px var(--mono);white-space:nowrap}.source-link svg,.flow-packet svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}.source-check{margin-left:auto;color:var(--deep);opacity:0;transition:opacity .4s}.flow-rail{position:absolute;left:16%;right:18%;top:52%;border-top:1px dashed #b9c5b2;z-index:0}.flow-packet{position:absolute;top:-17px;left:0;width:34px;height:34px;background:var(--green);border:1px solid #7d9c57;border-radius:7px;display:grid;place-items:center;animation:packet-flow 10s linear infinite}.flow-packet svg{width:18px;height:18px}.editor-window{background:white;border:1px solid #bbc8b6;border-radius:5px;overflow:hidden;transition:box-shadow .6s}.editor-top{display:flex;justify-content:space-between;gap:6px;padding:14px 11px;border-bottom:1px solid var(--line);font:7px var(--mono);white-space:nowrap}.editor-top>span:first-child{display:flex;align-items:center;gap:5px}.editor-top .status-dot{width:4px;height:4px}.time-ruler{display:flex;justify-content:space-between;margin:15px 10px 11px;font:6px var(--mono);color:var(--muted)}.timeline-tracks{position:relative;padding:0 10px 15px;display:grid;gap:7px;overflow:hidden}.track{height:33px;display:flex;gap:3px}.film-track span{flex:1;background:#dce7d1;font:8px var(--mono);padding:10px 7px;border:1px solid #b8caaa;border-radius:2px}.film-track span:nth-child(2){background:#bdcfad;flex:1.45}.audio-track{height:23px;display:flex;align-items:center;gap:2px;overflow:hidden;background:#f1f4eb;padding:3px 4px}.audio-track i{display:block;min-width:2px;flex:1;background:#76925e}.caption-track{height:18px;gap:3px}.caption-track span{flex:1;background:#f1eddf;font-size:6px;padding:5px 3px;white-space:nowrap;text-align:center;border-radius:2px}.playhead{position:absolute;top:0;bottom:8px;width:1px;background:#537347;z-index:1;left:10px;animation:playhead 10s linear infinite}.playhead:before{content:'';position:absolute;top:-1px;left:-3px;background:#537347;width:7px;height:7px}.editor-bottom{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);padding:12px 10px;font-size:8px;color:var(--muted)}.editor-cc{font:bold 7px var(--mono);border:1px solid #a4b198;border-radius:2px;padding:2px}.editor-check{margin-left:auto;opacity:0}.demo-result .demo-step{margin-bottom:15px}.result-stack{position:relative;width:146px;margin:0 auto}.vertical-cut{position:relative;aspect-ratio:9/16;width:146px;background:#dfe8d4;border:1px solid #a9bd97;border-radius:4px;padding:12px 10px;overflow:hidden;z-index:2;transform:rotate(3deg);transition:transform .6s}.cut-top{display:flex;justify-content:space-between;font:5px var(--mono);letter-spacing:.7px;line-height:1.5;position:relative;z-index:2}.cut-type{position:relative;display:block;font-size:37px;letter-spacing:-2px;font-weight:600;line-height:.92;margin:44px 0 0}.cut-type>span{color:#52783a}.cut-orbit{width:128px;height:128px;right:-50px;top:22px}.cut-caption{position:absolute;bottom:38px;left:10px;right:10px;text-align:center;background:var(--ink);color:#fff;font-size:8px;line-height:1.5;padding:5px 2px;border-radius:2px;opacity:.3;transition:opacity .7s}.cut-caption b{color:var(--green);font-weight:600}.cut-bottom{display:flex;position:absolute;bottom:11px;left:10px;right:10px;justify-content:space-between;font:5px var(--mono);letter-spacing:.5px}.stack-back{position:absolute;width:146px;aspect-ratio:9/16;top:0;left:0;border:1px solid #bec9b7;border-radius:4px;transition:transform .7s;background:#eaf0e4}.back-one{transform:rotate(-4deg) translate(-5px,3px);z-index:1}.back-two{transform:rotate(9deg) translate(8px,1px);background:#f5f6ef}.ready-tag{position:absolute;bottom:12px;right:-36px;z-index:3;padding:10px 13px;font-size:9px;background:var(--green);border:1px solid #9fbe6e;border-radius:4px;display:flex;gap:7px;white-space:nowrap;opacity:0;transform:translateY(7px);transition:opacity .5s,transform .5s}.demo-result>p{text-align:center;margin-top:18px}.motion-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;border-top:1px solid var(--line);font:9px var(--mono);color:var(--muted)}.motion-footer>span:first-child{display:flex;align-items:center;gap:7px}.motion-footer b{font-weight:400;margin:0 10px}.under-demo{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);padding-top:18px}.under-demo a{color:var(--ink);display:flex;gap:13px}.under-demo a:hover{text-decoration:underline}.motion-shell[data-stage='1'] .source-window,.motion-shell[data-stage='2'] .source-window{transform:rotate(0)}.motion-shell[data-stage='1'] .source-check,.motion-shell[data-stage='2'] .source-check{opacity:1}.motion-shell[data-stage='1'] .editor-window{box-shadow:0 0 0 4px #c5e67c55}.motion-shell[data-stage='2'] .vertical-cut{transform:rotate(0)}.motion-shell[data-stage='2'] .back-one{transform:rotate(-9deg) translate(-10px,4px)}.motion-shell[data-stage='2'] .back-two{transform:rotate(11deg) translate(11px,3px)}.motion-shell[data-stage='2'] .ready-tag{opacity:1;transform:translateY(0)}.motion-shell[data-stage='2'] .cut-caption,.motion-shell[data-stage='2'] .editor-check{opacity:1}.motion-shell.is-paused *{animation-play-state:paused!important}.motion-shell.is-reduced .flow-packet{display:none}.motion-shell.is-reduced *{animation:none!important;transition:none!important}.motion-shell.is-reduced .playhead{left:83%}
@keyframes packet-flow{0%,8%{left:0;opacity:0}12%{opacity:1}36%{left:49%;opacity:1}42%,53%{left:49%;opacity:0}57%{opacity:1}77%{left:100%;opacity:1}82%,100%{left:100%;opacity:0}}
@keyframes playhead{0%,32%{left:10px}68%,100%{left:calc(100% - 13px)}}
.process-section{padding-top:114px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1.25fr;gap:100px}.eyebrow{font:10px var(--mono);letter-spacing:1.1px;color:var(--muted)}h2{font-size:42px;font-weight:500;line-height:1.1;letter-spacing:-1.8px;margin:23px 0 20px}.section-heading>p{font-size:14px;line-height:1.8;color:var(--muted)}.process-list article{display:flex;align-items:flex-start;gap:20px;padding:27px 0;border-bottom:1px solid var(--line)}.process-list article:first-child{padding-top:0}.process-number{font:12px var(--mono);color:#6e7f62;margin-top:4px}.process-list article>div{flex:1}.process-list h3{font-size:19px;font-weight:500;letter-spacing:-.5px;margin:0 0 10px}.process-list p{font-size:13px;color:var(--muted);line-height:1.8;margin:0;max-width:340px}.process-detail{display:none}.start-section{background:#edf1e7;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.start-inner{padding-top:64px;padding-bottom:64px;display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:center}.start-inner h2{font-size:39px;margin-bottom:14px}.start-inner>div>p{font-size:13px;color:var(--muted);line-height:1.7}.start-inner form{max-width:420px;width:100%;margin-left:auto}label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}.url-field{display:flex;gap:12px;align-items:center;background:white;border:1px solid #b6c2ae;border-radius:4px;padding:0 16px}.url-field>span{font-size:20px;color:var(--muted)}.url-field input{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);font-size:13px;height:54px;outline:none}.url-field:focus-within{outline:2px solid #497633;outline-offset:2px}.url-field input:focus-visible{outline:none}.start-inner form .button{margin-top:10px;width:100%}.field-note{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:12px}.form-error{color:#a32e23;font-size:12px;line-height:1.6;margin:9px 0}.faq-section{display:grid;grid-template-columns:1fr 1.25fr;gap:100px;padding-top:88px;padding-bottom:104px}.faq-section h2{margin-top:17px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:23px 0;font-size:15px;font-weight:500;line-height:1.5}.faq-list details:first-child summary{padding-top:0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:21px;font-weight:400;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0;padding-bottom:24px;max-width:95%}.site-footer{border-top:1px solid #bcc8b7}.footer-main{display:flex;align-items:center;gap:70px;padding:42px 0}.footer-main>p{font-size:12px;line-height:1.7;color:var(--muted)}.footer-contact{margin-left:auto;font-size:18px;letter-spacing:-.5px}.footer-contact>span:first-child{display:block;font:8px var(--mono);letter-spacing:1px;color:var(--muted);margin-bottom:13px}.footer-contact>span:last-child{margin-left:18px}.footer-contact:hover{text-decoration:underline;text-underline-offset:5px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:22px 0 30px;font-size:10px;color:var(--muted)}.footer-bottom strong{color:var(--ink);font-weight:600}.footer-signature{margin-left:8px;font:11px var(--mono);color:var(--ink)}
/* The login shares the public identity without exposing studio configuration. */
.login-page{min-height:100svh;display:flex;flex-direction:column}.login-main{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center;padding-top:76px;padding-bottom:90px}.login-intro h1{font-size:72px;letter-spacing:-4px;line-height:1.03;margin:26px 0}.login-intro>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:310px}.login-rule{height:1px;background:var(--line);max-width:340px;margin:35px 0 20px}.login-intro small{font:10px var(--mono);letter-spacing:1px;color:var(--muted)}.login-panel{background:white;padding:38px;border:1px solid var(--line);border-radius:6px;max-width:420px;width:100%;margin-left:auto}.login-panel h2{font-size:29px;margin:0 0 10px;letter-spacing:-1px}.login-panel>p{font-size:13px;color:var(--muted);line-height:1.7;margin:0 0 28px}.login-panel input{width:100%;height:49px;border:1px solid #b6c2ae;border-radius:4px;padding:0 13px;background:var(--paper);font-size:14px;margin-bottom:20px}.password-field{position:relative}.password-field input{padding-right:65px}.password-toggle{position:absolute;top:0;right:7px;height:49px;max-width:65px;border:0;background:transparent;font-size:10px;color:var(--muted);padding:0 7px}.login-panel .button{width:100%;margin-top:3px}.login-panel .form-error{margin:0 0 16px}.login-back{display:block;text-align:center;font-size:12px;color:var(--muted);margin-top:22px}.login-back:hover{text-decoration:underline}.login-footer{padding-top:0}.pending-link{padding:9px 11px;background:#edf1e7;border-left:2px solid #83a961;font-size:11px;line-height:1.6;margin-bottom:22px;overflow-wrap:anywhere}
@media(min-width:1600px){.hero-grid{margin:64px 0 65px}.motion-canvas{min-height:414px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-grid{gap:35px}h1{font-size:80px;letter-spacing:-5px}.hero-copy{margin-right:0}.motion-canvas{gap:32px;padding:30px 28px 24px;grid-template-columns:1fr 1.1fr .85fr}.demo-step{font-size:8px;letter-spacing:.3px}.editor-top{font-size:6px;padding:14px 8px}.source-link{font-size:8px}.source-poster{height:132px}.poster-type{font-size:26px}.process-section,.faq-section,.start-inner{gap:50px}.login-main{gap:60px}.login-intro h1{font-size:62px}.footer-main{gap:40px}}
@media(max-width:850px){.hero-grid{grid-template-columns:1.15fr 1fr;gap:28px}h1{font-size:65px;letter-spacing:-4px}.hero-copy>p:first-child{font-size:18px}.hero-copy>p:nth-child(2){font-size:13px}.hero-edition{display:none}.motion-canvas{gap:28px;grid-template-columns:1fr 1fr;padding:34px}.demo-result{grid-column:2;grid-row:1/3}.demo-edit{grid-row:2}.demo-source>p,.demo-edit>p{display:none}.demo-edit .demo-step{margin-top:0}.demo-step{font-size:9px;margin-bottom:13px}.source-poster{height:143px}.editor-top{font-size:7px}.source-link{font-size:9px}.vertical-cut,.result-stack,.stack-back{width:170px}.vertical-cut{padding:16px 13px}.cut-type{font-size:44px;margin-top:59px}.cut-caption{font-size:10px;left:13px;right:13px;bottom:43px}.cut-top,.cut-bottom{font-size:6px}.cut-orbit{width:165px;height:165px}.demo-result .demo-step{text-align:center;margin-bottom:25px}.flow-rail{left:23%;right:24%;top:50%;transform:rotate(-16deg)}.process-section{gap:35px;grid-template-columns:1fr 1.2fr;padding-block:80px}h2{font-size:35px}.start-inner{gap:40px}.start-inner h2{font-size:31px}.faq-section{gap:35px;grid-template-columns:.8fr 1.2fr}.footer-main>p{display:none}.login-main{gap:35px}.login-intro h1{font-size:54px;letter-spacing:-3px}.login-panel{padding:26px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.site-header{height:87px}.wordmark{font-size:21px;gap:8px}.wordmark img{width:33px;height:33px}.wordmark-sub{font-size:8px;letter-spacing:3.7px;margin-top:6px}.site-header nav{gap:0}.nav-process{display:none}.nav-studio{padding:11px 13px;font-size:11px;gap:12px}.hero{padding-top:26px}.hero-topline{font-size:8px;letter-spacing:1.1px}.hero-grid{display:block;margin:35px 0 34px}h1{font-size:clamp(57px,13.9vw,83px);letter-spacing:-4px;line-height:1.02}.cut-word svg{bottom:-12px}.hero-copy{max-width:100%;margin-top:38px;padding-top:0}.hero-copy>p:first-child{font-size:18px;margin-bottom:12px}.hero-copy>p:first-child br{display:none}.hero-copy>p:first-child strong{display:block}.hero-copy>p:nth-child(2){max-width:330px;font-size:14px;line-height:1.75;margin-bottom:22px}.hero-copy .button{min-width:238px}.hero-note{font-size:10px;margin-top:13px}.motion-toolbar{padding:10px 13px;font-size:8px;letter-spacing:.3px}.demo-controls{gap:7px}.demo-controls>span{font:7px var(--mono)}.demo-controls button{width:30px;height:30px}.motion-canvas{grid-template-columns:1fr;gap:47px;padding:27px 30px 29px;min-height:0}.demo-source,.demo-edit,.demo-result{grid-column:auto;grid-row:auto;width:100%;max-width:300px;margin-inline:auto}.demo-step{font-size:9px;text-align:center;margin-bottom:14px}.source-poster{height:150px}.poster-type{font-size:32px}.poster-corner{font-size:7px}.poster-bottom{font-size:6px}.source-link{font-size:10px;padding:14px 12px}.window-bar{font-size:8px}.editor-top{font-size:8px;padding:14px 10px}.time-ruler{font-size:7px}.track{height:36px}.caption-track{height:20px}.caption-track span{font-size:7px}.editor-bottom{font-size:9px}.demo-result .demo-step{margin-bottom:22px}.vertical-cut,.result-stack,.stack-back{width:164px}.cut-type{font-size:42px;margin-top:49px}.cut-top,.cut-bottom{font-size:6px}.cut-caption{font-size:9px}.flow-rail{left:50%;top:120px;right:auto;bottom:165px;width:1px;border-top:0;border-left:1px dashed #b9c5b2;transform:none}.flow-packet{top:0;left:-17px;animation-name:packet-flow-mobile}.demo-result>p{font-size:10px;margin-top:24px}.ready-tag{right:-26px;font-size:9px}.motion-footer{font-size:8px;padding:13px;justify-content:center}.motion-footer>span:last-child{display:none}.under-demo{font-size:10px;gap:14px;align-items:flex-start;line-height:1.6}.under-demo>span{max-width:168px}.under-demo a{white-space:nowrap;gap:7px}.process-section{display:block;padding-top:70px;padding-bottom:64px}.section-heading>p br{display:none}.section-heading{margin-bottom:34px}h2{font-size:36px;letter-spacing:-1.5px}.eyebrow{font-size:9px}.section-heading>p{font-size:13px;max-width:290px}.process-list article{gap:20px;padding:23px 0}.process-list h3{font-size:19px}.process-list p{font-size:13px}.start-inner{display:block;padding-top:45px;padding-bottom:45px}.start-inner h2{font-size:32px}.start-inner form{margin:28px 0 0;max-width:100%}.start-inner>div>p{max-width:280px}.field-note{font-size:10px}.faq-section{display:block;padding-block:64px}.faq-section>div:first-child{margin-bottom:30px}.faq-list summary{font-size:14px;padding-block:21px}.footer-main{align-items:flex-start;flex-direction:column;gap:30px;padding-block:35px}.footer-contact{margin:0;font-size:18px}.footer-contact>span:first-child{font-size:8px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:14px;font-size:10px;padding-block:24px}.footer-bottom>a{margin-top:3px}.login-main{display:block;padding-top:42px;padding-bottom:45px}.login-intro h1{font-size:49px;line-height:1.05;margin:20px 0}.login-intro>p{font-size:13px}.login-rule,.login-intro small{display:none}.login-panel{max-width:100%;margin:32px 0 0;padding:25px 23px}.login-panel h2{font-size:28px}.login-footer .footer-bottom{padding-top:24px}}
@keyframes packet-flow-mobile{0%,8%{top:0;opacity:0}12%{opacity:1}36%{top:47%;opacity:1}42%,53%{top:47%;opacity:0}57%{opacity:1}77%{top:100%;opacity:1}82%,100%{top:100%;opacity:0}}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.wordmark{font-size:18px}.wordmark img{width:29px;height:29px}.nav-studio{font-size:10px;padding:10px;gap:8px}.motion-canvas{padding-inline:21px}.hero-topline{font-size:7px}.demo-controls>span{font-size:6px}.under-demo{font-size:9px}.editor-top{font-size:7px}.source-link{font-size:9px}.ready-tag{right:-19px}.motion-toolbar{padding-inline:10px}}
/* Keep the demonstration title and caption inside the final frame at every size. */
.cut-type{font-size:32px}.ready-tag{bottom:-12px}.demo-result>p{margin-top:35px}
@media(min-width:601px) and (max-width:850px){.cut-type{font-size:36px}}
@media(max-width:600px){.cut-type{font-size:35px}.demo-result>p{margin-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.flow-packet{display:none}.playhead{left:83%}}
@media(max-width:600px){
  .login-main{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding-top:18px;padding-bottom:28px}
  .login-panel{order:0;max-width:100%;margin:0;padding:20px 17px}
  .login-panel h2{font-size:25px}
  .login-panel>p{margin-bottom:16px}
  .login-panel input{margin-bottom:12px}
  .login-back{margin-top:15px}
  .login-intro{order:1}
  .login-intro h1{font-size:clamp(28px,8vw,38px);line-height:1.08;letter-spacing:-1.5px;margin:10px 0}
  .login-intro>p{max-width:none}
}