.blog-launch-banner{
  --launch-blue:#167dda;
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);
  align-items:center;
  width:min(1280px,calc(100% - 48px));
  min-height:390px;
  margin:70px auto;
  padding:58px 56px;
  overflow:hidden;
  border-radius:36px;
  background:#202020;
  color:#fff;
}
.blog-launch-banner::before,.blog-launch-banner::after{content:"";position:absolute;z-index:-1;border-radius:50%}
.blog-launch-banner::before{bottom:-52px;left:-30px;width:115px;height:115px;border:9px solid rgba(23,125,218,.55)}
.blog-launch-banner::after{top:-62px;right:-44px;width:160px;height:160px;border:22px solid rgba(255,255,255,.08)}
.blog-launch-content{position:relative;z-index:2;max-width:690px}
.blog-launch-banner .blog-launch-logo{gap:7px}
.blog-launch-banner .blog-launch-logo .cm-brand-logo__mark{width:35px;height:30px}
.blog-launch-banner .blog-launch-logo .cm-brand-logo__word{font-size:20px}
.blog-launch-banner h2{max-width:700px;margin:28px 0 14px;color:#fff;font-size:clamp(38px,3.7vw,54px);font-weight:600;line-height:1.08;letter-spacing:-1.2px}
.blog-launch-banner p{margin:0 0 22px;color:#fff;font-size:19px;line-height:1.55}
.blog-launch-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:56px;padding:0 29px;border-radius:999px;background:var(--launch-blue);color:#fff;font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s ease,background-color .2s ease}
.blog-launch-button:hover{transform:translateY(-2px);background:#0e71ca}
.blog-launch-button span{font-size:29px;font-weight:400;line-height:1}
.blog-launch-art{position:relative;align-self:stretch;min-height:275px}
.blog-launch-arrow{position:absolute;top:3px;width:8px;height:180px;background:linear-gradient(180deg,rgba(142,205,255,.08),#8ecfff 78%);box-shadow:0 0 12px rgba(101,177,240,.3)}
.blog-launch-arrow::after{content:"";position:absolute;left:50%;bottom:-24px;width:0;height:0;border:15px solid transparent;border-top:25px solid #8ecfff;transform:translateX(-50%)}
.blog-launch-arrow--one{left:15%;height:205px}
.blog-launch-arrow--two{left:38%;height:128px}
.blog-launch-arrow--three{left:62%;height:165px}
.blog-launch-arrow--four{right:4%;height:205px}
.blog-launch-tag{position:absolute;z-index:2;display:grid;place-items:center;width:94px;height:130px;padding-top:14px;clip-path:polygon(50% 0,100% 25%,100% 100%,0 100%,0 25%);background:linear-gradient(145deg,#f8fcff,#a6d4f5);color:#1d1d1d;font-size:34px;font-weight:700;line-height:1;box-shadow:0 16px 30px rgba(0,0,0,.32)}
.blog-launch-tag::before{content:"";position:absolute;top:14px;left:50%;width:13px;height:13px;border:4px solid #17212b;border-radius:50%;background:#d5ebfa;transform:translateX(-50%)}
.blog-launch-tag::after{content:"";position:absolute;left:50%;bottom:calc(100% - 21px);width:2px;height:120px;background:#9ccff4;transform-origin:bottom}
.blog-launch-tag--ten{top:68px;left:2%;transform:rotate(20deg)}
.blog-launch-tag--ten::after{transform:rotate(-20deg)}
.blog-launch-tag--twenty{top:85px;left:32%;transform:rotate(13deg)}
.blog-launch-tag--twenty::after{transform:rotate(-13deg)}
.blog-launch-tag--thirty{top:167px;left:44%;transform:rotate(-12deg)}
.blog-launch-tag--thirty::after{height:190px;transform:rotate(12deg)}
.blog-launch-tag--forty{top:92px;right:2%;transform:rotate(-17deg)}
.blog-launch-tag--forty::after{transform:rotate(17deg)}

@media(max-width:900px){
  .blog-launch-banner{grid-template-columns:minmax(0,1fr) 330px;min-height:350px;padding:44px 38px}
  .blog-launch-banner h2{font-size:38px}
  .blog-launch-tag{width:76px;height:108px;font-size:27px}
  .blog-launch-tag--thirty{top:154px}
}

@media(max-width:700px){
  .blog-launch-banner{display:block;width:calc(100% - 24px);min-height:570px;margin:38px auto;padding:34px 24px 250px;border-radius:24px}
  .blog-launch-banner h2{margin-top:26px;font-size:34px;line-height:1.12}
  .blog-launch-banner p{font-size:16px}
  .blog-launch-button{width:100%;min-height:52px;padding-inline:22px;font-size:15px}
  .blog-launch-art{position:absolute;right:10px;bottom:8px;width:94%;height:230px;min-height:0}
  .blog-launch-arrow{height:128px}
  .blog-launch-arrow--one{left:13%;height:145px}
  .blog-launch-arrow--two{left:38%;height:95px}
  .blog-launch-arrow--three{left:64%;height:120px}
  .blog-launch-arrow--four{right:5%;height:145px}
  .blog-launch-tag{width:68px;height:96px;font-size:24px}
  .blog-launch-tag--ten{top:55px;left:0}
  .blog-launch-tag--twenty{top:64px;left:28%}
  .blog-launch-tag--thirty{top:125px;left:48%}
  .blog-launch-tag--forty{top:67px;right:0}
}

@media(max-width:390px){
  .blog-launch-banner{min-height:550px;padding-inline:20px}
  .blog-launch-banner h2{font-size:29px}
  .blog-launch-tag{width:62px;height:90px;font-size:21px}
}