@font-face{font-family:Geist;src:url('/landing-v5/assets/geist.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#090909;--panel:#111;--line:#292929;--text:#f2f2f2;--muted:#a3a3a3}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px;scrollbar-color:#444 #090909}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Geist,Arial,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#ddd;color:#090909}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,video:focus-visible{outline:2px solid white;outline-offset:5px}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{display:none}.shell{width:min(1120px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;background:#fff;color:#111;padding:10px;left:20px;top:15px;z-index:20}.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden}nav{height:80px;display:flex;align-items:center;gap:28px}.brand{font-size:25px;letter-spacing:-.04em;font-weight:680}.nav-links{display:flex;gap:28px;margin-left:auto;color:var(--muted);font-size:13px}.login{font-size:13px;margin-left:22px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#eee;color:#111;padding:12px 20px;border:1px solid #eee;border-radius:6px;font-size:13px;font-weight:550;transition:background .18s}.button:hover{background:#ccc}.small{padding:8px 15px}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px}.text-link:hover,a:hover{color:#ccc}.button:hover{color:#111}.hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;min-height:580px;padding-block:60px 70px}.hero h1{font-size:clamp(72px,8vw,112px);letter-spacing:-.04em;font-weight:620;line-height:1;margin:0 0 28px}.hero p{font-size:18px;line-height:1.6;color:#aaa;margin:0}.actions{display:flex;align-items:center;gap:25px;margin-top:32px}.films{display:grid;grid-template-columns:1fr 1.17fr 1fr;gap:12px;align-items:center;height:350px}.film{width:100%;height:280px;object-fit:cover;border-radius:9px;background:#151515}.main-film{height:350px}.last{align-self:end;margin-bottom:15px}.first{align-self:start;margin-top:15px}.media-foot{display:flex;align-items:center;justify-content:space-between;margin-top:17px;color:#999;font-size:11px}.media-foot button{border:0;background:none;font-size:11px;padding:5px 0;color:#bbb}.section{padding-block:66px;border-top:1px solid var(--line)}.creation,.tools{display:grid;grid-template-columns:1fr 1fr;gap:40px}.feature{min-width:0}h2{font-size:28px;line-height:1.15;letter-spacing:-.025em;font-weight:500;margin:25px 0 12px}.feature>p,.training p,.connections p{color:var(--muted);font-size:14px;margin:0}.feature-media{height:370px;background:#111;border:1px solid var(--line);border-radius:10px;overflow:hidden}.reel-pair{display:flex;justify-content:center;gap:18px;padding:20px}.reel-pair video{min-width:0;width:calc(50% - 9px);height:100%;object-fit:cover;border-radius:6px}.pending-image{display:grid;place-items:center;background:#0d0d0d}.pending-image>span{font-size:14px;color:#aaa;text-align:center}.pending-image>span>span{display:block;margin-top:5px;color:#888;font-size:12px}.reference-line{display:flex;gap:9px;align-items:center;color:#aaa;font-size:12px;margin-top:20px}.reference-line svg{width:15px}.training{display:flex;align-items:center;justify-content:space-between;gap:35px}.training h2,.connections h2{margin-top:0}.training-flow{display:flex;align-items:center;gap:18px;font-size:12px;color:#bbb}.training-flow span{border:1px solid #333;border-radius:6px;padding:12px 15px;white-space:nowrap}.training-flow svg{width:16px}.editor-demo,.agent-demo{height:400px;border:1px solid var(--line);background:#111;border-radius:10px;padding:20px}.panel-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:18px}.panel-head span:last-child{font-size:11px;color:#999}.editor-stage{height:238px;background:#090909;border-radius:5px;display:flex;justify-content:center;position:relative;overflow:hidden}.editor-stage video{height:100%;width:auto;max-width:100%}.caption-sample{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:550;white-space:nowrap;background:#161616e8;padding:3px 7px;border-radius:3px}.editor-controls{display:flex;align-items:center;gap:12px;margin-block:11px;font-size:11px;color:#aaa;font-variant-numeric:tabular-nums}.editor-controls button{display:flex;align-items:center;background:none;border:0;padding:2px}.editor-controls svg{width:15px;height:15px}.timeline{height:27px;position:relative}.clip-strip{height:100%;border-radius:3px;background:#393939 url('/landing-v5/assets/doorway.webp') 50% 40%/54px auto repeat-x}.playhead{position:absolute;left:0;top:-4px;height:54px;width:1px;background:#fff}.caption-track{margin-top:5px;background:#292929;border-radius:3px;padding:2px 8px;font-size:11px;color:#bbb}.agent-demo{display:flex;flex-direction:column}.message{padding:12px 15px;background:#252525;font-size:12px;border-radius:8px 8px 2px 8px;margin:18px 0 22px 35px;align-self:flex-end}.reply{display:flex;gap:12px}.agent-mark{width:24px;height:24px;display:grid;place-items:center;border:1px solid #333;border-radius:50%;font-size:16px;font-weight:600;flex-shrink:0}.reply p{font-size:12px;margin:0;color:#ccc}.prompt{padding-block:12px;margin-block:14px;border-block:1px solid #333}.prompt>div{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:7px}.prompt button{border:0;background:none;padding:3px;color:#aaa;font-size:11px}.prompt p{font-size:12px;color:#999}.reply .text-link{font-size:11px}.composer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border:1px solid #333;padding:8px 12px;border-radius:6px;color:#999;font-size:12px}.connections{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:center}.destinations{display:flex;gap:12px;flex-wrap:wrap}.destinations a{display:flex;align-items:center;gap:10px;padding:14px 13px;border:1px solid #303030;border-radius:7px;font-size:12px;flex:1;white-space:nowrap}.destinations img{width:22px;height:22px;filter:grayscale(1);object-fit:contain}.destinations svg{width:14px;margin-left:auto}.closing{text-align:center;border-top:1px solid var(--line);padding-block:80px}.closing h2{font-size:42px;margin:0 0 28px}.pricing-link{display:block;font-size:12px;color:#aaa;margin-top:18px}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-block:25px}footer>div{display:flex;gap:25px;font-size:12px;color:#999}
@media(max-width:1000px){.shell{width:calc(100% - 48px)}.hero{gap:30px;min-height:500px;padding-block:55px}.films{height:300px;gap:9px}.film{height:240px}.main-film{height:300px}.hero h1{font-size:86px}.hero p{font-size:16px}.creation,.tools{gap:25px}.feature-media{height:330px}.reel-pair{gap:10px;padding:14px}.reel-pair video{width:calc(50% - 5px)}.training{gap:25px}.training-flow{gap:10px}.training-flow span{padding:10px}.connections{grid-template-columns:1fr}.destinations a{flex:0 1 auto;min-width:160px}}
@media(max-width:720px){.shell{width:calc(100% - 36px)}nav{height:65px;gap:17px}.nav-links{display:none}.login{margin-left:auto;font-size:12px}.small{font-size:12px;padding:7px 12px}.brand{font-size:23px}.hero{grid-template-columns:1fr;gap:35px;padding-block:42px 45px}.hero h1{font-size:80px;margin-bottom:20px}.hero p{font-size:16px}.actions{margin-top:24px;gap:23px}.films{height:300px;gap:10px}.film{height:245px}.main-film{height:300px}.media-foot{margin-top:10px}.section{padding-block:42px}.creation,.tools{grid-template-columns:1fr;gap:40px}.feature-media{height:350px}.pending-image{height:350px}h2{font-size:26px;margin-top:21px}.feature>p,.training p,.connections p{font-size:13px}.reference-line{font-size:11px;margin-top:15px}.training{display:block}.training-flow{gap:10px;margin-top:25px;font-size:11px}.training-flow span{padding:9px 10px}.training-flow svg{width:14px}.editor-demo,.agent-demo{height:400px;padding:17px}.editor-stage{height:238px}.message{margin-left:15px;font-size:11px}.reply{gap:10px}.reply p,.prompt p{font-size:11px}.connections{gap:25px}.destinations{display:grid;grid-template-columns:1fr;gap:0;border-block:1px solid #292929}.destinations a{border:0;border-radius:0;padding:16px 0;font-size:13px}.destinations a+a{border-top:1px solid #292929}.destinations img{width:24px;height:24px}.closing{padding-block:60px}.closing h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.reel-clip{position:relative;width:calc(50% - 9px);min-width:0;height:100%;overflow:hidden;border-radius:6px}.reel-pair .reel-clip video{width:100%;height:100%;display:block}.reel-play{position:absolute;inset:0;margin:auto;display:grid;place-items:center;width:44px;height:44px;border:1px solid #aaa;border-radius:50%;background:#111d;color:#fff}.reel-play[hidden]{display:none}.reel-play:hover{background:#222}.reel-play:disabled{cursor:wait}.reel-play svg{width:18px;height:18px}@media(max-width:1000px){.reel-clip{width:calc(50% - 5px)}}

.reel-clip video:fullscreen{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;object-fit:contain!important;background:#000;border-radius:0!important}
.reel-clip video:-webkit-full-screen{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;object-fit:contain!important;background:#000;border-radius:0!important}
.reel-clip video:-moz-full-screen{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;object-fit:contain!important;background:#000;border-radius:0!important}

/* Motion follows the content: a brief opening, then one reveal per product scene. */
.nav-sentinel{position:absolute;top:24px;left:0;width:1px;height:1px;pointer-events:none}
.site-header{position:sticky;top:0;z-index:40;width:100%;border-bottom:1px solid transparent;background:transparent;transition:background-color .26s ease,border-color .26s ease}
.site-header.is-scrolled{background:rgba(17,17,17,.96);border-bottom-color:#ffffff1b}
html{scroll-padding-top:100px}
@media(max-width:720px){html{scroll-padding-top:84px}}
.creation .feature-media{height:480px}
.pabyo-image{display:flex;align-items:center;justify-content:center;background:#101010}
.pabyo-image img{display:block;width:auto;height:calc(100% - 14px);max-width:100%;object-fit:contain;transform:translateY(5px)}
@media(max-width:720px){.creation .feature-media{height:460px}}
.studio-journey{grid-column:1/-1;min-width:0;margin-top:10px}
.studio-journey>h2{max-width:460px;margin:0 0 30px;font-size:clamp(30px,3.5vw,42px);line-height:1.08;font-weight:500;letter-spacing:-.04em}
.journey-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.journey-card{min-width:0;overflow:hidden;border:1px solid #34383b;border-radius:12px;background:#141516}
.journey-visual{height:202px;position:relative;overflow:hidden;border-bottom:1px solid #34383b;background:#17191b}
.journey-copy{min-height:129px;padding:23px 23px 24px}
.journey-copy h3{margin:0 0 9px;font-size:18px;line-height:1.25;font-weight:550;letter-spacing:-.025em}
.journey-copy p{margin:0;color:#a1a5a8;font-size:13px;line-height:1.55}
.journey-inspiration{display:grid;place-items:center}
.journey-instagram{position:absolute;top:17px;left:19px;width:23px;height:23px}
.journey-import{display:flex;align-items:center;gap:9px;transform:translateY(9px)}
.journey-import>img{display:block;width:65px;height:98px;object-fit:cover;border:1px solid #7b8084;border-radius:5px}
.journey-import>svg{width:19px;height:19px;margin:0 2px;color:#c1c4c6}
.journey-pabyo{display:grid;place-items:center;width:43px;height:43px;border:1px solid #51565a;border-radius:9px;background:#101112}
.journey-pabyo img{display:block;width:34px;height:34px;object-fit:cover}
.journey-editor{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px}
.journey-edit-preview{height:142px;width:105px;overflow:hidden;border:1px solid #686c70;border-radius:6px;background:#0b0b0b}
.journey-edit-preview img{display:block;width:100%;height:100%;object-fit:cover}
.journey-edit-timeline{position:relative;width:145px;padding:7px 0}
.journey-timeline-clips{display:flex;gap:4px;height:34px}
.journey-timeline-clips i{display:block;flex:1;border-radius:3px;background:#5966c6}
.journey-timeline-clips i:nth-child(2){background:#6974d2}
.journey-timeline-clips i:nth-child(3){background:#4955ad}
.journey-timeline-caption{display:block;width:74%;height:10px;margin-top:9px;border-radius:2px;background:#656a70}
.journey-timeline-playhead{position:absolute;top:0;bottom:0;left:43%;width:1px;background:#e0e2e4;box-shadow:0 0 0 1px #ffffff18}
.journey-exports{display:flex;align-items:center;justify-content:center;gap:28px}
.journey-exports>div{display:flex;flex-direction:column;align-items:center;gap:11px;color:#aeb1b4;font-size:11px}
.journey-exports img{display:block;width:44px;height:44px;object-fit:contain}
@media(max-width:850px){.journey-cards{grid-template-columns:1fr}.journey-visual{height:180px}.journey-copy{min-height:0;padding:20px 22px 22px}}
@media(max-width:720px){.studio-journey{margin-top:0}.studio-journey>h2{font-size:33px;margin-bottom:23px}.journey-cards{gap:15px}.journey-copy h3{font-size:17px}.journey-copy p{font-size:12px}}
a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
h1,h2{text-wrap:balance}
.button{transition:background-color .2s ease,transform .35s cubic-bezier(.16,1,.3,1)}
.button:active{transform:translateY(1px)}
.button svg,.text-link svg,.destinations svg{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.reel-play{transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .2s ease}
.reel-play:active{transform:scale(.94)}
@media(hover:hover){
 .button:hover{transform:translateY(-2px)}
 .button:hover svg,.text-link:hover svg,.destinations a:hover svg{transform:translateX(3px)}
 .reel-play:hover{transform:scale(1.08)}
 .destinations a{transition:background-color .2s ease,border-color .2s ease}
 .destinations a:hover{background:#181818;border-color:#555;color:var(--text)}
}
@keyframes hero-enter{from{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes step-enter{from{opacity:.35;transform:translate3d(-6px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.motion-ready .hero-copy h1,.motion-ready .hero-copy p,.motion-ready .hero-copy .actions,.motion-ready .hero-media .film,.motion-ready .hero-media .media-foot{animation:hero-enter .72s cubic-bezier(.16,1,.3,1) both}
.motion-ready .hero-copy p{animation-delay:.08s}
.motion-ready .hero-copy .actions{animation-delay:.16s}
.motion-ready .hero-media .film.first{animation-delay:.15s}
.motion-ready .hero-media .film.main-film{animation-delay:.25s}
.motion-ready .hero-media .film.last{animation-delay:.35s}
.motion-ready .hero-media .media-foot{animation-delay:.43s}
.motion-ready .reveal-pending{opacity:0;transform:translate3d(0,22px,0);transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1)}
.motion-ready .reveal-pending.is-visible{opacity:1;transform:translate3d(0,0,0)}
.motion-ready .creation .feature:nth-child(2).is-visible,.motion-ready .tools .feature:nth-child(2).is-visible{transition-delay:.12s}
.motion-ready .training.is-visible .training-flow>*{animation:step-enter .55s cubic-bezier(.16,1,.3,1) both}
.motion-ready .training.is-visible .training-flow>*:nth-child(2){animation-delay:.1s}
.motion-ready .training.is-visible .training-flow>*:nth-child(3){animation-delay:.2s}
.motion-ready .training.is-visible .training-flow>*:nth-child(4){animation-delay:.3s}
.motion-ready .training.is-visible .training-flow>*:nth-child(5){animation-delay:.4s}
.motion-ready .tools .feature.is-visible .agent-demo .message,.motion-ready .tools .feature.is-visible .agent-demo .reply{animation:hero-enter .6s cubic-bezier(.16,1,.3,1) both}
.motion-ready .tools .feature.is-visible .agent-demo .message{animation-delay:.12s}
.motion-ready .tools .feature.is-visible .agent-demo .reply{animation-delay:.27s}
.button:active{transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){
 .motion-ready .reveal-pending{opacity:1;transform:none}
 .motion-ready .hero-copy h1,.motion-ready .hero-copy p,.motion-ready .hero-copy .actions,.motion-ready .hero-media .film,.motion-ready .hero-media .media-foot,.motion-ready .training.is-visible .training-flow>*,.motion-ready .tools .feature.is-visible .agent-demo .message,.motion-ready .tools .feature.is-visible .agent-demo .reply{animation:none}
 .button svg,.text-link svg,.destinations svg,.film,.reel-play{transition:none}
}

/* Open hero choreography: floating media on the page, without a containing UI panel. */
.hero{min-height:630px;grid-template-columns:.9fr 1.1fr;padding-block:60px 73px}
.hero h1{font-size:clamp(82px,8vw,112px)}
.hero-motion{height:510px;min-width:0;position:relative;isolation:isolate;overflow:hidden}
.hero-motion::before{content:"";position:absolute;inset:3% 5%;z-index:-1;background:radial-gradient(ellipse at 50% 53%,#171717 0%,#0d0d0d 32%,transparent 70%);pointer-events:none}
.motion-spine{position:absolute;left:50%;top:9%;height:82%;width:1px;background:linear-gradient(transparent,#333 22%,#444 55%,transparent);opacity:.65}
.motion-scene{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none}
.motion-references{opacity:1;visibility:visible}
.motion-refs{position:absolute;top:95px;left:50%;width:300px;height:186px;transform:translateX(-50%)}
.motion-refs img{position:absolute;display:block;border:1px solid #515151;border-radius:8px;width:98px;height:140px;object-fit:cover;object-position:center 24%;background:#222;box-shadow:0 14px 28px #0006}
.motion-refs img:first-child{left:4px;top:25px;transform:rotate(-13deg)}
.motion-refs img:nth-child(2){left:101px;top:0;z-index:2}
.motion-refs img:nth-child(3){right:3px;top:25px;transform:rotate(13deg)}
.motion-node{position:absolute;left:50%;bottom:116px;transform:translateX(-50%);display:flex;align-items:center;gap:11px;width:206px;height:58px;border:1px solid #555;border-radius:10px;padding:9px 14px;background:#1a1a1bed;box-shadow:0 0 0 4px #ffffff08}
.motion-node img,.motion-reel-character img{width:38px;height:38px;object-fit:cover;object-position:center 25%;border-radius:50%}
.motion-node-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#e6e6e6;color:#111;font-size:17px;font-weight:760;line-height:1}
.motion-character .motion-node-mark{margin-left:auto}
.motion-instagram{position:absolute;left:50%;top:40px;transform:translateX(-50%);width:224px;border:1px solid #454545;border-radius:11px;padding:11px;background:#181818f2;box-shadow:0 18px 35px #0008}
.motion-ig-icon{display:block;width:23px;height:23px;margin:0 0 10px 2px}
.motion-ig-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}
.motion-ig-reel{position:relative;flex:0 0 calc((100% - 6px)/3)}
.motion-ig-reel::after{content:"";position:absolute;right:5px;top:5px;border-left:6px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent;filter:drop-shadow(0 1px 2px #000)}
.motion-ig-grid img{display:block;width:100%;height:69px;object-fit:cover;object-position:center 27%;border-radius:2px}
.motion-ingest{position:absolute;left:50%;bottom:83px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-around;width:174px;height:54px;border:1px solid #555;border-radius:10px;background:#1b1b1bee;box-shadow:0 0 0 4px #ffffff06}
.motion-photo-icon{display:block;width:20px;height:16px;border:1.5px solid #dedede;border-radius:3px;position:relative}
.motion-photo-icon::after{content:"";position:absolute;left:4px;bottom:3px;width:9px;height:7px;border-left:1.4px solid #ddd;border-top:1.4px solid #ddd;transform:rotate(45deg)}
.motion-film-icon{display:block;width:19px;height:16px;border:1.5px solid #dedede;border-radius:3px;position:relative}
.motion-film-icon::after{content:"";position:absolute;left:7px;top:3px;border-left:6px solid #ddd;border-top:4px solid transparent;border-bottom:4px solid transparent}
.motion-image-inputs{position:absolute;left:50%;top:55px;transform:translateX(-50%);display:flex;gap:25px}
.motion-image-inputs>div{width:108px;text-align:center}
.motion-image-inputs img,.motion-image-results img{display:block;width:100%;height:132px;border:1px solid #626262;border-radius:7px;object-fit:cover;object-position:center 25%;background:#222;box-shadow:0 13px 25px #0007}
.motion-image-inputs span{position:absolute;top:139px;left:0;width:100%;text-align:center;font-size:10px;color:#c8c8c8;white-space:nowrap}
.motion-image-node{position:absolute;top:209px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:42px;height:42px;border:1px solid #666;border-radius:50%;background:#202020}
.motion-image-node .motion-node-mark{width:25px;height:25px;font-size:16px}
.motion-orbit-dot{position:absolute;right:-4px;top:3px;width:6px;height:6px;border-radius:50%;background:#ddd}
.motion-image-results{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:17px}
.motion-image-results img{width:120px;height:166px;border-color:#929292}
.motion-reel-source,.motion-reel-result{position:absolute;top:161px;width:136px;height:196px;border:1px solid #535353;border-radius:8px;overflow:hidden;background:#222;box-shadow:0 15px 30px #0007}
.motion-reel-source{left:12%}
.motion-reel-result{right:12%}
.motion-reel-source img,.motion-reel-result img{display:block;width:100%;height:100%;object-fit:cover}
.motion-play-shape{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:29px;height:29px;border:1px solid #eee;border-radius:50%;background:#1119}
.motion-play-shape::after{content:"";margin-left:3px;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
.motion-reel-character{position:absolute;left:50%;top:210px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;width:122px;height:58px;padding:8px;border:1px solid #595959;border-radius:9px;background:#1c1c1cf5}
.motion-reel-character img{width:40px;height:40px}
.motion-mini-timeline{position:absolute;left:5px;right:5px;bottom:5px;height:18px;display:flex;gap:2px;padding:2px;background:#111b;border-radius:2px}
.motion-mini-timeline i{display:block;flex:1;background:#aaa6;border-radius:1px}
.motion-mini-timeline i:nth-child(2){flex:.5;background:#d9d9d996}
.motion-mini-timeline b{position:absolute;left:12%;top:-2px;width:1px;height:22px;background:#fff}
.motion-agent-core{position:absolute;left:50%;top:126px;transform:translateX(-50%);display:grid;place-items:center;width:68px;height:68px;border:1px solid #646464;border-radius:50%;background:#202020;color:#eaeaea;font-size:34px;font-weight:750;box-shadow:0 0 0 7px #ffffff07}
.motion-agent-steps{position:absolute;left:50%;top:274px;transform:translateX(-50%);display:flex;gap:19px}
.motion-agent-steps>div{display:grid;place-items:center;width:61px;height:61px;border:1px solid #555;border-radius:10px;background:#1b1b1b}
.motion-export-icon{font-size:25px;line-height:1;color:#e7e7e7}
.motion-clean-card{position:absolute;top:65px;left:50%;transform:translateX(-50%);width:84px;height:119px;border:1px solid #555;border-radius:7px;overflow:hidden;box-shadow:0 16px 30px #0007}
.motion-clean-card>img{width:100%;height:100%;object-fit:cover}
.motion-metadata{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:3px;padding:6px;background:#111b}
.motion-metadata i{width:13px;height:4px;background:#dedede88;border-radius:3px}
.motion-destinations{position:absolute;left:50%;top:230px;transform:translateX(-50%);display:grid;gap:9px;width:210px}
.motion-destinations>div{display:flex;align-items:center;justify-content:space-between;height:52px;padding:9px 14px;border:1px solid #5b5b5b;border-radius:9px;background:#1b1b1beb;box-shadow:0 10px 23px #0005}
.motion-destinations img{display:block;width:27px;height:27px;object-fit:contain}
.motion-check{width:14px;height:14px;border:1px solid #bcbcbc;border-radius:50%;position:relative}
.motion-check::after{content:"";position:absolute;left:3px;top:2px;width:5px;height:7px;border-right:1px solid #eee;border-bottom:1px solid #eee;transform:rotate(40deg)}
.hero-motion-toggle{position:absolute;right:9px;bottom:9px;z-index:3;display:grid;place-items:center;width:31px;height:31px;border:1px solid #454545;border-radius:50%;background:#181818b8;opacity:.7}
.hero-motion-toggle:hover,.hero-motion-toggle:focus-visible{opacity:1;background:#2a2a2a}
.motion-pause-icon{display:block;width:9px;height:12px;border-left:2px solid #ddd;border-right:2px solid #ddd}
.hero-motion-toggle[aria-pressed="true"] .motion-pause-icon{width:0;height:0;border-left:9px solid #ddd;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:0;margin-left:3px}
@media(max-width:1000px){
 .hero{gap:25px;min-height:590px}
 .hero-motion{height:485px}
 .motion-reel-source{left:4%}
 .motion-reel-result{right:4%}
}
@media(max-width:720px){
 .hero{grid-template-columns:1fr;gap:12px;min-height:0;padding-block:42px 20px}
 .hero h1{font-size:80px}
 .hero-motion{height:440px;width:100%;max-width:390px;margin-inline:auto}
 .motion-spine{top:2%;height:92%}
 .motion-refs{top:78px}
 .motion-character{bottom:92px}
 .motion-instagram{top:27px}
 .motion-ingest{bottom:51px}
 .motion-image-inputs{top:34px;gap:22px}
 .motion-image-inputs>div{width:101px}
 .motion-image-inputs img{height:116px}
 .motion-image-inputs span{top:123px}
 .motion-image-node{top:175px}
 .motion-image-results{bottom:8px;gap:14px}
 .motion-image-results img{width:105px;height:142px}
 .motion-reel-source,.motion-reel-result{top:132px;width:112px;height:171px}
 .motion-reel-source{left:2%}
 .motion-reel-result{right:2%}
 .motion-reel-character{top:183px;width:95px}
 .motion-agent-core{top:93px}
 .motion-agent-steps{top:240px}
 .motion-clean-card{top:35px}
 .motion-destinations{top:193px}
 .showcase{padding-block:36px 41px}
 .showcase .films{height:280px}
 .showcase .film{height:222px}
 .showcase .main-film{height:280px}
}
@media(prefers-reduced-motion:reduce){
 .motion-scene{opacity:0;visibility:hidden}
 .motion-references{opacity:1;visibility:visible}
 .hero-motion-toggle{display:none}
}

/* Sparse labels anchor each floating scene without enclosing the choreography. */
.motion-label{position:absolute;top:12px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#e8e8e8;font-size:13px;font-weight:610;letter-spacing:-.01em}
.motion-agent-request{position:absolute;top:105px;left:50%;transform:translateX(-50%);width:186px;padding:10px 13px;display:flex;justify-content:space-between;align-items:center;border:1px solid #575757;border-radius:9px;background:#202020;color:#e4e4e4;font-size:11px;box-shadow:0 10px 25px #0006}
.motion-agent-request span{font-size:17px;line-height:1}
.motion-agent-core{top:192px}
.motion-agent-steps{top:308px;gap:13px}
.motion-agent-steps>div{width:74px;height:77px;display:flex;flex-direction:column;gap:10px;justify-content:center;color:#d1d1d1;font-size:10px}
.motion-agent-steps .motion-export-icon{font-size:20px;line-height:17px}
.motion-destinations>div{gap:11px;justify-content:flex-start}
.motion-destinations>div>span:nth-child(2){font-size:11px;color:#dedede}
.motion-destinations .motion-check{margin-left:auto}

/* A muted, two-reel feed preview scrolls through only the Pabyo outputs. */
.showcase{padding-block:66px 72px}
.showcase-heading,.showcase-stage,.showcase-footer{max-width:360px;margin-inline:auto}
.showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.showcase-eyebrow{display:block;color:#aaa;font-size:12px}
.showcase-heading h2{margin:3px 0 0;font-size:29px;letter-spacing:-.035em}
.showcase-counter{color:#888;font-size:12px;font-variant-numeric:tabular-nums}
.showcase-stage{width:100%;aspect-ratio:9/16;position:relative;background:#111;overflow:hidden;border:1px solid #3c3c3c;border-radius:8px}
.showcase-track{height:200%;transform:translate3d(0,0,0);transition:transform .65s cubic-bezier(.72,0,.25,1);will-change:transform}
.showcase-track.is-scrolling{transform:translate3d(0,-50%,0)}
.showcase-reel{position:relative;height:50%;overflow:hidden;background:#171717}
.showcase-reel video{display:block;width:100%;height:100%;object-fit:cover;background:#171717}
.showcase-reel::after{content:"";position:absolute;inset:0;background:linear-gradient(#0007,transparent 25%,transparent 52%,#000a 88%,#000d);pointer-events:none}
.showcase-reel-ui{position:absolute;inset:0;color:#fff;z-index:1;pointer-events:none;text-shadow:0 1px 3px #000b}
.showcase-reel-ui svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.showcase-reel-top{position:absolute;left:15px;right:15px;top:15px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:670}
.showcase-reel-top>span{display:flex;align-items:center;gap:8px}
.showcase-reel-top img{display:block;width:20px;height:20px}
.showcase-reel-top svg{width:13px;height:13px}
.showcase-reel-top small{font-size:10px;font-weight:500;color:#eee;border:1px solid #ffffff70;border-radius:3px;padding:2px 5px;background:#1414147d}
.showcase-reel-actions{position:absolute;right:12px;bottom:112px;display:grid;gap:13px;text-align:center}
.showcase-reel-actions>div{display:grid;justify-items:center;gap:2px;font-size:11px;font-weight:650;font-variant-numeric:tabular-nums}
.showcase-reel-actions svg{width:27px;height:27px;filter:drop-shadow(0 1px 2px #0009)}
.showcase-reel-caption{position:absolute;left:14px;right:62px;bottom:56px;display:grid;gap:2px;font-size:12px}
.showcase-reel-caption strong{font-size:13px;font-weight:700}
.showcase-reel-caption small{display:flex;align-items:center;gap:4px;margin-top:3px;font-size:10px;font-variant-numeric:tabular-nums}
.showcase-reel-caption svg{width:13px;height:13px}
.showcase-reel-nav{position:absolute;left:0;right:0;bottom:0;height:43px;border-top:1px solid #ffffff2b;background:#0a0a0a7d;display:flex;align-items:center;justify-content:space-around}
.showcase-reel-nav svg{width:20px;height:20px}
.showcase-reel-profile{width:21px;height:21px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}
.showcase-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:15px;color:#a9a9a9;font-size:12px}
.showcase-play{border:1px solid #383838;border-radius:5px;background:#141414;height:32px;padding:0 12px;font-size:11px}
.showcase-play:hover{background:#222;border-color:#666}
@media(max-width:720px){
 .motion-label{top:1px}
 .motion-agent-request{top:76px}
 .motion-agent-core{top:158px}
 .motion-agent-steps{top:270px}
 .showcase{padding-block:47px 52px}
 .showcase-heading{margin-bottom:17px}
 .showcase-heading h2{font-size:25px}
 .showcase-stage{width:100%}
 .showcase-footer{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.showcase-track{transition:none}}

/* Brand symbol and restrained silver edges supplied for this concept. */
.brand{display:inline-flex;align-items:center;gap:7px}
.brand img{display:block;width:31px;height:31px;object-fit:cover;transform:scale(1.24)}
.nav-discord{display:inline-flex;align-items:center;justify-content:center;color:#c4c7cb;white-space:nowrap}
.nav-discord svg{width:20px;height:20px;fill:currentColor;stroke:none}
.nav-discord:hover{color:#fff}
.site-header .login{margin-left:0}
.site-header nav>a,.site-header .nav-links{flex-shrink:0}
@media(max-width:430px){.site-header .brand span{display:none}}
@media(max-width:360px){.site-header nav{gap:5px}.site-header .nav-links{gap:8px}.site-header .small{padding-inline:6px}}
.motion-node-mark{font-size:0!important;background:#151515 url('/landing-v5/assets/pabyo-symbol.png') center/150% no-repeat;color:transparent;border:1px solid #9ea2a6;box-shadow:inset 0 1px 0 #ffffff44}
.motion-agent-core{font-size:0;background:#151515 url('/landing-v5/assets/pabyo-symbol.png') center/160% no-repeat;border-color:#aeb1b4;box-shadow:inset 0 1px 0 #ffffff36,0 0 0 7px #ffffff07}
.motion-spine{background:linear-gradient(transparent,#73777a 23%,#b7bbbe 56%,transparent);opacity:.53}
.motion-label{color:#d8dbde}
.motion-node,.motion-instagram,.motion-ingest,.motion-agent-request,.motion-destinations>div{border-color:#666a6d;box-shadow:inset 0 1px 0 #ffffff1f,0 12px 28px #0006}
.motion-ig-heading{display:flex;align-items:center;gap:8px;margin:0 0 10px 2px;font-size:11px;font-weight:610;color:#eee}
.motion-ig-icon{margin:0}
.motion-model-chip,.motion-one-click,.motion-export-types,.motion-agent-caption{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;color:#d6d6d6}
.motion-model-chip{top:269px;padding:5px 9px;border:1px solid #595959;border-radius:5px;background:#1e1e1ee8}
.motion-one-click{bottom:58px;padding:5px 9px;border:1px solid #5d5d5d;border-radius:5px;background:#181818e8}
.motion-export-types{bottom:15px}
.motion-agent-caption{top:405px}
.motion-swap-source,.motion-swap-result{position:absolute;top:130px;width:122px;height:177px;border:1px solid #656565;border-radius:8px;overflow:hidden;background:#222;box-shadow:0 15px 30px #0007}
.motion-swap-source{left:17%}.motion-swap-result{right:17%}
.motion-swap-source img,.motion-swap-result img{display:block;width:100%;height:100%;object-fit:cover}
.motion-swap-arrow{position:absolute;top:217px;left:50%;transform:translate(-50%,-50%);color:#d5d5d5;font-size:26px}
.motion-swap-models,.motion-editor-tags{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:7px;white-space:nowrap}
.motion-swap-models{bottom:94px}
.motion-swap-models span,.motion-editor-tags span{padding:6px 9px;border:1px solid #515151;border-radius:5px;background:#1a1a1ae8;color:#ddd;font-size:10px}
.motion-editor-video{position:absolute;top:62px;left:50%;transform:translateX(-50%);width:164px;height:228px;border:1px solid #777;border-radius:8px;overflow:hidden;box-shadow:0 16px 28px #0008}
.motion-editor-video>img{display:block;width:100%;height:100%;object-fit:cover}
.motion-editor-timeline{position:absolute;top:326px;left:50%;transform:translateX(-50%);width:238px;height:72px;border:1px solid #555;border-radius:6px;padding:8px;background:#181818}
.motion-editor-ruler,.motion-editor-clips,.motion-editor-captions{display:flex;gap:3px}
.motion-editor-ruler{height:7px;margin-bottom:5px;justify-content:space-between}
.motion-editor-ruler i{width:1px;height:5px;background:#777}
.motion-editor-clips{height:21px}
.motion-editor-clips i{flex:1;border-radius:2px;background:#666 url('/landing-v5/assets/your-character-03.webp') center/auto 110%}
.motion-editor-clips i:nth-child(2){flex:.6;filter:brightness(.7)}
.motion-editor-captions{height:10px;margin-top:5px}
.motion-editor-captions i{width:27%;border-radius:2px;background:#a0a0a0}
.motion-editor-captions i:nth-child(2){width:18%}
.motion-editor-playhead{position:absolute;left:33px;top:5px;width:1px;height:59px;background:#f1f1f1}
.motion-editor-tags{bottom:56px}
.motion-academy-lesson,.motion-academy-studio{position:absolute;border:1px solid #64686b;border-radius:9px;background:#1a1a1a;box-shadow:inset 0 1px 0 #ffffff2a,0 17px 29px #0007}
.motion-academy-lesson{left:19%;top:167px;width:122px;height:130px;padding:10px}
.motion-academy-lesson>span:first-child,.motion-academy-studio>span:first-child{display:block;color:#e4e4e4;font-size:11px;margin-bottom:8px}
.motion-academy-lesson .motion-cap{display:block;width:58px;height:58px;margin:8px auto 3px;fill:none;stroke:#d4d7d9;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.motion-academy-lesson .motion-lesson-word{display:block;text-align:center;color:#aeb1b3;font-size:10px}
.motion-academy-studio{right:18%;top:167px;width:133px;height:130px;padding:11px}
.motion-academy-studio .motion-node-mark{width:40px;height:40px;margin:12px auto}
.motion-academy-progress{height:3px;background:#484848;border-radius:3px;overflow:hidden}
.motion-academy-progress i{display:block;width:100%;height:100%;background:#c7cacc;transform-origin:left}
.motion-academy-arrow{position:absolute;left:50%;top:225px;transform:translate(-50%,-50%);color:#d1d1d1;font-size:25px}

/* Pricing has the same quiet hierarchy as the rest of the page. */
.pricing{display:grid;grid-template-columns:.85fr 1.15fr;column-gap:90px;row-gap:32px;align-items:start;padding-block:90px 105px}
.pricing-intro{grid-column:1;grid-row:1}
.pricing-benefits{grid-column:1;grid-row:2}
.pricing-benefits ul{margin:14px 0 0;padding:0;list-style:none;max-width:365px}
.pricing-benefits li{padding:15px 0;border-bottom:1px solid #303336}
.pricing-benefits li:last-child{border-bottom:0;padding-bottom:0}
.pricing-benefits h3{font-size:15px;line-height:1.4;font-weight:550;letter-spacing:-.01em;margin:0 0 5px}
.pricing-benefits p{font-size:13px;line-height:1.6;color:#aaa;margin:0}
.section-kicker{display:block;color:#9ea1a4;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.pricing-intro h2{font-size:clamp(32px,3vw,40px);line-height:1.1;letter-spacing:-.035em;margin:20px 0 18px;font-weight:530}
.pricing-intro p{max-width:340px;color:#aaa;font-size:14px;margin:0}
.pricing-plan{grid-column:2;grid-row:1/3;min-width:0;border-top:1px solid #a9adb1;border-bottom:1px solid #474b4e;padding:23px 0 26px;box-shadow:inset 0 1px 0 #ffffff16}
.pricing-plan-head{display:flex;justify-content:space-between;align-items:end;gap:15px;padding-bottom:23px}
.pricing-plan-head>span{font-size:16px;font-weight:560}
.pricing-plan-head>div{white-space:nowrap}
.pricing-plan-head strong{font-size:49px;line-height:1;letter-spacing:-.055em;font-weight:570;color:#e3e5e6}
.pricing-plan-head>div>span{font-size:12px;color:#aaa;margin-left:5px}
.pricing-allocation{padding:22px 24px;margin-bottom:22px;background:#151719;border:1px solid #44484c;border-radius:8px;box-shadow:inset 0 1px 0 #ffffff12}
.pricing-allocation-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px;color:#b8bbbe;font-size:12px}
.pricing-replay{display:inline-flex;align-items:center;gap:5px;min-height:28px;background:transparent;border:0;padding:3px 0 3px 8px;color:#b8bbbe;font-size:11px}
.pricing-replay[hidden]{display:none}
.pricing-replay:hover{color:#fff}
.pricing-replay svg{width:13px;height:13px}
.pricing-split-track,.pricing-split{display:grid;grid-template-columns:35fr 50fr;gap:16px}
.pricing-split-track{margin-bottom:18px}
.pricing-split-track i{display:block;height:3px;border-radius:2px;background:#737a80;transform-origin:left}
.pricing-split-track i:last-child{background:#d5d9dd}
.pricing-share{min-width:0}
.pricing-share strong{display:block;font-size:32px;line-height:1.1;font-weight:550;letter-spacing:-.035em;color:#b8bec4;font-variant-numeric:tabular-nums}
.pricing-share-balance strong{color:#f0f2f4}
.pricing-share>span{display:block;font-size:14px;line-height:1.45;margin-top:8px;color:#e3e5e6}
.pricing-share small{display:block;font-size:12px;line-height:1.5;color:#aeb3b8;margin-top:4px}
.pricing-balance-note{margin:22px 0 0;padding-top:18px;border-top:1px solid #35393d;font-size:13px;line-height:1.6;color:#b8bbbe}
.pricing-detail{color:#aaa;font-size:13px;line-height:1.6;margin:14px 0 0;max-width:510px}
.pricing-course{margin:18px 0 0;font-size:12px;line-height:1.6;color:#aeb1b4;max-width:420px}
.pricing-course a{color:#e3e5e6;text-decoration:underline;text-underline-offset:3px}
.pricing-cta{margin-top:23px;min-width:158px}
.button{background:#5968c9;border-color:#5968c9;color:#fff}
.button:hover{background:#6877d5;border-color:#6877d5;color:#fff}
.closing{padding-block:68px}
.academy{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:68px 78px}
.academy h2{font-size:35px;margin:10px 0 7px;letter-spacing:-.035em}
.academy p{color:#9d9d9d;font-size:13px;margin:0}
footer.shell{display:block;padding-block:0;border-top:1px solid #383a3c}
.footer-main,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-main{padding:30px 0;color:#bcbcbc;font-size:12px}
.footer-bottom{border-top:1px solid #292b2d;padding:18px 0 25px;color:#858585;font-size:11px}
.footer-bottom>div{display:flex;flex-wrap:wrap;gap:18px}
@media(max-width:720px){
 nav{gap:9px}
 .nav-links{display:flex;gap:11px;font-size:11px;margin-left:auto}
 .brand{font-size:20px}
 .nav-discord{padding:5px 2px}
 .login{font-size:11px}
 .small{padding:7px 8px;font-size:10px}
 .motion-model-chip{top:229px}
 .motion-swap-source,.motion-swap-result{top:103px;width:103px;height:157px}
 .motion-swap-source{left:9%}.motion-swap-result{right:9%}
 .motion-swap-arrow{top:178px}
 .motion-swap-models{bottom:78px}
 .motion-one-click{bottom:40px}
 .motion-editor-video{top:41px;height:197px;width:145px}
 .motion-editor-timeline{top:270px}
 .motion-editor-tags{bottom:45px}
 .motion-agent-caption{top:369px}
 .motion-academy-lesson{left:10%;top:136px}
 .motion-academy-studio{right:8%;top:136px}
 .motion-academy-arrow{top:194px}
 .motion-export-types{bottom:4px}
 .pricing{grid-template-columns:1fr;gap:30px;padding-block:58px 65px}
 .pricing-intro{grid-column:1;grid-row:1}
 .pricing-plan{grid-column:1;grid-row:2}
 .pricing-benefits{grid-column:1;grid-row:3}
 .pricing-benefits ul{max-width:none}
 .pricing-allocation{padding:20px 18px}
 .pricing-allocation-head{align-items:flex-start}
 .pricing-split,.pricing-split-track{gap:14px}
 .pricing-intro h2{font-size:32px}
 .pricing-plan-head strong{font-size:43px}
 .academy{align-items:flex-start;flex-direction:column;padding-block:52px 60px}
 .academy h2{font-size:30px}
 .footer-main{padding:24px 0}
 .footer-bottom{align-items:flex-start;flex-direction:column;gap:14px}
 .footer-bottom>div{gap:10px 18px}
}

/* The LoRA beat follows the sign-up showcase: still references, connection, train action. */
.motion-training-photos{position:absolute;left:50%;top:102px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;width:321px;height:145px}
.motion-training-photos img{display:block;width:99px;height:137px;object-fit:cover;object-position:center 27%;border:1px solid #777d83;border-radius:8px;box-shadow:0 14px 26px #0009}
.motion-training-photos img:first-child{rotate:-6deg}
.motion-training-photos img:last-child{rotate:6deg}
.motion-training-line{position:absolute;top:246px;left:50%;height:43px;width:1px;background:linear-gradient(#515b98,#9ba6eb);transform-origin:top center}
.motion-training .motion-training-button{position:absolute;top:289px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;width:154px;height:42px;padding:0 14px;border:1px solid #7180db;border-radius:6px;background:#5968c9;color:#fff;font-size:12px;font-weight:570;box-shadow:inset 0 1px 0 #ffffff30,0 12px 28px #0008}
.motion-training-button span{font-size:18px;line-height:1}
.motion-training-steps{position:absolute;top:365px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;width:230px;color:#b1b4c3;font-size:10px}
.motion-training-steps span:nth-child(2){color:#d8ddfa}
.motion-training-steps i{position:absolute;top:24px;left:0;width:100%;height:3px;border-radius:3px;background:#5968c9;transform-origin:left center}
.motion-img-model{position:absolute;top:80px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;width:158px;height:49px;padding:8px 11px;border:1px solid #60656a;border-radius:8px;background:#191b1d;color:#dedede;font-size:11px}
.motion-img-model .motion-node-mark{width:28px;height:28px;flex:none}
.motion-img-example{position:absolute;top:155px;left:50%;transform:translateX(-50%);width:154px;height:215px;border:1px solid #9ca1a5;border-radius:9px;overflow:hidden;box-shadow:0 18px 35px #0009}
.motion-img-example img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.motion-img-footer{position:absolute;left:50%;bottom:62px;transform:translateX(-50%);display:flex;gap:8px;white-space:nowrap}
.motion-img-footer span{border:1px solid #575c61;border-radius:5px;background:#1c1e20;padding:6px 9px;color:#d5d7d9;font-size:10px}
@media(max-width:720px){
 .motion-training-photos{top:81px;width:294px;gap:9px;height:130px}
 .motion-training-photos img{width:92px;height:125px}
 .motion-training-line{top:209px;height:37px}
 .motion-training .motion-training-button{top:245px}
 .motion-training-steps{top:318px}
 .motion-img-model{top:49px}
 .motion-img-example{top:121px;width:142px;height:198px}
 .motion-img-footer{bottom:52px}
}

/* Pabyo's editorial layout keeps the animated workflow, but gives it its own stage. */
.hero{display:grid;grid-template-columns:1fr;gap:22px;min-height:0;padding-block:64px 54px}
.hero-copy{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);grid-template-rows:auto auto;align-items:end;column-gap:56px;row-gap:22px}
.hero h1{grid-column:1;grid-row:1/3;max-width:690px;margin:0;font-size:clamp(48px,4.3vw,62px);line-height:1.07;letter-spacing:-.045em;font-weight:550}
.hero-copy p{grid-column:2;grid-row:1;margin:0;font-size:16px;line-height:1.55}
.hero-copy .actions{grid-column:2;grid-row:2;margin:0;gap:20px}
.hero-motion{width:min(700px,100%);height:480px;margin:8px auto 0}
.hero-motion::before,.hero-motion .motion-spine{display:none}
.studio-journey{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start;gap:54px;margin-top:12px;padding-top:48px;border-top:1px solid #34383b}
.studio-journey>h2{max-width:380px;margin:0;font-size:clamp(38px,3.6vw,52px);line-height:1.05}
.journey-cards{display:block;border-top:1px solid #34383b}
.journey-card{display:grid;grid-template-columns:285px minmax(0,1fr);min-height:180px;border:0;border-bottom:1px solid #34383b;border-radius:0;background:transparent}
.journey-visual{height:180px;border:0;background:#151719}
.journey-editor{gap:12px;padding:15px}
.journey-edit-preview{width:100px;height:136px}
.journey-edit-timeline{width:125px}
.journey-copy{display:flex;flex-direction:column;justify-content:center;min-height:0;padding:20px 0 20px 24px}
@media(max-width:850px){
 .hero{padding-block:52px 44px}
 .hero-copy{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);column-gap:28px}
 .hero h1{font-size:clamp(42px,5vw,54px)}
 .hero-motion{height:450px}
 .studio-journey{display:block;padding-top:38px}
 .studio-journey>h2{max-width:none;margin-bottom:25px;font-size:40px}
 .journey-card{grid-template-columns:285px minmax(0,1fr)}
}
@media(max-width:600px){
 .hero{gap:12px;padding-block:40px 25px}
 .hero-copy{display:block}
 .hero h1{font-size:clamp(31px,8.6vw,38px);line-height:1.1;margin:0 0 18px}
 .hero-copy p{font-size:14px}
 .hero-copy .actions{margin-top:22px;gap:17px}
 .hero-motion{height:440px;max-width:390px;margin-top:8px}
 .studio-journey>h2{font-size:37px;margin-bottom:18px}
 .journey-card{display:block;padding:20px 0;min-height:0}
 .journey-visual{height:175px}
 .journey-copy{padding:16px 0 0}
}

#landing-language{background:transparent;color:#b8bbc5;border:0;font:inherit;font-size:12px;padding:6px 2px}#landing-language option{background:#111}#landing-language:focus-visible{outline:2px solid #b5bcf5;outline-offset:3px}@media(max-width:420px){.site-header nav{gap:10px}.site-header .brand{gap:5px}.site-header .button.small{padding:9px 11px}.site-header .nav-discord{width:26px}}