.use-cases{display:block;padding:1.1rem 0;position:relative}.use-cases .cnt{margin:auto auto .83rem;max-width:6rem;text-align:center}:is(.use-cases .cnt) .media{margin:auto auto .24rem;width:.34rem}:is(.use-cases .cnt) .text{color:#b6bace}.use-cases .animation{aspect-ratio:957/538;display:block;margin-bottom:.32rem;margin-left:1.4rem;position:relative;width:9.57rem}:is(.use-cases .animation) .slide{height:100%;left:0;position:absolute;top:0;width:100%}:is(.use-cases .animation) .media-frame{position:absolute;right:0;top:50%;transform:translateY(-50%)}:is(:is(.use-cases .animation) .media-frame) .mockup{width:2.48rem}.use-cases .dots{align-items:center;display:flex;gap:.26rem;justify-content:center}:is(.use-cases .dots)>div{cursor:pointer;display:block;height:.14rem;opacity:.5;position:relative;transition:opacity 256ms ease-out,background-color 256ms ease-out,width 256ms ease-out;width:.22rem}:is(:is(.use-cases .dots)>div) span{display:block;font-size:.11rem;left:50%;line-height:1.1em;opacity:0;pointer-events:none;position:absolute;text-align:center;top:calc(100% + .1rem);transform:translate(-50%,10%);transition:transform 265ms var(--ease),opacity 256ms var(--ease);white-space:nowrap}:is(:is(.use-cases .dots)>div) i{background-color:var(--white);border-radius:.16rem;display:block;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}:is(:is(.use-cases .dots)>div) i:before{background-color:var(--orange);content:"";display:none;height:100%;left:0;position:absolute;top:0;transform:scaleX(var(--p));transform-origin:0 50%;width:100%}:is(.use-cases .dots)>div:hover span{opacity:1;transform:translate(-50%)}:is(.use-cases .dots) div.active{opacity:1;width:.42rem}:is(:is(.use-cases .dots) div.active) i:before{display:block}.use-cases .messages{display:flex;flex-direction:column;gap:.1rem;position:absolute;right:.32rem;top:1.78rem;width:2.64rem}:is(.use-cases .messages) .msg-wrap{display:flex;gap:.1rem}:is(.use-cases .messages) .msg-media{width:1.4rem}.full:is(:is(.use-cases .messages) .msg-media){width:100%}:is(.use-cases .messages) .msg{background-color:#b6bace;border-radius:.06rem;color:var(--black);font-size:.14rem;font-weight:400;line-height:.2rem;padding:.1rem}.full:is(:is(.use-cases .messages) .msg){width:100%}:is(:is(.use-cases .messages) .msg) .small-icon{display:inline-block;height:auto;margin-right:.04rem;object-fit:contain;width:.12rem}:is(.use-cases .messages) .msg.fit{font-size:.12rem;line-height:1em;padding:.06rem .1rem;width:fit-content}:is(.use-cases .messages) .msg.orange{background-color:var(--orange)}:is(.use-cases .messages) .msg.black{background-color:var(--black);color:var(--white)}:is(.use-cases .messages) .msg-media.right,:is(.use-cases .messages) .msg.right{left:.7rem;margin-left:auto;margin-right:0;position:relative}.use-cases .card{backdrop-filter:blur(.04rem);background-color:rgba(13,14,20,.4);border-radius:.24rem;display:flex;flex-direction:column;gap:.56rem;left:0;padding:.32rem;position:absolute;top:50%;transform:translateY(-50%);width:5.1rem}:is(.use-cases .card):before{aspect-ratio:512/337;background-image:url(../../assets/card-border-1.webp);background-position:0 0;background-repeat:no-repeat;background-size:contain;content:"";display:block;left:0;position:absolute;top:0;width:100%}:is(.use-cases .card)>div{width:100%}:is(.use-cases .card) .card-text{color:var(--grey)}:is(.use-cases .card) .line{border-bottom:.01rem dashed var(--orange);display:block;height:0;width:100%}:is(.use-cases .card) .title-frame{align-items:center;display:flex;justify-content:space-between}:is(:is(.use-cases .card) .title-frame) .icon-frame{align-items:center;aspect-ratio:1;backdrop-filter:blur(.04rem);background-color:rgba(255,252,255,.05);border:.01rem solid rgba(255,252,255,.08);border-radius:50%;display:flex;justify-content:center;width:.58rem}:is(:is(:is(.use-cases .card) .title-frame) .icon-frame) .media{width:.32rem}:is(:is(.use-cases .card) .title-frame) .card-title{color:var(--white);font-size:.32rem;font-weight:500;line-height:1.1em;text-align:right}@media screen and (max-width:768px) and (orientation:portrait){.use-cases{padding:.8rem 0}.use-cases .cnt{margin-bottom:.5rem;max-width:3rem}:is(.use-cases .cnt) .media{margin-bottom:.2rem;width:.3rem}:is(.use-cases .cnt) .text{margin-bottom:.1rem}.use-cases .dots{gap:.1rem}:is(.use-cases .dots)>div{height:.12rem;width:.18rem}:is(:is(.use-cases .dots)>div) span{display:none}:is(.use-cases .dots)>div.active{width:.26rem}.use-cases .animation{aspect-ratio:10/18.5;margin-left:0;width:100%}:is(.use-cases .animation) .media-frame{bottom:0;right:.3rem;top:auto;transform:none}:is(:is(.use-cases .animation) .media-frame) .mockup{width:1.82rem}:is(.use-cases .animation) .messages{bottom:.6rem;top:auto;width:2rem}:is(:is(.use-cases .animation) .messages) .msg-media{width:1rem}:is(:is(.use-cases .animation) .messages) .msg{font-size:.12rem;line-height:1.2em;padding:.08rem}:is(:is(.use-cases .animation) .messages) .msg.fit{font-size:.1rem;line-height:1em;padding:.06rem .1rem}:is(:is(.use-cases .animation) .messages) .msg.right{left:.3rem}.use-cases .card{gap:.3rem;padding:.2rem;top:0;transform:none;width:100%}:is(:is(.use-cases .card) .title-frame) .icon-frame{width:.44rem}:is(:is(:is(.use-cases .card) .title-frame) .icon-frame) .media{width:.24rem}:is(:is(.use-cases .card) .title-frame) .card-title{font-size:.22rem}}