.proof-row{justify-content:center;align-items:center;text-align:center}
.proof-row i{width:28px;height:1px;flex:none;border-radius:0;background:var(--purple-bright);color:transparent;font-size:0;font-style:normal}
.story-body{position:relative}
.story-workspace{overflow:visible}
.story-layer-image{width:112px;height:76px;padding:0;background:transparent;animation:hero-frog-story 20s cubic-bezier(.65,0,.25,1) infinite;z-index:8;transform-origin:top left}
.story-layer-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;background:#08080a}
.story-layer-image span{display:none}
.story-layer-afk{width:104px;height:67px;display:grid;place-content:center;text-align:center;background:#f0ed76;color:#17161c;border:3px solid #17161c;outline:2px solid #f0ed76;box-shadow:0 10px 30px rgba(0,0,0,.45);animation:hero-afk-story 20s cubic-bezier(.65,0,.25,1) infinite;z-index:8;transform-origin:top left}
.story-layer-afk strong{font-size:24px;line-height:.9;letter-spacing:-.07em}.story-layer-afk small{font-size:5px;font-weight:900;letter-spacing:.16em;margin-top:5px}
.story-finder{position:absolute;width:190px;height:124px;left:8%;top:12%;border:1px solid #4b4853;border-radius:6px;background:#dedde1;color:#25232a;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.55);z-index:6;animation:hero-finder-story 20s ease infinite}
.finder-bar{height:23px;background:#ecebed;border-bottom:1px solid #c3c1c6;display:flex;align-items:center;gap:4px;padding:0 7px}.finder-bar>span{width:6px;height:6px;border-radius:50%;background:#ff6259}.finder-bar>span:nth-child(2){background:#ffc04a}.finder-bar>span:nth-child(3){background:#4dcc58}.finder-bar b{font-size:6px;margin:auto;color:#6e6a73;letter-spacing:.04em}
.finder-sidebar{position:absolute;left:0;top:23px;bottom:0;width:43px;background:#d0ced4;padding:12px 9px}.finder-sidebar i{display:block;height:5px;border-radius:2px;background:#aaa7b0;margin-bottom:9px}
.finder-files{margin-left:43px;height:101px;padding:14px 11px;display:flex;gap:14px}.finder-file{width:50px;text-align:center}.finder-file>i,.finder-file>span{display:grid;width:42px;height:32px;margin:auto;background:#7b7487;border-radius:2px;place-items:center;color:white;font-size:6px;font-style:normal}.finder-file>span{background:#111 url('/landing/media/hype-card.svg') center/cover no-repeat}.finder-file small{display:block;font-size:5px;margin-top:5px;white-space:nowrap;color:#46434b}.finder-frog{animation:hero-finder-selection 20s ease infinite}
.story-cursor{z-index:12;animation:hero-cursor-story 20s cubic-bezier(.65,0,.25,1) infinite}
.story-live-pulse{position:absolute;left:45%;top:23%;font-size:5px;letter-spacing:.13em;color:#bffa64;z-index:10;opacity:0;animation:hero-live-pulse 20s ease infinite}.story-live-pulse i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8dea70;box-shadow:0 0 7px #8dea70;margin-right:4px}
.story-library{position:relative;z-index:4}.story-library .story-panel-title{margin-bottom:12px}.story-library>i{display:none}.library-drop{height:48px;border:1px dashed #55515e;display:grid;place-content:center;text-align:center;color:#76717d;margin-bottom:9px;animation:hero-library-drop 20s ease infinite}.library-drop span{font-size:12px}.library-drop small{font-size:5px;letter-spacing:.1em;margin-top:2px}.library-asset{height:43px!important;background:#262630;border:1px solid #35343f;border-radius:3px;margin-bottom:8px!important;padding:5px;display:grid!important;grid-template-columns:25px 1fr;align-items:center;gap:5px}.library-asset:before{display:none!important}.library-asset b,.library-asset i{width:25px;height:25px;background:#77717e;display:grid;place-items:center;font-size:6px;font-style:normal}.library-asset small{font-size:5px;color:#96919d;overflow:hidden}.library-asset-afk{animation:hero-library-afk 20s ease infinite}.library-asset-afk b{background:#f0ed76;color:#17161c;font-size:7px}
.story-progress i{animation-duration:20s}
.object-sticker{width:120px;height:81px;padding:0;background:transparent;transform:none}
.object-sticker img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;background:#08080a}
.object-sticker small{display:none}
.object-clip{width:78px;height:139px;overflow:hidden}
.object-clip video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.object-clip>span,.object-clip>small{position:relative;z-index:1;text-shadow:0 1px 4px #000}
.demo-safe-area{position:absolute;inset:8%;border:1px dashed rgba(255,255,255,.18);pointer-events:none;z-index:1}
.demo-safe-area small{position:absolute;right:6px;bottom:5px;color:rgba(255,255,255,.28);font-size:6px;letter-spacing:.13em}
.obs-clone-shell{position:absolute;pointer-events:none;transform-origin:top left}
.obs-clone-shell .obs-clone{left:0!important;top:0!important;width:100%!important;height:100%!important;margin:0;position:absolute}
.obs-clone-shell.is-entering{animation:demo-obs-enter .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes demo-obs-enter{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}
@keyframes hero-finder-story{0%,3%{opacity:0;transform:translateY(5px) scale(.98)}5%,18%{opacity:1;transform:none}22%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes hero-finder-selection{0%,7%{filter:none}9%,20%{filter:drop-shadow(0 0 4px #8f5cff)}}
@keyframes hero-frog-story{0%,8%{left:13%;top:25%;opacity:0;transform:scale(.42)}9%,16%{left:13%;top:25%;opacity:1;transform:scale(.42)}26%,31%{left:3%;top:68%;opacity:1;transform:scale(1)}39%,51%{left:39%;top:39%;opacity:1;transform:scale(1)}61%{left:108%;top:23%;opacity:1;transform:scale(.55)}63%,100%{left:108%;top:23%;opacity:0;transform:scale(.55)}}
@keyframes hero-afk-story{0%,64%{left:108%;top:51%;opacity:0;transform:scale(.65)}66%,69%{left:108%;top:51%;opacity:1;transform:scale(.65)}76%,85%{left:47%;top:43%;opacity:1;transform:scale(1)}94%{left:108%;top:51%;opacity:1;transform:scale(.65)}96%,100%{left:108%;top:51%;opacity:0;transform:scale(.65)}}
@keyframes hero-cursor-story{0%,5%{left:20%;top:18%;opacity:0}7%{opacity:1}11%,16%{left:20%;top:31%;opacity:1}26%,31%{left:13%;top:74%;opacity:1}39%,51%{left:49%;top:47%;opacity:1}61%{left:108%;top:31%;opacity:1}66%,69%{left:112%;top:58%;opacity:1}76%,85%{left:57%;top:51%;opacity:1}94%{left:112%;top:58%;opacity:1}97%,100%{left:20%;top:18%;opacity:0}}
@keyframes hero-live-pulse{0%,37%{opacity:0;transform:translateY(4px)}40%,50%{opacity:1;transform:none}54%,73%{opacity:0}76%,85%{opacity:1;transform:none}88%,100%{opacity:0}}
@keyframes hero-library-drop{0%,53%,64%,86%,96%,100%{border-color:#55515e;background:transparent;color:#76717d}57%,62%,90%,94%{border-color:#9c76f4;background:rgba(143,92,255,.13);color:#b99cff}}
@keyframes hero-library-afk{0%,64%,96%,100%{opacity:1}68%,94%{opacity:.18}}
@media(prefers-reduced-motion:reduce){.obs-clone-shell.is-entering{animation:none}.story-finder,.story-layer-afk,.story-live-pulse,.library-drop,.library-asset-afk{animation:none}.story-layer-image{animation:none;left:39%;top:39%;opacity:1;transform:none}.story-cursor{display:none}.story-finder{display:none}.story-layer-afk{display:none}}