.mor{padding-top:var(--ms-pt)}
.mor__band{position:relative;overflow:hidden;background:#000;color:#fff;padding:160px 0}
.mor__in{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px}
.mor__art{position:absolute;right:calc(max(var(--gut),(100% - var(--wrap)) / 2) - 270px);top:-270px;width:1100px;height:1100px;pointer-events:none}


.mor__art img{width:100%;height:100%}

.mor__cv{position:absolute;inset:0;width:100%;height:100%}
.mor__art.is-live picture{display:none}

.mor__text{position:relative;flex:0 1 640px;display:flex;flex-direction:column;gap:32px;min-width:0}
.mor__text .mg-label{margin-bottom:-16px}
.mor__lead{max-width:560px;color:rgba(255,255,255,.72)}
.mor__learn{max-width:560px}
.mor__learn-h{padding-bottom:12px;font-stretch:var(--w-hyper);font-weight:500;font-size:14px;line-height:18px;color:var(--on-dark-2)}
.mor__learn li{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-top:1px solid rgba(255,255,255,.1);
  font-stretch:var(--w-hyper);font-weight:400;font-size:16px;line-height:20px}
.mor__learn li::before{content:"";flex:none;width:6px;height:6px;margin-top:7px;border-radius:3px;background:var(--green)}
.mor__btn{padding-top:8px}

.mor-chat{position:relative;flex:0 0 560px;display:flex;flex-direction:column;gap:14px;padding:28px;
  background:rgba(35,36,39,.82);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);border-radius:var(--r-card)}
.mor-chat__head{display:flex;align-items:center;gap:12px;padding-bottom:6px}
.mor-chat__ava{width:40px;height:40px;border-radius:50%}
.mor-chat__name{font-stretch:var(--w-hyper);font-weight:500;font-size:15px;line-height:18px}
.mor-chat__sub{margin-top:2px;font-stretch:var(--w-hyper);font-weight:400;font-size:13px;line-height:16px;color:var(--on-dark-2)}
.mor-msg{align-self:flex-start;max-width:440px;padding:15px 18px 13px;border-radius:18px 18px 18px 6px;background:rgba(255,255,255,.08);
  font-stretch:var(--w-hyper);font-weight:400;font-size:16px;line-height:20px}
.mor-msg--me{align-self:flex-end;border-radius:18px 18px 6px 18px;background:var(--vio)}
.mor-card{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:18px;border-radius:18px;
  background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.mor-card__c{font-stretch:var(--w-hyper);font-weight:400;font-size:13px;line-height:16px;color:var(--on-dark-2)}
.mor-card__n{display:flex;align-items:baseline;gap:4px;margin-top:6px}
.mor-card__n .mg-num{font-size:36px;line-height:36px}
.mor-card__n .mg-unit{font-size:18px;line-height:18px}
.mor-bars{flex:0 1 220px;width:220px;height:64px;min-width:0}
.mor-bars rect{fill:rgba(255,255,255,.14)}
.mor-bars rect.is-last{fill:var(--green)}

.mor-bars rect{transform-box:fill-box;transform-origin:50% 100%}
.mor-chat:not(.is-in) .mor-bars rect{transform:scaleY(.15)}
.mor-chat.is-in .mor-bars rect{transition:transform 900ms var(--e-appear)}
.mor-chat.is-in .mor-bars rect:nth-child(2){transition-delay:60ms}
.mor-chat.is-in .mor-bars rect:nth-child(3){transition-delay:120ms}
.mor-chat.is-in .mor-bars rect:nth-child(4){transition-delay:180ms}
.mor-chat.is-in .mor-bars rect:nth-child(5){transition-delay:240ms}
.mor-chat.is-in .mor-bars rect:nth-child(6){transition-delay:300ms}
.mor-chat.is-in .mor-bars rect:nth-child(7){transition-delay:360ms}
.mor-chat.is-in .mor-bars rect:nth-child(8){transition-delay:420ms}
.as-fail .mor-bars rect{transform:none!important}

@media (max-width:1279px){ .mor-chat{flex-basis:500px} }
@media (max-width:1199px){
  .mor__band{padding:120px 0}
  .mor__in{flex-direction:column;align-items:stretch;gap:56px}
  .mor__text{flex:none;max-width:640px}
  .mor-chat{flex:none;width:min(100%,560px);align-self:flex-end}

  .mor__art{top:auto;bottom:90px;right:-90px;width:800px;height:800px;margin:0;
    -webkit-mask-image:radial-gradient(circle at 51% 50%,#000 24%,transparent 42%);mask-image:radial-gradient(circle at 51% 50%,#000 24%,transparent 42%)}
  .mor__art.is-live{-webkit-mask-image:none;mask-image:none}
}
@media (max-width:767px){
  .mor__band{padding:72px 0}
  .mor__text{gap:24px}
  .mor__text .mg-label{margin-bottom:-12px}
  .mor__learn li{font-size:15px;line-height:19px;padding:12px 0}
  .mor__btn{padding-top:0}
  .mor__btn .btn{width:100%}
  .mor__in{gap:72px}
  .mor-chat{width:100%;padding:16px;gap:10px;border-radius:20px}
  .mor-msg{padding:12px 14px;font-size:15px;line-height:19px;max-width:92%}
  .mor-card{padding:14px}
  .mor-card__n .mg-num{font-size:30px;line-height:30px}
  .mor-bars{width:140px;flex-basis:140px;height:48px}
  .mor__art{width:640px;height:640px;right:calc(50vw - 330px);bottom:70px}
}
@media (prefers-reduced-motion:reduce){ .mor-bars rect{transition:none!important;transform:none!important} }