.arena-benefits{--benefit-blue:#77bfff;--benefit-red:#f16c78;color:#f1f4f8;padding-block:clamp(56px,7vw,112px)}.arena-benefits h2,.arena-benefits h3{text-wrap:balance;margin:0;font-family:Tektur,sans-serif}.arena-benefits p{color:#b9c4d2;text-wrap:pretty;margin:0;font-size:16px;line-height:1.75}.arena-benefits__hero{isolation:isolate;justify-content:center;align-items:center;min-height:340px;display:flex;position:relative}.arena-benefits__intro{text-align:center;min-width:0;max-width:760px;padding:64px 24px}.arena-benefits__intro h2{letter-spacing:-.025em;font-size:clamp(32px,4.2vw,60px);font-weight:600;line-height:1.12}.arena-benefits__intro h2 span{color:var(--benefit-red);display:block}.arena-benefits__intro p{max-width:49ch;margin:28px auto 0}.arena-benefits__hero-image{z-index:-1;width:100vw;height:300%;position:absolute;inset:0 0 0 50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 60%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 60%,#0000)}.arena-benefits__hero-image:after{content:"";background:linear-gradient(#01040c,#01040cb3 10%,#01040c);position:absolute;inset:0}.arena-benefits__hero-image img{object-fit:cover}.arena-benefits__list{--benefit-column-gap:32px;gap:clamp(56px,7vw,112px) var(--benefit-column-gap);flex-flow:wrap;margin-top:40px;display:flex}.arena-benefits__panel{isolation:isolate;flex-direction:row-reverse;flex:0 0 100%;align-items:center;gap:clamp(32px,5vw,80px);min-width:0;display:flex;position:relative}.arena-benefits__panel:nth-child(2n){flex-direction:row}.arena-benefits__panel--illustrated .arena-benefits__copy{flex:0 38%}.arena-benefits__panel--illustrated .arena-benefits__visual{flex:62%}.arena-benefits__panel--compact:not(.arena-benefits__panel--illustrated){flex:0 0 calc((100% - 3*var(--benefit-column-gap))/4);align-items:flex-start}.arena-benefits__panel--compact:not(.arena-benefits__panel--illustrated) .arena-benefits__copy{width:100%}.arena-benefits__panel--compact:not(.arena-benefits__panel--illustrated) .arena-benefits__copy h3{font-size:clamp(18px,1.6vw,22px);line-height:1.3}.arena-benefits__panel--compact:not(.arena-benefits__panel--illustrated) .arena-benefits__copy p{margin-top:14px;font-size:15px;line-height:1.7}.arena-benefits__panel--cooling.arena-benefits__panel--illustrated{flex-direction:row-reverse;gap:0;min-height:410px}.arena-benefits__panel--cooling.arena-benefits__panel--illustrated .arena-benefits__copy{flex:0 0 36%;margin-right:auto;padding:48px 24px}.arena-benefits__panel--cooling.arena-benefits__panel--illustrated .arena-benefits__visual{aspect-ratio:auto;z-index:-1;width:auto;position:absolute;inset:0 0 0 26%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 35%),linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 35%),linear-gradient(#0000,#000 12% 88%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.arena-benefits__panel--cooling.arena-benefits__panel--illustrated .arena-benefits__visual img{object-fit:cover}.arena-benefits__visual{aspect-ratio:3/2;width:100%;min-width:0;position:relative}.arena-benefits__visual img{object-fit:contain;object-position:center}.arena-benefits__copy{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}.arena-benefits__copy h3{letter-spacing:-.018em;font-size:clamp(26px,2.6vw,38px);font-weight:550;line-height:1.22}.arena-benefits__copy p{max-width:48ch;margin-top:22px}.arena-benefits__metric{flex-direction:column;gap:8px;margin-top:30px;display:flex}.arena-benefits__metric strong{color:#e7eff9;font-family:Tektur,sans-serif;font-size:clamp(32px,3.4vw,48px);font-weight:550;line-height:1.15}.arena-benefits__metric span{color:#a8b6c9;font-size:14px;line-height:1.5}.arena-benefits__icon{color:var(--benefit-red);flex-shrink:0;margin-bottom:20px}.arena-benefits__panel--people .arena-benefits__icon,.arena-benefits__panel--clarity .arena-benefits__icon{color:var(--benefit-blue)}@media (max-width:1023px){.arena-benefits__panel--compact:not(.arena-benefits__panel--illustrated){flex-basis:calc((100% - var(--benefit-column-gap))/2)}.arena-benefits__panel{gap:32px}.arena-benefits__panel--cooling.arena-benefits__panel--illustrated .arena-benefits__copy{flex-basis:44%}}@media (max-width:767px){.arena-benefits{padding-block:48px}.arena-benefits__hero{min-height:280px}.arena-benefits__intro{padding:40px 8px}.arena-benefits__intro h2{font-size:clamp(30px,7.8vw,42px)}.arena-benefits__intro p{margin-top:22px}.arena-benefits__list{gap:48px var(--benefit-column-gap);margin-top:24px}.arena-benefits__panel,.arena-benefits__panel:nth-child(2n){flex-direction:column;gap:28px}.arena-benefits__panel--illustrated .arena-benefits__copy,.arena-benefits__panel--illustrated .arena-benefits__visual{flex:auto;width:100%}.arena-benefits__panel--compact:not(.arena-benefits__panel--illustrated){flex-basis:calc((100% - var(--benefit-column-gap))/2)}.arena-benefits__panel--cooling.arena-benefits__panel--illustrated{flex-direction:column;min-height:0}.arena-benefits__panel--cooling.arena-benefits__panel--illustrated .arena-benefits__visual{aspect-ratio:16/10;width:100%;position:relative;inset:auto;-webkit-mask-image:linear-gradient(#0000,#000 15% 80%,#0000);mask-image:linear-gradient(#0000,#000 15% 80%,#0000)}.arena-benefits__panel--cooling.arena-benefits__panel--illustrated .arena-benefits__visual img{object-fit:contain}.arena-benefits__panel--cooling.arena-benefits__panel--illustrated .arena-benefits__copy{flex:auto;width:100%;padding:12px 0 24px}.arena-benefits__copy p{margin-top:16px}}@media (max-width:480px){.arena-benefits__panel--compact:not(.arena-benefits__panel--illustrated){flex-basis:100%}}
