.home-four .s4-benefits{position:relative;overflow:hidden;background:radial-gradient(720px 520px at 18% 54%,color-mix(in srgb,var(--orange) 9%,transparent),transparent 70%),linear-gradient(145deg,#101412,#0d100f)}
.home-four .s4-benefits:before{content:"CLARITY";position:absolute;right:-.04em;top:.08em;color:rgba(255,255,255,.016);font:900 clamp(9rem,23vw,24rem)/.72 var(--f-d);letter-spacing:-.08em}
.home-four .s4-benefits .head{position:relative}
.home-four .s4-benefits .head h2 span,.home-four .s4-benefits .head h2 em{display:block}.home-four .s4-benefits .head h2 em{color:var(--orange);font-style:normal}
.home-four .benefit-display{min-height:470px;background:radial-gradient(circle at 22% 50%,color-mix(in srgb,var(--orange) 16%,transparent),transparent 35%),rgba(255,255,255,.025);box-shadow:inset 0 1px rgba(255,255,255,.08),0 34px 90px rgba(0,0,0,.22)}
.home-four .benefit-radar{animation:s4RadarFloat 5s ease-in-out infinite;transform-style:preserve-3d}
.home-four .benefit-radar i:first-child{animation:s4RadarRing 5s linear infinite}.home-four .benefit-radar i:nth-child(2){animation:s4RadarRing 7s linear infinite reverse}
.home-four .benefit-radar:before{box-shadow:0 0 16px color-mix(in srgb,var(--orange) 28%,transparent)}
.home-four .benefit-radar img{transform:translateZ(28px)}
.home-four .benefit-sweep{position:absolute;z-index:1;left:-15%;top:50%;width:55%;height:1px;background:linear-gradient(90deg,transparent,var(--orange),transparent);box-shadow:0 0 20px var(--orange);transform-origin:100% 50%;animation:s4Sweep 5.4s linear infinite}
.home-four .benefit-copy{transition:opacity .18s,transform .35s}.home-four .benefit-copy.is-changing{opacity:0;transform:translate3d(12px,0,52px)}
.home-four .benefit-live{display:flex;align-items:center;gap:10px;margin-top:24px;color:#737a75;font:.54rem var(--f-m);letter-spacing:.09em;text-transform:uppercase}.home-four .benefit-live i{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px color-mix(in srgb,var(--orange) 10%,transparent)}
.home-four .benefit-selector button{position:relative;grid-template-columns:46px 1fr;overflow:hidden}.home-four .benefit-selector button:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--orange);transition:width .35s}.home-four .benefit-selector button.on:after{width:100%}.home-four .benefit-selector strong,.home-four .benefit-selector small{display:none}
@keyframes s4RadarFloat{0%,100%{transform:translateZ(35px) rotateX(0)}50%{transform:translate3d(0,-8px,58px) rotateX(5deg)}}@keyframes s4RadarRing{to{transform:rotate(360deg)}}@keyframes s4Sweep{to{transform:rotate(360deg)}}
@media(max-width:560px){.home-four .benefit-display{min-height:455px}.home-four .benefit-sweep{left:-26%;width:76%}}
@media(prefers-reduced-motion:reduce){.home-four .benefit-radar,.home-four .benefit-radar i,.home-four .benefit-sweep{animation:none}}

html[data-color-theme="legacy"] body.home-four section.s4-benefits .benefit-copy>span{
  color:#6f47ff!important;
  font-weight:900!important;
  opacity:1!important;
}
html[data-color-theme="legacy"] body.home-four section.s4-benefits .benefit-live,
html[data-color-theme="legacy"] body.home-four section.s4-benefits .benefit-live span{
  color:#17151b!important;
  font-weight:800!important;
  opacity:1!important;
}
html[data-color-theme="legacy"] body.home-four section.s4-benefits .benefit-selector button,
html[data-color-theme="legacy"] body.home-four section.s4-benefits .benefit-selector button.on,
html[data-color-theme="legacy"] body.home-four section.s4-benefits .benefit-selector button span{
  color:#17151b!important;
  opacity:1!important;
}
html[data-color-theme="legacy"] body.home-four section.s4-benefits .benefit-selector button span{
  font-weight:800!important;
}
@media(max-width:700px){
  html[data-color-theme="legacy"] body.home-four section.s4-benefits .benefit-copy>span{
    font-size:13px!important;
    letter-spacing:.14em!important;
  }
  html[data-color-theme="legacy"] body.home-four section.s4-benefits .benefit-live,
  html[data-color-theme="legacy"] body.home-four section.s4-benefits .benefit-live span{
    font-size:12px!important;
    line-height:1.45!important;
    letter-spacing:.06em!important;
  }
  html[data-color-theme="legacy"] body.home-four section.s4-benefits .benefit-selector button span{
    font-size:14px!important;
    line-height:1.25!important;
  }
  html[data-color-theme="legacy"] body.home-four section.s4-benefits .benefit-copy.is-changing{
    opacity:1!important;
    transform:none!important;
  }
}