.hero{grid-template-columns:46% 54%!important;position:relative;overflow:visible;align-items:start!important;padding-top:120px!important;padding-bottom:190px!important}
.cases{position:relative;z-index:4}
.hero-content{position:relative;z-index:2;max-width:none;padding-bottom:130px}
.hero-badge{display:inline-block;background:#fff;border:1px solid #e2e2e6;border-radius:999px;padding:7px 16px;font-size:11px;font-weight:600;color:#3a3d46;letter-spacing:.01em;margin-bottom:22px}
.hero-content h1{font-size:clamp(44px,4vw,50px)!important;font-weight:800!important;line-height:1.05!important;letter-spacing:-.04em!important;color:#0e1013!important;margin:0 0 20px!important}
.hero-content .lede{max-width:430px;font-size:14px;line-height:1.5;color:#6b6f79;margin:0 0 28px}
.hero-content .actions{display:flex;gap:14px;flex-wrap:wrap;margin:0}
.hero-content .actions .btn{font-size:13px!important;font-weight:700!important;padding:13px 26px!important;border-radius:999px!important}
.hero-content .actions .btn.blue{background:#5B4BEC!important;color:#fff!important}
.hero-content .actions .btn.dark{background:#0E1013!important;color:#fff!important}

.hero-visual{position:absolute;top:0;right:calc((100% - 100vw)/2 - 20px);bottom:160px;width:min(45vw,540px);z-index:1;pointer-events:none;overflow:visible}
.hero-visual svg{width:100%;height:100%;display:block}

@media(max-width:900px){
  .hero{grid-template-columns:1fr!important}
  .hero-content{max-width:100%}
  .hero-visual{display:none}
}