@keyframes flipOut{0%{opacity:1;transform:rotateX(0deg)}100%{opacity:0;transform:rotateX(90deg)}}@keyframes flipIn{0%{opacity:0;transform:rotateX(-90deg)}100%{opacity:1;transform:rotateX(0deg)}}#content h2{color:var(--primary-color);font-weight:800;font-size:28px;margin:20px 0}#content h2:first-child{margin-top:0}#content h2:last-child{margin-bottom:0}#content p{margin:20px 0}#content p:first-child{margin-top:0}#content p:last-child{margin-bottom:0}#content ul:not(.slick-dots,.highlighted){display:flex;flex-direction:column;gap:20px}#content strong,#content b{font-weight:700}#content strong.check,#content b.check{display:inline-flex;gap:5px}#content strong.check:before,#content b.check:before{content:"Û";font-family:"Edglyph";color:var(--secondary-color)}#content #welcome{padding:40px 0;display:flex;overflow:hidden}#content #welcome .container{flex:1;display:flex;align-items:center}#content #welcome .container .flex{flex:1;align-items:center;min-width:0}#content #welcome .container .flex>div{max-width:100%}#content #welcome .container .flex>div h1{font-size:clamp(32px,6vw,82px);line-height:1.2;font-weight:700;letter-spacing:-0.02em;perspective:1200px;text-align:left;white-space:nowrap}#content #welcome .container .flex>div h1 .dynamic{color:var(--primary-color);display:inline-block;transform-origin:50% 50%}#content #welcome .container .flex>div h1 .dynamic.flip-out{animation:flipOut .35s forwards ease-in}#content #welcome .container .flex>div h1 .dynamic.flip-in{animation:flipIn .35s forwards ease-out}#content #welcome .container .flex>div>p{font-size:clamp(18px,2vw,28px);line-height:1.2;margin:20px 0}#content #welcome .container .flex>div>p:has(.btn){display:flex;gap:20px}#content #welcome .container .flex>div>p:first-child{margin-top:0}#content #welcome .container .flex>div>p:last-child{margin-bottom:0}#content #welcome .container .flex>div div{display:flex;align-items:center;gap:20px;margin:100px 0}#content #welcome .container .flex>div div:first-child{margin-top:0}#content #welcome .container .flex>div div:last-child{margin-bottom:0}#content #welcome .container .flex>div div p{font-size:19px;line-height:1.2;margin:0}#content #welcome .container .flex>div div ul{flex:1;display:flex;align-items:center;flex-direction:row;gap:20px}#content #welcome .container .flex>div div ul li a{display:block}#content #welcome .container .flex>div div ul li a img{display:block;max-width:100%;height:auto}#content #welcome .container .flex>div:has(video){max-width:548px}#content #welcome .container .flex>div:has(video) video{border:0 none;border-radius:0}#content #screenshots{padding:40px 0}#content #screenshots .container .flex>div:not(:has(.slider)){min-width:420px}#content #screenshots .container .flex>div:has(.slider){overflow:hidden;flex-basis:auto}#content #screenshots .container .flex>div:has(.slider) .slider{display:flex;flex-direction:column;gap:20px}#content #screenshots .container .flex>div:has(.slider) .slider .slick-list{border-radius:20px}#content #screenshots .container .flex>div:has(.slider) .slider figure{display:block !important}#content #screenshots .container .flex>div:has(.slider) .slider figure a span{display:none}#content #screenshots .container .flex>div:has(.slider) .slider .slick-dots{display:flex;align-items:center;gap:10px}#content #screenshots .container .flex>div:has(.slider) .slider .slick-dots li{flex:1;min-width:0}#content #screenshots .container .flex>div:has(.slider) .slider .slick-dots li.slick-active .btn{background:var(--primary-color);border-color:var(--primary-color);color:var(--color-white)}#content #screenshots .container .flex>div:has(.slider) .slider .slick-dots li .btn{display:flex}#content #screenshots .container .flex>div:has(.slider) .slider .slick-dots>a{flex:1;min-width:0}#content #screenshots .container ul.highlighted{display:flex;gap:20px;margin-top:40px}#content #screenshots .container ul.highlighted li{flex:1;display:flex;align-items:center;justify-content:center;height:95px;border-radius:5px;gap:10px;font-size:clamp(16px,1.5vw,22px);font-weight:300;padding:10px}#content #screenshots .container ul.highlighted li:has(.no_translation){display:block}#content #screenshots .container ul.highlighted li .edglyph{font-size:clamp(42px,3.5vw,60px);line-height:0}#content #screenshots .container ul.highlighted li:nth-child(1){background-color:var(--blue-color);animation-delay:.2s}#content #screenshots .container ul.highlighted li:nth-child(2){background-color:var(--green-color);animation-delay:.4s}#content #screenshots .container ul.highlighted li:nth-child(3){background-color:var(--yellow-color);animation-delay:.6s}#content #screenshots .container ul.highlighted li:nth-child(4){background-color:var(--orange-color);animation-delay:.8s}#content #screenshots .container ul.highlighted li:nth-child(5){background-color:var(--red-color);animation-delay:1s}#content #screenshots .container ul.highlighted li:nth-child(6){background-color:var(--purple-color);animation-delay:1.2s}#content #why{padding:40px 0}#content #why .container .flex{align-items:center}#content #why .container .flex>div p:last-child{margin-top:40px}#content #featured{padding:40px 0}#content #featured .container .flex>div{border-radius:20px;padding:30px;display:flex;flex-direction:column}#content #featured .container .flex>div h2{flex:1}#content #featured .container .flex>div p{margin:0}#content #featured .container .flex>div p:not(:last-child){margin-bottom:20px}#content #featured .container .flex>div p:last-child{text-align:right}#content #featured .container .flex>div:nth-child(1){background-color:var(--pastel_blue-color);animation-delay:.2s}#content #featured .container .flex>div:nth-child(2){background-color:var(--pastel_yellow-color);animation-delay:.4s}#content #featured .container .flex>div:nth-child(3){background-color:var(--pastel_purple-color);animation-delay:.6s}#content #featured .container>p{text-align:center;margin-top:40px}#content #news{padding:40px 0}#content #news .container .flex{gap:20px}#content #news .container .flex>div{min-width:0}#content #news .container .flex>div article figure{border-radius:10px;overflow:hidden;margin-bottom:10px;border:1px solid var(--color-black)}#content #news .container .flex>div article section h2{margin-bottom:10px}#content #news .container .flex>div article section h2 a:not(:hover){text-decoration:none}#content #news .container .flex>div article section small{font-size:inherit;color:rgba(var(--color-black-rgb), 0.5);font-style:italic}#content #news .container .flex>div article section small+p{margin-top:0}#content #news .container .flex>div:not(:first-child) article section h2{font-size:16px}#content #news .container .flex>div:not(:first-child) article section p{display:none}#content #news .container .flex>div:first-child{min-width:66.6666666667%;background:rgba(var(--color-black-rgb), 0.05);border-radius:20px;padding:30px 20px}#content #news .container .flex>div:first-child article{display:flex;align-items:flex-start;gap:40px}#content #news .container .flex>div:first-child article figure{flex:1;margin:0;border-radius:15px}#content #news .container .flex>div:first-child article section{flex:1}#content #news .container .flex>div:last-child .btn{margin-top:20px}#content #news .container .flex>div:nth-child(1){animation-delay:.5s}#content #news .container .flex>div:nth-child(2){animation-delay:.7s}#content #news .container .flex>div:nth-child(3){animation-delay:.9s}@media all and (max-width: 992px){#content #welcome .container .flex{flex-direction:column}#content #welcome .container .flex>div h1{font-size:clamp(32px,9vw,82px)}#content #welcome .container .flex>div p{font-size:clamp(18px,3vw,28px)}#content #screenshots .container .flex{flex-direction:column}#content #screenshots .container .flex>div:not(:has(.slider)){min-width:0;order:-1}#content #screenshots .container ul.highlighted{flex-wrap:wrap}#content #screenshots .container ul.highlighted li{flex-basis:calc(33.3333333333% - 20px)}#content #featured .container .flex{flex-direction:column}#content #news .container .flex{flex-wrap:wrap}#content #news .container .flex>div:first-child{flex-basis:100%}}@media all and (max-width: 768px){#content #welcome,#content #screenshots,#content #why,#content #featured,#content #news{padding:20px 0}#content #news .container .flex{flex-direction:row}}@media all and (max-width: 500px){#content #welcome .container .flex>div p:has(.btn){flex-direction:column}#content #welcome .container .flex>div div{flex-direction:column;margin:40px 0}#content #screenshots .container .flex>div:has(.slider) .slider .slick-dots{flex-wrap:wrap}#content #screenshots .container .flex>div:has(.slider) .slider .slick-dots li{flex-basis:calc(50% - 20px)}#content #screenshots .container ul.highlighted{flex-wrap:wrap}#content #screenshots .container ul.highlighted li{flex-basis:calc(50% - 20px)}#content #news .container .flex{flex-direction:column}#content #news .container .flex>div:first-child article{flex-direction:column;gap:20px}}