@font-face{font-family:rock-salt;src:url(/assets/RockSalt-bfiJGuJn.ttf) format("truetype"),url(/assets/RockSalt-webfont-zYKLZAT7.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:montserrat;src:url(/assets/Montserrat-Italic-VariableFont_wght-B1o0utJu.ttf) format("truetype");font-weight:100 700;font-style:italic}:root{--bg-primary: hsl(0, 0%, 0%);--bg-secondary: hsl(0, 0%, 10%);--text-primary: hsl(0, 0%, 95%);--text-secondary: hsl(0, 0%, 85%);--text-accent: hsl(0, 0%, 75%);--border-color: hsl(0, 0%, 30%);--shadow-color: hsl(0, 0%, 15%);--primary-color: hsl(265, 90%, 60%);--secondary-color: hsl(265, 80%, 45%);--font-family: "montserrat", sans-serif;--font-size: clamp(1rem, .554rem + 1.19vw, 1.125rem);--line-height: 1.7;font-size:14px}@media (width >= 768px){:root{--font-size: clamp(1.125rem, .696rem + .893vw, 1.5rem);--line-height: 1.6}}@media (width >= 1300px){.logo-img{position:sticky;top:0}}@media (prefers-color-scheme: light){:root{--bg-primary: hsl(0, 0%, 100%);--bg-secondary: hsl(0, 0%, 90%);--text-primary: hsl(0, 0%, 5%);--text-secondary: hsl(0, 0%, 15%);--text-accent: hsl(0, 0%, 25%);--border-color: hsl(0, 0%, 70%);--shadow-color: hsl(0, 0%, 85%);--primary-color: hsl(265, 90%, 40%);--secondary-color: hsl(265, 80%, 55%)}.scroll-img{fill:#000}.white{display:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;text-decoration:none}body{box-sizing:border-box;font-family:montserrat;font-weight:400;color:var(--text-primary);font-size:var(--font-size);background-color:var(--bg-primary);width:100vw;overflow-x:hidden}#root{min-width:100%;min-height:100vh}.logo-img{margin:20px;mix-blend-mode:difference;z-index:100}h1{color:var(--text-primary);font-size:2rem;line-height:1.2;font-weight:600}h2{color:var(--text-primary);font-size:1.8rem;line-height:1.25;font-weight:500}h3{color:var(--text-secondary);font-size:1.4rem;line-height:1.3;font-weight:400}p{color:var(--text-accent);font-size:1rem;line-height:var(--line-height);font-weight:400;max-width:450px}.hero{display:grid;grid-template-columns:repeat(auto-fit,300px);width:90%;max-width:900px;margin:auto;background:var(--bg-secondary);padding:20px;justify-content:space-between;gap:10px;border-radius:10px;border-top:1px solid var(--border-color);box-shadow:1px 1px 15px var(--shadow-color),inset 0 1px 2px var(--shadow-color)}.colored-title{color:var(--secondary-color)}.btn{display:block;padding:10px 15px;background-color:var(--primary-color);color:var(--text-primary);border-radius:5px;box-shadow:0 1px 10px var(--shadow-color);border:none;transition:all .3s ease}.btn:hover{background-color:var(--secondary-color);color:var(--text-secondary)}.hero-info p a{display:inline-block;color:var(--text-secondary);text-decoration:underline var(--text-accent)}.hero-content{max-width:350px;flex:1 1 300px}.hero-content>p{margin-top:20px}.hero-info{display:flex;gap:10px;align-items:center;justify-content:space-between;padding-block:20px}.hero-text{max-width:400px}.hero-img{width:100%;border-radius:5%;aspect-ratio:9/9;max-width:300px;display:block;margin:auto}.logo-scroll div{width:90%;max-width:1150px;height:100px;overflow:hidden;-webkit-mask-image:linear-gradient(to left,transparent,white 10% 90%,transparent);mask-image:linear-gradient(to left,transparent,white 10% 90%,transparent);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:alpha;margin:auto;position:relative}.scroll-img{width:100px;height:100px;margin-inline:15px;position:absolute;mix-blend-mode:difference;animation:logoscroll 20s linear infinite;animation-delay:calc(var(--position) * -2s)}@keyframes logoscroll{0%{transform:translate(-115px)}to{transform:translate(1150px)}}.creativity{width:90%;margin:auto}.creativity h2:not(:has(+h2)){margin-bottom:1.5rem}.creativity>div>p{margin-bottom:3rem}.creativity-desc{width:90%;margin:auto}.creativity-steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;justify-content:center;justify-items:center}.creativity-steps{background-color:var(--bg-secondary);padding:1.5rem 1rem;border-radius:10px;flex:1 1 250px;max-width:300px;box-shadow:1px 1px 15px var(--shadow-color),inset 0 1px 2px var(--shadow-color);border-top:1px solid var(--border-color);animation:creativity linear both;animation-timeline:view();animation-range-start:entry 20%;animation-range-end:entry 100%}.creativity-steps h3{margin-block:.8rem 1rem}.creativity-steps p{margin-block:1rem;text-wrap:wrap}@keyframes creativity{0%{opacity:0;transform:translateY(120px) scale(.4)}to{opacity:1;transform:translateY(0) scale(1)}}.payment{width:90%;margin:70px auto}.payment p{margin-block:20px}.payment-desc{width:90%;margin:auto}.pricing-toggle{display:flex;align-items:center;justify-content:center;margin-block:20px}.toggle.on path{d:path("M17 7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h10c2.76 0 5-2.24 5-5s-2.24-5-5-5zm0 8c-1.66 0-3-1.34-3-3s1.34-3 3-3s3 1.34 3 3s-1.34 3-3 3z")}.toggle path{transition:all .3s ease}.cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.card{background-color:var(--bg-secondary);padding:15px;border-radius:10px;min-width:280px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:20px;box-shadow:1px 1px 15px var(--shadow-color),inset 0 1px 2px var(--shadow-color);border-top:1px solid var(--border-color);animation-timeline:view()!important;animation-range-start:entry 20%!important;animation-range-end:entry 80%!important}.card.left{animation:left both linear}.card.right{animation:right both linear}.card.middle{animation:middle both linear}@keyframes left{0%{translate:-100px 100px;filter:blur(20px)}}@keyframes middle{0%{translate:0 100px;filter:blur(20px)}}@keyframes right{0%{translate:100px 100px;filter:blur(20px)}}.features{border-top:1px solid var(--border-color)}.feature{display:flex;flex-direction:row;align-items:center}.feature p{margin-block:10px}.card-btn{display:block;padding:10px 50px;background-color:transparent;color:var(--text-primary);border-radius:5px;border:1px solid var(--secondary-color);margin:0 auto;transition:all .3s ease}.card-btn:hover{background-color:var(--secondary-color);color:var(--text-secondary)}.card.basic{background-color:var(--secondary-color);box-shadow:none}.card.basic .card-btn{background-color:var(--bg-secondary)}.card.basic .card-btn:hover{background-color:var(--bg-primary);color:var(--text-primary)}article{border-top:1px solid var(--border-color);padding-top:40px}.article{width:90%;max-width:max-content;margin:auto auto 4em}.article>h2{margin-block:20px}.article>p{margin-block:20px}.article-item{background-color:var(--bg-secondary);border-radius:10px}.article-list{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,250px);justify-content:center;width:90%;margin:auto}.article-desc{padding:10px}.article-image{max-width:500px}.article-image img{width:100%;aspect-ratio:16/9;object-fit:cover}.article-info{display:flex;margin-top:10px;justify-content:space-between;align-items:center}article button{display:block;padding:10px 15px;background-color:var(--primary-color);color:var(--text-primary);border:none;border-radius:5px;transition:all .3s ease;margin:40px auto}footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;width:90%;margin:auto auto 70px;justify-items:center;max-width:1000px;background-color:var(--bg-secondary);padding:20px;border-radius:10px;position:sticky;bottom:0;z-index:-1;box-shadow:1px 1px 15px var(--shadow-color),inset 0 1px 2px var(--shadow-color)}footer .btn{margin-block:20px}footer p{margin-block:1.2rem}.wrapper{padding-bottom:20px;border-radius:20px;background-color:var(--bg-primary)}
