@font-face{font-family:"School Days";src:url("../fonts/School_Days_Bold.woff2") format("woff2"),url("../fonts/School_Days_Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"School Days";src:url("../fonts/School_Days.woff2") format("woff2"),url("../fonts/School_Days.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"School Days";src:url("../fonts/School_Days_Thin.woff2") format("woff2"),url("../fonts/School_Days_Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}*,*::before,*::after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}html{font-family:"Inter",sans-serif;background:#382660;color:#fff;font-size:16px}body{margin:0}nav{height:60px;background:#382660;position:fixed;top:0;width:100%;padding:0 16px;z-index:10;display:flex}nav .nav-inner{display:flex;margin:0 auto;align-items:center;flex:1}nav .logo{display:flex;align-items:center}nav .logo a{display:flex;align-items:center;text-decoration:none}nav .logo img{height:40px}nav .logo-text{color:#f2a9a9;font-family:"School Days",cursive;font-weight:bold;font-size:28px;margin-left:8px;line-height:1;margin-top:6px}nav .mobile-menu{position:fixed;width:100%;right:-100vw;top:60px;background:#291a49;display:flex;flex-direction:column;height:calc(100% - 60px);padding:32px;transition:.5s ease-in-out}nav .mobile-menu.open{right:0}nav .mobile-menu>a{font-family:"School Days","Inter",sans-serif;font-size:36px;color:#decfff;text-decoration:none}nav .mobile-menu .cta{width:100%}.login{border-radius:12px;padding:10px 32px 8px;font-family:"School Days",cursive;text-decoration:none;font-size:16px;display:inline-block;letter-spacing:.03em;text-align:center;color:#fff;transition:.15s ease-out;margin:0 8px 0 0px}.login:hover{background:#291a49}.signup{border-radius:12px;padding:10px 32px 8px;font-family:"School Days",cursive;text-decoration:none;font-size:16px;display:inline-block;letter-spacing:.03em;text-align:center;color:#fff;background:#765fa9;transition:.15s ease-out}.signup:hover{background:#5656a1}.nav-link{color:#decfff;font-family:"School Days",Arial,sans-serif;font-size:18px;display:inline-block;margin:0 8px 0 16px;text-decoration:none;transition:.15s ease-out}.nav-link:hover{color:#fff}footer{background:#291a49;padding:16px;position:relative}footer .drips{top:-388px;transform:rotate(180deg)}footer .footer{max-width:1200px;display:flex;flex-direction:column;margin:0 auto}footer .footer h3{margin-bottom:8px}footer .footer .footer-description{margin-bottom:16px}footer .footer .footer-column{margin:16px 0}footer .footer .footer-column ul{list-style:none;padding-left:0}footer .footer .footer-column ul li{margin-bottom:4px}footer .footer .footer-column ul li a{color:#fff;text-decoration:none}.hamburger{padding:7px 0 0;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:rgba(0,0,0,0);border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:40px;height:4px;background-color:#f2a9a9;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--squeeze .hamburger-inner{transition-duration:.1s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--squeeze .hamburger-inner::before{transition:top .1s .14s ease,opacity .1s ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom .1s .14s ease,transform .1s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:.14s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease,opacity .1s .14s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease,transform .1s .14s cubic-bezier(0.215, 0.61, 0.355, 1)}.desktop{display:none}h1{font-family:"School Days",cursive;font-weight:bold;font-size:40px;color:#fff;text-align:center;letter-spacing:.03em;margin:0 0 24px 0}.subtitle{text-align:center}h2{font-family:"School Days",cursive;font-weight:bold;text-align:center;font-size:38px;letter-spacing:.03em;padding:0 6px;line-height:1;margin:0 0 16px 0}h2+.subtitle{padding:0 6px;font-size:18px}.center-text{text-align:center}.cta{border-radius:12px;padding:14px 32px 12px;font-family:"School Days",cursive;text-decoration:none;font-size:20px;display:inline-block;letter-spacing:.03em;text-align:center;transition:.15s ease-out}.cta.pink{color:#291a49;background:#ff9cd3}.cta.pink:hover{background:#d369bd}.cta.purple{color:#fff;background:#765fa9}.cta.purple:hover{background:#5656a1}section{position:relative}.section-hero{padding:80px 10px 0}.section-hero .cta-container{margin-top:48px}.section-player{padding:140px 10px 0;margin-top:-10px;color:#291a49}.section-portfolio{margin:-40px 0 0;padding:150px 10px 0}.section-pricing{margin:-350px 0 0;padding:450px 10px 0}.section-pricing h2,.section-pricing .subtitle{text-align:center}.section-library{margin:-450px 0 0;padding:640px 10px 0;color:#291a49}.anchor{position:absolute;margin-top:-80px;pointer-events:none}.section-library.bg-salmon:after{top:400px}.section-community{margin:100px 0 0;padding:125px 10px 0}.section-community.bg-purple-dark:after{top:100px}.section-cta{margin:-25px 0 0;padding:150px 10px}section.bg-salmon:after{position:absolute;z-index:-2;height:100%;width:100%;content:"";background:#f2a9a9;top:0;left:0}section.bg-purple-light:after{position:absolute;z-index:-2;height:100%;width:100%;content:"";background:#382660;top:0;left:0}section.bg-purple-dark:after{position:absolute;z-index:-2;height:100%;width:100%;content:"";background:#291a49;top:0;left:0}.drips{background-image:url("../images/drips-purple.svg");width:100%;height:400px;background-size:150%;background-repeat:repeat no-repeat;top:-1px;left:0;position:absolute;z-index:-1}.drips.salmon{background-image:url("../images/drips-salmon.svg")}.drips.dark-purple{background-image:url("../images/drips-dark-purple.svg")}.rotated-dark-purple-drips{background-image:url("../images/rotated-double-drips-dark-purple.svg");width:100%;height:1500px;left:0;background-size:380%;background-repeat:repeat no-repeat;top:-1px;position:absolute;z-index:-1}.offset-dark-purple-drips{background-image:url("../images/offset-double-drips-dark-purple.svg");width:100%;height:1500px;background-size:380%;background-repeat:repeat no-repeat;left:0;top:-1px;position:absolute;z-index:-1}.hearts{background-image:url("../images/heart-bg.svg");width:100%;height:1400px;background-size:100%;background-repeat:repeat no-repeat;top:-1px;left:0;position:absolute;z-index:-1}.flex{display:flex}.flex-fill{flex:1}.flex-wrap{flex-wrap:wrap}.row{flex-direction:row}.column{flex-direction:column}.column-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.card-wide{display:flex;border-radius:40px;padding:32px;flex-direction:column;margin:24px 0 0;color:#382660}.card-wide .icon{display:flex;justify-content:center;align-items:center;margin:0 0 16px 0}.card-wide .content{width:100%}.card-wide .icon img{width:100px;max-height:150px}.card-wide .title{color:#382660;font-family:"School Days",cursive;font-size:28px;letter-spacing:.03em;margin-top:8px}.web-player-container{padding:64px 8px}.card-pricing{display:flex;border-radius:40px;padding:32px 32px;flex-direction:column;margin:36px 0 0;color:#382660;background:#f2a9a9;width:100%;position:relative;overflow:hidden}.card-pricing .cost-group{display:flex;flex-direction:column}.card-pricing .save{position:absolute;top:5px;right:-104px;background:#765fa9;color:#f2a9a9;font-weight:bold;padding:16px 32px;transform:rotate(26deg);width:500px;text-align:center;font-size:22px;padding-left:110px}.card-pricing .tier{font-family:"School Days",cursive;letter-spacing:.03em;font-size:24px;font-weight:bold;margin-bottom:12px}.card-pricing .cost{display:flex;align-items:flex-end;margin:12px 0}.card-pricing .number{font-family:"School Days",cursive;letter-spacing:.03em;font-weight:bold;font-size:60px;line-height:60px}.card-pricing .period{border-radius:10px;background:#382660;color:#f2a9a9;font-size:16px;font-family:"School Days",cursive;letter-spacing:.03em;padding:8px 18px;margin-left:12px;margin-bottom:8px;white-space:nowrap}.card-pricing.bg-blue .period{color:#b3fffa}.card-pricing .features{margin:12px 0;padding:0;list-style:none}.card-pricing .features li{font-family:"School Days",cursive;letter-spacing:.03em;font-size:28px;margin:8px 0}.card-pricing .cta{margin-top:12px;width:100%}.video-cards{padding:32px 0}.video-cards .video-card{margin:128px 0}.video-cards .video-card:first-of-type{margin-top:16px}.video-cards .video-card:last-of-type{margin-bottom:0}.video-cards .video-card:after{content:"";height:8px;width:100%;background:#765fa9;border-radius:8px}.video-cards .video-card .card{display:flex;flex-direction:column;padding:8px}.video-cards .video-card .card .video{width:100%;position:relative}.video-cards .video-card .card .video video{border-radius:15px}.video-cards .video-card .card .video:after{position:absolute;content:"";height:100%;width:100%;background:#382660;z-index:-2;left:-25px;top:25px;border-radius:40px}.video-cards .video-card .card .content{flex-grow:0;padding:24px 0}.video-cards .video-card .card .content p{font-size:18px}.video-cards .video-card .card .title{font-size:32px;font-family:"School Days",cursive;letter-spacing:.03em;color:#382660}.testimonials{margin-top:64px}.testimonial{display:flex;border-radius:40px;padding:32px;flex-direction:column;margin:12px 0 24px;background:#decfff;color:#291a49}.testimonial.empty{display:none}.testimonial .avatar{width:80px;height:80px;background:#765fa9;margin-right:16px;border-radius:500em}.testimonial .avatar img{border-radius:inherit}.testimonial .name{font-size:24px;line-height:1}.testimonial .website{margin-top:6px}.testimonial .website a{font-size:14px;color:#765fa9;font-weight:bold;text-decoration:none}.testimonial .content{margin-top:16px}.bg-blue{background:#b3fffa}.bg-yellow{background:#ffffb3}.portfolio-screenshot-container{background:#765fa9;border-radius:20px;padding:8px;margin:32px 0;align-self:flex-start;position:relative}.portfolio-screenshot-container:last-of-type{margin-bottom:84px}.portfolio-screenshot-container img{max-width:100%;border-radius:10px}.portfolio-screenshot-container .screenshot-label-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:50px;bottom:-16px;left:0}.portfolio-screenshot-container .screenshot-label-wrapper .screenshot-label{background:#765fa9;border-radius:10px;padding:8px 32px;font-family:"School Days","Inter",sans-serif;font-size:16px}.policies{max-width:800px;margin:0 auto;padding:128px 16px}.policies .back{font-size:12px;color:#eee;margin-bottom:16px}.policies h1{font-family:"School Days",cursive;font-weight:bold;font-size:40px;color:#fff;text-align:left;letter-spacing:.03em;margin:0 0 0 0}.policies a{color:#fff}.policies h2{font-family:"School Days",cursive;font-weight:bold;text-align:center;font-size:38px;letter-spacing:.03em;line-height:1;margin:64px 0 24px 0;padding:0}.policies .title p{margin:-8px 0 36px 0;font-size:14px;font-weight:bold}.policies p{margin-bottom:16px}.policies .policy-links{margin-bottom:48px}.policies .policy-links ul{padding-left:0;list-style:none;font-size:32px}.policies .policy-links ul li{margin-bottom:8px}@media only screen and (min-width: 992px){.lg-row{flex-direction:row}.lg-row-reverse{flex-direction:row-reverse}.lg-space-around{justify-content:space-around}.lg-50{width:50%}.lg-33{width:33%}nav .mobile-menu{display:none}h1{font-size:78px}h2{font-size:54px;text-align:left}.section-hero{padding:80px 36px 0}.section-hero .subtitle{margin-top:-24px;font-size:22px}.section-player{padding:280px 36px 0}.section-player .subtitle{margin-bottom:32px}.section-portfolio{padding:350px 36px 0}.section-portfolio .subtitle{margin-bottom:32px}.section-pricing{margin:-600px 0 0;padding:900px 36px 0}.section-library{margin:-620px 0 0;padding:1000px 36px 0}.section-community{padding:325px 36px 0;min-height:70vw}.section-community .subtitle{text-align:center}.section-cta{margin:8px 0 0}.drips{background-size:1230px;height:400px;left:0;margin:0}.rotated-dark-purple-drips{background-size:2230px}.offset-dark-purple-drips{background-size:2230px}.subtitle{text-align:left}h1+.subtitle{text-align:center}.web-player-container{border-radius:40px;padding:32px;margin:24px 0 0 24px;align-self:flex-start}.portfolio-screenshot-container{background:#765fa9;border-radius:40px;padding:16px;margin:24px 32px 0 0;align-self:flex-start;position:relative}.portfolio-screenshot-container:last-of-type{margin-bottom:0}.portfolio-screenshot-container img{max-width:100%;border-radius:15px}.portfolio-screenshot-container .screenshot-label-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:50px;bottom:-8px;left:0}.portfolio-screenshot-container .screenshot-label-wrapper .screenshot-label{background:#765fa9;border-radius:15px;padding:8px 32px;font-family:"School Days","Inter",sans-serif;font-size:24px}.lock{max-width:75px}.section-content{max-width:1200px;margin:0 auto;z-index:2;position:relative}nav .nav-inner{max-width:1200px}.card-wide{flex-direction:row;padding:32px}.card-wide .icon{width:100px;flex:1 0 auto;margin:0 24px 0 16px}.card-pricing{max-width:400px;width:320px}.card-pricing .features li{font-size:22px}.card-pricing .cta{font-size:16px}.section-library.bg-salmon:after{top:600px}.card+.card{margin-left:24px}.section-community.bg-purple-dark:after{top:400px}.testimonials{display:flex;flex-wrap:wrap}.testimonials .testimonial.empty{display:block;width:100%;opacity:0}.testimonials .testimonial.one{max-width:33%}.testimonials .testimonial.two{max-width:66%}.testimonials>.column{flex:1}.testimonials>.column+.column{margin:0 0 0 24px}nav .hamburger{display:none}.desktop{display:block}.video-cards{padding:64px 0}.video-cards .video-card{margin:0}.video-cards .video-card .card{flex-direction:row}.video-cards .video-card .card .title{font-size:42px}.video-cards .video-card:nth-child(even){padding:256px 0}.video-cards .video-card:nth-child(even) .card{flex-direction:row-reverse}.video-cards .video-card:nth-child(even) .card .content{padding:0 48px 0 0}.video-cards .video-card:nth-child(even) .card .video:after{left:25px;top:25px}.video-cards .video-card .card .video{width:45vw;flex-shrink:0}.video-cards .video-card .card .content{padding:0 0 0 48px;display:flex;flex-direction:column;justify-content:center}.card-pricing-container{max-width:1200px;margin:32px auto 0}footer{padding:16px 32px 64px;margin-top:200px}footer .footer{flex-direction:row;justify-content:space-between}footer .footer-description{max-width:600px;margin:0}}@media only screen and (min-width: 1300px){h1{font-size:94px}.section-content{max-width:1400px}.card-pricing-container{max-width:1400px;margin:32px auto 0}.card-pricing{max-width:400px;width:100%}.card-pricing .features li{font-size:28px}.card-pricing .cta{font-size:20px}}@media only screen and (min-width: 1600px){h1{font-size:128px;max-width:1700px;margin:0 auto}h1+.subtitle{margin-top:-24px}.subtitle{font-size:20px;margin-bottom:32px}h2{margin-top:32px;font-size:96px;font-weight:normal}.section-content{max-width:1400px}nav .nav-inner{max-width:1400px}.section-hero{padding:80px 36px 60px}.card-wide{padding:24px 36px}.card-wide .icon{margin-left:0}.card-pricing{max-width:432px;padding:64px 48px}.card-pricing .features{margin:12px 0 36px}.card-pricing .features li{font-size:32px}nav .nav-inner{max-width:1400px}.card-pricing .features li{font-size:32px}.card-pricing-container{max-width:1400px;margin:32px auto 0}}