@media only screen and (min-width: 0rem) {#hero {display: flex;height: 100svh;min-height: 600px;z-index: 1;overflow: hidden;background: linear-gradient(126deg, oklch(0.3024 0.0946 253.46) 30%, oklch(0.5537 0.1866 255.85) 90%);position: relative;padding: 0 1rem;padding-bottom: 6.25rem;font-family: "Roboto", "Arial", sans-serif;padding: clamp(8em, 22.95vw, 17.5em) 0;}#hero .hero-svg.black {display: none;}#hero .star-space {display: none;}#hero .text {margin: 0 auto clamp(2rem, 4vw, 2.5rem) 0;margin-bottom: clamp(2.5rem, 4vw, 3rem);font-size: 22px;color: var(--text-dark);text-align: center;}#hero .cs-container {display: flex;position: relative;margin: auto;max-width: 80em;width: 100%;align-items: center;justify-content: center;}#hero .title {text-transform: uppercase;line-height: 1.2em;}#hero .text-hightlight {background: -webkit-linear-gradient(90deg, #bc9809, #fece09);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;white-space: nowrap;}#hero .text-smaller {font-size: 75%;}#hero .hero-items {display: flex;margin: 0 auto;flex-direction: column;align-items: center;}#hero .content {display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;margin: auto;color: white;max-width: clamp(23em, 60vw, 35.125em);width: 90vw;box-sizing: border-box;}#hero .title {width: 100%;text-align: center;}#hero .button-solid {margin-bottom: 1rem;height: initial;line-height: clamp(2.875em, 5.5vw, 3.5em);}#hero .hero-mockup {max-width: clamp(10em, 90%, 600px);margin-top: 20px;display: none;}#hero .hero-svg {position: absolute;bottom: -10px;left: 0;width: 100%;height: auto;z-index: -1;margin-bottom: -1px;}}@media only screen and (min-width: 48rem) {#hero {padding: 0 clamp(2em, 5vw, 2.5em);}#hero .cs-container {padding-top: 150px;padding-bottom: 150px;}#hero .content {max-width: 600px;}#hero .button-solid {margin-right: 1.25rem;margin-bottom: 0;}}@media only screen and (min-width: 64rem) {#hero {min-height: 780px;max-height: 1000px;}#hero .hero-items {flex-direction: row;gap: 40px;}#hero .cs-container {padding-top: 105px;}#hero .content {justify-content: left;}#hero .text {text-align: left;}#hero .title {text-align: left;}#hero .hero-mockup {display: block;width: 50%;max-width: none;margin-top: 0px;}}@media only screen and (min-width: 0rem) {.mockup-section {width: 100%;display: flex;justify-content: center;}.hero-mockup-two {max-width: 500px;width: 90%;height: auto;z-index: 50;aspect-ratio: 1;}}@media only screen and (min-width: 64rem) {.mockup-section {display: none;}}@media only screen and (min-width: 0rem) {body.dark-mode #hero {background: black;}body.dark-mode #hero .hero-svg {display: none;}body.dark-mode #hero .hero-svg.black {display: block;}body.dark-mode #hero .cloud-space {display: none;}body.dark-mode #hero .star-space {display: block;}body.dark-mode #hero::before {content: "";position: absolute;top: 0px;left: 0;width: 100%;height: 100%;background: linear-gradient(139deg, rgba(1, 14, 129, 0.2) 0%, rgba(58, 217, 255, 0.2) 80%);z-index: -1;}}@keyframes clouds {from {transform: translateX(0);}to {transform: translateX(100%);}}@-webkit-keyframes clouds {from {transform: translateX(0);}to {transform: translateX(100%);}}.cloud-space {position: absolute;top: 0px;left: 0px;width: 2000px;height: 100%;z-index: -100;white-space: nowrap;}.clouds.left {position: relative;left: -200%;}.cloud-wrapper {animation: clouds 40s infinite linear;-webkit-animation: clouds 40s infinite linear;}.clouds {display: inline-block;width: 100%;opacity: 0.8;}.cloud {z-index: -100;border-radius: 10px;position: relative;margin: 33px 0 0 0;width: 54px;height: 5px;background: #f7e7eb;}.cloud.tiny {transform: scale(0.5);}.cloud.small {transform: scale(1);}.cloud.normal {transform: scale(2);}.cloud.large {transform: scale(4);}.cloud div {box-shadow: inset -2px -3px 0 0 #f7e7eb;position: absolute;border-radius: 50%;width: 12px;height: 12px;left: -3px;bottom: 0;background: #fafbf0;z-index: 10;}.cloud div:first-child + div {transform: scale(1.6);margin: 0 0 4px 13px;z-index: 9;}.cloud div:first-child + div + div {transform: scale(2.4);margin: 0 0 9px 32px;z-index: 8;}.cloud div:first-child + div + div + div {transform: scale(1.3);margin: 0 0 2px 50px;z-index: 7;}.cloud-1 {left: 200px;top: 150px;}.cloud-2 {top: 500px;left: -240px;}.cloud-3 {left: -750px;top: 360px;}.cloud-4 {left: 500px;top: 260px;}.cloud-5 {left: -600px;top: 30px;}.cloud-6 {left: 630px;}@keyframes twinkle {0%, 100% {opacity: 0.4;}50% {opacity: 1;}}.star-space {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -100;}.star {position: absolute;opacity: 0.8;animation: twinkle 4s infinite;}.star:nth-child(1) {top: 10%;left: 15%;transform: scale(1.5);}.star:nth-child(2) {top: 20%;left: 30%;transform: scale(1);}.star:nth-child(3) {top: 35%;left: 50%;transform: scale(0.5);}.star:nth-child(4) {top: 50%;left: 70%;transform: scale(1.5);}.star:nth-child(5) {top: 60%;left: 80%;transform: scale(1);}.star:nth-child(6) {top: 75%;left: 10%;transform: scale(0.5);}.star:nth-child(7) {top: 80%;left: 40%;transform: scale(2);}.star:nth-child(8) {top: 90%;left: 60%;transform: scale(1.5);}.star:nth-child(9) {top: 25%;left: 90%;transform: scale(1);}.star:nth-child(10) {top: 5%;left: 5%;transform: scale(0.5);}.star:nth-child(11) {top: 15%;left: 50%;transform: scale(1.5);}.star:nth-child(12) {top: 22%;left: 10%;transform: scale(1);}.star:nth-child(13) {top: 45%;left: 25%;transform: scale(2);}.star:nth-child(14) {top: 55%;left: 45%;transform: scale(1.5);}.star:nth-child(15) {top: 65%;left: 60%;transform: scale(1);}.star:nth-child(16) {top: 72%;left: 85%;transform: scale(0.5);}.star:nth-child(17) {top: 88%;left: 15%;transform: scale(2);}.star:nth-child(18) {top: 95%;left: 40%;transform: scale(1.5);}.star:nth-child(19) {top: 18%;left: 70%;transform: scale(1);}.star:nth-child(20) {top: 22%;left: 85%;transform: scale(2);}.star:nth-child(21) {top: 12%;left: 35%;transform: scale(1.5);}.star:nth-child(22) {top: 40%;left: 80%;transform: scale(1);}.star:nth-child(23) {top: 58%;left: 5%;transform: scale(0.5);}.star:nth-child(24) {top: 78%;left: 55%;transform: scale(2);}.star:nth-child(25) {top: 10%;left: 90%;transform: scale(1.5);}.star:nth-child(26) {top: 15%;left: 95%;transform: scale(1);}.star:nth-child(27) {top: 30%;left: 95%;transform: scale(0.5);}.star:nth-child(28) {top: 20%;left: 81%;transform: scale(2);}.star:nth-child(29) {top: 24%;left: 84%;transform: scale(1.5);}.star:nth-child(30) {top: 4%;left: 3%;transform: scale(1);}.star:nth-child(31) {top: 11%;left: 5%;transform: scale(0.5);}.star:nth-child(32) {top: 28%;left: 2%;transform: scale(2);}.star:nth-child(33) {top: 57%;left: 33%;transform: scale(1.5);}.star:nth-child(34) {top: 54%;left: 28%;transform: scale(1);}.star:nth-child(35) {top: 64%;left: 24%;transform: scale(0.5);}.star:nth-child(36) {top: 65%;left: 25%;transform: scale(1.5);}.star:nth-child(1) {animation-delay: 0.1s;}.star:nth-child(2) {animation-delay: 3.2s;}.star:nth-child(3) {animation-delay: 1.4s;}.star:nth-child(4) {animation-delay: 2.6s;}.star:nth-child(5) {animation-delay: 0.8s;}.star:nth-child(6) {animation-delay: 3.9s;}.star:nth-child(7) {animation-delay: 2.1s;}.star:nth-child(8) {animation-delay: 1.7s;}.star:nth-child(9) {animation-delay: 0.6s;}.star:nth-child(10) {animation-delay: 3.3s;}.star:nth-child(11) {animation-delay: 1.8s;}.star:nth-child(12) {animation-delay: 0.5s;}.star:nth-child(13) {animation-delay: 2.8s;}.star:nth-child(14) {animation-delay: 3.1s;}.star:nth-child(15) {animation-delay: 1.3s;}.star:nth-child(16) {animation-delay: 0.9s;}.star:nth-child(17) {animation-delay: 3.7s;}.star:nth-child(18) {animation-delay: 2.4s;}.star:nth-child(19) {animation-delay: 0.3s;}.star:nth-child(20) {animation-delay: 3.5s;}.star:nth-child(21) {animation-delay: 1.9s;}.star:nth-child(22) {animation-delay: 0.4s;}.star:nth-child(23) {animation-delay: 2.6s;}.star:nth-child(24) {animation-delay: 1.2s;}.star:nth-child(25) {animation-delay: 3s;}.star:nth-child(26) {animation-delay: 0.7s;}.star:nth-child(27) {animation-delay: 3.4s;}.star:nth-child(28) {animation-delay: 1.6s;}.star:nth-child(29) {animation-delay: 0.2s;}.star:nth-child(30) {animation-delay: 2.9s;}.star:nth-child(31) {animation-delay: 1.5s;}.star:nth-child(32) {animation-delay: 0.6s;}.star:nth-child(33) {animation-delay: 2.3s;}.star:nth-child(34) {animation-delay: 3.8s;}.star:nth-child(35) {animation-delay: 0.9s;}.star:nth-child(36) {animation-delay: 1.1s;}.shooting-star-space {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;pointer-events: none;}.shooting-star {position: absolute;top: -100px;left: 40%;width: 2px;height: 75px;transform: rotate(315deg);background: linear-gradient(to top left, rgb(255, 255, 255), rgba(255, 255, 255, 0));animation: shootingStar 12s linear infinite;animation-delay: 5s;opacity: 0;}@keyframes shootingStar {0% {transform: translate(0, 0) rotate(315deg);opacity: 0.5;}2% {transform: translate(400px, 400px) rotate(315deg);opacity: 0;}100% {opacity: 0;}}.shooting-star:nth-child(2) {left: 50%;animation-delay: 6s;}.shooting-star:nth-child(3) {left: -5%;animation-delay: 12s;}