.about{min-height:100dvh;padding-block:24rem}.about__container{width:100%;max-width:var(--n-container-max-width);margin-inline:auto;display:flex;flex-wrap:wrap;gap:2.5rem;max-width:calc(var(--n-w-mod-unit) * 18)}.about__item{padding:2rem;background:#171a2673;border:1px solid oklch(38.5% .021 274.3deg / .5);border-radius:1.5rem;display:flex;position:relative;flex-grow:1;flex-basis:calc(var(--n-w-mod-unit) * 5);flex-direction:column;color:#fff;border:none}.about__item-number{position:absolute;top:2rem;z-index:2;padding-inline:2rem;color:#e4e8ed;font-size:var(--text-2xl);font-weight:600}.about__item-animation{margin-top:6rem;margin-bottom:2rem}.about__item-content{display:flex;position:relative;z-index:2;flex:1;flex-direction:column;justify-content:flex-end;gap:1rem;height:100%;padding:2rem}.about__item-description{width:65%;color:#e4e8ed;opacity:.75;line-height:1.75}.web-app-animation{display:flex;justify-content:center;align-items:center;width:100%;font-size:1.5cqw}.web-app-animation-screen{display:flex;overflow:hidden;flex-direction:column;width:100%;max-width:75%;aspect-ratio:16/9;background-color:#23263373;border:.375em solid oklch(37.1% .024 273.4deg / .45);border-radius:1.5rem}.web-app-animation-nav{display:flex;align-items:center;gap:.75em;width:100%;height:2.25em;padding-inline:1em;background-color:#3c3f4d73}.web-app-animation-dot{width:1em;height:1em;aspect-ratio:1;border-radius:9999px;transform:translateY(-12.5%)}.web-app-animation-dot:nth-child(1){background-color:#fe6057}.web-app-animation-dot:nth-child(2){background-color:#ffbc2f}.web-app-animation-dot:nth-child(3){background-color:#28c83f}.web-app-animation-content{position:relative;flex:1}.web-app-animation-search-input{display:flex;position:absolute;top:50%;left:50%;justify-content:flex-start;align-items:center;width:60%;height:2.5em;padding:1em;background-color:#01010573;border:.2em solid oklch(37.1% .024 273.4deg / .45);border-radius:9999px;transform:translate(-50%,-50%)}.web-app-animation-search-input p{color:#e4e8ed}.web-app-animation-search-icon{position:relative;width:2em!important;height:2em!important;color:#565a69}.web-app-animation-loading{display:flex;position:absolute;top:50%;left:50%;justify-content:center;align-items:center;width:3.5em;height:3.5em;pointer-events:none;transform:translate(-50%,-50%)}.web-app-animation-loading-bar{position:absolute;width:.25em;height:.8em;background-color:#a0ec3a;border-radius:9999px;transform-origin:center 1.75em}.web-app-animation-loading-bar:nth-child(1){opacity:.1;transform:translateY(-1.25em) rotate(0)}.web-app-animation-loading-bar:nth-child(2){opacity:.1;transform:translateY(-1.25em) rotate(30deg)}.web-app-animation-loading-bar:nth-child(3){opacity:.1;transform:translateY(-1.25em) rotate(60deg)}.web-app-animation-loading-bar:nth-child(4){opacity:.1;transform:translateY(-1.25em) rotate(90deg)}.web-app-animation-loading-bar:nth-child(5){opacity:.1;transform:translateY(-1.25em) rotate(120deg)}.web-app-animation-loading-bar:nth-child(6){opacity:.1;transform:translateY(-1.25em) rotate(150deg)}.web-app-animation-loading-bar:nth-child(7){opacity:.1;transform:translateY(-1.25em) rotate(180deg)}.web-app-animation-loading-bar:nth-child(8){opacity:.1;transform:translateY(-1.25em) rotate(210deg)}.web-app-animation-loading-bar:nth-child(9){opacity:.1;transform:translateY(-1.25em) rotate(240deg)}.web-app-animation-loading-bar:nth-child(10){opacity:.1;transform:translateY(-1.25em) rotate(270deg)}.web-app-animation-loading-bar:nth-child(11){opacity:.1;transform:translateY(-1.25em) rotate(300deg)}.web-app-animation-loading-bar:nth-child(12){opacity:.1;transform:translateY(-1.25em) rotate(330deg)}.web-app-animation-skeleton{display:flex;position:absolute;top:0;left:0;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding-top:4em}.web-app-animation-skeleton-header,.web-app-animation-skeleton-content,.web-app-animation-skeleton-content:after{background:linear-gradient(90deg,#3c3f4d73,#565a6973,#3c3f4d73);background-size:200% 100%;border-radius:1.5rem;animation:shimmer 3s ease-in-out infinite}.web-app-animation-skeleton-header{width:40%;height:2em}.web-app-animation-skeleton-content{position:relative;width:55%;height:2em;margin-top:2em}.web-app-animation-skeleton-content:after{position:absolute;bottom:0;width:100%;height:2em;border-radius:1.5rem;content:"";transform:translateY(150%)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(min-width:768px){.web-app-animation{font-size:1cqw}}@media(min-width:1024px){.web-app-animation{font-size:.65cqw!important}}@media screen and (min-width:1000px){.web-app-animation{font-size:.75cqw}}.mobile-app-animation{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5cqw}.mobile-app-animation-screen{display:flex;overflow:hidden;flex-direction:column;height:24rem;aspect-ratio:9/16;padding:1em;background-color:#23263373;border:.375em solid oklch(37.1% .024 273.4deg / .45);border-radius:1.5rem}.mobile-app-animation-content{display:flex;position:relative;flex:1;justify-content:center;align-items:center}.mobile-app-animation-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:.25em;width:100%}.mobile-app-animation-square{width:100%;aspect-ratio:1;background-color:#a0ec3a;border-radius:.5rem;opacity:0;transform:scale(0)}@media(min-width:768px){.mobile-app-animation{font-size:1cqw}}@media(min-width:1024px){.mobile-app-animation{font-size:.65cqw!important}}@media screen and (min-width:1000px){.mobile-app-animation{font-size:.75cqw}}