/* Crevyro homepage conversation animation — CSS/DOM only, no image assets. */
.mc-chat-animation{
  isolation:isolate;overflow:visible!important;background:
    radial-gradient(circle at 24% 18%,rgba(255,255,255,.76) 0 5%,transparent 5.5%),
    radial-gradient(circle at 78% 74%,rgba(255,255,255,.48) 0 8%,transparent 8.5%),
    linear-gradient(145deg,#d9f55f 0%,#c8ef6c 48%,#bbed87 100%)!important;
  border-radius:46% 42% 44% 49% / 43% 48% 44% 50%!important;
}
.mc-chat-animation::before,.mc-chat-animation::after{content:"";position:absolute;z-index:0;border-radius:50%;pointer-events:none}
.mc-chat-animation::before{width:138px;height:138px;left:18%;top:20%;border:1px solid rgba(31,49,14,.16);box-shadow:0 0 0 22px rgba(255,255,255,.11),0 0 0 44px rgba(255,255,255,.07)}
.mc-chat-animation::after{width:76px;height:76px;right:13%;bottom:13%;background:rgba(255,255,255,.21);filter:blur(1px)}
.mc-chat-orbit{position:absolute;z-index:0;border:1px dashed rgba(21,35,9,.18);border-radius:50%;pointer-events:none}
.mc-chat-orbit.orbit-one{width:470px;height:470px;left:5%;top:8%;animation:mcOrbit 24s linear infinite}
.mc-chat-orbit.orbit-two{width:280px;height:280px;right:2%;bottom:1%;animation:mcOrbitReverse 18s linear infinite}
.mc-chat-signal{position:absolute;z-index:5;left:43%;top:47%;display:flex;align-items:center;gap:5px;transform:rotate(-15deg);pointer-events:none}
.mc-chat-signal span{width:8px;height:8px;border-radius:50%;background:#191919;opacity:.2;transform:scale(.7)}
.mc-chat-animation.is-running .mc-chat-signal span{animation:mcSignal 1.05s ease-in-out infinite}
.mc-chat-animation.is-running .mc-chat-signal span:nth-child(2){animation-delay:.15s}.mc-chat-animation.is-running .mc-chat-signal span:nth-child(3){animation-delay:.3s}

.mc-chat-animation .mc-chat-demo-phone{z-index:2;left:1.5%!important;top:2.5%!important;width:326px!important;height:574px!important;border:9px solid #181818!important;border-radius:43px!important;background:#fff!important;transform:rotate(-3.2deg);box-shadow:0 35px 75px rgba(31,42,17,.24)!important;animation:mcPhoneFloat 6s ease-in-out infinite;will-change:transform}
.mc-chat-animation .mc-phone-bar{height:47px!important;padding:0 18px!important;background:#fff;border-bottom:1px solid #efefef!important}
.mc-chat-animation .mc-phone-bar>i{display:flex;gap:3px;font-style:normal}.mc-chat-animation .mc-phone-bar>i span{width:3px;height:3px;border-radius:50%;background:#222}
.mc-chat-demo-screen{position:relative;height:calc(100% - 47px);overflow:hidden;background:#fff}
.mc-demo-profile{height:48px;display:flex;align-items:center;gap:8px;padding:7px 12px;border-bottom:1px solid #f2f2f2}
.mc-demo-profile>div{display:grid;gap:1px;min-width:0}.mc-demo-profile strong{font-size:10.5px}.mc-demo-profile small{color:#8b8b8b;font-size:8px}.mc-demo-profile>b{margin-left:auto;font-size:11px;letter-spacing:1px}
.mc-chat-animation .mc-avatar{background:linear-gradient(145deg,#734cff,#222)!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.15)}
.mc-demo-reel{position:relative;height:213px;margin:0;overflow:hidden;background:linear-gradient(145deg,#151515 0 44%,#28231b 100%)}
.mc-demo-reel-glow{position:absolute;width:180px;height:180px;right:-40px;top:-35px;border-radius:50%;background:radial-gradient(circle,#d8ff66 0 12%,rgba(216,255,102,.4) 38%,transparent 70%);filter:blur(1px);animation:mcGlowDrift 5s ease-in-out infinite}
.mc-demo-reel-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to bottom right,#000,transparent 72%)}
.mc-demo-reel-copy{position:absolute;left:19px;bottom:20px;display:grid;gap:5px;color:#fff}.mc-demo-reel-copy small{font-size:8px;font-weight:900;letter-spacing:.22em;color:#d9f55f}.mc-demo-reel-copy strong{font-family:"Rooftop",sans-serif;font-size:25px;line-height:.92;letter-spacing:-.07em}.mc-demo-reel-copy span{max-width:160px;color:#b8b8b8;font-size:8.5px}
.mc-demo-play{position:absolute;right:23px;bottom:25px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:rgba(255,255,255,.13);backdrop-filter:blur(7px)}
.mc-demo-play i{width:0;height:0;margin-left:3px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #fff}
.mc-demo-actions{height:34px;display:flex;align-items:center;gap:14px;padding:0 13px;color:#242424;font-size:18px}.mc-demo-actions span:last-child{margin-left:auto;font-size:15px}
.mc-chat-animation .mc-demo-comment{position:absolute;left:10px;right:10px;top:346px;z-index:3;min-height:55px;margin:0!important;padding:9px 10px!important;align-items:center;border:1px solid #e8e8e8;border-radius:14px;background:#fff;box-shadow:0 12px 26px rgba(25,25,25,.09);opacity:0;transform:translateY(18px) scale(.97);transition:opacity .38s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.mc-demo-comment>div{flex:1}.mc-demo-comment strong{font-size:9px}.mc-demo-comment p{font-size:11px!important}.mc-demo-comment mark{padding:1px 4px;border-radius:4px;background:#e7ffc0;color:#20300d;font-weight:800}.mc-demo-comment time{align-self:flex-start;color:#aaa;font-size:7px}
.mc-demo-detected{position:absolute;left:24px;top:410px;z-index:4;display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;background:#171717;color:#fff;box-shadow:0 12px 25px rgba(0,0,0,.18);opacity:0;transform:translateY(10px) scale(.92);transition:.38s cubic-bezier(.2,.8,.2,1)}
.mc-demo-detected>span{width:7px;height:7px;border-radius:50%;background:#d9f55f;box-shadow:0 0 0 4px rgba(217,245,95,.16)}.mc-demo-detected strong{font-size:8px}.mc-demo-detected small{padding:3px 6px;border-radius:999px;background:#363636;color:#d9f55f;font-size:7px;font-weight:800}
.mc-chat-animation .mc-demo-public-reply{position:absolute;right:11px;top:451px;z-index:3;max-width:79%;margin:0!important;padding:9px 11px!important;border-radius:13px 13px 4px 13px!important;font-size:10px!important;opacity:0;transform:translateX(18px) scale(.97);transition:.4s cubic-bezier(.2,.8,.2,1)}

.mc-demo-dm-sheet{position:absolute;inset:80px 0 0;z-index:8;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -16px 40px rgba(0,0,0,.15);opacity:0;transform:translateY(105%);transition:opacity .15s ease,transform .62s cubic-bezier(.18,.9,.24,1)}
.mc-demo-dm-head{height:60px;display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #ececec}.mc-demo-dm-head button{width:24px;border:0;background:transparent;font-size:27px;line-height:1}.mc-demo-dm-head>div{display:grid;gap:1px}.mc-demo-dm-head strong{font-size:10px}.mc-demo-dm-head small{font-size:7.5px;color:#898989}.mc-demo-dm-head>b{margin-left:auto;letter-spacing:1px;font-size:10px}
.mc-demo-dm-body{position:relative;height:calc(100% - 60px);padding:15px 12px;background:linear-gradient(#fff,#fbfbfb)}
.mc-demo-day{text-align:center;color:#a2a2a2;font-size:7px;margin-bottom:16px}
.mc-demo-dm{width:max-content;max-width:80%;padding:10px 11px;border-radius:15px;font-size:9.5px;line-height:1.4;opacity:0;transform:translateY(10px) scale(.97);transition:.38s cubic-bezier(.2,.8,.2,1)}
.mc-demo-dm.incoming{background:#efefef;border-radius:15px 15px 15px 4px}.mc-demo-dm.outgoing{margin:9px 0 0 auto;background:#0875e8;color:#fff;border-radius:15px 15px 4px 15px}
.mc-demo-typing{width:44px;height:26px;display:flex;align-items:center;justify-content:center;gap:3px;margin-top:8px;border-radius:13px 13px 13px 4px;background:#efefef;opacity:0;transform:translateY(6px);transition:.25s ease}.mc-demo-typing span{width:4px;height:4px;border-radius:50%;background:#8a8a8a;animation:mcTyping .9s ease-in-out infinite}.mc-demo-typing span:nth-child(2){animation-delay:.12s}.mc-demo-typing span:nth-child(3){animation-delay:.24s}
.mc-demo-link{width:100%;min-height:38px;margin-top:11px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:10px;background:#171717;color:#fff;font:800 9.5px/1 "Rooftop",sans-serif;opacity:0;transform:translateY(10px);transition:.38s cubic-bezier(.2,.8,.2,1)}.mc-demo-link i{font-style:normal;font-size:14px}
.mc-demo-delivered{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:10px;color:#218357;font-size:7.5px;font-weight:700;opacity:0;transform:translateY(5px);transition:.3s ease}.mc-demo-delivered span{width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:#dff6e9}

.mc-chat-animation [data-chat-reveal].is-visible{opacity:1;transform:translate(0,0) scale(1)}
.mc-chat-animation .mc-demo-dm-sheet.is-visible{opacity:1;transform:translateY(0)}
.mc-chat-animation .mc-demo-typing.is-complete{opacity:0;transform:scale(.8);transition:.2s ease}

.mc-chat-animation .mc-flow-card{z-index:4!important;right:-1.5%!important;bottom:22px!important;width:402px!important;transform:rotate(1.2deg);box-shadow:0 32px 70px rgba(25,36,13,.22)!important;animation:mcCardFloat 7s ease-in-out infinite;will-change:transform}
.mc-chat-animation .mc-flow-card .product-top small{margin-left:auto;color:#7c7c7c;font-size:8px;font-weight:700}
.mc-chat-animation .product-heading b{display:flex;align-items:center;gap:6px}.mc-chat-animation .product-heading b>span{width:6px;height:6px;border-radius:50%;background:#39af73;box-shadow:0 0 0 4px rgba(57,175,115,.13);animation:mcLivePulse 1.8s ease-out infinite}
.mc-chat-animation .flow-node{position:relative;overflow:hidden;transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease,background .28s ease}
.mc-chat-animation .flow-node>i{position:absolute;inset:0 auto 0 0;width:3px;background:#0875e8;opacity:0;transform:scaleY(0);transform-origin:center;transition:.28s ease}
.mc-chat-animation .flow-node.is-active{border-color:#9bc9fb!important;background:#f7fbff!important;box-shadow:0 8px 22px rgba(8,117,232,.1);transform:translateX(4px)}.mc-chat-animation .flow-node.is-active>i{opacity:1;transform:scaleY(1)}.mc-chat-animation .flow-node.is-complete em{background:#daf4e5!important;color:#19784a!important}.mc-chat-animation .flow-node.is-complete em::after{content:"✓"}.mc-chat-animation .flow-node.is-complete em{font-size:0}.mc-chat-animation .flow-node.is-complete em::after{font-size:12px}
.mc-flow-log{display:flex;align-items:center;gap:8px;margin-top:14px;color:#8a8a8a}.mc-flow-log span{width:6px;height:6px;border-radius:50%;background:#c6c6c6}.mc-flow-log small{font-size:8px}.mc-chat-animation.is-processing .mc-flow-log span{background:#0875e8;animation:mcLivePulse 1s ease-out infinite}.mc-chat-animation.is-processing .mc-flow-log small{color:#3e6d9d}.mc-chat-animation.is-complete .mc-flow-log span{background:#2aa56b}.mc-chat-animation.is-complete .mc-flow-log small{color:#26764f}.mc-chat-animation.is-complete .mc-flow-log small{font-size:0}.mc-chat-animation.is-complete .mc-flow-log small::after{content:"Automation completed successfully";font-size:8px}
.mc-chat-animation .floating-result{z-index:6!important;right:5%!important;top:5%!important;bottom:auto!important;opacity:0;transform:translateY(-10px) scale(.9)!important;transition:.45s cubic-bezier(.2,.8,.2,1)!important}.mc-chat-animation .floating-result.is-visible{opacity:1;transform:translateY(0) scale(1)!important}.mc-chat-animation .floating-result>i{margin-left:7px;padding:4px 7px;border-radius:999px;background:#d9f55f;color:#1c2d0d;font-size:8px;font-style:normal;font-weight:900}

@keyframes mcTyping{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}
@keyframes mcSignal{0%,100%{opacity:.18;transform:scale(.65)}50%{opacity:1;transform:scale(1)}}
@keyframes mcPhoneFloat{0%,100%{transform:rotate(-3.2deg) translateY(0)}50%{transform:rotate(-2.3deg) translateY(-7px)}}
@keyframes mcCardFloat{0%,100%{transform:rotate(1.2deg) translateY(0)}50%{transform:rotate(.4deg) translateY(7px)}}
@keyframes mcGlowDrift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-18px,18px) scale(1.13)}}
@keyframes mcOrbit{to{transform:rotate(360deg)}}@keyframes mcOrbitReverse{to{transform:rotate(-360deg)}}
@keyframes mcLivePulse{0%{box-shadow:0 0 0 0 rgba(57,175,115,.35)}100%{box-shadow:0 0 0 8px rgba(57,175,115,0)}}

@media(max-width:1100px){
  .mc-chat-animation .mc-chat-demo-phone{left:0!important}.mc-chat-animation .mc-flow-card{right:0!important;width:min(390px,68vw)!important}.mc-chat-signal{left:42%}
}
@media(max-width:700px){
  .mc-chat-animation{min-height:520px!important;overflow:hidden!important;border-radius:36px!important}
  .mc-chat-animation .mc-chat-demo-phone{left:-5px!important;top:18px!important;width:252px!important;height:462px!important;border-width:7px!important;border-radius:34px!important}
  .mc-chat-animation .mc-phone-bar{height:39px!important}.mc-chat-demo-screen{height:calc(100% - 39px)}.mc-demo-profile{height:40px;padding:5px 9px}.mc-demo-profile .mc-avatar{width:27px;height:27px}.mc-demo-profile strong{font-size:8px}.mc-demo-reel{height:161px}.mc-demo-reel-copy{left:14px;bottom:15px}.mc-demo-reel-copy strong{font-size:19px}.mc-demo-reel-copy span{font-size:7px}.mc-demo-actions{height:28px;padding:0 10px;font-size:15px}
  .mc-chat-animation .mc-demo-comment{top:271px;left:7px;right:7px;min-height:47px;padding:7px!important}.mc-demo-comment .mc-avatar{width:23px;height:23px}.mc-demo-comment strong{font-size:7px}.mc-demo-comment p{font-size:8.5px!important}.mc-demo-detected{left:14px;top:325px;padding:6px 8px}.mc-demo-public-reply{top:362px!important;font-size:8px!important}.mc-demo-dm-sheet{inset:63px 0 0}.mc-demo-dm-head{height:50px}.mc-demo-dm-body{height:calc(100% - 50px);padding:12px 9px}.mc-demo-dm{font-size:8px}.mc-demo-link{min-height:32px}
  .mc-chat-animation .mc-flow-card{width:238px!important;right:-10px!important;bottom:-10px!important}.mc-chat-animation .mc-flow-card .product-content{padding:14px!important}.mc-chat-animation .mc-flow-card .product-heading strong{font-size:15px!important}.mc-chat-animation .mc-flow-card .product-stats{display:none!important}.mc-chat-animation .mc-flow-card .flow-node{min-height:43px!important;padding:7px 8px!important}.mc-chat-animation .mc-flow-card .flow-node em{width:23px;height:23px}.mc-chat-animation .mc-flow-card .flow-node b{font-size:9px}.mc-chat-animation .mc-flow-card .flow-node small{font-size:6px}.mc-flow-log{display:none}.mc-chat-animation .floating-result{right:3px!important;top:8px!important;padding:10px 11px!important}.mc-chat-animation .floating-result small{font-size:7px}.mc-chat-animation .floating-result strong{font-size:10px}.mc-chat-signal{display:none}.mc-chat-orbit.orbit-one{width:330px;height:330px}.mc-chat-orbit.orbit-two{width:190px;height:190px}
}
@media(max-width:390px){
  .mc-chat-animation{min-height:485px!important}.mc-chat-animation .mc-chat-demo-phone{width:232px!important;height:430px!important}.mc-demo-reel{height:145px}.mc-chat-animation .mc-demo-comment{top:247px}.mc-demo-detected{top:299px}.mc-demo-public-reply{top:335px!important}.mc-chat-animation .mc-flow-card{width:220px!important}.mc-chat-animation .floating-result{display:flex!important}
}
@media(prefers-reduced-motion:reduce){
  .mc-chat-animation *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.mc-chat-animation .mc-chat-demo-phone,.mc-chat-animation .mc-flow-card{animation:none!important}.mc-chat-animation [data-chat-reveal]{opacity:1!important;transform:none!important}.mc-chat-animation .mc-demo-dm-sheet{transform:translateY(0)!important}.mc-chat-animation .mc-demo-typing{display:none!important}
}