@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--color-s-black-v-100: #12192E;--color-s-black-v-200: #343434;--color-s-blue-v-100: #172F74;--color-s-blue-v-200: #3A67FC;--color-s-red-v-100: #FF0000;--color-s-red-v-200: #DB1212;--color-s-gray-v-100: #676776;--color-s-gray-v-200: #a4a4ad;--color-s-gray-v-300: #e1e1e4;--color-s-gray-v-400: #F4F6F8;--color-s-gray-v-500: #D9D9D9;--color-s-white-v-100: #FFFFFF;--space-xxs: 8px;--space-xs: 16px;--space-sm: 32px;--space-md: 40px;--space-lg: 48px;--space-xl: 60px;--space-xxl: 72px;--space-xxxl: 80px;--space-xxxx: 100px;--space-xxxxx: 120px}.section-project-hero-animated{padding:56px 0 72px;background:var(--Blue-gradient, linear-gradient(91deg, #3A67FC 0.62%, #172F74 98.15%));color:#fff;font-family:"Poppins",sans-serif}.section-project-hero-animated__parent a{color:#fff;text-decoration:none}.section-project-hero-animated__parent a::before{content:"‹ ";font-weight:600}.section-project-hero-animated__grid{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1.05fr);gap:64px;align-items:center;margin-top:28px}@media(max-width: 1023px){.section-project-hero-animated__grid{grid-template-columns:minmax(0, 1fr);gap:40px}}.section-project-hero-animated__title{margin:0;font-size:54px;font-weight:800;line-height:67px;color:#fff}.section-project-hero-animated__title em{font-style:normal;color:#f564a9}@media(max-width: 767px){.section-project-hero-animated__title{font-size:34px;line-height:42px}}.section-project-hero-animated__tags{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0;padding:0;list-style:none}.section-project-hero-animated__tags li{padding:6px 16px;border:1px solid rgba(255,255,255,.4);border-radius:100px;font-size:15px;font-weight:500}.section-project-hero-animated__tags li:first-child{background:#d6337f;border-color:#d6337f}.section-project-hero-animated__lead{margin:28px 0 0;font-size:20px;font-weight:500;line-height:31.6px;color:rgba(255,255,255,.88)}.section-project-hero-animated__facts{display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));margin:64px 0 0;border-top:1px solid rgba(255,255,255,.3)}.section-project-hero-animated__facts div{padding:20px 20px 0 0}.section-project-hero-animated__facts div+div{padding-left:20px;border-left:1px solid rgba(255,255,255,.2)}.section-project-hero-animated__facts dt{margin-bottom:6px;font-size:12px;font-weight:600;color:#f564a9}.section-project-hero-animated__facts dd{margin:0;font-size:16px;line-height:24px;color:#fff}@media(max-width: 1023px){.section-project-hero-animated__facts{grid-template-columns:repeat(3, minmax(0, 1fr))}.section-project-hero-animated__facts div:nth-child(3n+1){padding-left:0;border-left:0}}@media(max-width: 767px){.section-project-hero-animated__facts{grid-template-columns:repeat(2, minmax(0, 1fr))}.section-project-hero-animated__facts div,.section-project-hero-animated__facts div+div{padding:16px 12px 0 0;border-left:0}}.section-project-hero-animated .app-mock{overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,0);border-radius:8px;box-shadow:0 30px 70px -20px rgba(10,16,40,.6);font-size:12px;color:#12192e}.section-project-hero-animated .app-mock__bar{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-bottom:1px solid rgba(103,103,118,.2);background:#f4f6f8}.section-project-hero-animated .app-mock__bar i{display:block;width:9px;height:9px;border-radius:50%;background:#cfd3da}.section-project-hero-animated .app-mock__bar span{margin-left:12px;font-size:11px;color:#676776}.section-project-hero-animated .app-mock__body{display:grid;grid-template-columns:44px 1fr 1.15fr 1fr;height:360px}@media(max-width: 767px){.section-project-hero-animated .app-mock__body{grid-template-columns:32px 1fr 1fr;height:300px}}.section-project-hero-animated .app-mock__side{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:16px;background:#12192e}.section-project-hero-animated .app-mock__side b{display:block;width:18px;height:18px;border-radius:5px;background:rgba(255,255,255,.25)}.section-project-hero-animated .app-mock__side b.is-active{background:#3a67fc}.section-project-hero-animated .app-mock__panel{display:flex;flex-direction:column;gap:9px;overflow:hidden;padding:14px 12px;border-right:1px solid rgba(103,103,118,.2)}.section-project-hero-animated .app-mock__panel:last-child{border-right:0}@media(max-width: 767px){.section-project-hero-animated .app-mock__panel:last-child{display:none}}.section-project-hero-animated .app-mock__panel-title{margin-bottom:2px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#676776}.section-project-hero-animated .app-mock__file{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid rgba(103,103,118,.2);border-radius:6px;-webkit-animation:pha-file-in 10s ease-out infinite both;animation:pha-file-in 10s ease-out infinite both}.section-project-hero-animated .app-mock__file:nth-child(3){-webkit-animation-delay:.15s;animation-delay:.15s}.section-project-hero-animated .app-mock__file:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}.section-project-hero-animated .app-mock__file:nth-child(5){-webkit-animation-delay:.45s;animation-delay:.45s}.section-project-hero-animated .app-mock__row{display:flex;justify-content:space-between;align-items:center;gap:6px}.section-project-hero-animated .app-mock__type{padding:2px 5px;border-radius:4px;background:#172f74;font-size:9px;font-weight:700;color:#fff}.section-project-hero-animated .app-mock__name{flex:1;height:6px;border-radius:3px;background:#e3e5ea}.section-project-hero-animated .app-mock__status{position:relative;width:62px;height:14px;font-size:10px;font-weight:600;text-align:right}.section-project-hero-animated .app-mock__status-item{position:absolute;top:0;right:0;white-space:nowrap}.section-project-hero-animated .app-mock__status-item--queued{opacity:0;color:#676776;-webkit-animation:pha-status-queued 10s infinite;animation:pha-status-queued 10s infinite}.section-project-hero-animated .app-mock__status-item--processing{opacity:0;color:#3a67fc;-webkit-animation:pha-status-processing 10s infinite;animation:pha-status-processing 10s infinite}.section-project-hero-animated .app-mock__status-item--ready{color:#172f74;-webkit-animation:pha-status-ready 10s infinite;animation:pha-status-ready 10s infinite}.section-project-hero-animated .app-mock__progress{overflow:hidden;height:4px;border-radius:2px;background:#e3e5ea}.section-project-hero-animated .app-mock__progress i{display:block;width:100%;height:100%;background:var(--Blue-gradient, linear-gradient(91deg, #3A67FC 0.62%, #172F74 98.15%));-webkit-transform-origin:left;transform-origin:left;-webkit-animation:pha-progress-1 10s infinite;animation:pha-progress-1 10s infinite}.section-project-hero-animated .app-mock .app-mock__file:nth-child(4) .app-mock__progress i{-webkit-animation-name:pha-progress-2;animation-name:pha-progress-2}.section-project-hero-animated .app-mock .app-mock__file:nth-child(5) .app-mock__progress i{-webkit-animation-name:pha-progress-3;animation-name:pha-progress-3}.section-project-hero-animated .app-mock__query{display:flex;align-items:center;gap:6px;padding:8px;border-radius:6px;background:#f4f6f8}.section-project-hero-animated .app-mock__query .app-mock__name{background:#d5d9e1}.section-project-hero-animated .app-mock__line{height:7px;border-radius:4px;background:#dfe2e8;-webkit-transform-origin:left;transform-origin:left;-webkit-animation:pha-line-1 10s infinite;animation:pha-line-1 10s infinite}.section-project-hero-animated .app-mock__line--2{-webkit-animation-name:pha-line-2;animation-name:pha-line-2}.section-project-hero-animated .app-mock__line--3{-webkit-animation-name:pha-line-3;animation-name:pha-line-3}.section-project-hero-animated .app-mock__line--4{-webkit-animation-name:pha-line-4;animation-name:pha-line-4}.section-project-hero-animated .app-mock__line--5{-webkit-animation-name:pha-line-5;animation-name:pha-line-5}.section-project-hero-animated .app-mock__line-row{display:flex;align-items:center;gap:6px}.section-project-hero-animated .app-mock__cite{display:flex;flex:none;align-items:center;justify-content:center;width:18px;height:16px;border-radius:4px;background:rgba(58,103,252,.12);font-size:9px;font-weight:700;color:#3a67fc;-webkit-animation:pha-cite 10s infinite;animation:pha-cite 10s infinite}.section-project-hero-animated .app-mock__source{display:flex;flex-direction:column;gap:6px;padding:9px;border:1px solid rgba(103,103,118,.2);border-radius:6px}.section-project-hero-animated .app-mock__source--active{-webkit-animation:pha-source 10s infinite;animation:pha-source 10s infinite}.section-project-hero-animated .app-mock__mark{height:7px;border-radius:4px;background:#dfe2e8}.section-project-hero-animated .app-mock__mark--active{-webkit-animation:pha-mark 10s infinite;animation:pha-mark 10s infinite}@media(prefers-reduced-motion: reduce){.section-project-hero-animated .app-mock *{-webkit-animation:none !important;animation:none !important}.section-project-hero-animated .app-mock .app-mock__status-item--queued,.section-project-hero-animated .app-mock .app-mock__status-item--processing{opacity:0}.section-project-hero-animated .app-mock .app-mock__cite.is-active{background:#3a67fc;color:#fff}.section-project-hero-animated .app-mock .app-mock__source--active{border-color:#3a67fc}.section-project-hero-animated .app-mock .app-mock__mark--active{background:rgba(58,103,252,.45)}}@-webkit-keyframes pha-file-in{0%{opacity:0;-webkit-transform:translateY(-14px);transform:translateY(-14px)}5%,93%{opacity:1;-webkit-transform:none;transform:none}98%,100%{opacity:0}}@keyframes pha-file-in{0%{opacity:0;-webkit-transform:translateY(-14px);transform:translateY(-14px)}5%,93%{opacity:1;-webkit-transform:none;transform:none}98%,100%{opacity:0}}@-webkit-keyframes pha-status-queued{0%,4%{opacity:0}6%,12%{opacity:1}14%,100%{opacity:0}}@keyframes pha-status-queued{0%,4%{opacity:0}6%,12%{opacity:1}14%,100%{opacity:0}}@-webkit-keyframes pha-status-processing{0%,12%{opacity:0}14%,40%{opacity:1}43%,100%{opacity:0}}@keyframes pha-status-processing{0%,12%{opacity:0}14%,40%{opacity:1}43%,100%{opacity:0}}@-webkit-keyframes pha-status-ready{0%,41%{opacity:0}44%,93%{opacity:1}98%,100%{opacity:0}}@keyframes pha-status-ready{0%,41%{opacity:0}44%,93%{opacity:1}98%,100%{opacity:0}}@-webkit-keyframes pha-progress-1{0%,12%{-webkit-transform:scaleX(0);transform:scaleX(0)}40%,93%{-webkit-transform:scaleX(1);transform:scaleX(1)}100%{-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes pha-progress-1{0%,12%{-webkit-transform:scaleX(0);transform:scaleX(0)}40%,93%{-webkit-transform:scaleX(1);transform:scaleX(1)}100%{-webkit-transform:scaleX(0);transform:scaleX(0)}}@-webkit-keyframes pha-progress-2{0%,12%{-webkit-transform:scaleX(0);transform:scaleX(0)}36%,93%{-webkit-transform:scaleX(1);transform:scaleX(1)}100%{-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes pha-progress-2{0%,12%{-webkit-transform:scaleX(0);transform:scaleX(0)}36%,93%{-webkit-transform:scaleX(1);transform:scaleX(1)}100%{-webkit-transform:scaleX(0);transform:scaleX(0)}}@-webkit-keyframes pha-progress-3{0%,12%{-webkit-transform:scaleX(0);transform:scaleX(0)}42%,93%{-webkit-transform:scaleX(1);transform:scaleX(1)}100%{-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes pha-progress-3{0%,12%{-webkit-transform:scaleX(0);transform:scaleX(0)}42%,93%{-webkit-transform:scaleX(1);transform:scaleX(1)}100%{-webkit-transform:scaleX(0);transform:scaleX(0)}}@-webkit-keyframes pha-line-1{0%,46%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}50%,93%{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}98%,100%{opacity:0}}@keyframes pha-line-1{0%,46%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}50%,93%{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}98%,100%{opacity:0}}@-webkit-keyframes pha-line-2{0%,50%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}54%,93%{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}98%,100%{opacity:0}}@keyframes pha-line-2{0%,50%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}54%,93%{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}98%,100%{opacity:0}}@-webkit-keyframes pha-line-3{0%,54%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}58%,93%{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}98%,100%{opacity:0}}@keyframes pha-line-3{0%,54%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}58%,93%{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}98%,100%{opacity:0}}@-webkit-keyframes pha-line-4{0%,58%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}62%,93%{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}98%,100%{opacity:0}}@keyframes pha-line-4{0%,58%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}62%,93%{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}98%,100%{opacity:0}}@-webkit-keyframes pha-line-5{0%,62%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}66%,93%{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}98%,100%{opacity:0}}@keyframes pha-line-5{0%,62%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}66%,93%{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}98%,100%{opacity:0}}@-webkit-keyframes pha-cite{0%,68%{background:rgba(58,103,252,.12);color:#3a67fc}72%,93%{background:#f564a9;color:#fff}100%{background:rgba(58,103,252,.12);color:#3a67fc}}@keyframes pha-cite{0%,68%{background:rgba(58,103,252,.12);color:#3a67fc}72%,93%{background:#f564a9;color:#fff}100%{background:rgba(58,103,252,.12);color:#3a67fc}}@-webkit-keyframes pha-source{0%,70%{border-color:rgba(103,103,118,.2);box-shadow:none}74%,93%{border-color:#f564a9;box-shadow:0 0 0 3px rgba(245,100,169,.18)}100%{border-color:rgba(103,103,118,.2);box-shadow:none}}@keyframes pha-source{0%,70%{border-color:rgba(103,103,118,.2);box-shadow:none}74%,93%{border-color:#f564a9;box-shadow:0 0 0 3px rgba(245,100,169,.18)}100%{border-color:rgba(103,103,118,.2);box-shadow:none}}@-webkit-keyframes pha-mark{0%,72%{background:#dfe2e8}76%,93%{background:rgba(245,100,169,.5)}100%{background:#dfe2e8}}@keyframes pha-mark{0%,72%{background:#dfe2e8}76%,93%{background:rgba(245,100,169,.5)}100%{background:#dfe2e8}}.section.section-project-hero-animated .section-project-hero-animated__tags{margin:28px 0 0}.section.section-project-hero-animated .section-project-hero-animated__lead{margin:28px 0 0}.section.section-project-hero-animated .section-project-hero-animated__facts{margin:64px 0 0}.section.section-project-hero-animated .section-project-hero-animated__facts dd{margin:0}