:root{--campaign-animation-duration: 0.2s;--color-background: rgb(0, 0, 0)}.index-page main{background-color:#fff}.index-page #intro{display:flex;justify-content:space-between;color:#fff;margin:auto;align-items:stretch;width:90%;max-width:1300px}.index-page #intro .intro-text{flex:2;font-family:"Poppins",sans-serif;padding:12vh 0px;padding-bottom:2vh;text-align:center}.index-page #intro sup{color:var(--fourth-color);font-size:1.4em}.index-page #intro h1{margin:0px;margin-bottom:0px;color:var(--h1-secondary-color);font-size:4em;line-height:1em}.index-page #intro h1 .strike-slant{position:relative;display:inline-block;padding-left:.5em;padding-right:.5em}.index-page #intro h1 .strike-slant::after{content:"";position:absolute;top:50%;left:0;width:100%;height:.35em;background:none;background-image:url("data:image/svg+xml;utf8,<svg width='100%' height='0.35em' viewBox='0 0 300 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M16,10 Q150,2 284,10' stroke='%2345dc78' stroke-width='5' stroke-linecap='round'/></svg>");background-size:100% 100%;background-repeat:no-repeat;transform:rotate(4deg);transform-origin:center;pointer-events:none}.index-page #intro h1.handwritten{color:var(--fifth-color);margin-top:1vh;margin-bottom:6%;font-size:5em}.index-page #intro p{margin-bottom:32px;color:var(--p-color-secondary);font-size:1.1em}.index-page #intro ul.intro-features{list-style:none;padding:0;margin:0 auto 32px auto;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;max-width:75%}.index-page #intro ul.intro-features li{display:flex;align-items:center;padding:1% 16px 1% 0px;border-radius:20px;font-size:1.1em;font-family:"NextSphere",sans-serif;color:hsla(0,0%,100%,.6117647059);position:relative;line-height:1.4em}.index-page #intro ul.intro-features li::before{content:"";display:inline-block;margin-right:12px;width:28px;height:28px;background-image:url("data:image/svg+xml;utf8,<svg width=%2728%27 height=%2728%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M3 12l6 6 12-12%27 stroke=%27%2388A1F3%27 stroke-width=%273%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/></svg>");background-size:contain;background-repeat:no-repeat;flex-shrink:0}.index-page #logo-marquee{display:block;width:100%;overflow:hidden;position:relative;height:120px;border-bottom:1px solid #88a1f3;background-color:#88a1f3;background:radial-gradient(circle at 0% 0%, #a9c3ff 0, #7b93ff 40%, transparent 65%),radial-gradient(circle at 100% 100%, #a9c3ff 0, #7b93ff 40%, transparent 65%),radial-gradient(circle at 40% 40%, #6d84ff 0, #4f64d8 55%, #3948b8 100%)}.index-page #logo-marquee canvas{display:block;width:100%;height:100%}@keyframes marquee{0%{transform:translate(0, -50%)}100%{transform:translate(-25%, -50%)}}.index-page #campaign-stats{width:90%;max-width:1300px;margin:auto;margin-top:100px;margin-bottom:100px}.index-page #campaign-stats .campaign-content{display:flex;justify-content:space-between}.index-page #campaign-stats .campaign-text,.index-page #campaign-stats .stats-container{flex:1;padding:0}.index-page #campaign-stats .campaign-text{flex:1;padding:0;display:flex;flex-direction:column;justify-content:space-between}.index-page #campaign-stats h1{font-size:42px;margin-top:0px}.index-page #campaign-stats p{max-width:400px;color:#000}.index-page #campaign-stats .stats-container{flex-direction:column;gap:20px}.index-page #campaign-stats .stat-block{flex:1;display:flex;flex-direction:row;justify-content:center;align-items:baseline;border-bottom:1px solid #6a6a6a;margin-bottom:40px}.index-page #campaign-stats .stat-block:last-child{margin-bottom:0}.index-page #campaign-stats .stat-block>*{flex:1}.index-page #campaign-stats .stat-number{font-family:"Space Grotesk",sans-serif;font-size:80px;margin:0px;color:#003835}.index-page #campaign-stats .stat-text{text-align:right;font-size:18px}.index-page .explanation{background:radial-gradient(circle at 0% 0%, #a9c3ff 0, #7b93ff 40%, transparent 65%),radial-gradient(circle at 100% 100%, #a9c3ff 0, #7b93ff 40%, transparent 65%),radial-gradient(circle at 40% 40%, #6d84ff 0, #4f64d8 55%, #3948b8 100%);padding:10vh 0px;position:relative}.index-page .explanation::after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-image:url(../images/background-play-white.png);background-repeat:no-repeat;background-position:right top;background-size:cover;opacity:.65;pointer-events:none;transform:scaleX(-1)}.index-page .explanation sup{color:#fff;font-size:1em;text-align:center;width:50%;margin:auto;margin-bottom:2vh;display:block;opacity:.7}.index-page .explanation h1{text-align:center;width:70%;margin:auto;color:#fff;margin-bottom:2vh;font-size:3em}.index-page .explanation p{text-align:center;color:#fff;margin:auto;width:50%;font-size:1.5em}.index-page .explanation .logo-wrapper{text-align:center;display:flex;justify-content:center;align-items:center;margin-top:6vh;gap:2%;opacity:.9}.index-page .explanation .logo-wrapper .dash{width:30px;height:10px;background:none;display:flex;align-items:center;justify-content:space-between;position:relative}.index-page .explanation .logo-wrapper .dash::before,.index-page .explanation .logo-wrapper .dash::after,.index-page .explanation .logo-wrapper .dash span{content:"";display:block;width:6px;height:6px;background:#fff;border-radius:50%}.index-page .explanation .logo-wrapper .dash::before{margin-right:6px}.index-page .explanation .logo-wrapper .dash::after{margin-left:6px}.index-page .explanation .logo-wrapper .dash span{margin:0 6px}.index-page .explanation .logo-wrapper img{height:25px}.index-page .explanation .logo-wrapper img.main{height:50px}.index-page .explanation .logo-wrapper img.x{height:20px}.index-page .explanation .logo-wrapper img.youtube{height:20px}.index-page .content-section{--fade-color: #003835}.index-page .content-section h2,.index-page .content-section p{color:#fff}.index-page .content-section:nth-child(odd){background:radial-gradient(circle at 0% 0%, #a9c3ff 0, #7b93ff 40%, transparent 65%),radial-gradient(circle at 100% 100%, #a9c3ff 0, #7b93ff 40%, transparent 65%),radial-gradient(circle at 40% 40%, #6d84ff 0, #4f64d8 55%, #3948b8 100%)}.index-page .content-section:nth-child(odd) .cta{background-color:#fff}.index-page .content-section:nth-child(even){--fade-color: #000000;background-color:#000;flex-direction:row-reverse}.index-page .content-section .container{width:90%;max-width:1300px;margin:0 auto;display:flex;justify-content:space-between;gap:32px;align-items:center}.index-page .content-section .image-column,.index-page .content-section .text-column{display:flex;align-items:center;padding:0px;width:50%}.index-page .content-section .image-column.image-column,.index-page .content-section .text-column.image-column{position:relative}.index-page .content-section .image-column.text-column,.index-page .content-section .text-column.text-column{flex-direction:column;align-items:flex-start}.index-page .content-section .image-column.text-column h2 img,.index-page .content-section .text-column.text-column h2 img{vertical-align:middle}.index-page .content-section .image-column img{width:auto;max-width:500px;max-height:275px}.index-page .content-section .image-column img{margin:auto;padding:0px 10%}.index-page .content-section .cta-container{display:flex;align-items:center;margin-top:20px}.index-page .content-section .cta-container::before{content:"";flex-shrink:0;width:100px;height:1px;background-color:#fff;margin-right:15px}.index-page .content-section .cta-container .cta{position:relative}.index-page #campaigns{overflow:hidden;margin-top:100px}.index-page #campaigns h2{text-align:left;margin-top:0px;margin-bottom:40px}.index-page #campaigns>p{margin:auto;text-align:left}.index-page #campaigns .carousel-container{width:90%;max-width:1300px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:32px}.index-page #campaigns .carousel-content{flex:1;align-self:stretch;height:645px;padding:0;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:64px}.index-page #campaigns .carousel-right{flex:2;position:relative;align-self:stretch;display:flex;flex-direction:column}.index-page #campaigns #carousel-flex-wrapper{position:relative;flex:1}.index-page #campaigns #carousel-wrapper{overflow:hidden;position:absolute;height:100%}.index-page #campaigns .carousel{display:flex;height:100%}.index-page #campaigns .campaign{width:180px;min-width:180px;height:100%;background-color:#000;padding:0;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:top center;position:relative;cursor:pointer;transition:width var(--campaign-animation-duration) linear,min-width var(--campaign-animation-duration) linear,background-size var(--campaign-animation-duration) linear,background-position var(--campaign-animation-duration) linear,padding var(--campaign-animation-duration) linear;will-change:width,min-width,background-size,background-position,padding}.index-page #campaigns .campaign::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);opacity:1;transition:opacity var(--campaign-animation-duration) ease;will-change:opacity;z-index:1}.index-page #campaigns .campaign::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);opacity:0;transition:opacity var(--campaign-animation-duration) ease;will-change:opacity;z-index:0}.index-page #campaigns .campaign.active::after{opacity:0}.index-page #campaigns .campaign.active::before{opacity:1}.index-page #campaigns .campaign.active{width:500px;min-width:500px;cursor:unset;padding:64px 32px}.index-page #campaigns .campaign.active h2,.index-page #campaigns .campaign.active p{z-index:2}.index-page #campaigns .campaign.inactive h2,.index-page #campaigns .campaign.inactive p{display:none}.index-page #campaigns .campaign.shrink{width:0;min-width:0;padding:0}.index-page #campaigns .campaign.shrink h2,.index-page #campaigns .campaign.shrink p{display:none}.index-page #campaigns .campaign.hide-text h2,.index-page #campaigns .campaign.hide-text p{opacity:0}.index-page #campaigns .campaign.show-text h2,.index-page #campaigns .campaign.show-text p{opacity:1}.index-page #campaigns .campaign h2{margin-bottom:10px;color:var(--h2-secondary-color);z-index:1}.index-page #campaigns .campaign p{color:var(--p-color-secondary);text-align:left;line-height:1.4em;z-index:1;margin-bottom:0px}.index-page #campaigns .campaign h2,.index-page #campaigns .campaign p{opacity:0;transition:opacity var(--campaign-animation-duration) ease}.index-page #campaigns .carousel-buttons{display:flex;gap:10px;margin-bottom:30px;align-items:center}.index-page #campaigns .carousel-buttons #carousel-nav{flex:1;text-align:center}.index-page #campaigns .carousel-buttons #carousel-nav div{display:inline-block;width:12px;height:12px;margin:0px 2px;border-radius:50%;border:1px solid #000}.index-page #campaigns .carousel-buttons #carousel-nav div.active{background-color:#45dc78;border:1px solid #45dc78}.index-page #campaigns .carousel-button{border:1px solid #000;background-color:#fff;border-radius:180px;padding:8px 16px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:24px;transition:opacity .3s ease}.index-page #carousel-wrapper,.index-page #logo-marquee-canvas{touch-action:pan-y;overscroll-behavior-x:contain}@media screen and (max-width: 1200px){.index-page #intro sup{font-size:clamp(12px,1.9cqw,2.5em)}.index-page #intro h1{font-size:clamp(36px,5.4cqw,4em)}.index-page #intro h1.handwritten{font-size:clamp(44px,6.6cqw,4.5em)}.index-page #intro ul.intro-features{max-width:80%}.index-page #intro ul.intro-features li{font-size:clamp(12px,1.5cqw,1.1em)}.index-page #intro ul.intro-features li::before{content:"";display:inline-block;margin-right:12px;width:clamp(16px,3cqw,28px);height:clamp(16px,3cqw,28px);background-image:url("data:image/svg+xml;utf8,<svg width=%2728%27 height=%2728%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M3 12l6 6 12-12%27 stroke=%27%2388A1F3%27 stroke-width=%273%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/></svg>");background-size:contain;background-repeat:no-repeat;flex-shrink:0}}@media screen and (max-width: 1000px){.index-page #intro{max-width:95%}}@media screen and (max-width: 800px){.index-page #intro{width:100%}.index-page #intro{display:block;max-width:100%}.index-page #intro .intro-text{padding:0px 8%;padding-top:40px}.index-page main .image-section{border-top:none}.index-page #campaign-stats{margin-top:60px;margin-bottom:60px;margin-left:0;margin-right:0;width:100%;padding:0 8%}.index-page #campaign-stats .campaign-content{flex-direction:column;gap:20px}.index-page #campaign-stats .campaign-content h1{font-size:26px}.index-page #campaign-stats .campaign-content h1 br{display:none}.index-page #campaign-stats .stats-container{flex-direction:column;gap:20px}.index-page #campaign-stats .stats-container .stat-block{flex-direction:column;gap:0px}.index-page #campaign-stats .stats-container .stat-block .stat-text{margin-top:0px}.index-page #campaign-stats .stats-container .stat-block .stat-number{font-size:60px}.index-page section.explanation .container{width:100%}.index-page section.explanation .container sup{width:100%;font-size:clamp(14px,4cqw,2em)}.index-page section.explanation .container h1{width:100%;font-size:clamp(28px,8cqw,3em)}.index-page section.explanation .container p{width:100%;font-size:clamp(14px,4cqw,1.5em)}.index-page section.explanation .container .logo-wrapper{justify-content:space-between}.index-page section.explanation .container .logo-wrapper img{height:20px}.index-page section.explanation .container .logo-wrapper img.main{height:40px}.index-page section.explanation .container .logo-wrapper img.x{height:15px}.index-page section.explanation .container .logo-wrapper img.youtube{height:15px}.index-page section.explanation .container .logo-wrapper .dash{width:20px}.index-page section.explanation .container .logo-wrapper .dash::before,.index-page section.explanation .container .logo-wrapper .dash::after,.index-page section.explanation .container .logo-wrapper .dash span{width:4px;height:4px}.index-page section.explanation .container .logo-wrapper .dash::before{margin-right:3px}.index-page section.explanation .container .logo-wrapper .dash::after{margin-left:3px}.index-page section.explanation .container .logo-wrapper .dash span{margin:0 3px}.index-page #carousel-wrapper{padding-top:60px}.index-page .content-section .container{padding:80px 0px;padding-top:60px;flex-direction:column-reverse;gap:0px}.index-page .content-section .container .text-column,.index-page .content-section .container .image-column{width:100%}.index-page .content-section .container .image-column{width:100%}.index-page .content-section .container .image-column::after{display:none}.index-page .content-section .container .image-column img{max-height:none;width:85%;margin-bottom:20px}.index-page #campaigns{margin-top:60px}.index-page #campaigns h1{margin-top:60px}.index-page #campaigns .carousel-container{flex-direction:column;width:100%}.index-page #campaigns .carousel-container .carousel-content{width:100%;margin:auto;padding-left:8%;padding-right:8%;padding-bottom:10px}.index-page #campaigns .carousel-container .carousel-buttons{justify-content:center;width:100%;margin:auto;padding-bottom:0px;padding-left:8%;padding-right:8%}.index-page #campaigns .carousel-container .carousel-buttons .carousel-button{align-self:center}.index-page #campaigns .carousel-container #carousel-flex-wrapper{min-height:600px;max-height:90vh}.index-page #campaigns .carousel-container #carousel-flex-wrapper #carousel-wrapper{width:100%;padding-top:20px}.index-page #campaigns .carousel-container #carousel-flex-wrapper #carousel-wrapper .campaign{width:100%;min-width:100%;padding-left:8%;padding-right:8%}.index-page #campaigns .carousel-container #carousel-flex-wrapper #carousel-wrapper .campaign.active{width:100%;min-width:100%}.index-page #campaigns .carousel-container #carousel-flex-wrapper #carousel-wrapper .campaign.inactive{width:100%;min-width:100%}.index-page #campaigns .carousel-container #carousel-flex-wrapper #carousel-wrapper .campaign.shrink{width:0%;min-width:0%}}@media screen and (min-width: 2800px){.index-page #intro{max-width:2400px}.index-page #intro .intro-text{padding:64px 0px}.index-page #intro .intro-text sup{font-size:32px}.index-page #intro .intro-text h1{font-size:100px}.index-page #intro .intro-text p{font-size:28px}.index-page #logo-marquee{height:240px}.index-page #campaign-stats{margin-top:200px;margin-bottom:200px;max-width:2400px}.index-page #campaign-stats .campaign-content h1{font-size:100px}.index-page #campaign-stats .campaign-content p{font-size:28px;max-width:800px}.index-page #campaign-stats .campaign-content .stat-block{width:100%;justify-content:space-between}.index-page #campaign-stats .campaign-content .stat-block .stat-number,.index-page #campaign-stats .campaign-content .stat-block .stat-text{flex-shrink:1}.index-page #campaign-stats .campaign-content .stat-block .stat-number{font-size:160px}.index-page #campaign-stats .campaign-content .stat-block .stat-text{font-size:36px;white-space:nowrap}.index-page .content-section .container{max-width:2400px}.index-page .content-section .container .text-column h2{font-size:52px}.index-page .content-section .container .text-column p{font-size:28px}.index-page #campaigns .carousel-container{max-width:2400px}.index-page #campaigns .carousel-container .carousel-content{height:1290px}.index-page #campaigns .carousel-container .carousel-content h2{font-size:52px}.index-page #campaigns .carousel-container .carousel-content p{font-size:28px}.index-page #campaigns .carousel-container .carousel-right .carousel-buttons .carousel-button{font-size:48px;padding:16px 32px}.index-page #campaigns .carousel-container .carousel-right .carousel-buttons .carousel-button img{width:24px}.index-page #campaigns .carousel-container .carousel-right .carousel-buttons #carousel-nav .carousel-nav-item{width:24px;height:24px;margin:0px 4px}.index-page #campaigns .carousel-container .carousel-right #carousel-flex-wrapper #carousel-wrapper .carousel .campaign{width:360px;min-width:360px}.index-page #campaigns .carousel-container .carousel-right #carousel-flex-wrapper #carousel-wrapper .carousel .campaign.active{width:1000px;min-width:1000px;padding:128px 64px}.index-page #campaigns .carousel-container .carousel-right #carousel-flex-wrapper #carousel-wrapper .carousel .campaign.inactive{width:360px;min-width:360px}.index-page #campaigns .carousel-container .carousel-right #carousel-flex-wrapper #carousel-wrapper .carousel .campaign.shrink{width:0px;min-width:0px}.index-page #campaigns .carousel-container .carousel-right #carousel-flex-wrapper #carousel-wrapper .carousel .campaign h2{font-size:52px}.index-page #campaigns .carousel-container .carousel-right #carousel-flex-wrapper #carousel-wrapper .carousel .campaign p{font-size:28px}}