.spx-wrap{--msp-bg: #0b0b1e;--spx-bg2: #0b0b1e;--msp-a: #6c5ce7;--msp-b: #00cec9;--msp-r: 420px;--msp-h: 560px;--msp-rad: 28px;--spx-tc: #fff;--spx-k: 1;--spx-cols: 3;--mx: 50%;--my: 40%;position: relative;display: flex;align-items: center;width: 100%;min-height: var(--msp-h);padding: clamp(40px,6vw,90px) clamp(20px,5vw,70px);overflow: hidden;border-radius: var(--msp-rad);background: linear-gradient(160deg,var(--msp-bg),var(--spx-bg2));color: var(--spx-tc);isolation: isolate;font-family: inherit}.spx-wrap *,.spx-wrap *::before,.spx-wrap *::after{box-sizing: border-box}.spx-layer,.spx-photo,.spx-rv-base,.spx-rv-top,.spx-secret,.spx-dark,.spx-canvas,.spx-ripples{position: absolute;inset: 0;pointer-events: none}.spx-photo{z-index: 0;background: center / cover no-repeat;opacity: .32}.spx-layer.is-pattern{z-index: 1}.spx-layer.is-light{z-index: 2;opacity: var(--spx-k)}.spx-layer.is-light i{display: none}.spx-inner{position: relative;z-index: 5;width: 100%;max-width: 1140px;margin: 0 auto}.msp-m-glow .is-light,.msp-m-ripple .is-light,.msp-m-xray .is-light,.msp-m-grid .is-light,.msp-m-dots .is-light{background: radial-gradient(circle var(--msp-r) at var(--mx) var(--my),color-mix(in srgb,var(--msp-a) 50%,transparent),transparent 70%),radial-gradient(circle calc(var(--msp-r) * .55) at calc(var(--mx) + 90px) calc(var(--my) + 50px),color-mix(in srgb,var(--msp-b) 40%,transparent),transparent 70%)}.msp-m-grid .is-light,.msp-m-dots .is-light{opacity: calc(var(--spx-k) * .55)}.msp-m-grid::before,.msp-m-flashlight::before{content: "";position: absolute;inset: 0;z-index: 0;background-image: linear-gradient(color-mix(in srgb,var(--spx-tc) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--spx-tc) 5%,transparent) 1px,transparent 1px);background-size: 44px 44px;pointer-events: none}.msp-m-grid .is-pattern,.msp-m-flashlight .is-pattern{background-image: linear-gradient(var(--spx-pat,color-mix(in srgb,var(--msp-b) 70%,transparent)) 1px,transparent 1px),linear-gradient(90deg,var(--spx-pat,color-mix(in srgb,var(--msp-b) 70%,transparent)) 1px,transparent 1px);background-size: 44px 44px;-webkit-mask-image: radial-gradient(circle calc(var(--msp-r) * .7) at var(--mx) var(--my),#000,transparent 75%);mask-image: radial-gradient(circle calc(var(--msp-r) * .7) at var(--mx) var(--my),#000,transparent 75%)}.msp-m-dots .is-pattern{background-image: radial-gradient(circle,var(--spx-pat,color-mix(in srgb,var(--msp-b) 85%,#fff)) 1.6px,transparent 2px);background-size: 22px 22px;-webkit-mask-image: radial-gradient(circle calc(var(--msp-r) * .75) at var(--mx) var(--my),#000,transparent 75%);mask-image: radial-gradient(circle calc(var(--msp-r) * .75) at var(--mx) var(--my),#000,transparent 75%)}.msp-m-dots::before{content: "";position: absolute;inset: 0;z-index: 0;background-image: radial-gradient(circle,color-mix(in srgb,var(--spx-tc) 10%,transparent) 1.2px,transparent 1.6px);background-size: 22px 22px;pointer-events: none}.msp-m-aurora .is-light i{position: absolute;display: block;width: var(--msp-r);height: var(--msp-r);border-radius: 50%;transform: translate(-50%,-50%);filter: blur(46px);mix-blend-mode: screen;opacity: .75}.msp-m-aurora .spx-a1{left: var(--a1x,50%);top: var(--a1y,40%);background: radial-gradient(circle,var(--msp-a),transparent 68%)}.msp-m-aurora .spx-a2{left: var(--a2x,50%);top: var(--a2y,40%);background: radial-gradient(circle,var(--msp-b),transparent 68%);width: calc(var(--msp-r) * .8);height: calc(var(--msp-r) * .8)}.msp-m-aurora .spx-a3{left: var(--a3x,50%);top: var(--a3y,40%);background: radial-gradient(circle,#fd79a8,transparent 68%);width: calc(var(--msp-r) * .6);height: calc(var(--msp-r) * .6)}.spx-dark{z-index: 3;background: var(--msp-bg);-webkit-mask-image: radial-gradient(circle calc(var(--msp-r) / 2) at var(--mx) var(--my),transparent 0,transparent 34%,rgba(0,0,0,.55) 58%,rgba(0,0,0,.9) 80%,#000 100%);mask-image: radial-gradient(circle calc(var(--msp-r) / 2) at var(--mx) var(--my),transparent 0,transparent 34%,rgba(0,0,0,.55) 58%,rgba(0,0,0,.9) 80%,#000 100%)}.msp-m-flashlight .spx-photo{opacity: .9}.msp-m-flashlight .is-light{z-index: 2;background: radial-gradient(circle calc(var(--msp-r) / 2) at var(--mx) var(--my),color-mix(in srgb,#fff8d6 22%,transparent),transparent 70%)}.msp-m-flashlight .spx-inner{text-shadow: 0 2px 20px rgba(0,0,0,.4)}.spx-rv-base{z-index: 0;background: center / cover no-repeat;filter: grayscale(1) brightness(.34) contrast(1.05)}.spx-rv-top{z-index: 1;background: center / cover no-repeat;-webkit-mask-image: radial-gradient(circle calc(var(--msp-r) / 2) at var(--mx) var(--my),#000 55%,transparent 100%);mask-image: radial-gradient(circle calc(var(--msp-r) / 2) at var(--mx) var(--my),#000 55%,transparent 100%)}.msp-m-reveal .spx-inner{text-shadow: 0 2px 24px rgba(0,0,0,.55)}.spx-secret{z-index: 2;display: grid;place-items: center;padding: 20px;-webkit-mask-image: radial-gradient(circle calc(var(--msp-r) / 2) at var(--mx) var(--my),#000 40%,transparent 100%);mask-image: radial-gradient(circle calc(var(--msp-r) / 2) at var(--mx) var(--my),#000 40%,transparent 100%)}.spx-secret span{max-width: 14ch;color: transparent;background: linear-gradient(120deg,var(--msp-a),var(--msp-b));-webkit-background-clip: text;background-clip: text;font-size: clamp(48px,9vw,130px);font-weight: 900;line-height: .95;letter-spacing: -.04em;text-align: center;text-transform: uppercase;opacity: .9}.msp-m-xray .spx-inner,.msp-m-flashlight .spx-inner{pointer-events: none}.spx-has-secret{align-items: flex-start}.spx-has-secret .spx-secret{place-items: end center;padding-bottom: clamp(26px,7%,70px)}.msp-m-flashlight .spx-secret span{max-width: 20ch;font-size: clamp(28px,5vw,64px);line-height: 1.02}.msp-m-xray .spx-inner a,.msp-m-flashlight .spx-inner a{pointer-events: auto}.msp-m-beam .is-light{background: conic-gradient(from calc(var(--ang,180deg) - 13deg) at 50% -6%,transparent 0deg,color-mix(in srgb,var(--msp-a) 55%,transparent) 9deg,color-mix(in srgb,#fff 30%,transparent) 13deg,color-mix(in srgb,var(--msp-b) 45%,transparent) 17deg,transparent 26deg),radial-gradient(ellipse calc(var(--msp-r) * .6) calc(var(--msp-r) * .18) at var(--mx) var(--my),color-mix(in srgb,#fff 26%,transparent),transparent 70%);filter: blur(16px)}.msp-m-beam::before{content: "";position: absolute;left: 50%;top: -18px;z-index: 3;width: 60px;height: 26px;border-radius: 0 0 30px 30px;background: linear-gradient(#333,#111);box-shadow: 0 10px 30px color-mix(in srgb,var(--msp-a) 60%,transparent);transform: translateX(-50%)}.spx-canvas{z-index: 2;width: 100%;height: 100%}.spx-ripples{z-index: 3}.spx-rp{position: absolute;width: 20px;height: 20px;margin: -10px 0 0 -10px;border: 2px solid var(--msp-b);border-radius: 50%;animation: spxRipple 1.1s cubic-bezier(.22,.9,.3,1) forwards}.spx-rp:nth-child(2n){border-color: var(--msp-a)}@keyframes spxRipple{to{transform: scale(18);opacity: 0}}.spx-ring{position: absolute;left: var(--rx,-100px);top: var(--ry,-100px);z-index: 6;display: none;width: 34px;height: 34px;margin: -17px 0 0 -17px;border: 2px solid color-mix(in srgb,var(--msp-b) 85%,#fff);border-radius: 50%;pointer-events: none;transition: width .2s,height .2s,margin .2s,opacity .3s;opacity: 0}.spx-has-ring .spx-ring{display: block}.spx-has-ring.is-hover .spx-ring{opacity: 1}.spx-has-ring.is-hover-link .spx-ring{width: 60px;height: 60px;margin: -30px 0 0 -30px;background: color-mix(in srgb,var(--msp-b) 16%,transparent)}.spx-copy{max-width: 760px}.msp-al-center .spx-copy{margin: 0 auto;text-align: center}.spx-eyebrow{display: inline-block;margin-bottom: 16px;padding: 6px 14px;border: 1px solid color-mix(in srgb,var(--spx-tc) 22%,transparent);border-radius: 99px;background: color-mix(in srgb,var(--spx-tc) 8%,transparent);font-size: 12px;font-weight: 800;letter-spacing: .14em;text-transform: uppercase;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px)}.spx-title{margin: 0 0 14px;color: inherit !important;font-size: clamp(32px,4.6vw,60px);font-weight: 850;line-height: 1.05;letter-spacing: -.025em}.spx-acc{background: linear-gradient(90deg,var(--msp-a),var(--msp-b));-webkit-background-clip: text;background-clip: text;color: transparent}.spx-text{max-width: 620px;margin: 0 0 26px;color: inherit;font-size: 17.5px;line-height: 1.65;opacity: .8}.msp-al-center .spx-text{margin-left: auto;margin-right: auto}.spx-btns{display: flex;flex-wrap: wrap;gap: 12px}.msp-al-center .spx-btns{justify-content: center}.spx-wrap .spx-btn{display: inline-flex;align-items: center;padding: 14px 26px;border-radius: 99px;font-size: 15px;font-weight: 750;text-decoration: none !important;transition: transform .25s,box-shadow .25s}.spx-wrap .spx-btn.is-main{background: linear-gradient(135deg,var(--msp-a),var(--msp-b));color: #fff !important;box-shadow: 0 14px 34px -12px var(--msp-a)}.spx-wrap .spx-btn.is-ghost{border: 1.5px solid color-mix(in srgb,var(--spx-tc) 30%,transparent);color: var(--spx-tc) !important;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px)}.spx-wrap .spx-btn:hover{transform: translateY(-3px)}.spx-l-stacked .spx-cards{margin-top: 48px}.spx-l-split .spx-inner{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.15fr);align-items: center;gap: clamp(30px,5vw,70px)}.spx-l-split .spx-copy{text-align: left;margin: 0}.spx-l-split .spx-text{margin-left: 0}.spx-l-split .spx-btns{justify-content: flex-start}.spx-l-split .spx-cards{--spx-cols: 2 !important}.spx-cards{display: grid;grid-template-columns: repeat(var(--spx-cols,3),minmax(0,1fr));gap: 16px;text-align: left}.spx-card{position: relative;display: block;padding: 24px;border-radius: 18px;color: inherit !important;text-decoration: none !important;transition: transform .3s cubic-bezier(.22,.9,.3,1),border-color .3s,background .3s;will-change: transform}.spx-cs-glass .spx-card{border: 1px solid color-mix(in srgb,var(--spx-tc) 12%,transparent);background: color-mix(in srgb,var(--spx-tc) 5%,transparent);-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px)}.spx-cs-solid .spx-card{border: 1px solid color-mix(in srgb,var(--spx-tc) 10%,transparent);background: color-mix(in srgb,var(--msp-bg) 82%,var(--spx-tc))}.spx-cs-outline .spx-card{border: 1px solid color-mix(in srgb,var(--spx-tc) 18%,transparent);background: transparent}.spx-cglow .spx-card::before{content: "";position: absolute;inset: -1px;z-index: 0;padding: 1.5px;border-radius: inherit;background: radial-gradient(280px circle at var(--cx,-999px) var(--cy,-999px),var(--msp-a),var(--msp-b) 45%,transparent 70%);-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude;opacity: 0;transition: opacity .35s;pointer-events: none}.spx-cglow.is-hover .spx-card::before{opacity: 1}.spx-cglow-l{position: absolute;inset: 0;z-index: 0;border-radius: inherit;background: radial-gradient(220px circle at var(--cx,50%) var(--cy,50%),color-mix(in srgb,var(--msp-a) 18%,transparent),transparent 70%);opacity: 0;transition: opacity .35s}.spx-card:hover .spx-cglow-l{opacity: 1}.spx-cin{position: relative;z-index: 1}.spx-cicon{display: inline-grid;place-items: center;width: 44px;height: 44px;border-radius: 12px;background: linear-gradient(135deg,color-mix(in srgb,var(--msp-a) 30%,transparent),color-mix(in srgb,var(--msp-b) 22%,transparent));font-size: 22px;line-height: 1}.spx-cbadge{float: right;padding: 4px 9px;border-radius: 99px;background: color-mix(in srgb,var(--msp-b) 22%,transparent);color: inherit;font-size: 11px;font-weight: 800;letter-spacing: .05em;text-transform: uppercase}.spx-card h4{margin: 14px 0 6px;color: inherit !important;font-size: 17px;font-weight: 800;line-height: 1.3}.spx-card p{margin: 0;color: inherit;font-size: 14px;line-height: 1.6;opacity: .74}.spx-cmore{position: absolute;top: 0;right: 0;font-size: 18px;opacity: .5;transition: transform .25s,opacity .25s}a.spx-card:hover .spx-cmore{transform: translateX(4px);opacity: 1}.spx-cbadge + h4{clear: both}@media (max-width: 1024px){.spx-l-split .spx-inner{grid-template-columns: 1fr}}@media (max-width: 767px){.spx-l-split .spx-cards{--spx-cols: 1 !important}.spx-text{font-size: 16px}}@media (prefers-reduced-motion: reduce){.spx-rp{animation: none;display: none}}