/* Crevyro homepage 16:9 motion banner — embedded from the supplied standalone animation. */
.marketing-site>.ac-home-motion-slot{content-visibility:visible;contain-intrinsic-size:auto}
.ac-home-motion-slot{
  width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#09090a;
  line-height:normal;
}
.ac-home-motion-slot .acmb-motion-banner{
  display:block;
  width:100%;
  max-width:none;
  margin:0;
  contain:layout paint style;
  isolation:isolate;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.acmb-motion-banner{
  --ink:#09090a;
  --paper:#f4f0ea;
  --magenta:#ff19d1;
  --magenta-deep:#d800c8;
  --lilac:#d7b7ef;
  --yellow:#eaff00;
  --purple:#6e3cff;
  --white:#ffffff;
  --line:rgba(9,9,10,.12);
}
.acmb-motion-banner,.acmb-motion-banner *{box-sizing:border-box}
.acmb-motion-banner{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--ink);box-shadow:none;--scale:1}
.acmb-stage{position:absolute;left:50%;top:50%;width:1600px;height:900px;transform:translate(-50%,-50%) scale(var(--scale));transform-origin:center center;overflow:hidden}

.acmb-scene,.acmb-grain,.acmb-progress,.acmb-grid-bg,.acmb-intro-bars,.acmb-portrait-mark,.acmb-keyword-stack,.acmb-flow-canvas,.acmb-orbit-shape,.acmb-logo-assemble,.acmb-outro-slash{backface-visibility:hidden;transform-style:preserve-3d}
.acmb-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;visibility:hidden;clip-path:inset(0 0 100% 0)}
.acmb-scene.active{opacity:1;visibility:visible;z-index:3;animation:sceneIn .72s cubic-bezier(.16,1,.3,1) both}
.acmb-scene.exit{opacity:1;visibility:visible;z-index:2;animation:sceneOut .72s cubic-bezier(.7,0,.84,0) both}
@keyframes sceneIn{0%{clip-path:inset(0 0 100% 0);transform:translateY(40px)}100%{clip-path:inset(0);transform:translateY(0)}}
@keyframes sceneOut{0%{clip-path:inset(0);transform:none}100%{clip-path:inset(100% 0 0 0);transform:translateY(-36px)}}

.acmb-grain{position:absolute;inset:0;z-index:20;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 70% 70%,#fff 0 1px,transparent 1.5px);background-size:10px 10px,14px 14px}
.acmb-scene-label{position:absolute;left:54px;top:38px;font-size:15px;font-weight:900;letter-spacing:.14em;z-index:5}
.acmb-scene-label.acmb-dark{color:var(--ink)}
.acmb-grid-bg{position:absolute;inset:0;background-color:var(--paper);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:90px 90px}

/* Intro */
.acmb-scene-intro{background:var(--magenta)}
.acmb-intro-bars{position:absolute;inset:0;display:grid;grid-template-columns:260px 360px 260px;justify-content:center;gap:30px;padding-top:0}
.acmb-intro-bars i{display:block;height:100%;background:rgba(124,0,134,.48);transform:skewX(-10deg) translateY(100%)}
.acmb-scene-intro.active .acmb-intro-bars i:nth-child(1){animation:barRise .9s .05s cubic-bezier(.16,1,.3,1) forwards}
.acmb-scene-intro.active .acmb-intro-bars i:nth-child(2){animation:barRise .9s .14s cubic-bezier(.16,1,.3,1) forwards}
.acmb-scene-intro.active .acmb-intro-bars i:nth-child(3){animation:barRise .9s .23s cubic-bezier(.16,1,.3,1) forwards}
@keyframes barRise{to{transform:skewX(-10deg) translateY(0)}}
.acmb-intro-copy{position:absolute;left:88px;top:156px;z-index:4;max-width:900px;transform:translateX(-90px)}
.acmb-scene-intro.active .acmb-intro-copy{animation:copySlide .85s .12s cubic-bezier(.16,1,.3,1) forwards}
@keyframes copySlide{to{transform:none}}
.acmb-eyebrow{display:inline-block;margin-bottom:24px;font-size:16px;font-weight:950;letter-spacing:.16em}
.acmb-intro-copy h1{margin:0;font-size:122px;line-height:.86;letter-spacing:-.08em;font-weight:1000;text-transform:uppercase}
.acmb-portrait-mark{position:absolute;right:118px;bottom:-8px;width:350px;height:720px;transform:rotate(10deg) translateY(120px)}
.acmb-scene-intro.active .acmb-portrait-mark{animation:portraitPop .82s .16s cubic-bezier(.18,1.7,.32,1) forwards}
@keyframes portraitPop{to{transform:rotate(3deg) translateY(0)}}
.acmb-portrait-mark .acmb-head{position:absolute;left:84px;top:18px;width:176px;height:176px;border-radius:50%;background:var(--paper);border:10px solid var(--ink)}
.acmb-portrait-mark .acmb-body{position:absolute;left:14px;bottom:-8px;width:322px;height:496px;border-radius:46% 46% 0 0;background:var(--paper);border:10px solid var(--ink)}
.acmb-bubble-dot{position:absolute;right:-20px;top:82px;display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:18px;font-weight:1000;border:4px solid var(--ink);animation:bubblePulse .8s infinite alternate ease-in-out}
@keyframes bubblePulse{to{transform:scale(1.1) rotate(5deg)}}

/* Comment -> DM */
.acmb-scene-comment{background:var(--paper);color:var(--ink)}
.acmb-comment-card{position:absolute;left:76px;top:308px;width:430px;display:flex;align-items:center;gap:18px;padding:22px 24px;border:4px solid var(--ink);background:#fff;box-shadow:10px 10px 0 var(--magenta);transform:translateX(-560px) rotate(-7deg)}
.acmb-scene-comment.active .acmb-comment-card{animation:commentIn .72s .12s cubic-bezier(.16,1,.3,1) forwards}
@keyframes commentIn{to{transform:translateX(0) rotate(-3deg)}}
.acmb-avatar{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--ink);color:#fff;font-weight:1000;font-size:24px;flex:0 0 62px}
.acmb-comment-meta{display:flex;flex-direction:column;gap:8px}.acmb-comment-meta b{font-size:28px}.acmb-comment-meta span{font-size:28px;line-height:1.12}
.acmb-motion-arrow{position:absolute;left:572px;top:350px;font-size:110px;font-weight:1000;transform:scale(.1) rotate(-15deg)}
.acmb-scene-comment.active .acmb-motion-arrow{animation:arrowPop .44s .46s cubic-bezier(.18,1.7,.32,1) forwards}
@keyframes arrowPop{to{transform:scale(1) rotate(0)}}
.acmb-dm-phone{position:absolute;right:104px;top:134px;width:384px;height:620px;border:4px solid var(--ink);border-radius:36px;background:#fff;padding:24px 24px 28px;box-shadow:16px 16px 0 var(--yellow);transform:translateX(540px) rotate(10deg)}
.acmb-scene-comment.active .acmb-dm-phone{animation:phoneIn .78s .22s cubic-bezier(.16,1,.3,1) forwards}
@keyframes phoneIn{to{transform:translateX(0) rotate(3deg)}}
.acmb-phone-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:2px solid rgba(0,0,0,.15)}
.acmb-phone-top span,.acmb-phone-top i{display:block;width:18px;height:18px;border-radius:50%;background:var(--ink)}
.acmb-phone-top b{font-size:22px}
.acmb-msg{max-width:82%;padding:18px 20px;border-radius:22px;margin-top:22px;font-size:24px;line-height:1.25;font-weight:800}
.acmb-msg.acmb-incoming{background:#eceaf2}
.acmb-msg.acmb-outgoing{background:var(--magenta);color:#fff;margin-left:auto}
.acmb-mega-word{position:absolute;left:660px;bottom:-54px;font-size:260px;line-height:1;font-weight:1000;letter-spacing:-.1em;color:rgba(9,9,10,.08);transform:translateY(60px)}
.acmb-scene-comment.active .acmb-mega-word{animation:wordFloat .85s .16s cubic-bezier(.16,1,.3,1) forwards}
@keyframes wordFloat{to{transform:translateY(0)}}

/* Keyword */
.acmb-scene-keyword{background:var(--yellow);color:var(--ink)}
.acmb-keyword-stack{position:absolute;left:74px;top:136px;width:460px;height:632px}
.acmb-keyword-stack span{position:absolute;display:inline-flex;align-items:center;justify-content:center;padding:16px 22px;border:4px solid var(--ink);background:#fff;font-size:54px;font-weight:1000;letter-spacing:-.04em;box-shadow:12px 12px 0 var(--purple);transform:translateY(80px);opacity:0}
.acmb-keyword-stack span:nth-child(1){--rot:-7deg;left:0;top:0;transform:rotate(-7deg) translateY(80px)}
.acmb-keyword-stack span:nth-child(2){--rot:4deg;left:120px;top:138px;transform:rotate(4deg) translateY(80px)}
.acmb-keyword-stack span:nth-child(3){--rot:-5deg;left:36px;top:306px;transform:rotate(-5deg) translateY(80px)}
.acmb-keyword-stack span:nth-child(4){--rot:6deg;left:142px;top:474px;transform:rotate(6deg) translateY(80px)}
.acmb-scene-keyword.active .acmb-keyword-stack span:nth-child(1){animation:stackIn 0.54s .06s cubic-bezier(.16,1,.3,1) forwards}
.acmb-scene-keyword.active .acmb-keyword-stack span:nth-child(2){animation:stackIn 0.54s .18s cubic-bezier(.16,1,.3,1) forwards}
.acmb-scene-keyword.active .acmb-keyword-stack span:nth-child(3){animation:stackIn 0.54s .30s cubic-bezier(.16,1,.3,1) forwards}
.acmb-scene-keyword.active .acmb-keyword-stack span:nth-child(4){animation:stackIn 0.54s .42s cubic-bezier(.16,1,.3,1) forwards}
@keyframes stackIn{to{opacity:1;transform:translateY(0) rotate(var(--rot,0deg))}}
.acmb-keyword-copy{position:absolute;right:88px;top:176px;width:740px;z-index:4}
.acmb-keyword-copy h2{margin:0;font-size:104px;line-height:.88;letter-spacing:-.07em;text-transform:uppercase}
.acmb-keyword-copy em{font-style:normal;color:var(--magenta-deep)}
.acmb-keyword-copy p{max-width:620px;margin:26px 0 0;font-size:28px;line-height:1.26;font-weight:650}
.acmb-reply-pill{position:absolute;right:94px;bottom:98px;display:inline-flex;align-items:center;gap:18px;padding:20px 24px;border-radius:999px;background:var(--ink);color:#fff;font-size:28px;font-weight:900;transform:translateY(150px)}
.acmb-reply-pill b{font-size:1.2em}
.acmb-scene-keyword.active .acmb-reply-pill{animation:pillRise .54s .52s cubic-bezier(.16,1,.3,1) forwards}
@keyframes pillRise{to{transform:translateY(0)}}

/* Story */
.acmb-scene-story{background:var(--purple);color:#fff}
.acmb-story-copy{position:absolute;left:82px;top:174px;width:620px;z-index:4}
.acmb-story-copy h2{margin:0;font-size:102px;line-height:.88;letter-spacing:-.07em;text-transform:uppercase}
.acmb-story-copy span{color:var(--yellow)}
.acmb-story-card{position:absolute;right:110px;top:108px;width:332px;height:690px;border-radius:44px;background:linear-gradient(180deg,#ff83df 0%,#ff2aa2 35%,#3e1fff 100%);border:4px solid #fff;box-shadow:16px 16px 0 rgba(0,0,0,.24);overflow:hidden;transform:translateX(420px) rotate(10deg)}
.acmb-scene-story.active .acmb-story-card{animation:storyIn .78s .12s cubic-bezier(.16,1,.3,1) forwards}
@keyframes storyIn{to{transform:translateX(0) rotate(2deg)}}
.acmb-story-progress{position:absolute;left:18px;right:18px;top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.acmb-story-progress i{height:6px;border-radius:999px;background:rgba(255,255,255,.45)}.acmb-story-progress i:first-child{background:#fff}
.acmb-story-avatar{position:absolute;left:24px;top:44px;width:62px;height:62px;border-radius:50%;background:var(--paper);border:3px solid #fff}
.acmb-story-title{position:absolute;left:24px;right:24px;top:164px;font-size:64px;font-weight:1000;letter-spacing:-.06em;line-height:.92}
.acmb-story-cta{position:absolute;left:24px;right:24px;bottom:34px;padding:18px 18px;border-radius:999px;background:var(--ink);color:#fff;text-align:center;font-size:24px;font-weight:900}
.acmb-reaction-burst{position:absolute;right:476px;top:236px;width:220px;height:220px}.acmb-reaction-burst span{position:absolute;left:50%;top:50%;font-size:54px;opacity:0}
.acmb-scene-story.active .acmb-reaction-burst span:nth-child(1){animation:emojiFly .9s .58s forwards}
.acmb-scene-story.active .acmb-reaction-burst span:nth-child(2){animation:emojiFly .9s .72s forwards}
.acmb-scene-story.active .acmb-reaction-burst span:nth-child(3){animation:emojiFly .9s .86s forwards}
@keyframes emojiFly{0%{opacity:0;transform:translate(0,40px) scale(.4)}30%{opacity:1}100%{opacity:0;transform:translate(-180px,-210px) scale(1.3) rotate(30deg)}}
.acmb-story-response{position:absolute;left:86px;bottom:84px;padding:18px 24px;background:var(--yellow);color:var(--ink);font-weight:1000;font-size:28px;border-radius:999px;transform:translateX(-440px)}
.acmb-scene-story.active .acmb-story-response{animation:responseIn .54s .6s cubic-bezier(.16,1,.3,1) forwards}
@keyframes responseIn{to{transform:translateX(0)}}

/* Flow */
.acmb-scene-flow{background:var(--ink);color:#fff}
.acmb-scene-flow h2{position:absolute;left:82px;top:172px;margin:0;font-size:108px;line-height:.84;letter-spacing:-.08em;text-transform:uppercase;z-index:2}
.acmb-flow-canvas{position:absolute;right:78px;top:118px;width:860px;height:640px;transform:rotate(-3deg)}
.acmb-flow-node{position:absolute;width:280px;min-height:150px;padding:20px 22px;border:4px solid #fff;background:var(--magenta);color:#fff;box-shadow:10px 10px 0 var(--purple);transform:scale(.2);opacity:0}
.acmb-flow-node small{display:block;font-size:13px;letter-spacing:.14em;font-weight:950;margin-bottom:10px}.acmb-flow-node b{font-size:34px;line-height:1.05}
.acmb-n1{left:16px;top:16px}
.acmb-n2{left:510px;top:16px;background:var(--lilac);color:var(--ink)}
.acmb-n3{left:180px;bottom:12px;background:var(--yellow);color:var(--ink)}
.acmb-n4{right:0;bottom:12px;background:var(--paper);color:var(--ink)}
.acmb-scene-flow.active .acmb-n1{animation:nodePop .42s .10s forwards}
.acmb-scene-flow.active .acmb-n2{animation:nodePop .42s .28s forwards}
.acmb-scene-flow.active .acmb-n3{animation:nodePop .42s .46s forwards}
.acmb-scene-flow.active .acmb-n4{animation:nodePop .42s .64s forwards}
@keyframes nodePop{to{transform:scale(1);opacity:1}}
.acmb-flow-line{position:absolute;height:5px;background:#fff;transform-origin:left center;transform:scaleX(0)}
.acmb-l1{left:296px;top:90px;width:214px}
.acmb-l2{left:322px;top:268px;width:220px;transform:rotate(115deg) scaleX(0)}
.acmb-l3{left:460px;bottom:90px;width:138px}
.acmb-scene-flow.active .acmb-l1{animation:lineGrow .32s .34s forwards}
.acmb-scene-flow.active .acmb-l2{animation:lineGrow2 .32s .52s forwards}
.acmb-scene-flow.active .acmb-l3{animation:lineGrow .32s .72s forwards}
@keyframes lineGrow{to{transform:scaleX(1)}}
@keyframes lineGrow2{to{transform:rotate(115deg) scaleX(1)}}

/* Inbox */
.acmb-scene-inbox{background:var(--lilac);color:var(--ink)}
.acmb-inbox-copy{position:absolute;left:82px;top:176px;width:560px}
.acmb-inbox-copy h2{margin:0;font-size:98px;line-height:.88;letter-spacing:-.07em;text-transform:uppercase}.acmb-inbox-copy em{font-style:normal;color:var(--magenta-deep)}
.acmb-inbox-ui{position:absolute;right:72px;top:112px;width:760px;height:640px;display:grid;grid-template-columns:250px 510px;background:var(--paper);border:4px solid var(--ink);box-shadow:14px 14px 0 var(--magenta);transform:translateX(560px) rotate(5deg)}
.acmb-scene-inbox.active .acmb-inbox-ui{animation:uiIn .74s .12s cubic-bezier(.16,1,.3,1) forwards}
@keyframes uiIn{to{transform:translateX(0) rotate(0)}}
.acmb-inbox-sidebar{padding:22px;border-right:2px solid var(--ink);display:flex;flex-direction:column;gap:14px;font-size:20px}.acmb-inbox-sidebar b{font-size:34px;margin-bottom:12px}.acmb-active-line{font-weight:950;background:var(--yellow);padding:10px 12px}
.acmb-inbox-list{padding:18px 16px}.acmb-chat-row{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:16px 6px;border-bottom:1px solid rgba(0,0,0,.15)}.acmb-chat-row i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--magenta);font-style:normal;font-weight:1000;color:#fff}.acmb-chat-row span{display:flex;flex-direction:column}.acmb-chat-row b{font-size:22px}.acmb-chat-row small{font-size:16px;opacity:.78}.acmb-chat-row em{font-size:14px;font-style:normal}
.acmb-lead-chip{position:absolute;left:378px;bottom:116px;padding:16px 22px;background:var(--yellow);border:3px solid var(--ink);font-size:26px;font-weight:1000;transform:scale(0) rotate(-8deg)}
.acmb-scene-inbox.active .acmb-lead-chip{animation:leadPop .48s .76s cubic-bezier(.18,1.7,.32,1) forwards}
@keyframes leadPop{to{transform:scale(1) rotate(-3deg)}}

/* Value */
.acmb-scene-value{color:var(--ink)}
.acmb-value-lines{position:absolute;left:84px;top:172px;z-index:2}.acmb-value-lines div{display:flex;align-items:baseline;gap:26px;overflow:hidden}.acmb-value-lines span,.acmb-value-lines b{display:block;font-size:126px;line-height:.9;letter-spacing:-.08em;text-transform:uppercase}.acmb-value-lines span{font-weight:320}.acmb-value-lines b{font-weight:1000;transform:translateX(110%)}
.acmb-scene-value.active .acmb-value-lines div:nth-child(1) b{animation:valueIn .5s .14s forwards}.acmb-scene-value.active .acmb-value-lines div:nth-child(2) b{animation:valueIn .5s .30s forwards}.acmb-scene-value.active .acmb-value-lines div:nth-child(3) b{animation:valueIn .5s .46s forwards}
@keyframes valueIn{to{transform:translateX(0)}}
.acmb-orbit-shape{position:absolute;right:108px;bottom:88px;width:300px;height:300px;transform:scale(.1) rotate(-40deg)}
.acmb-scene-value.active .acmb-orbit-shape{animation:orbitPop .72s .38s cubic-bezier(.18,1.5,.32,1) forwards}
@keyframes orbitPop{to{transform:scale(1) rotate(8deg)}}
.acmb-orbit-shape i{position:absolute;inset:44px;border:18px solid var(--magenta);border-radius:50%}.acmb-orbit-shape i:nth-child(2){inset:4px 80px;border-color:var(--purple);transform:rotate(60deg)}.acmb-orbit-shape i:nth-child(3){inset:82px 4px;border-color:var(--yellow);transform:rotate(-28deg)}.acmb-orbit-shape i:nth-child(4){inset:112px;background:var(--ink);border:none}

/* Outro */
.acmb-scene-outro{color:var(--ink)}
.acmb-logo-assemble{position:absolute;left:122px;top:238px;width:320px;height:320px}
.acmb-logo-assemble span{position:absolute;display:block;background:var(--magenta);border:4px solid var(--ink);transform:scale(0)}
.acmb-logo-a{left:10px;top:64px;width:116px;height:196px;border-radius:50% 50% 10% 50%}
.acmb-logo-b{left:126px;top:64px;width:116px;height:196px;border-radius:50% 50% 50% 10%;background:var(--purple)!important}
.acmb-logo-c{right:16px;top:108px;width:94px;height:94px;border-radius:50%;background:var(--yellow)!important}
.acmb-scene-outro.active .acmb-logo-a{animation:logoPop .44s .08s forwards}.acmb-scene-outro.active .acmb-logo-b{animation:logoPop .44s .20s forwards}.acmb-scene-outro.active .acmb-logo-c{animation:logoPop .44s .32s forwards}
@keyframes logoPop{to{transform:scale(1)}}
.acmb-outro-copy{position:absolute;left:500px;top:182px;z-index:3}
.acmb-outro-copy h2{margin:0;font-size:158px;line-height:.82;letter-spacing:-.08em;font-weight:1000}.acmb-outro-copy p{margin:24px 0;font-size:34px;font-weight:850}.acmb-cta-pill{display:inline-flex;align-items:center;gap:16px;padding:18px 24px;border-radius:999px;background:var(--ink);color:#fff;font-size:22px;font-weight:950}.acmb-cta-pill b{font-size:1.5em}
.acmb-outro-slash{position:absolute;right:-100px;bottom:-380px;width:470px;height:1180px;background:var(--magenta);transform:rotate(32deg) translateY(320px)}
.acmb-scene-outro.active .acmb-outro-slash{animation:slashIn .72s .40s cubic-bezier(.16,1,.3,1) forwards}
@keyframes slashIn{to{transform:rotate(32deg) translateY(0)}}

.acmb-progress{position:absolute;left:0;right:0;bottom:0;height:8px;z-index:30;background:rgba(255,255,255,.16)}.acmb-progress span{display:block;height:100%;width:0;background:var(--yellow)}
.acmb-motion-banner.running .acmb-progress span{animation:progress var(--loop-duration,15200ms) linear infinite}
@keyframes progress{from{width:0}to{width:100%}}

@media (prefers-reduced-motion:reduce){.acmb-scene.active,.acmb-scene.exit,.acmb-scene *{animation-duration:.001ms!important;animation-iteration-count:1!important}.acmb-motion-banner.running .acmb-progress span{animation:none;width:100%}}
