.app__slogan{background-color:#fffe;border:1px solid #e3e3e3;border-radius:1rem;margin:1rem 0 -1rem;padding:.5rem 1rem;line-height:1rem}.app__hero{text-align:center;z-index:9;flex-direction:column;align-items:center;gap:2rem;width:100vw;margin:0 auto -6px;padding:6rem 1rem 0;display:flex;position:relative}.app__hero h1{text-align:center;color:#553049;max-width:680px;padding:0 .4rem;font-size:2.5rem;font-weight:700;line-height:1}.app__hero p{color:#553049;max-width:360px;font-size:1rem}.app__hero button{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background-image:linear-gradient(120deg,#f1f362 0%,#f4e466 4%,#f4d46c 8%,#f5c470 12%,#f5b370 17%,#f6a674 23%,#f79878 29%,#f78c7e 36%,#f88183 44%,#f88796 56%,#f986a4 73%,#f98bb7 100%);border:6px solid #fff;border-radius:1rem;outline:1px solid #efb5dc78;align-items:center;gap:.5rem;padding:.8rem 1.2rem;font-size:1.2rem;font-weight:500;transition:background-image .2s;display:flex}.app__hero button svg{opacity:.8;font-size:1.5rem}.app__hero button:hover{transform:scale(1.02)}.app__hero button:active{transform:scale(1)}.app__hero h1>span{-webkit-text-fill-color:#0000;background-image:linear-gradient(120deg,#f1f362 0%,#f4e466 4%,#f4d46c 8%,#f5c470 12%,#f5b370 17%,#f6a674 23%,#f79878 29%,#f78c7e 36%,#f88183 44%,#f88796 56%,#f986a4 73%,#f98bb7 100%);-webkit-background-clip:text;background-clip:text}.app__hero-btn-wrapper{flex-direction:column;align-items:center;margin-top:-1rem;margin-bottom:-.8rem;display:flex}.app__use-cases{color:#414141;flex-direction:row;justify-content:center;gap:.8rem;padding:.7rem 0 0;font-size:.8rem;display:flex}.app__use-cases span{align-items:center;gap:.2rem;font-weight:500;line-height:1.2rem;display:flex}.app__use-cases span svg{color:#8a7;font-size:1.2rem}.app__app-preview{background-color:#0000;justify-content:center;align-items:center;width:min(800px,100vw);height:calc(min(800px,100vw)/1.72035);display:flex}.app__app-preview img{width:inherit;height:inherit;border:8px solid #fff;border-radius:.5rem;box-shadow:0 0 16px #11111a1a}.app-section{z-index:10;color:#553049;background-color:#fff;flex-direction:column;align-items:center;width:100vw;min-height:30vh;padding:2rem 1rem 1rem;display:flex;position:relative}@media only screen and (max-width:960px){.app-section{padding:2rem 1rem 0}}.app-section__hint{background-color:#eee;border-radius:.8rem;margin-bottom:1rem;padding:.4rem .8rem;font-size:.8rem;display:inline-block}.app-section__content{grid-template-columns:repeat(2,1fr);display:grid;position:relative}@media only screen and (max-width:960px){.app-section__content{grid-template-columns:1fr}}.app-section__content{color:#553049;gap:2rem;max-width:min(100vw,960px)}.app-section__content--reverse>:first-child{order:2}.app-section__content--reverse>:nth-child(2){order:1}@media only screen and (max-width:960px){.app-section__content{gap:0}.app-section__content--reverse>:first-child{order:1}.app-section__content--reverse>:nth-child(2){order:2}}.app-section__content p{border-bottom:1px solid #eee;margin:1rem 0;padding-bottom:1.5rem;font-weight:100}.app-section__feature-item{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;font-weight:100;display:flex}.app-section__feature-item svg{color:#8a7;min-width:1.5rem;font-size:1.2rem}.app-section__feature-preview{background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%}@media only screen and (max-width:960px){.app-section__feature-preview{width:90vw;height:69.3631vw}}.app-section--feature-highlights{background-image:url(/images/decor.png);background-position:50% 1.5rem;background-repeat:no-repeat;padding-top:6rem}.app-section--feature-highlights>p{text-align:center;margin:.5rem 0;font-weight:200}.app-section--feature-highlights h2 span{-webkit-text-fill-color:#0000;background-image:linear-gradient(120deg,#f1f362 0%,#f4e466 4%,#f4d46c 8%,#f5c470 12%,#f5b370 17%,#f6a674 23%,#f79878 29%,#f78c7e 36%,#f88183 44%,#f88796 56%,#f986a4 73%,#f98bb7 100%);-webkit-background-clip:text;background-clip:text}.app-section--trophy{background-image:url(/images/trophy.png);background-position:50% 1.5rem;background-repeat:no-repeat;padding-top:5.5rem;padding-bottom:2rem}.app-section--trophy button{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background-image:linear-gradient(120deg,#f1f362 0%,#f4e466 4%,#f4d46c 8%,#f5c470 12%,#f5b370 17%,#f6a674 23%,#f79878 29%,#f78c7e 36%,#f88183 44%,#f88796 56%,#f986a4 73%,#f98bb7 100%);border:6px solid #fff;border-radius:1rem;outline:1px solid #efb5dc78;align-items:center;gap:.5rem;padding:.8rem 1.2rem;font-size:1.2rem;font-weight:500;transition:background-image .2s;display:flex}.app-section--trophy button svg{opacity:.8;font-size:1.5rem}.app-section--trophy button:hover{transform:scale(1.02)}.app-section--trophy button:active{transform:scale(1)}.app-section--trophy button{margin:1rem auto}.app-section__feature-highlights{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:min(100vw,1100px);margin:2rem 1rem;display:flex}.app-section .feature-highlight{flex-direction:column;gap:.7rem;width:min(90vw,320px);font-weight:200;display:flex}.app-section .feature-highlight b{font-weight:400}.app-section .feature-highlight__icon{box-sizing:border-box;color:#fff;background-image:linear-gradient(120deg,#f1f362 0%,#f4e466 4%,#f4d46c 8%,#f5c470 12%,#f5b370 17%,#f6a674 23%,#f79878 29%,#f78c7e 36%,#f88183 44%,#f88796 56%,#f986a4 73%,#f98bb7 100%);border:4px solid #eee;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1rem;font-weight:100;display:flex}.app-section .trophy-counters{flex-wrap:wrap;justify-content:center;gap:3rem;margin:2rem;display:flex}
