.hero-circle{background:var(--hero-bg-color,#30225e);color:#fff;overflow:hidden;padding-top:185px;position:relative}.hero-circle__inner{align-items:center;display:grid;gap:40px;grid-template-columns:minmax(320px,560px) 1fr;min-height:600px;padding:80px 0;position:relative}.hero-circle__content{max-width:560px;padding-left:40px;position:relative;top:-80px;z-index:3}.hero-circle__heading{color:#f5f5f5;font-size:clamp(42px,6vw,72px);font-weight:800;letter-spacing:-.02em;line-height:1.02;margin:0 0 24px}.hero-circle__dot{color:#ffe100}.hero-circle__text{color:#f2f2f2;font-size:22px;line-height:1.5;max-width:520px}.hero-circle__text p{margin:0}.hero-circle__actions{margin-top:36px}.hero-circle__button{background:var(--hero-button-bg-color,#7b61e8);border-radius:999px;color:var(--hero-button-text-color,#fff);font-size:14px;font-weight:700;gap:14px;letter-spacing:.08em;padding:12px 14px 12px 24px;text-decoration:none;text-transform:uppercase}.hero-circle__button,.hero-circle__button-icon{align-items:center;display:inline-flex;transition:background .25s ease,color .25s ease}.hero-circle__button-icon{background:var(--hero-button-icon-bg-color,#f1f1f1);border-radius:50%;color:var(--hero-button-icon-color,#7b61e8);font-size:18px;height:34px;justify-content:center;line-height:1;width:34px}.hero-circle__button:hover{background:#fff;color:#30225e;font-weight:700;text-decoration:none}.hero-circle__button:hover .hero-circle__button-icon{background:#30225e;color:#fff}.hero-circle__media-crop{position:relative}.hero-circle__media{height:1150px;position:absolute;right:-460px;top:50%;transform:translateY(-50%);width:1150px;z-index:1}.hero-circle__image-mask,.hero-circle__purple-ring,.hero-circle__yellow-ring{border-radius:50%;position:absolute}.hero-circle__purple-ring{background:var(--hero-purple-ring-color,#7b61e8);height:100%;left:0;top:40px;width:100%}.hero-circle__yellow-ring{background:var(--hero-yellow-ring-color,#ffe100);height:calc(100% - 84px);left:42px;top:-20px;width:calc(100% - 84px)}.hero-circle__image-mask{background:#ddd;inset:140px;overflow:hidden}.hero-circle__image-mask img{display:block;height:100%;object-fit:cover;width:100%}.hero-circle__image-placeholder{background:linear-gradient(45deg,#e8e8e8 25%,transparent 0),linear-gradient(-45deg,#e8e8e8 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e8e8e8 0),linear-gradient(-45deg,transparent 75%,#e8e8e8 0);background-color:#f3f3f3;background-position:0 0,0 28px,28px -28px,-28px 0;background-size:56px 56px;height:100%;width:100%}@media (max-width:1300px){.hero-circle__inner{gap:32px;grid-template-columns:minmax(320px,520px) 1fr;min-height:560px;padding:72px 24px}.hero-circle__content{max-width:520px;padding-left:0}.hero-circle__heading{font-size:clamp(42px,5.6vw,60px);margin-bottom:20px}.hero-circle__text{font-size:20px;line-height:1.5;max-width:500px;padding-right:100px}.hero-circle__actions{margin-top:28px}.hero-circle__media-crop{height:auto;margin:0;overflow:visible;position:static;width:auto}.hero-circle__media{clip-path:none;height:clamp(620px,72vw,860px);margin:0;overflow:visible;position:absolute;right:-220px;top:50%;transform:translateY(-50%);width:clamp(620px,72vw,860px)}.hero-circle__purple-ring{height:88%;left:4%;top:8%;width:88%}.hero-circle__yellow-ring{height:78%;left:11%;top:5%;width:78%}.hero-circle__image-mask{height:68%;left:16%;top:14%;width:68%}}@media (max-width:750px){.hero-circle{padding-top:150px}.hero-circle__text,.hero-circle__text p{max-width:none!important;padding-right:0!important;width:90%!important}.hero-circle__inner{gap:24px;grid-template-columns:1fr;min-height:auto;padding:48px 20px 0}.hero-circle__content{max-width:100%;padding-left:0}.hero-circle__media-crop{height:260px;margin:24px 0 0;overflow:hidden;position:relative;width:100%}.hero-circle__media{clip-path:none;height:min(88vw,480px);left:0;margin:0 auto;overflow:visible;position:relative;right:0;top:-18px;transform:none;width:min(88vw,480px)}.hero-circle__purple-ring{height:100%;left:0;top:18px;width:100%}.hero-circle__yellow-ring{height:calc(100% - 36px);left:18px;top:18px;width:calc(100% - 36px)}.hero-circle__image-mask{height:calc(100% - 76px);left:38px;top:38px;width:calc(100% - 76px)}}