/* ---------- Why now, from Figma node 427:506 ---------- */
.why{background:none}
/* the three concentric rings, top right (the WebGL orb sits in them) */
.why .why-rings{display:block!important;left:calc(50% + 165px);top:-255px;width:810px;height:810px;opacity:.55}
.why h2{text-transform:uppercase}
.beat{background:#0d0c13;border-color:#26242f}
.beat.hot{background:#13121b}
.beat .av.ai{margin-right:0}
/* statement: lime outline card, white type, divider */
.statement{background:rgba(209,255,162,.06);border:1px solid rgba(209,255,162,.5);color:#fff;align-items:stretch;gap:32px}
.statement .st-title{flex:0 0 360px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.statement img{filter:none;height:26px}
.statement h3{color:#fff;font-size:32px;line-height:1.1;max-width:337px}
.statement .st-div{flex:0 0 1px;background:rgba(255,255,255,.15)}
.statement p{flex:1;max-width:none;color:#fff;font-weight:700;font-size:clamp(20px,1.95vw,28px);line-height:1.45;align-self:center}
@media (max-width:1023px){
  .why .why-rings{display:none!important}
  .statement .st-title{flex:none}
  .statement .st-div{display:none}
  .statement p{font-size:19px}
}