.page-home .hm-wrap{width:min(1250px,calc(100% - 80px))}
.hm-promo-wrap{padding:0 0 80px;scroll-margin-top:30px}
.hm-promo-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px;color:#67758a;font-size:12px}
.hm-promo-label button{border:1px solid #dae1e9;background:white;color:#52647b;border-radius:30px;padding:9px 14px;min-height:44px;font-size:14px;cursor:pointer}
.hm-promo{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:390px;overflow:hidden;border-radius:24px;color:#132555;background:linear-gradient(120deg,#f3f8ff,#d4e7ff);text-decoration:none;border:1px solid #cee0f7}
.hm-promo:before{content:"";position:absolute;inset:-70%;z-index:-1;background:conic-gradient(from 0deg,transparent 35%,#78b4ff66 45%,transparent 60%);animation:promo-aura 16s linear infinite}
.hm-promo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#ffffff80 48%,transparent 65%);transform:translateX(-130%);animation:promo-sweep 7s ease-in-out infinite}
.hm-promo-web-studio{background:linear-gradient(120deg,#fff7ee,#f2dfd0);border-color:#e9ddce;color:#342d27}
.hm-promo-web-studio:before{background:conic-gradient(transparent 35%,#c6a1ed70 45%,transparent 60%)}
.hm-promo-copy{position:relative;z-index:2;padding:40px 12px 40px 44px}
.hm-promo-brand{font-size:14px;font-weight:750;letter-spacing:.01em}
.page-home .hm-promo h2{font-size:clamp(27px,3vw,40px);line-height:1.3;letter-spacing:-1.3px;margin:20px 0 24px}
.hm-promo h2 span,.hm-promo h2 strong{display:block}
.hm-promo h2 strong{color:#1665e5;font-weight:850}
.hm-promo-web-studio h2 strong{color:#a04421}
.hm-promo-arrow{display:inline-grid;place-items:center;width:46px;height:46px;background:#206fed;color:white;border-radius:50%;font-size:27px;transition:transform .3s}
.hm-promo-web-studio .hm-promo-arrow{background:#49372e}
.hm-promo:hover .hm-promo-arrow{transform:rotate(45deg)}
.hm-promo-newtab{font-size:12px;margin-left:12px;color:#53647b}
.hm-promo-art{height:100%;min-height:390px;position:relative;pointer-events:none;perspective:900px}
.hm-promo-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:promo-depth 8s ease-in-out infinite;mask-image:linear-gradient(90deg,transparent,#000 12%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%)}
.hm-promo-orbit{position:absolute;inset:15% 8%;border:1px solid #ffffffad;border-radius:50%;transform:rotate(-22deg);animation:promo-orbit 9s ease-in-out infinite}
.hm-promo-spark{position:absolute;color:white;text-shadow:0 0 15px #3c89e7;font-size:36px;font-style:normal;animation:promo-spark 4s ease-in-out infinite}.spark-one{top:12%;right:17%}.spark-two{bottom:12%;left:10%;font-size:23px;animation-delay:-2s}
.hm-promo-glass{position:absolute;right:7%;bottom:12%;display:grid;place-items:center;width:65px;height:65px;border:1px solid #ffffffd0;background:#ffffff80;backdrop-filter:blur(5px);border-radius:18px;box-shadow:0 15px 30px #274b7b25;animation:promo-float 5s ease-in-out infinite}.hm-promo-glass svg{width:31px;height:31px;color:#276ad0}
.hm-promo,.hm-promo:before,.hm-promo:after,.hm-promo *{animation-play-state:paused!important}
.hm-promo.is-moving:not(.is-paused),.hm-promo.is-moving:not(.is-paused):before,.hm-promo.is-moving:not(.is-paused):after,.hm-promo.is-moving:not(.is-paused) *{animation-play-state:running!important}
.hm-promo:focus-visible,.hm-promo-label button:focus-visible{outline:3px solid #2379f5;outline-offset:4px}
@keyframes promo-depth{0%,100%{transform:scale(1.02) rotateY(-3deg)}50%{transform:scale(1.09) rotateY(3deg) translateY(-6px)}}
@keyframes promo-float{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(-19px) rotate(-7deg)}}
@keyframes promo-orbit{50%{transform:rotate(14deg) scale(.94)}}
@keyframes promo-spark{0%,100%{transform:scale(.6) rotate(0);opacity:.35}50%{transform:scale(1.15) rotate(90deg);opacity:.95}}
@keyframes promo-aura{to{transform:rotate(360deg)}}
@keyframes promo-sweep{0%,35%{transform:translateX(-130%)}75%,100%{transform:translateX(130%)}}
@media(max-width:800px){.page-home .hm-wrap{width:calc(100% - 40px)}.hm-promo-wrap{padding-bottom:48px}.hm-promo{grid-template-columns:1fr;border-radius:22px}.hm-promo-copy{padding:26px 24px 10px}.page-home .hm-promo h2{font-size:clamp(25px,6.8vw,36px);letter-spacing:-1px;margin:16px 0 18px}.hm-promo-art{min-height:240px;height:240px}.hm-promo-art img{object-fit:cover;object-position:center;mask-image:linear-gradient(180deg,transparent,#000 16%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%)}.hm-promo-glass{width:50px;height:50px}.hm-promo-brand{font-size:14px}}
@media(prefers-reduced-motion:reduce){.hm-promo,.hm-promo:before,.hm-promo:after,.hm-promo *{animation:none!important;transition:none!important}.hm-promo:after{display:none}}