@keyframes interactiveHeroGrow{0%{opacity:0;transform:translateX(-50%) translateY(-50%) translateZ(0) scale(0)}15%{opacity:.6}to{opacity:1;transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1)}}@keyframes interactiveHeroBreathe1{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1)}28%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(.98)}50%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(.98)}78%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1)}to{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1)}}@keyframes interactiveHeroBreathe2{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1)}11%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1)}39%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(.96)}61%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(.96)}89%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1)}to{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1)}}@keyframes interactiveHeroBreathe3{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1)}22%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1)}50%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(.96)}72%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(.96)}to{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1)}}@keyframes interactiveHeroFadeUp{to{opacity:1;transform:translateY(0)}}@keyframes interactiveHeroFadeIn{to{opacity:1}}@keyframes interactiveHeroRise{0%{top:100%}to{top:calc(100% + 1750px)}}@keyframes interactiveHeroReverseBreathe1{0%,to{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1)}50%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(.98)}}@keyframes interactiveHeroReverseBreathe2{0%,to{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1)}50%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(.97)}}@keyframes interactiveHeroReverseBreathe3{0%,to{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1)}50%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(.952)}}.interactive-hero{container-name:interactive-hero;container-type:inline-size;width:100%;& .defs{height:0;position:absolute;width:0}& .stage{align-items:center;box-sizing:border-box;display:flex;height:751px;justify-content:center;overflow:hidden;padding:64px 32px;position:relative;width:100%;@media (min-width:721px){padding-bottom:80px;padding-left:48px;padding-right:48px;padding-top:80px}@media (max-width:767px){padding-bottom:48px;padding-top:48px}@media (min-width:1300px){padding-bottom:0;padding-left:0;padding-right:0;padding-top:80px}}& .gradient{background:#011840;inset:0;position:absolute;z-index:0}& .orb{border-radius:50%;left:50%;opacity:0;position:absolute;top:min(2100px,145.833vw);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(0);transform-origin:center center;will-change:transform,opacity}& .orb-1{animation:interactiveHeroGrow 2.6s cubic-bezier(.22,1,.36,1) .1s forwards;background:radial-gradient(circle at 50% 50%,#0960f6 0,#0960f6 85%,transparent 100%);height:min(3840px,266.667vw);width:min(3840px,266.667vw);&.is-breathing{animation:interactiveHeroBreathe1 4.3s ease-in-out infinite;opacity:1}}& .orb-2{animation:interactiveHeroGrow 3s cubic-bezier(.22,1,.36,1) .3s forwards;background:radial-gradient(circle at 50% 50%,#c8bbff 0,#c8bbff 85%,transparent 100%);height:min(3264px,226.667vw);width:min(3264px,226.667vw);&.is-breathing{animation:interactiveHeroBreathe2 4.3s ease-in-out infinite;opacity:1}}& .orb-3{animation:interactiveHeroGrow 2.8s cubic-bezier(.22,1,.36,1) .5s forwards;background:radial-gradient(circle at 50% 50%,#603ff5 0,#603ff5 85%,transparent 100%);height:min(2688px,186.667vw);width:min(2688px,186.667vw);&.is-breathing{animation:interactiveHeroBreathe3 4.3s ease-in-out infinite;opacity:1}}&.is-solid .orb.is-settled{animation:none!important;opacity:1;transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);transition:top .9s ease;will-change:auto}&.is-solid:not(.is-reverse) .orb.is-settled{top:calc(58.33% + min(1920px, 133.333vw))}&.is-solid.is-reverse .orb.is-settled{top:calc(58.33% + min(3170px, 220.139vw))}&.is-solid .orb-1,&.is-solid .orb-2,&.is-solid .orb-3{animation:none}&.is-solid .orb-1.is-growing{animation:interactiveHeroGrow 2.6s cubic-bezier(.22,1,.36,1) .1s forwards}&.is-solid .orb-2.is-growing{animation:interactiveHeroGrow 3s cubic-bezier(.22,1,.36,1) .3s forwards}&.is-solid .orb-3.is-growing{animation:interactiveHeroGrow 2.8s cubic-bezier(.22,1,.36,1) .5s forwards}& .content{box-sizing:border-box;gap:32px;max-width:1312px;position:relative;text-align:center;z-index:3}& .content,& .heading{align-items:center;display:flex;flex-direction:column;width:100%}& .heading{gap:24px;max-width:100%}& .eyebrow{animation:interactiveHeroFadeUp .8s ease-out 1.4s forwards;color:#6ba0fa;font-size:18px;font-weight:800;letter-spacing:0;line-height:27px;margin:0;opacity:0;text-transform:uppercase;transform:translateY(20px)}& .title{animation:interactiveHeroFadeUp .8s ease-out 1.6s forwards;color:#fff;font-size:40px;font-weight:800;letter-spacing:-.4px;line-height:50px;margin:0;opacity:0;transform:translateY(24px);& p{font:inherit;letter-spacing:inherit;margin:0}}& .description{animation:interactiveHeroFadeUp .8s ease-out 1.8s forwards;color:#fff;font-size:18px;font-weight:400;line-height:27px;margin:0;opacity:0;transform:translateY(20px);& p{font-size:16px;line-height:inherit;margin:0}}& .cta{align-items:center;align-self:center;animation:interactiveHeroFadeUp .8s ease-out 2s forwards;background:#011840;border:none;border-radius:980px;color:#fff;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;line-height:24px;max-width:100%;opacity:0;padding:8px 24px;text-decoration:none;transform:translateY(20px);transition:background .2s ease,opacity .2s ease;width:fit-content;&:focus-visible,&:hover{background:#000c20;outline:none}}&.is-blue .cta{background:#0960f6;&:focus-visible,&:hover{background:#053d9e}}& .noise{inset:0;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 15%);mask-image:linear-gradient(180deg,transparent 0,#000 15%);opacity:.25;pointer-events:none;position:absolute;z-index:2}@media (prefers-reduced-motion:reduce){& .orb{animation:none!important;opacity:1!important;transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1)!important}& .cards,& .cta,& .description,& .eyebrow,& .title{animation:none!important;opacity:1!important;transform:none!important}& .card{transition:none!important}}@media (min-width:768px){& .description p{font-size:18px}& .content{gap:48px}& .content,& .heading{align-items:center;text-align:center}& .title{font-size:64px;letter-spacing:-.64px;line-height:72px}}@media (max-width:767px){& .stage{height:auto}& .content{align-items:stretch;text-align:left}& .heading{align-items:center;text-align:center}& .eyebrow,& .title,& .title *{text-align:center;width:100%}& .description{max-width:none;width:100%}& .description,& .description *{text-align:left}& .cta{align-self:center;width:auto}}}.dnd-section .dnd-column:has(.interactive-hero){padding:0}.interactive-hero{& .cards-wrap{align-self:stretch;height:300px;margin-top:48px;position:relative;width:100%}& .cards-stage{display:flex;inset:0;justify-content:center;position:absolute}@media (min-width:768px){& .cards-stage.has-edge-shadow{-webkit-mask-image:linear-gradient(90deg,transparent 3%,rgba(0,0,0,.028) 3.7%,rgba(0,0,0,.104) 4.4%,rgba(0,0,0,.216) 5.1%,rgba(0,0,0,.352) 5.8%,rgba(0,0,0,.5) 6.5%,rgba(0,0,0,.648) 7.2%,rgba(0,0,0,.784) 7.9%,rgba(0,0,0,.896) 8.6%,rgba(0,0,0,.972) 9.3%,#000 10%,#000 90%,rgba(0,0,0,.972) 90.7%,rgba(0,0,0,.896) 91.4%,rgba(0,0,0,.784) 92.1%,rgba(0,0,0,.648) 92.8%,rgba(0,0,0,.5) 93.5%,rgba(0,0,0,.352) 94.2%,rgba(0,0,0,.216) 94.9%,rgba(0,0,0,.104) 95.6%,rgba(0,0,0,.028) 96.3%,transparent 97%);mask-image:linear-gradient(90deg,transparent 3%,rgba(0,0,0,.028) 3.7%,rgba(0,0,0,.104) 4.4%,rgba(0,0,0,.216) 5.1%,rgba(0,0,0,.352) 5.8%,rgba(0,0,0,.5) 6.5%,rgba(0,0,0,.648) 7.2%,rgba(0,0,0,.784) 7.9%,rgba(0,0,0,.896) 8.6%,rgba(0,0,0,.972) 9.3%,#000 10%,#000 90%,rgba(0,0,0,.972) 90.7%,rgba(0,0,0,.896) 91.4%,rgba(0,0,0,.784) 92.1%,rgba(0,0,0,.648) 92.8%,rgba(0,0,0,.5) 93.5%,rgba(0,0,0,.352) 94.2%,rgba(0,0,0,.216) 94.9%,rgba(0,0,0,.104) 95.6%,rgba(0,0,0,.028) 96.3%,transparent 97%)}}& .cards{align-items:flex-start;animation:interactiveHeroFadeUp 1s ease-out 2.2s forwards;display:flex;gap:32px;height:300px;justify-content:center;margin:0;opacity:0;transform:translateY(40px);width:100%}& .cards-track{display:contents}& .cards.is-engine .cards-track{display:block;height:100%;position:relative;width:100%}& .card{border-radius:24px;flex:0 0 304px;height:340px;overflow:hidden;position:relative;transform:translateY(var(--base,0));width:304px}& .cards.is-engine .card{left:0;position:absolute;top:0;will-change:transform}& .card-image,& .card-placeholder{display:block;height:340px;width:304px}& .card-image{object-fit:cover}& .card-1{--base:0px;background:#ebf2fe}& .card-2{--base:32px;background:#032663}& .card-3{--base:64px;background:linear-gradient(90deg,#0960f6,#00b8ff)}& .card-4{--base:32px;background:#6ba0fa}& .card-5{--base:0px;background:linear-gradient(135deg,#ff7866,#ffc2b8)}& .card-6{--base:32px;background:#cedffd}& .card-7{--base:64px;background:linear-gradient(135deg,#9dbffb,#3a80f8)}& .card-8{--base:32px;background:linear-gradient(90deg,#00b8ff,#cedffd)}& .card-9{--base:0px;background:#ffc2b8}& .card:has(.card-image){background:none}& .cards-arrow{align-items:center;animation:interactiveHeroFadeIn 1s ease-out 2.2s forwards;background:transparent;border:1px solid #fff;border-radius:980px;cursor:pointer;display:flex;height:40px;justify-content:center;opacity:0;padding:0;position:absolute;top:130px;transition:background-color .2s;width:40px;z-index:2;&[hidden]{display:none}&:hover{background:hsla(0,0%,100%,.14)}&:focus-visible{outline:2px solid #fff;outline-offset:3px}}& .cards-prev{left:32px}& .cards-next{right:32px}@media (max-width:767px){& .cards-wrap{height:auto;margin-top:64px;margin-inline:-32px;width:calc(100% + 64px)}& .cards-stage{display:block;-webkit-mask-image:none;mask-image:none;position:static}& .cards-arrow{display:none}& .cards{height:300px;justify-content:flex-start;margin-top:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;width:100%;-webkit-overflow-scrolling:touch;&::-webkit-scrollbar{display:none}}& .cards-track{display:flex;gap:32px;width:max-content}& .card{flex:0 0 304px;left:auto;position:relative;top:auto;transform:none;transition:transform .5s cubic-bezier(.25,1,.5,1)}}@media (min-width:721px) and (max-width:767px){& .cards-wrap{margin-inline:-48px;width:calc(100% + 96px)}}&.is-reverse .orb{top:-1820px}@media (max-width:767px){&.is-reverse .orb{visibility:hidden}&.is-reverse:not(.is-blue) .gradient{background:radial-gradient(ellipse 152.4% 127.1% at 50% 0,rgba(96,63,245,0) 31.25%,#603ff5 79.808%),#011840}&.is-reverse.is-blue .gradient{background:radial-gradient(ellipse 152.4% 127.1% at 50% 0,rgba(9,96,246,0) 31.25%,#0960f6 79.808%),#011840}&.is-solid.is-reverse:not(.is-blue) .gradient{background:radial-gradient(ellipse 160% 47.5% at 50% 100%,#603ff5 0,rgba(96,63,245,0) 100%),#011840}&.is-solid.is-reverse.is-blue .gradient{background:radial-gradient(ellipse 160% 47.5% at 50% 100%,#0960f6 0,rgba(9,96,246,0) 100%),#011840}}&.is-reverse .orb-1{--c:9,96,246;height:6340px;width:6340px}&.is-reverse .orb-1,&.is-reverse .orb-2{background:radial-gradient(circle closest-side at 50% 50%,rgba(var(--c),1) 0,rgba(var(--c),1) 88%,rgba(var(--c),.972) 89.2%,rgba(var(--c),.896) 90.4%,rgba(var(--c),.784) 91.6%,rgba(var(--c),.648) 92.8%,rgba(var(--c),.5) 94%,rgba(var(--c),.352) 95.2%,rgba(var(--c),.216) 96.4%,rgba(var(--c),.104) 97.6%,rgba(var(--c),.028) 98.8%,rgba(var(--c),0) 100%)}&.is-reverse .orb-2{--c:200,187,255;height:5600px;width:5600px}&.is-reverse .orb-3{--c:96,63,245;background:radial-gradient(circle closest-side at 50% 50%,rgba(var(--c),1) 0,rgba(var(--c),1) 88%,rgba(var(--c),.972) 89.2%,rgba(var(--c),.896) 90.4%,rgba(var(--c),.784) 91.6%,rgba(var(--c),.648) 92.8%,rgba(var(--c),.5) 94%,rgba(var(--c),.352) 95.2%,rgba(var(--c),.216) 96.4%,rgba(var(--c),.104) 97.6%,rgba(var(--c),.028) 98.8%,rgba(var(--c),0) 100%);height:5000px;width:5000px}&.is-blue:not(.is-reverse) .orb-1{background:radial-gradient(circle at 50% 50%,#3a80f8 0,#3a80f8 85%,transparent 100%)}&.is-blue:not(.is-reverse) .orb-2{background:radial-gradient(circle at 50% 50%,#0960f6 0,#0960f6 85%,transparent 100%)}&.is-blue:not(.is-reverse) .orb-3{background:radial-gradient(circle at 50% 50%,#011840 0,#011840 85%,transparent 100%)}&.is-solid.is-blue:not(.is-reverse) .orb{background:radial-gradient(circle closest-side at 50% 50%,rgba(var(--c),1) 0,rgba(var(--c),1) 88%,rgba(var(--c),.972) 89.2%,rgba(var(--c),.896) 90.4%,rgba(var(--c),.784) 91.6%,rgba(var(--c),.648) 92.8%,rgba(var(--c),.5) 94%,rgba(var(--c),.352) 95.2%,rgba(var(--c),.216) 96.4%,rgba(var(--c),.104) 97.6%,rgba(var(--c),.028) 98.8%,rgba(var(--c),0) 100%);top:calc(100% + 1750px)}&.is-solid.is-blue:not(.is-reverse) .orb-1{--c:3,38,99;height:5000px;width:5000px}&.is-solid.is-blue:not(.is-reverse) .orb-2{--c:9,96,246;height:4500px;width:4500px}&.is-solid.is-blue:not(.is-reverse) .orb-3{--c:58,128,248;height:4300px;width:4300px}&.is-solid.is-blue:not(.is-reverse) .orb-1.is-growing{animation:interactiveHeroGrow 2.6s cubic-bezier(.22,1,.36,1) .1s forwards,interactiveHeroRise 2.6s cubic-bezier(.22,1,.36,1) .1s forwards}&.is-solid.is-blue:not(.is-reverse) .orb-2.is-growing{animation:interactiveHeroGrow 3s cubic-bezier(.22,1,.36,1) .3s forwards,interactiveHeroRise 3s cubic-bezier(.22,1,.36,1) .3s forwards}&.is-solid.is-blue:not(.is-reverse) .orb-3.is-growing{animation:interactiveHeroGrow 2.8s cubic-bezier(.22,1,.36,1) .5s forwards,interactiveHeroRise 2.8s cubic-bezier(.22,1,.36,1) .5s forwards}&.is-solid.is-blue:not(.is-reverse) .orb.is-settled{top:calc(100% + 1750px)}&.is-reverse.is-blue .orb-1{--c:58,128,248}&.is-reverse.is-blue .orb-2{--c:9,96,246}&.is-reverse.is-blue .orb-3{--c:1,24,64}&.is-reverse .orb-1.is-breathing{animation:interactiveHeroReverseBreathe1 4.3s ease-in-out infinite both;opacity:1}&.is-reverse .orb-2.is-breathing{animation:interactiveHeroReverseBreathe2 4.3s ease-in-out .4s infinite both;opacity:1}&.is-reverse .orb-3.is-breathing{animation:interactiveHeroReverseBreathe3 4.3s ease-in-out .8s infinite both;opacity:1}}.dnd-section .dnd-column:has(.interactive-hero.is-reverse),.dnd-section:has(.interactive-hero.is-reverse),.dnd-section:has(.interactive-hero.is-reverse)>.row-fluid,.interactive-hero.is-reverse{padding-top:0;padding-block-start:0}.interactive-hero{&.is-reverse .stage{align-items:flex-start;justify-content:center}&.is-reverse .content{margin-inline:auto;max-width:none;width:100%}&.is-reverse .content,&.is-reverse .description,&.is-reverse .description *,&.is-reverse .eyebrow,&.is-reverse .heading,&.is-reverse .title,&.is-reverse .title *{align-items:center;text-align:center}&.is-reverse .cta{align-self:center;width:auto}}.dnd-section .dnd-column .interactive-hero.is-reverse .content{align-items:center;margin-inline:auto;max-width:none;text-align:center;width:100%}@container interactive-hero (max-width: 432px){.interactive-hero .cta,.interactive-hero.is-reverse .cta{align-self:stretch;box-sizing:border-box;max-width:none;width:100%}}.interactive-hero{&.is-reverse .info-item,&.is-reverse .info-text,&.is-reverse .info-title{align-items:center;text-align:center}}.dnd-section:has(.interactive-hero.has-cards),.dnd-section:has(.interactive-hero.has-cards) .dnd-column,.dnd-section:has(.interactive-hero.has-cards)>.row-fluid{max-width:100%;padding-left:0;padding-right:0;padding-inline:0;width:100%}.interactive-hero{&.has-cards .stage{align-items:center;flex-direction:column;height:auto;justify-content:flex-start;padding-bottom:0}& .title-medium{font-size:32px;letter-spacing:-.32px;line-height:40px}@media (min-width:768px){& .title-medium{font-size:48px;letter-spacing:-.48px;line-height:60px}}& .info{align-items:stretch;display:flex;gap:24px;width:100%}& .info-item{align-items:center;display:flex;flex:1 1 0;flex-direction:column;gap:12px;min-width:0;text-align:center}& .info-icon{display:block;height:40px;object-fit:contain;width:40px}& .info-copy{display:flex;flex-direction:column;gap:8px;width:100%}& .info-title{color:#fff;font-size:18px;font-weight:600;line-height:27px;margin:0}& .info-text{color:#fff;font-size:16px;font-weight:400;line-height:24px;margin:0}& .info-item+.info-item{position:relative;&:before{background:rgba(157,191,251,.45);bottom:0;content:"";left:-12.5px;position:absolute;top:0;width:1px}}@media (min-width:768px){& .info{margin-top:-16px}}@media (max-width:767px){& .info{align-items:stretch;flex-direction:column;gap:48px}& .info-item,& .info-text,& .info-title{align-items:center;text-align:center}& .info-item+.info-item:before{bottom:auto;height:1px;left:0;right:0;top:-24.5px;width:auto}}&.has-image .stage{align-items:center;flex-direction:column;height:auto;justify-content:flex-start;padding-bottom:0;width:100%}&.has-image .content{align-self:center;width:100%}&.has-image .media{align-self:stretch;background:transparent;height:auto;margin:48px 0 0;max-width:100%;padding:0;position:relative;width:100%;z-index:3}&.has-image .media-image,&.has-image .media-picture{display:block;max-width:100%;width:100%}&.has-image .media-image{background:transparent;height:auto}@media (min-width:768px){&.has-image .stage{align-items:stretch}&.has-image .media{align-self:stretch;display:block;margin-top:80px;margin-inline:-48px;max-width:none;min-width:0;overflow:visible;width:calc(100% + 96px)}&.has-image .media-image,&.has-image .media-picture{display:block;height:auto;max-width:none;min-width:100%;width:100%}}@media (min-width:1300px){&.has-image .media{margin-inline:0;width:100%}}@media (max-width:767px){&.has-image .media{display:flex;justify-content:center;margin-inline:-32px;max-width:none;overflow:hidden;width:calc(100% + 64px)}&.has-image .media-picture{max-width:none;width:max-content}&.has-image .media-image{flex:none;height:auto;max-width:none;width:1440px}}@media (min-width:721px) and (max-width:767px){&.has-image .media{margin-inline:-48px;width:calc(100% + 96px)}}&:not(.is-playing){& .cards,& .cards-arrow,& .cta,& .description,& .eyebrow,& .orb,& .title{animation:none!important}}}.dnd-section:has(.interactive-hero.has-image),.dnd-section:has(.interactive-hero.has-image) .dnd-column,.dnd-section:has(.interactive-hero.has-image)>.row-fluid{max-width:100%;padding-left:0;padding-right:0;padding-inline:0;width:100%}