/* Official homepage: CSS scenery with supplied transparent artwork. */
.new_banner .banner_item.workbuddy_banner{position:relative;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 33% 6%,rgba(37,108,164,.62) 0,transparent 48%),radial-gradient(ellipse at 66% 104%,rgba(104,127,65,.48) 0,transparent 53%),linear-gradient(110deg,#0b2937 0%,#123d4b 46%,#07666a 100%)!important;}
.new_banner .workbuddy_banner::before{content:"";position:absolute;inset:0;background:linear-gradient(168deg,rgba(255,255,255,.035) 0%,rgba(255,255,255,.035) 25%,rgba(171,221,240,.14) 25.1%,transparent 25.25%,transparent 78%,rgba(154,217,216,.13) 78.1%,rgba(255,255,255,.025) 78.25%);pointer-events:none;}
.new_banner .banner_item.workbuddy_banner .main_div{position:relative;display:block;width:1200px;max-width:calc(100% - 64px);height:535px;margin:115px auto 0;padding:0;}
.new_banner .banner_item.workbuddy_banner .left_item{position:absolute;left:0;top:46%;width:56%;margin:0;padding:0;z-index:2;transform:translateY(-50%);}
.new_banner .workbuddy_banner .left_item,.new_banner .workbuddy_banner .left_item *{-webkit-user-select:text;user-select:text;}
.new_banner .banner_item.workbuddy_banner .title{display:block;margin:0;padding:0;white-space:nowrap;color:#fff;font:700 48px/1.3 'Microsoft YaHei','PingFang SC',sans-serif;letter-spacing:0;}
.new_banner .banner_item.workbuddy_banner .title h1{margin:0;padding:0;font:inherit;}
.new_banner .workbuddy_banner .title .workbuddy-name{color:rgb(67,227,193);font-weight:inherit;margin:0;}
.new_banner .workbuddy_banner .title .workbuddy-plus{color:#fff;font-weight:inherit;margin:0 8px;}
.new_banner .banner_item.workbuddy_banner .content{position:static;width:100%;margin:22px 0 28px;padding:0;color:#dfebf0;white-space:normal;font:400 18px/1.8 'Microsoft YaHei','PingFang SC',sans-serif;}
.new_banner .workbuddy_banner .content>span{display:block;line-height:inherit;}
.new_banner .banner_item.workbuddy_banner .btn{display:inline-block;box-sizing:border-box;width:145px;height:44px;margin:0 14px 0 0;padding:0;border:1px solid #c00;border-radius:0;background:#c00;color:#fff;font:400 16px/42px 'Microsoft YaHei','PingFang SC',sans-serif;text-align:center;}
.new_banner .banner_item.workbuddy_banner .btn+.btn{color:#c00;background:rgba(255,255,255,.8);}
.new_banner .banner_item.workbuddy_banner .btn:hover{background:#ad0000;border-color:#ad0000;color:#fff;}
.new_banner .workbuddy_banner .btn:focus-visible{outline:2px solid #c00;outline-offset:4px;}
.new_banner .banner_item.workbuddy_banner .right_item{position:absolute;display:block;left:auto;right:-25px;top:20px;width:550px;height:450px;margin:0;padding:0;pointer-events:none;}
.new_banner .workbuddy_banner .right_item::before{content:"";position:absolute;left:100px;right:65px;bottom:12px;height:65px;border-radius:50%;background:radial-gradient(ellipse,rgba(4,22,30,.42),transparent 68%);filter:blur(6px);}
.new_banner .banner_item.workbuddy_banner .right_item>img{position:absolute;left:145px;bottom:35px;display:block;width:260px;height:auto;max-height:none;filter:drop-shadow(0 20px 16px rgba(58,86,145,.16));}
.new_banner .banner_item.workbuddy_banner .right_text{position:absolute;inset:0;margin:0;padding:0;}
.new_banner .banner_item.workbuddy_banner .right_text img{position:absolute;display:block;width:120px;height:auto;max-height:none;filter:drop-shadow(0 12px 12px rgba(75,112,190,.13));animation:workbuddy-float 6s ease-in-out infinite;}
.new_banner .workbuddy_banner .feature-1{left:12px;top:85px;}
.new_banner .workbuddy_banner .feature-2{left:32px;top:255px;animation-delay:-2s!important;}
.new_banner .workbuddy_banner .feature-3{right:25px;top:80px;animation-delay:-1s!important;}
.new_banner .workbuddy_banner .feature-4{right:0;top:245px;animation-delay:-3s!important;}
.new_banner .workbuddy_banner .feature-5{left:225px;top:-5px;width:95px!important;animation-delay:-4s!important;}
@keyframes workbuddy-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
@media(prefers-reduced-motion:reduce){.new_banner .banner_item.workbuddy_banner .right_text img{animation:none;}}
@media screen and (min-width:769px) and (max-width:1250px){
 .new_banner .banner_item.workbuddy_banner .title{font-size:40px;}
 .new_banner .banner_item.workbuddy_banner .content{font-size:18px;}
 .new_banner .banner_item.workbuddy_banner .right_item{right:-40px;transform:scale(.85);transform-origin:right center;}
}
@media screen and (max-width:768px){
 .new_banner .banner_item.workbuddy_banner .main_div{width:100%;max-width:none;height:210px;margin:0;padding:0;}
 .new_banner .banner_item.workbuddy_banner .left_item{left:16px;top:25px;width:calc(100% - 32px);transform:none;}
 .new_banner .banner_item.workbuddy_banner .title{font-size:clamp(22px,6.1vw,30px);line-height:1.3;letter-spacing:0;}
 .new_banner .workbuddy_banner .title .workbuddy-plus{margin:0 3px;}
 .new_banner .banner_item.workbuddy_banner .content{width:calc(100% - clamp(108px,32vw,160px));margin:8px 0 12px;font-size:12px;line-height:1.6;}
 .new_banner .banner_item.workbuddy_banner .btn{width:88px;height:30px;margin:0 8px 0 0;font-size:12px;line-height:28px;}
 /* Keep all six supplied images inside a dedicated mobile illustration area. */
 .new_banner .banner_item.workbuddy_banner .right_item{left:auto;right:8px;top:68px;bottom:auto;width:clamp(108px,32vw,160px);height:clamp(110px,33vw,140px);transform:none;}
 .new_banner .banner_item.workbuddy_banner .right_item>img{left:27%;bottom:6px;width:46%;height:auto;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(0,20,30,.18));}
 .new_banner .workbuddy_banner .right_item::before{display:none;}
 .new_banner .banner_item.workbuddy_banner .right_text{display:block;}
 .new_banner .banner_item.workbuddy_banner .right_text img{width:27%;height:auto;max-width:none;animation:none;filter:drop-shadow(0 3px 4px rgba(0,20,30,.12));}
 .new_banner .workbuddy_banner .feature-1{left:0;right:auto;top:20%;}
 .new_banner .workbuddy_banner .feature-2{left:0;right:auto;top:61%;}
 .new_banner .workbuddy_banner .feature-3{left:auto;right:0;top:19%;}
 .new_banner .workbuddy_banner .feature-4{left:auto;right:0;top:65%;}
 .new_banner .workbuddy_banner .feature-5{left:38%;right:auto;top:0;width:25%!important;}
}
@media screen and (max-width:350px){
 .new_banner .banner_item.workbuddy_banner .left_item{left:12px;width:calc(100% - 24px);}
 .new_banner .banner_item.workbuddy_banner .content{font-size:11px;}
}