/* grast-source-hashes:{"assets/css/style.css":"8376cba649849a08ee1b525cdacc88e10db00ad659ac7c985e6a253a4be4e467","style.css":"cab30a58c2c536c8b548d2f2cba3728264106a034aaa0392c7a55f57c57318c5","assets/css/policy.css":"520ac2cb8b83d01b372acbb89623afc79e8865ca661baf2f11d08c541f9457fe","assets/css/ui-polish.css":"e48fc7a9ee4c94a0a2049b6a89aa4008ba736777e117e081ecda6565e8d9e746","inc/cookies/cookie.css":"d42ae355f3300f919e27dbfd1c884d730d1a7e6a9be130c2fcd8d9afcf90fc80","assets/css/performance.css":"31088ac940d30fe4d2874deb0db747d5d23518efba11ee2903a588614a7ea437"} */
@font-face { font-family: "Inter"; src: url("../fonts/Inter/Inter.woff2") format("woff2"), url("../fonts/Inter/Inter.woff") format("woff"); font-display: swap; font-optical-sizing: auto; font-weight: 400; font-style: normal; }@font-face { font-family: "Inter"; font-style: italic; src: url("../fonts/Inter/Inter-Italic.woff2") format("woff2"), url("../fonts/Inter/Inter-Italic.woff") format("woff"); font-display: swap; font-optical-sizing: auto; font-weight: 400; font-style: italic; }.container { padding-left: max(0px, calc(40 / var(--gfs) * 100vw)); padding-right: max(0px, calc(40 / var(--gfs) * 100vw)); max-width: 100%; }@media (max-width: 1919px) { .container { padding-left: max(30px, calc(30 / var(--gfs) * 100vw)); padding-right: max(30px, calc(30 / var(--gfs) * 100vw)); } }@media (max-width: 768px) { .container { max-width: 100%; padding-right: max(15px, calc(15 / var(--gfs) * 100vw)); padding-left: max(15px, calc(15 / var(--gfs) * 100vw)); } }*, *::before, *::after { box-sizing: border-box; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; }html { font-size: calc(16 / var(--gfs) * 100vw); background: var(--white); position: relative; margin: 0 !important; overflow-x: hidden; max-width: 100%; }@media (min-width: 1440px) { html { font-size: 16px; } }.box-section { border-radius: max(70px, calc(70 / var(--gfs) * 100vw)); border: 1px solid var(--stroke); background: linear-gradient(345deg, #141518 66.47%, #1B1D23 99%); padding: max(80px, calc(80 / var(--gfs) * 100vw)); padding-top: max(70px, calc(70 / var(--gfs) * 100vw)); position: relative; z-index: 2; overflow: hidden; }.box-section::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/section/grid.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.04; z-index: -1; pointer-events: none; }@media (max-width: 1919px) { .box-section { padding: max(48px, calc(48 / var(--gfs) * 100vw)); padding-left: max(30px, calc(30 / var(--gfs) * 100vw)); padding-right: max(30px, calc(30 / var(--gfs) * 100vw)); border-radius: max(50px, calc(50 / var(--gfs) * 100vw)); } }::-moz-selection { background-color: rgba(219, 254, 1, 0.1); color: var(--green); }::selection { background-color: rgba(219, 254, 1, 0.1); color: var(--green); }*:hover, *:active, *:focus { outline: none; }input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px transparent inset !important; -webkit-text-fill-color: #ffffff !important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; }.about .word { color: #747474; transition: color 0.3s ease-out; }.about .word--active { color: #fff; }.about strong .word { font-weight: 400; }.lazy:not(.loaded) { background: #f5f5f5; position: relative; }.lazy:not(.loaded)::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); animation: loading 1.5s infinite; }.cases-right { transition: opacity 0.2s ease; opacity: 0; background-color: #f5f5f5; }.cases-right.loaded { opacity: 1; }@keyframes loading { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }:root { --gfs: 1920; --vh: 1vh; --vw: 1vw; --app-height: 100%; font-size: 16px; --base-font-size: 16px; --scale: calc(100vw / var(--gfs)) // Формула масштабирования как на cedroweb3; --stroke: #333; --gray: #1e1f22; --description: #747474; --black: #141518; --green: #DBFE01; --white: #F9F9F9; }section { margin-top: max(80px, calc(80 / var(--gfs) * 100vw)); }@media (max-width: 1919px) { :root { --gfs: 1360; } }@media (max-width: 1250px) { :root { --gfs: 1000; } }@media (max-width: 1000px) { :root { --gfs: 768; } }@media (max-width: 767px) { :root { --gfs: 375; } }body { position: relative; font-weight: 400; margin: 0; max-width: 100%; line-height: 130%; background: linear-gradient(278deg, #141518 0%, #1b1d23 100%); z-index: 1; font-size: max(16px, calc(16 / var(--gfs)* 100vw)); color: var(--white); font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); text-rendering: optimizeSpeed; -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; font-smooth: always; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; }body.no-scroll { overflow: hidden; }a { color: var(--white); }.app { padding-top: max(23px, calc(23 / var(--gfs) * 100vw)); }.lenis.lenis-smooth { scroll-behavior: auto !important; }a { text-decoration: none; }svg { transition: fill 280ms ease; }h1, h2, h3, h4 { padding: 0px; margin: 0px; }ul { padding: 0; margin: 0; text-decoration: none; list-style: none; }p { padding: 0px; margin: 0px; margin-block-start: 0em; margin-block-end: 0em; }button, input { border: none; outline: none; }button:active, button:focus, input:active, input:focus { outline: none; }@keyframes fly { 0% { transform: translateY(0) skewY(1deg); } 50% { transform: translateY(-40px) skewY(-1deg); } 100% { transform: translateY(0) skewY(1deg); } }@keyframes flyrotate { 0% { transform: translateY(0) skewY(2deg) rotate(45deg) scale(0.5); } 50% { transform: translateY(-5px) skewY(-2deg) rotate(45deg) scale(0.5); } 100% { transform: translateY(0) skewY(2deg) rotate(45deg) scale(0.5); } }.policy-page { margin-bottom: 60px; padding-top: 80px; }.policy-page__name { margin-bottom: 40px; }.policy-page__title { margin-bottom: 20px; }.policy-page p { margin-bottom: 15px; font-size: 16px; font-weight: 400; line-height: 23px; }.btn { border: 2px solid rgba(255, 255, 255, 0.4); border-width: max(2px, calc(2 / var(--gfs) * 100vw)); border-radius: 30000px; background: radial-gradient(308.62% 144.11% at 20.61% 11.72%, #0901fe 0%, #f0e 100%); display: flex; align-items: center; justify-content: center; gap: max(7px, calc(7 / var(--gfs) * 100vw)); height: max(64px, calc(64 / var(--gfs) * 100vw)); width: -moz-fit-content; width: fit-content; font-family: var(--font-family); font-weight: 700; font-size: max(14px, calc(14 / var(--gfs) * 100vw)); line-height: 150%; text-transform: uppercase; color: var(--white); text-align: center; cursor: pointer; position: relative; overflow-x: hidden; transition: 0.2s; padding: 0px max(32px, calc(32 / var(--gfs) * 100vw)); transition: background-position 0.2s; background-size: 200% 100%; background-position: 100% 0; box-shadow: 0px 9px 40px 0px rgba(255, 1, 238, 0); background: linear-gradient(157deg, #0901fe 0%, #f0e 100%); box-shadow: 0 max(9px, calc(9 / var(--gfs) * 100vw)) max(40px, calc(40 / var(--gfs) * 100vw)) 0 rgba(255, 1, 238, 0.25); background-size: 200% 200%; animation: hero-gradient-move 7s ease-in-out infinite; transition: background-position 0.3s; }.btn:hover { animation-play-state: paused; box-shadow: 0 max(9px, calc(9 / var(--gfs) * 100vw)) max(40px, calc(40 / var(--gfs) * 100vw)) 0 rgba(255, 1, 238, 0.5); }.btn p { position: relative; text-align: center; line-height: 110%; }.btn.btn-transparent { background: transparent; border-radius: 20000px; border: 2px solid var(--white); box-shadow: none; }.btn.btn-transparent:hover { border-color: var(--green); color: var(--green); }.btn.btn-transparent:hover p::after { background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M1.4 13L0 11.6L9.6 2H1V0H13V12H11V3.4L1.4 13Z' fill='%23DBFE01' /%3E%3C/svg%3E%0A"); }.title { font-family: var(--font-family); font-weight: 500; font-size: max(90px, calc(90 / var(--gfs) * 100vw)); line-height: 100%; text-align: center; color: var(--white); }.title strong { color: var(--green); font-weight: 500; }.subtitle { text-align: center; margin-top: max(32px, calc(32 / var(--gfs) * 100vw)); font-size: max(24px, calc(24 / var(--gfs) * 100vw)); font-weight: 500; line-height: 120%; }@media (max-width: 1919px) { .btn { height: max(62px, calc(62 / var(--gfs) * 100vw)); } .title { font-size: max(72px, calc(72 / var(--gfs) * 100vw)); } .subtitle { font-size: max(18px, calc(18 / var(--gfs) * 100vw)); } }@media (max-width: 1250px) { .title { font-size: max(56px, calc(56 / var(--gfs) * 100vw)); } }@media (max-width: 1000px) { .title { font-size: max(42px, calc(42 / var(--gfs) * 100vw)); } }.frame-top, .frame-bottom { position: fixed; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; left: 0; right: 0; height: 100%; z-index: 3000; border: calc(10 / var(--gfs) * 100vw) solid var(--white); }.frame-top { top: 0; border-bottom-left-radius: max(30px, calc(30 / var(--gfs) * 100vw)); border-bottom-right-radius: max(30px, calc(30 / var(--gfs) * 100vw)); }.frame-top::after { content: ""; position: absolute; display: block; top: calc(-10 / var(--gfs) * 100vw); bottom: calc(-10 / var(--gfs) * 100vw); left: calc(-10 / var(--gfs) * 100vw); right: calc(-10 / var(--gfs) * 100vw); border: calc(10 / var(--gfs) * 100vw) solid var(--white); border-bottom-left-radius: max(30px, calc(30 / var(--gfs) * 100vw)); border-bottom-right-radius: max(30px, calc(30 / var(--gfs) * 100vw)); }.frame-bottom { bottom: 0; border-top-left-radius: max(30px, calc(30 / var(--gfs) * 100vw)); border-top-right-radius: max(30px, calc(30 / var(--gfs) * 100vw)); }.frame-bottom::after { content: ""; position: absolute; display: block; top: calc(-10 / var(--gfs) * 100vw); bottom: calc(-10 / var(--gfs) * 100vw); left: calc(-10 / var(--gfs) * 100vw); right: calc(-10 / var(--gfs) * 100vw); border: calc(10 / var(--gfs) * 100vw) solid var(--white); border-top-left-radius: max(30px, calc(30 / var(--gfs) * 100vw)); border-top-right-radius: max(30px, calc(30 / var(--gfs) * 100vw)); }.wrapper .container { padding-left: 0px; padding-right: 0px; }@media (max-width: 1250px) { html { padding: 0; } .frame-top, .frame-bottom { display: none; } .box-section { padding-left: max(32px, calc(32 / var(--gfs) * 100vw)); padding-right: max(32px, calc(32 / var(--gfs) * 100vw)); border-radius: max(40px, calc(40 / var(--gfs) * 100vw)); } }@media (max-width: 767px) { .title { font-size: max(38px, calc(38 / var(--gfs) * 100vw)); text-align: center; line-height: 94%; } .subtitle { letter-spacing: -0.54px; line-height: 130%; } .subtitle-mobile { display: block; } .subtitle-desktop { display: none; } section { margin-top: max(44px, calc(44 / var(--gfs) * 100vw)); } .box-section { padding-top: max(32px, calc(32 / var(--gfs) * 100vw)); padding-left: max(24px, calc(24 / var(--gfs) * 100vw)); padding-right: max(24px, calc(24 / var(--gfs) * 100vw)); padding-bottom: max(24px, calc(24 / var(--gfs) * 100vw)); } .box-section::before { width: max(687px, calc(687 / var(--gfs) * 100vw)); height: max(687px, calc(687 / var(--gfs) * 100vw)); top: max(-85px, calc(-85 / var(--gfs) * 100vw)); } }@media (max-width: 767px) { html { background: var(--white), linear-gradient(89deg, #141518 0%, #1b1d23 100%); } .wrapper { border: 2px solid var(--stroke); border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); padding-top: max(32px, calc(32 / var(--gfs) * 100vw)); padding-bottom: max(24px, calc(24 / var(--gfs) * 100vw)); padding-left: max(24px, calc(24 / var(--gfs) * 100vw)); padding-right: max(24px, calc(24 / var(--gfs) * 100vw)); background: var(--black), linear-gradient(299deg, #141518 0%, #1b1d23 100%); margin: max(16px, calc(16 / var(--gfs) * 100vw)); margin-top: max(48px, calc(48 / var(--gfs) * 100vw)); } }.compensate-for-scrollbar { margin-right: 0px !important; }@media (max-width: 500px) { .title { font-size: max(25px, calc(25 / var(--gfs) * 100vw)); text-align: center; line-height: 100%; } .subtitle { font-size: max(16px, calc(16 / var(--gfs) * 100vw)); margin-top: max(18px, calc(18 / var(--gfs) * 100vw)) !important; } }#slide-top { position: fixed; bottom: max(50px, calc(50 / var(--gfs) * 100vw)); left: max(50px, calc(50 / var(--gfs) * 100vw)); width: max(50px, calc(50 / var(--gfs) * 100vw)); height: max(50px, calc(50 / var(--gfs) * 100vw)); background: var(--green); border-radius: 50%; z-index: 1000; cursor: pointer; transition: 0.2s; opacity: 0; visibility: hidden; }#slide-top:hover { transform: translateY(-5px); }#slide-top:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: max(15px, calc(15 / var(--gfs) * 100vw)); height: max(15px, calc(15 / var(--gfs) * 100vw)); background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M1.4 13L0 11.6L9.6 2H1V0H13V12H11V3.4L1.4 13Z' fill='%23222' /%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: cover; transform: rotate(-45deg); }@media (max-width: 767px) { #slide-top { bottom: max(20px, calc(20 / var(--gfs) * 100vw)); left: max(20px, calc(20 / var(--gfs) * 100vw)); width: max(40px, calc(40 / var(--gfs) * 100vw)); height: max(40px, calc(40 / var(--gfs) * 100vw)); } #slide-top:before { width: max(10px, calc(10 / var(--gfs) * 100vw)); height: max(10px, calc(10 / var(--gfs) * 100vw)); } }.page-content { max-width: max(800px, calc(800 / var(--gfs) * 100vw)); margin: 0px auto; padding: max(40px, calc(40 / var(--gfs) * 100vw)) 0px; font-size: max(16px, calc(16 / var(--gfs) * 100vw)); line-height: 160%; color: #fff; }.page-content .title { font-size: max(32px, calc(32 / var(--gfs) * 100vw)); margin-bottom: max(20px, calc(20 / var(--gfs) * 100vw)); }.page-content h2 { font-size: max(24px, calc(24 / var(--gfs) * 100vw)); font-weight: 600; margin-bottom: max(20px, calc(20 / var(--gfs) * 100vw)); color: #222; border-bottom: 2px solid #e0e0e0; padding-bottom: max(8px, calc(8 / var(--gfs) * 100vw)); }.page-content p { margin-bottom: max(15px, calc(15 / var(--gfs) * 100vw)); }.page-content .btn { margin-top: max(30px, calc(30 / var(--gfs) * 100vw)); }.page-content .btn p { margin: 0; }.page-content p strong { margin-top: max(15px, calc(15 / var(--gfs) * 100vw)); display: block; font-size: max(18px, calc(18 / var(--gfs) * 100vw)); }.page-content ul { padding-left: max(20px, calc(20 / var(--gfs) * 100vw)); list-style: none; }.page-content ul li { position: relative; padding-left: max(20px, calc(20 / var(--gfs) * 100vw)); margin-bottom: max(10px, calc(10 / var(--gfs) * 100vw)); }.page-content ul li::before { content: "•"; font-size: max(18px, calc(18 / var(--gfs) * 100vw)); color: #fff; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }@media (max-width: 1250px) { .page-content { margin-top: max(90px, calc(90 / var(--gfs) * 100vw)); } }@media (max-width: 1250px) { .page-content { max-width: 100%; padding-right: max(30px, calc(30 / var(--gfs) * 100vw)); padding-left: max(30px, calc(30 / var(--gfs) * 100vw)); } }@media (max-width: 768px) { .page-content { padding: max(20px, calc(20 / var(--gfs) * 100vw)); padding-bottom: max(40px, calc(40 / var(--gfs) * 100vw)); font-size: max(15px, calc(15 / var(--gfs) * 100vw)); } .page-content .title { font-size: max(28px, calc(28 / var(--gfs) * 100vw)); } .page-content h2 { font-size: max(18px, calc(18 / var(--gfs) * 100vw)); } .page-content ul li::before { font-size: max(16px, calc(16 / var(--gfs) * 100vw)); } }@media (max-width: 480px) { .page-content { padding: max(15px, calc(15 / var(--gfs) * 100vw)); padding-bottom: max(40px, calc(40 / var(--gfs) * 100vw)); font-size: max(14px, calc(14 / var(--gfs) * 100vw)); } .page-content h2 { font-size: max(18px, calc(18 / var(--gfs) * 100vw)); } }.header { display: none; }@media (max-width: 1250px) { .page .header__phone { display: flex; } }.header-wrap { display: flex; align-items: center; justify-content: space-between; height: max(64px, calc(64 / var(--gfs) * 100vw)); padding: max(8px, calc(8 / var(--gfs) * 100vw)); border-radius: 30000px; background: var(--green); box-shadow: 0px 10px 35px 0px rgba(219, 254, 1, 0.2); box-shadow: none; }.header__logo { display: flex; align-items: center; justify-content: center; gap: max(16px, calc(16 / var(--gfs) * 100vw)); }.header__logo img { max-width: max(121px, calc(121 / var(--gfs) * 100vw)); height: auto; }.header__logo span { background: var(--black); display: flex; align-items: center; justify-content: center; border-radius: 50%; width: max(48px, calc(48 / var(--gfs) * 100vw)); height: max(48px, calc(48 / var(--gfs) * 100vw)); }.header__navigation { display: flex; align-items: center; gap: max(8px, calc(8 / var(--gfs) * 100vw)); }.header__social { background: var(--black); display: flex; align-items: center; justify-content: center; border-radius: 50%; padding: 0; width: max(48px, calc(48 / var(--gfs) * 100vw)); height: max(48px, calc(48 / var(--gfs) * 100vw)); }.header__social i { width: max(22px, calc(22 / var(--gfs) * 100vw)); height: max(22px, calc(22 / var(--gfs) * 100vw)); background-position: center; background-size: cover; background-size: max(22px, calc(22 / var(--gfs) * 100vw)); }.header__social[data-social=phone] i { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1744_3507' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='32'%3E%3Crect width='32' height='32' fill='%23D9D9D9' /%3E%3C/mask%3E%3Cg mask='url(%23mask0_1744_3507)'%3E%3Cpath d='M26.6 28C23.8222 28 21.0778 27.3944 18.3667 26.1833C15.6556 24.9722 13.1889 23.2556 10.9667 21.0333C8.74444 18.8111 7.02778 16.3444 5.81667 13.6333C4.60556 10.9222 4 8.17778 4 5.4C4 5 4.13333 4.66667 4.4 4.4C4.66667 4.13333 5 4 5.4 4H10.8C11.1111 4 11.3889 4.10556 11.6333 4.31667C11.8778 4.52778 12.0222 4.77778 12.0667 5.06667L12.9333 9.73333C12.9778 10.0889 12.9667 10.3889 12.9 10.6333C12.8333 10.8778 12.7111 11.0889 12.5333 11.2667L9.3 14.5333C9.74444 15.3556 10.2722 16.15 10.8833 16.9167C11.4944 17.6833 12.1667 18.4222 12.9 19.1333C13.5889 19.8222 14.3111 20.4611 15.0667 21.05C15.8222 21.6389 16.6222 22.1778 17.4667 22.6667L20.6 19.5333C20.8 19.3333 21.0611 19.1833 21.3833 19.0833C21.7056 18.9833 22.0222 18.9556 22.3333 19L26.9333 19.9333C27.2444 20.0222 27.5 20.1833 27.7 20.4167C27.9 20.65 28 20.9111 28 21.2V26.6C28 27 27.8667 27.3333 27.6 27.6C27.3333 27.8667 27 28 26.6 28ZM8.03333 12L10.2333 9.8L9.66667 6.66667H6.7C6.81111 7.57778 6.96667 8.47778 7.16667 9.36667C7.36667 10.2556 7.65556 11.1333 8.03333 12ZM19.9667 23.9333C20.8333 24.3111 21.7167 24.6111 22.6167 24.8333C23.5167 25.0556 24.4222 25.2 25.3333 25.2667V22.3333L22.2 21.7L19.9667 23.9333Z' fill='%23DBFE01' /%3E%3C/g%3E%3C/svg%3E"); }@media (max-width: 1250px) { .header { display: block; position: fixed; width: 100%; z-index: 300; } }.page .hero-top.fixed { position: relative; left: 0; right: 0; top: 0; width: 100%; }.page .header { display: block; width: 100%; z-index: 300; display: none; }.page .header-wrap { display: flex; align-items: center; justify-content: space-between; padding: max(8px, calc(8 / var(--gfs) * 100vw)); border-radius: 30000px; border: 2px solid var(--stroke); background: var(--black); }.page .header__logo { border-radius: 30000px; border: 2px solid var(--stroke); background: var(--black); display: flex; align-items: center; justify-content: center; gap: max(16px, calc(16 / var(--gfs) * 100vw)); padding: max(8px, calc(8 / var(--gfs) * 100vw)); padding-right: max(24px, calc(24 / var(--gfs) * 100vw)); border: none; padding: 0; }.page .header__logo img { max-width: max(180px, calc(180 / var(--gfs) * 100vw)); height: auto; width: 100%; }.page .header__logo span { border-radius: 230000px; background: #1E1F22; display: flex; align-items: center; justify-content: center; border-radius: 50%; width: max(48px, calc(48 / var(--gfs) * 100vw)); height: max(48px, calc(48 / var(--gfs) * 100vw)); min-width: max(48px, calc(48 / var(--gfs) * 100vw)); }.page .header__logo span img { width: max(28px, calc(28 / var(--gfs) * 100vw)); }.page .header__navigation { display: flex; align-items: center; gap: max(8px, calc(8 / var(--gfs) * 100vw)); }.page .header__social { background: var(--black); display: flex; align-items: center; justify-content: center; border-radius: 50%; padding: 0; width: max(48px, calc(48 / var(--gfs) * 100vw)); height: max(48px, calc(48 / var(--gfs) * 100vw)); }.page .header__social i { width: max(22px, calc(22 / var(--gfs) * 100vw)); height: max(22px, calc(22 / var(--gfs) * 100vw)); background-position: center; background-size: cover; background-size: max(22px, calc(22 / var(--gfs) * 100vw)); }.page .header__social[data-social=phone] i { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1744_3507' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='32'%3E%3Crect width='32' height='32' fill='%23D9D9D9' /%3E%3C/mask%3E%3Cg mask='url(%23mask0_1744_3507)'%3E%3Cpath d='M26.6 28C23.8222 28 21.0778 27.3944 18.3667 26.1833C15.6556 24.9722 13.1889 23.2556 10.9667 21.0333C8.74444 18.8111 7.02778 16.3444 5.81667 13.6333C4.60556 10.9222 4 8.17778 4 5.4C4 5 4.13333 4.66667 4.4 4.4C4.66667 4.13333 5 4 5.4 4H10.8C11.1111 4 11.3889 4.10556 11.6333 4.31667C11.8778 4.52778 12.0222 4.77778 12.0667 5.06667L12.9333 9.73333C12.9778 10.0889 12.9667 10.3889 12.9 10.6333C12.8333 10.8778 12.7111 11.0889 12.5333 11.2667L9.3 14.5333C9.74444 15.3556 10.2722 16.15 10.8833 16.9167C11.4944 17.6833 12.1667 18.4222 12.9 19.1333C13.5889 19.8222 14.3111 20.4611 15.0667 21.05C15.8222 21.6389 16.6222 22.1778 17.4667 22.6667L20.6 19.5333C20.8 19.3333 21.0611 19.1833 21.3833 19.0833C21.7056 18.9833 22.0222 18.9556 22.3333 19L26.9333 19.9333C27.2444 20.0222 27.5 20.1833 27.7 20.4167C27.9 20.65 28 20.9111 28 21.2V26.6C28 27 27.8667 27.3333 27.6 27.6C27.3333 27.8667 27 28 26.6 28ZM8.03333 12L10.2333 9.8L9.66667 6.66667H6.7C6.81111 7.57778 6.96667 8.47778 7.16667 9.36667C7.36667 10.2556 7.65556 11.1333 8.03333 12ZM19.9667 23.9333C20.8333 24.3111 21.7167 24.6111 22.6167 24.8333C23.5167 25.0556 24.4222 25.2 25.3333 25.2667V22.3333L22.2 21.7L19.9667 23.9333Z' fill='%23DBFE01' /%3E%3C/g%3E%3C/svg%3E"); }.page .header__social .btn-arrow { background: var(--green); color: var(--black); }.page .header__social .btn-arrow:hover { box-shadow: 0px 10px 35px 0px rgba(219, 254, 1, 0.2); }.page .header__social .btn-arrow p::after { background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M1.4 13L0 11.6L9.6 2H1V0H13V12H11V3.4L1.4 13Z' fill='%23222' /%3E%3C/svg%3E%0A"); }@media (max-width: 1250px) { .page .header { display: block; } .header__social i { width: max(22px, calc(22 / var(--gfs) * 100vw)); height: max(22px, calc(22 / var(--gfs) * 100vw)); background-size: max(22px, calc(22 / var(--gfs) * 100vw)); } }@media (max-width: 1250px) { .page .header-wrap { display: flex; align-items: center; justify-content: space-between; height: max(64px, calc(64 / var(--gfs) * 100vw)); padding: max(8px, calc(8 / var(--gfs) * 100vw)); border-radius: 30000px; box-shadow: none; } .page .header__navigation .btn:not(.btn-arrow) { width: max(48px, calc(48 / var(--gfs) * 100vw)); height: max(48px, calc(48 / var(--gfs) * 100vw)); padding: 0; } .page .header__navigation .btn:not(.btn-arrow) img { display: block; } .page .header__navigation .btn:not(.btn-arrow) span { display: none; } .page .header__navigation .btn-arrow { display: none; } .page .header__logo { padding: 0; border: none; display: flex; align-items: center; justify-content: center; gap: max(16px, calc(16 / var(--gfs) * 100vw)); } .page .header__logo img { max-width: max(121px, calc(121 / var(--gfs) * 100vw)); height: auto; } .page .header__logo span { background: var(--stroke); display: flex; align-items: center; justify-content: center; border-radius: 50%; width: max(48px, calc(48 / var(--gfs) * 100vw)); height: max(48px, calc(48 / var(--gfs) * 100vw)); } .page .header__logo span img { max-width: max(25px, calc(25 / var(--gfs) * 100vw)); width: max(25px, calc(25 / var(--gfs) * 100vw)); } }.footer { text-align: center; padding-bottom: max(40px, calc(40 / var(--gfs) * 100vw)); margin-top: max(40px, calc(40 / var(--gfs) * 100vw)); }.footer__email { font-family: var(--font-family); font-weight: 500; font-size: max(130px, calc(130 / var(--gfs) * 100vw)); line-height: 110%; letter-spacing: -0.03em; color: var(--green); text-align: center; margin-bottom: max(47px, calc(47 / var(--gfs) * 100vw)); display: block; }.footer-wrap { display: flex; align-items: center; gap: max(24px, calc(24 / var(--gfs) * 100vw)); justify-content: center; }.footer-wrap a, .footer-wrap div { font-family: var(--font-family); font-weight: 400; font-size: max(16px, calc(16 / var(--gfs) * 100vw)); line-height: 150%; letter-spacing: -0.03em; color: var(--description); }.footer__license br { display: none; }.footer-bottom { margin-top: max(20px, calc(20 / var(--gfs) * 100vw)); font-size: max(14px, calc(14 / var(--gfs) * 100vw)); max-width: max(400px, calc(400 / var(--gfs) * 100vw)); margin-left: auto; margin-right: auto; color: var(--description); }@media (max-width: 1919px) { .footer { margin-top: max(80px, calc(80 / var(--gfs) * 100vw)); } .footer__email { font-size: max(80px, calc(80 / var(--gfs) * 100vw)); margin-bottom: max(18px, calc(18 / var(--gfs) * 100vw)); } }@media (max-width: 1000px) and (min-width: 768px) { .footer__email { font-size: max(60px, calc(60 / var(--gfs) * 100vw)); } .footer-wrap { flex-direction: column; } }@media (max-width: 767px) { .footer { padding-bottom: 0px; margin-top: max(40px, calc(40 / var(--gfs) * 100vw)); } .footer__email { font-size: max(24px, calc(24 / var(--gfs) * 100vw)); } .footer-wrap { flex-direction: column; gap: max(16px, calc(16 / var(--gfs) * 100vw)); } .footer-wrap a, .footer-wrap div { font-size: max(14px, calc(14 / var(--gfs) * 100vw)); text-align: center; } .footer-wrap a br, .footer-wrap div br { display: block; } }.input-file { position: relative; display: inline-block; margin-top: max(32px, calc(32 / var(--gfs) * 100vw)); cursor: pointer; padding-bottom: max(35px, calc(35 / var(--gfs) * 100vw)); width: 100%; display: flex; align-items: center; }.input-file-btn { font-family: var(--font-family); font-weight: 500; font-size: max(16px, calc(16 / var(--gfs) * 100vw)); line-height: 100%; letter-spacing: -0.03em; color: var(--white); outline: none; -webkit-tap-highlight-color: transparent; min-height: max(21px, calc(21 / var(--gfs) * 100vw)); }.input-file-btn:focus, .input-file-btn:hover, .input-file-btn:active { outline: none; box-shadow: none; -webkit-tap-highlight-color: transparent; }.form__btn-delete { width: max(32px, calc(32 / var(--gfs) * 100vw)); height: max(32px, calc(32 / var(--gfs) * 100vw)); border-radius: 50%; box-shadow: 0 8px 28px 0 rgba(219, 254, 1, 0.25); background: var(--green); display: flex; align-items: center; justify-content: center; outline: none; -webkit-tap-highlight-color: transparent; }.form__btn-file img { width: max(16px, calc(16 / var(--gfs) * 100vw)); height: max16, calc(16 / var(--gfs) * 100vw)); }.input-file-text { padding-right: max(10px, calc(10 / var(--gfs) * 100vw)); color: #fff; display: inline-block; }.input-file-text.failed-file { color: #ff6961; }.input-file input[type=file] { position: absolute; z-index: -1; opacity: 0; display: block; width: 0; height: 0; }.input-file img { width: max(16px, calc(16 / var(--gfs) * 100vw)); height: max16, calc(16 / var(--gfs) * 100vw)); }.input-file input[type=file]:focus + .input-file-btn { box-shadow: none; outline: none; }.input-file * { -webkit-tap-highlight-color: transparent; }.input-file input[type=file]:disabled + .input-file-btn { background-color: #eee; }@media (max-width: 1919px) { .input-file-btn { font-size: max(24px, calc(24 / var(--gfs) * 100vw)); } .input-file { padding-bottom: max(35px, calc(35 / var(--gfs) * 100vw)); } }@media (max-width: 767px) { .input-file-btn { font-size: max(18px, calc(18 / var(--gfs) * 100vw)); } .input-file { padding-bottom: max(24px, calc(24 / var(--gfs) * 100vw)); } }.modal-content { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; justify-content: center; align-items: center; z-index: 1000; opacity: 0; transition: opacity 0.3s ease; }.modal-content.active { display: flex; opacity: 1; }.modal-content__content { position: relative; width: 100%; max-width: max(1200px, calc(1200 / var(--gfs) * 100vw)); height: 100%; max-height: max(80vh, calc(80 / var(--gfs) * 100vw)); background: var(--black); border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); overflow: visible; transform: scale(0.9); transition: transform 0.3s ease; }.modal-content.active .modal-content__content { transform: scale(1); }.modal-content__close { position: absolute; top: -15px; right: -15px; width: max(30px, calc(30 / var(--gfs) * 100vw)); height: max(30px, calc(30 / var(--gfs) * 100vw)); background: #fff; border-radius: 50%; border: none; cursor: pointer; z-index: 1001; padding: 0; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }.modal-content__close::before, .modal-content__close::after { content: ""; position: absolute; width: 15px; height: 2px; background: #000; transform-origin: center; }.modal-content__close::before { transform: rotate(45deg); }.modal-content__close::after { transform: rotate(-45deg); }.modal-content__video { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }.modal-content__video video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); }.modal-content__video video::-webkit-media-controls-panel { display: flex !important; opacity: 1 !important; }.modal-content__video video::-webkit-media-controls { display: flex !important; opacity: 1 !important; }.modal-content__video video::-webkit-media-controls-enclosure { display: flex !important; opacity: 1 !important; }.modal-content__video video::-webkit-media-controls-play-button, .modal-content__video video::-webkit-media-controls-pause-button { display: flex !important; opacity: 1 !important; }.modal-content__video video::-webkit-media-controls-timeline, .modal-content__video video::-webkit-media-controls-current-time-display, .modal-content__video video::-webkit-media-controls-time-remaining-display, .modal-content__video video::-webkit-media-controls-mute-button, .modal-content__video video::-webkit-media-controls-volume-slider, .modal-content__video video::-webkit-media-controls-fullscreen-button, .modal-content__video video::-webkit-media-controls-overlay-play-button, .modal-content__video video::-webkit-media-controls-overlay-enclosure { display: none !important; }.modal-content__loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.5); z-index: 1; }.modal-content__loader img { width: 50px; height: 50px; animation: float 2s ease-in-out infinite; }@media (max-width: 767px) { .modal-content__content { max-width: 100%; max-height: 56.25vw; height: 56.25vw; border-radius: max(20px, calc(20 / var(--gfs) * 100vw)); margin: 0 20px; } .modal-content__video video { -o-object-fit: contain; object-fit: contain; border-radius: max(20px, calc(20 / var(--gfs) * 100vw)); } .modal-content__close { width: max(20px, calc(20 / var(--gfs) * 100vw)); height: max(20px, calc(20 / var(--gfs) * 100vw)); top: max(-10px, calc(-10 / var(--gfs) * 100vw)); right: max(-10px, calc(-10 / var(--gfs) * 100vw)); } .modal-content__loader img { width: max(20px, calc(20 / var(--gfs) * 100vw)); height: max(20px, calc(20 / var(--gfs) * 100vw)); } }.hero { z-index: 20; position: relative; }.hero-top { display: flex; align-items: center; gap: max(16px, calc(16 / var(--gfs) * 100vw)); justify-content: space-between; }.hero-top.fixed { position: fixed; top: max(20px, calc(20 / var(--gfs) * 100vw)); left: max(30px, calc(30 / var(--gfs) * 100vw)); right: max(30px, calc(30 / var(--gfs) * 100vw)); z-index: 2000; transition: 0.3s; -webkit-backdrop-filter: blur(17px); backdrop-filter: blur(17px); background: rgba(51, 51, 51, 0.3); padding: max(10px, calc(10 / var(--gfs) * 100vw)); border-radius: max(3000px, calc(3000 / var(--gfs) * 100vw)); }.hero-top.fixed .hero__qr { top: max(28px, calc(28 / var(--gfs) * 100vw)); padding: max(18px, calc(18 / var(--gfs) * 100vw)); padding-top: max(6px, calc(6 / var(--gfs) * 100vw)); }.hero-top.fixed .hero__qr p { font-size: max(10px, calc(10 / var(--gfs) * 100vw)); margin-top: max(8px, calc(8 / var(--gfs) * 100vw)); }.hero-top.fixed .hero-top-right { gap: max(12px, calc(12 / var(--gfs) * 100vw)); }.hero-top.fixed .hero-top-left { gap: max(12px, calc(12 / var(--gfs) * 100vw)); }.hero-top.fixed .hero__logo { align-items: center; padding: 0px; background: transparent; border: none; gap: max(6px, calc(6 / var(--gfs) * 100vw)); }.hero-top.fixed .hero__logo p { height: max(54px, calc(54 / var(--gfs) * 100vw)); font-size: max(12px, calc(12 / var(--gfs) * 100vw)); }.hero-top.fixed .hero__logo span { width: max(54px, calc(54 / var(--gfs) * 100vw)); height: max(54px, calc(54 / var(--gfs) * 100vw)); }.hero-top.fixed .hero__contact { font-size: max(14px, calc(14 / var(--gfs) * 100vw)); height: max(52px, calc(52 / var(--gfs) * 100vw)); }.hero-top.fixed .hero__logo span img { width: max(22px, calc(22 / var(--gfs) * 100vw)); }.hero-top.fixed .hero__social { height: max(52px, calc(52 / var(--gfs) * 100vw)); width: max(52px, calc(52 / var(--gfs) * 100vw)); padding: 0px; }.hero-top.fixed .hero__social i { min-width: max(22px, calc(22 / var(--gfs) * 100vw)); height: max(22px, calc(22 / var(--gfs) * 100vw)); width: max(22px, calc(22 / var(--gfs) * 100vw)); }.hero-top-left { display: flex; align-items: center; gap: max(24px, calc(24 / var(--gfs) * 100vw)); }.hero-top-right { display: flex; align-items: center; gap: max(24px, calc(24 / var(--gfs) * 100vw)); }.hero-wrap { padding-top: max(40px, calc(40 / var(--gfs) * 100vw)); padding-left: max(80px, calc(80 / var(--gfs) * 100vw)); padding-right: max(40px, calc(40 / var(--gfs) * 100vw)); padding-bottom: max(80px, calc(80 / var(--gfs) * 100vw)); }.hero-block { display: flex; justify-content: space-between; align-items: center; margin-top: max(70px, calc(70 / var(--gfs) * 100vw)); }.hero__logo { display: flex; border-radius: max(30000px, calc(30000 / var(--gfs) * 100vw)); border: 2px solid #333; background: var(--green); max-width: max(264px, calc(264 / var(--gfs) * 100vw)); padding: max(7px, calc(7 / var(--gfs) * 100vw)); gap: max(11px, calc(11 / var(--gfs) * 100vw)); }.hero__logo:hover { box-shadow: 0 max(10px, calc(10 / var(--gfs) * 100vw)) max(35px, calc(35 / var(--gfs) * 100vw)) 0 rgba(219, 254, 1, 0.2); }.hero__logo span { display: flex; align-items: center; justify-content: center; width: max(64px, calc(64 / var(--gfs) * 100vw)); height: max(64px, calc(64 / var(--gfs) * 100vw)); background: var(--black); border-radius: 50%; }.hero__logo span img { width: max(38px, calc(38 / var(--gfs) * 100vw)); }.hero__logo p { width: max(173px, calc(173 / var(--gfs) * 100vw)); height: max(64px, calc(64 / var(--gfs) * 100vw)); border-radius: 30000px; background: var(--BG-Gradient, linear-gradient(345deg, #141518 66.47%, #1B1D23 99%)); display: flex; align-items: center; justify-content: center; font-size: max(14px, calc(14 / var(--gfs) * 100vw)); font-weight: 700; line-height: 150%; letter-spacing: -0.56px; text-transform: uppercase; }.hero__contact { gap: max(10px, calc(10 / var(--gfs) * 100vw)); border-radius: max(30000px, calc(30000 / var(--gfs) * 100vw)); border: 2px solid var(--Stroke, #333); border-width: max(2px, calc(2 / var(--gfs) * 100vw)); font-weight: 500; height: max(80px, calc(80 / var(--gfs) * 100vw)); line-height: 150%; box-shadow: none; background: var(--black); letter-spacing: -0.72px; color: var(--white); font-size: max(18px, calc(18 / var(--gfs) * 100vw)); font-weight: 500; line-height: 150%; text-transform: initial; padding: 0px max(24px, calc(24 / var(--gfs) * 100vw)); letter-spacing: -0.64px; width: -moz-fit-content; width: fit-content; overflow: hidden; }.hero__contact.active { height: auto; flex-direction: column; border-radius: max(30px, calc(30 / var(--gfs) * 100vw)) max(30px, calc(30 / var(--gfs) * 100vw)) 0 0; overflow: visible; padding-bottom: max(24px, calc(24 / var(--gfs) * 100vw)); padding-top: max(24px, calc(24 / var(--gfs) * 100vw)); position: relative; }.hero__contact.active .hero__qr { visibility: visible; opacity: 1; }.hero__contact .hero__qr { display: block; position: absolute; padding: max(24px, calc(24 / var(--gfs) * 100vw)); border: max(2px, calc(2 / var(--gfs) * 100vw)) solid var(--stroke); border-radius: 0 0 max(30px, calc(30 / var(--gfs) * 100vw)) max(30px, calc(30 / var(--gfs) * 100vw)); background: var(--black); border-top: 0px; padding-top: 0px; margin-top: max(16px, calc(16 / var(--gfs) * 100vw)); width: calc(100% + max(4px, calc(4 / var(--gfs) * 100vw))); z-index: 10; top: max(55px, calc(55 / var(--gfs) * 100vw)); visibility: hidden; opacity: 0; transition: 0.2s; }.hero__contact .hero__qr img { max-width: 100%; }.hero__contact .hero__qr p { margin-top: max(16px, calc(16 / var(--gfs) * 100vw)); text-transform: uppercase; font-size: max(12px, calc(12 / var(--gfs) * 100vw)); line-height: 150%; font-weight: 700; }.hero__social { display: flex; align-items: center; justify-content: center; width: max(80px, calc(80 / var(--gfs) * 100vw)); height: max(80px, calc(80 / var(--gfs) * 100vw)); background: var(--black); border-radius: 50%; border: 2px solid var(--stroke); border-width: max(2px, calc(2 / var(--gfs) * 100vw)); box-shadow: none; }.hero__social i { width: max(32px, calc(32 / var(--gfs) * 100vw)); min-width: max(32px, calc(32 / var(--gfs) * 100vw)); height: max(32px, calc(32 / var(--gfs) * 100vw)); background-position: center; background-size: cover; }.hero__title { font-size: max(65px, calc(65 / var(--gfs) * 100vw)); font-weight: 500; line-height: 100%; text-align: left; }.hero__title strong { font-weight: 500; }.hero__subtitle { color: var(--white); font-size: max(24px, calc(24 / var(--gfs) * 100vw)); font-weight: 500; line-height: 160%; letter-spacing: -0.72px; text-align: left; max-width: max(900px, calc(900 / var(--gfs) * 100vw)); margin-top: max(29px, calc(29 / var(--gfs) * 100vw)); }.hero__button { margin-top: max(33px, calc(33 / var(--gfs) * 100vw)); }.hero-left { margin-top: max(40px, calc(40 / var(--gfs) * 100vw)); }.hero-left .hero-video { display: none; }.hero-video { width: max(770px, calc(770 / var(--gfs) * 100vw)); height: max(450px, calc(450 / var(--gfs) * 100vw)); border-radius: max(70px, calc(70 / var(--gfs) * 100vw)); background: var(--black); overflow: hidden; position: relative; }.hero-video-zoom { position: absolute; top: max(50px, calc(50 / var(--gfs) * 100vw)); left: max(50px, calc(50 / var(--gfs) * 100vw)); width: max(40px, calc(40 / var(--gfs) * 100vw)); height: max(40px, calc(40 / var(--gfs) * 100vw)); display: flex; align-items: center; justify-content: center; background: var(--green); border-radius: 50%; cursor: pointer; z-index: 30; transition: 0.2s; opacity: 0; animation: pulse 1.5s infinite; display: none; }.hero-video-zoom.active { opacity: 1; }.hero-video-zoom:hover { opacity: 0.8; }.hero-video-zoom img { width: max(18px, calc(18 / var(--gfs) * 100vw)); transition: 0.2s; }.hero-video-loader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; animation: float 3s infinite ease-in-out; }.hero-video-loader.active { opacity: 0; display: block; }.hero-video-loader img { width: max(80px, calc(80 / var(--gfs) * 100vw)); height: max(80px, calc(80 / var(--gfs) * 100vw)); }.hero-video video { position: absolute; top: 0; border-radius: max(70px, calc(70 / var(--gfs) * 100vw)); left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }@media (max-width: 1919px) { .hero-wrap { padding: max(40px, calc(40 / var(--gfs) * 100vw)); padding-top: max(48px, calc(48 / var(--gfs) * 100vw)); padding-bottom: max(48px, calc(48 / var(--gfs) * 100vw)); } .hero__logo { max-width: max(264px, calc(264 / var(--gfs) * 100vw)); } .hero__logo span { width: max(48px, calc(48 / var(--gfs) * 100vw)); height: max(48px, calc(48 / var(--gfs) * 100vw)); } .hero__logo p { width: max(173px, calc(173 / var(--gfs) * 100vw)); height: max(48px, calc(48 / var(--gfs) * 100vw)); } .hero__email { height: max(64px, calc(64 / var(--gfs) * 100vw)); width: max(203px, calc(203 / var(--gfs) * 100vw)); } .hero__phone { width: max(64px, calc(64 / var(--gfs) * 100vw)); height: max(64px, calc(64 / var(--gfs) * 100vw)); } .hero__phone img { width: max(18px, calc(18 / var(--gfs) * 100vw)); } .hero__title { font-size: max(50px, calc(50 / var(--gfs) * 100vw)); margin-top: max(60px, calc(60 / var(--gfs) * 100vw)); } .hero__subtitle { font-size: max(18px, calc(18 / var(--gfs) * 100vw)); margin-top: max(20px, calc(20 / var(--gfs) * 100vw)); } .hero__button { margin-top: max(26px, calc(26 / var(--gfs) * 100vw)); } .hero-left { margin-top: 0px; } .hero-video { width: max(470px, calc(470 / var(--gfs) * 100vw)); height: max(404px, calc(404 / var(--gfs) * 100vw)); } }@media (max-width: 1400px) { .hero__title { font-size: max(48px, calc(48 / var(--gfs) * 100vw)); } }@media (max-width: 1320px) { .hero-video { width: max(500px, calc(500 / var(--gfs) * 100vw)); height: max(500px, calc(500 / var(--gfs) * 100vw)); } }@media (max-width: 1250px) { .hero { padding: 0px; padding-top: max(100px, calc(100 / var(--gfs) * 100vw)); } .hero-top { display: none; } .hero-left { text-align: center; width: 100%; } .hero-left .hero-video { display: block; margin-top: max(24px, calc(24 / var(--gfs) * 100vw)); border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); width: 100%; padding-top: 58%; height: auto; } .hero-left .hero-video video { border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); } .hero-right .hero-video { display: none; } .hero-wrap { align-items: center; justify-content: center; } .hero__title { font-size: max(48px, calc(48 / var(--gfs) * 100vw)); text-align: center; margin-top: 0px; } .hero__subtitle { text-align: center; } .hero__subtitle.subtitle-desktop { display: none; } .hero__subtitle.subtitle-mobile { display: block; } .hero__button { margin-left: auto; margin-right: auto; } .hero-block { margin-top: 0px; } }@media (max-width: 767px) { .hero { padding-top: max(91px, calc(91 / var(--gfs) * 100vw)); } .hero-wrap { padding: max(24px, calc(24 / var(--gfs) * 100vw)); padding-top: max(25px, calc(25 / var(--gfs) * 100vw)); padding-bottom: max(22px, calc(22 / var(--gfs) * 100vw)); margin-top: 0px; } .hero-left { text-align: center; width: 100%; } .hero-left .hero-video { display: block; margin-top: max(30px, calc(30 / var(--gfs) * 100vw)); padding-top: calc(100vw * 9 / 18); } .hero__title { font-size: max(22px, calc(22 / var(--gfs) * 100vw)); letter-spacing: -1.2px; line-height: 110%; } .hero__subtitle { margin-top: max(10px, calc(10 / var(--gfs) * 100vw)); font-size: max(14px, calc(14 / var(--gfs) * 100vw)); line-height: 140%; } .hero__button { margin-top: max(23px, calc(23 / var(--gfs) * 100vw)); width: 100%; } .hero-video-loader img { width: max(30px, calc(30 / var(--gfs) * 100vw)); height: max(30px, calc(30 / var(--gfs) * 100vw)); } .hero-video-zoom { left: max(15px, calc(15 / var(--gfs) * 100vw)); top: max(15px, calc(15 / var(--gfs) * 100vw)); display: none; } .hero-video-zoom.active { display: none !important; } .hero-video-zoom img { width: max(16px, calc(16 / var(--gfs) * 100vw)); height: max(16px, calc(16 / var(--gfs) * 100vw)); } }@media (max-width: 500px) { .hero__title { font-size: max(25px, calc(25 / var(--gfs) * 100vw)); } }@keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }@keyframes float { 0% { transform: translateY(0); } 50% { transform: translateY(-5px); } 100% { transform: translateY(0); } }@keyframes hero-gradient-move { 0% { background-position: 0% 50%; } 20% { background-position: 100% 50%; } 40% { background-position: 100% 100%; } 60% { background-position: 0% 100%; } 80% { background-position: 0% 0%; } 100% { background-position: 0% 50%; } }.profit-block { display: flex; gap: max(20px, calc(20 / var(--gfs) * 100vw)); margin-top: max(62px, calc(62 / var(--gfs) * 100vw)); }.profit__item { padding: max(24px, calc(24 / var(--gfs) * 100vw)); padding-top: max(16px, calc(16 / var(--gfs) * 100vw)); flex-shrink: 0; border-radius: max(40px, calc(40 / var(--gfs) * 100vw)); border: 2px solid var(--stroke); background: var(--black); width: 100%; flex-basis: calc(33.33333% - 10px); background: #1C1E23; }.profit__image { display: flex; align-items: center; justify-content: center; height: max(381px, calc(381 / var(--gfs) * 100vw)); width: calc(100% + max(16px, calc(16 / var(--gfs) * 100vw))); border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); margin-left: max(-8px, calc(-8 / var(--gfs) * 100vw)); margin-right: max(-8px, calc(-8 / var(--gfs) * 100vw)); border: 2px solid var(--stroke); position: relative; text-align: center; overflow: hidden; }.profit__image video { position: absolute; border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }.profit__label { margin-top: max(22px, calc(22 / var(--gfs) * 100vw)); font-size: max(48px, calc(48 / var(--gfs) * 100vw)); font-weight: 500; letter-spacing: -1.44px; line-height: 100%; }.profit__label strong { color: var(--green); font-weight: 500; }.profit__description { font-size: max(18px, calc(18 / var(--gfs) * 100vw)); font-weight: 400; line-height: 150%; letter-spacing: -0.54px; margin-top: max(14px, calc(14 / var(--gfs) * 100vw)); color: var(--description); }.profit__description br { display: none; }@media (max-width: 1919px) { .profit__subtitle { margin-top: max(18px, calc(18 / var(--gfs) * 100vw)); } .profit-block { margin-top: max(32px, calc(32 / var(--gfs) * 100vw)); } .profit__label { margin-top: max(20px, calc(20 / var(--gfs) * 100vw)); font-size: max(32px, calc(32 / var(--gfs) * 100vw)); } .profit__image { height: max(260px, calc(260 / var(--gfs) * 100vw)); } .profit__image img { max-width: max(220px, calc(220 / var(--gfs) * 100vw)); } .profit__description { line-height: 160%; font-size: max(16px, calc(16 / var(--gfs) * 100vw)); } }@media (max-width: 1250px) { .profit__label { font-size: max(24px, calc(24 / var(--gfs) * 100vw)); } .profit__description { max-width: max(259px, calc(259 / var(--gfs) * 100vw)); } .profit__image { height: max(220px, calc(220 / var(--gfs) * 100vw)); } }@media (max-width: 1000px) { .profit-block { flex-direction: column; } .profit__item { display: flex; align-items: center; gap: max(24px, calc(24 / var(--gfs) * 100vw)); padding: max(16px, calc(16 / var(--gfs) * 100vw)); border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); } .profit__image { width: max(160px, calc(160 / var(--gfs) * 100vw)); height: max(160px, calc(160 / var(--gfs) * 100vw)); min-width: max(160px, calc(160 / var(--gfs) * 100vw)); margin: 0; } .profit__image img { max-width: max(100px, calc(100 / var(--gfs) * 100vw)); } .profit__label { margin-top: 0px; font-size: max(30px, calc(30 / var(--gfs) * 100vw)); } .profit__label br { display: none; } .profit__description { max-width: 100%; } .profit__description br { display: block; } }@media (max-width: 767px) { .profit__subtitle { margin-top: max(16px, calc(16 / var(--gfs) * 100vw)); } .profit-block { margin-top: max(24px, calc(24 / var(--gfs) * 100vw)); } .profit__item { flex-direction: column; gap: max(20px, calc(20 / var(--gfs) * 100vw)); } .profit__image { width: 100%; height: max(243px, calc(243 / var(--gfs) * 100vw)); border-radius: max(20px, calc(20 / var(--gfs) * 100vw)); } .profit__image video { border-radius: max(20px, calc(20 / var(--gfs) * 100vw)); } .profit__label { margin-top: 0px; font-size: max(24px, calc(24 / var(--gfs) * 100vw)); } .profit__description { margin-top: max(12px, calc(12 / var(--gfs) * 100vw)); line-height: 150%; font-size: max(16px, calc(16 / var(--gfs) * 100vw)); } }.projects { margin-top: max(80px, calc(80 / var(--gfs) * 100vw)); }.projects__subtitle { margin-top: max(48px, calc(48 / var(--gfs) * 100vw)); }.projects-block { display: flex; flex-wrap: wrap; gap: max(20px, calc(20 / var(--gfs) * 100vw)); margin-top: max(62px, calc(62 / var(--gfs) * 100vw)); }.projects__item { padding: max(24px, calc(24 / var(--gfs) * 100vw)); padding-top: max(15px, calc(15 / var(--gfs) * 100vw)); flex-shrink: 0; border-radius: max(40px, calc(40 / var(--gfs) * 100vw)); border: 2px solid var(--stroke); background: var(--black); width: 100%; flex-basis: calc(33.33333% - max(14px, calc(14 / var(--gfs) * 100vw))); background: #1C1E23; }.projects__item.hover .projects__img { transform: scale(1.1) rotate(2deg); }.projects__image { border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); height: max(370px, calc(370 / var(--gfs) * 100vw)); width: calc(100% + max(16px, calc(16 / var(--gfs) * 100vw))); border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); margin-left: max(-8px, calc(-8 / var(--gfs) * 100vw)); margin-right: max(-8px, calc(-8 / var(--gfs) * 100vw)); position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(white, black); }.projects__image .projects__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); transition: 0.2s; overflow: hidden; background-position: center; background-size: cover; backface-visibility: hidden; transform: translateZ(0); will-change: transform; }.projects__image span { position: absolute; left: max(8px, calc(8 / var(--gfs) * 100vw)); top: max(8px, calc(8 / var(--gfs) * 100vw)); height: max(40px, calc(40 / var(--gfs) * 100vw)); border-radius: max(40px, calc(40 / var(--gfs) * 100vw)); border: 2px solid var(--stroke); border-width: max(2px, calc(2 / var(--gfs) * 100vw)); background: linear-gradient(280deg, #141518 4.99%, #1B1D23 110.01%); display: flex; align-items: center; justify-content: center; color: var(--green); font-size: max(14px, calc(14 / var(--gfs) * 100vw)); text-transform: uppercase; font-weight: 700; width: -moz-fit-content; width: fit-content; padding: 0px max(24px, calc(24 / var(--gfs) * 100vw)); transform: translateZ(0); backface-visibility: hidden; }.projects__label { margin-top: max(22px, calc(22 / var(--gfs) * 100vw)); font-size: max(48px, calc(48 / var(--gfs) * 100vw)); font-weight: 500; line-height: 100%; }.projects__label strong { color: var(--green); font-weight: 500; }.projects__description { font-size: max(18px, calc(18 / var(--gfs) * 100vw)); font-weight: 400; line-height: 150%; letter-spacing: -0.54px; margin-top: max(14px, calc(14 / var(--gfs) * 100vw)); color: var(--description); }.projects-info { display: flex; gap: max(16px, calc(16 / var(--gfs) * 100vw)); margin-top: max(14px, calc(14 / var(--gfs) * 100vw)); }.projects-info__item { display: flex; align-items: center; gap: max(24px, calc(24 / var(--gfs) * 100vw)); flex-shrink: 0; border-radius: max(25px, calc(25 / var(--gfs) * 100vw)); border: 2px solid var(--stroke); background: linear-gradient(280deg, #141518 4.99%, #1B1D23 110.01%); padding: max(7px, calc(7 / var(--gfs) * 100vw)); flex-basis: calc(50% - max(8px, calc(8 / var(--gfs) * 100vw))); }.projects-info__icon { width: max(84px, calc(84 / var(--gfs) * 100vw)); height: max(84px, calc(84 / var(--gfs) * 100vw)); border-radius: 50%; border-radius: max(20px, calc(20 / var(--gfs) * 100vw)); border: 2px solid var(--stroke); background: linear-gradient(280deg, #141518 4.99%, #1B1D23 110.01%); display: flex; align-items: center; justify-content: center; border: 2px solid var(--stroke); border-width: max(2px, calc(2 / var(--gfs) * 100vw)); overflow: hidden; }.projects-info__icon img { width: max(32px, calc(32 / var(--gfs) * 100vw)); }.projects-info__icon img[alt=cheque] { width: max(86px, calc(86 / var(--gfs) * 100vw)); transform: translateY(5px); }.projects-info__value { font-size: max(18px, calc(18 / var(--gfs) * 100vw)); }.projects-info__value strong { font-weight: 300; margin-bottom: max(4px, calc(4 / var(--gfs) * 100vw)); }.projects-info__value p { font-size: max(14px, calc(14 / var(--gfs) * 100vw)); color: var(--green); text-transform: uppercase; line-height: 150%; letter-spacing: max(-0.56px, calc(-0.56 / var(--gfs) * 100vw)); margin-top: max(2px, calc(2 / var(--gfs) * 100vw)); }.projects__button { width: 100%; margin-top: max(24px, calc(24 / var(--gfs) * 100vw)); }@media (max-width: 1919px) { .projects { margin-top: max(70px, calc(70 / var(--gfs) * 100vw)); margin-right: max(30px, calc(30 / var(--gfs) * 100vw)); margin-left: max(30px, calc(30 / var(--gfs) * 100vw)); } .projects__subtitle { margin-top: max(28px, calc(28 / var(--gfs) * 100vw)); } .projects-block { margin-top: max(35px, calc(35 / var(--gfs) * 100vw)); } .projects-info { flex-direction: column; margin-top: max(19px, calc(19 / var(--gfs) * 100vw)); } .projects-info__item { gap: max(16px, calc(16 / var(--gfs) * 100vw)); } .projects-info__icon { width: max(64px, calc(64 / var(--gfs) * 100vw)); height: max(64px, calc(64 / var(--gfs) * 100vw)); } .projects-info__icon img[alt=cheque] { width: max(60px, calc(60 / var(--gfs) * 100vw)); } .projects-info__value strong { font-size: max(14px, calc(14 / var(--gfs) * 100vw)); } .projects-info__value p { margin-top: max(5px, calc(5 / var(--gfs) * 100vw)); } .projects-info__value p br { display: none; } .projects__label { font-size: max(24px, calc(24 / var(--gfs) * 100vw)); } .projects__description { font-size: max(16px, calc(16 / var(--gfs) * 100vw)); } .projects__image { height: max(230px, calc(230 / var(--gfs) * 100vw)); } .projects__image span { font-size: max(10px, calc(10 / var(--gfs) * 100vw)); height: max(32px, calc(32 / var(--gfs) * 100vw)); left: max(16px, calc(16 / var(--gfs) * 100vw)); top: max(16px, calc(16 / var(--gfs) * 100vw)); } }@media (max-width: 1250px) { .projects__item { flex-basis: calc(50% - max(10px, calc(10 / var(--gfs) * 100vw))); } }@media (max-width: 1000px) { .projects__item { flex-basis: 100%; } .projects__image { height: max(400px, calc(400 / var(--gfs) * 100vw)); } }@media (max-width: 767px) { .projects { margin-left: 0; margin-right: 0; } .projects__item { flex-basis: 100%; } .projects__image { height: max(195px, calc(195 / var(--gfs) * 100vw)); } .projects__image span { font-size: max(12px, calc(12 / var(--gfs) * 100vw)); left: max(8px, calc(8 / var(--gfs) * 100vw)); top: max(8px, calc(8 / var(--gfs) * 100vw)); padding: 0px max(18px, calc(18 / var(--gfs) * 100vw)); letter-spacing: -0.48px; } .projects-info__icon { width: max(79px, calc(79 / var(--gfs) * 100vw)); height: max(79px, calc(79 / var(--gfs) * 100vw)); } .projects-info__value strong { font-size: max(18px, calc(18 / var(--gfs) * 100vw)); } .projects-info__value p { font-size: max(14px, calc(14 / var(--gfs) * 100vw)); } .projects-info__value p br { display: block; } .projects__button { margin-top: max(20px, calc(20 / var(--gfs) * 100vw)); } }.discuss { margin-top: max(80px, calc(80 / var(--gfs) * 100vw)); }.discuss-first .discuss-block { align-items: center; }.discuss-first .discuss__subtitle { margin-top: max(40px, calc(40 / var(--gfs) * 100vw)); }.discuss__title { font-weight: 500; font-size: max(72px, calc(72 / var(--gfs) * 100vw)); line-height: 100%; letter-spacing: -0.03em; padding-top: 0px; text-align: left; margin-top: max(-5px, calc(-5 / var(--gfs) * 100vw)); }.discuss__title strong { color: var(--green); }.discuss__subtitle { font-weight: 500; font-size: max(72px, calc(72 / var(--gfs) * 100vw)); line-height: 100%; letter-spacing: -0.03em; padding-top: 0px; text-align: left; margin-top: max(66px, calc(66 / var(--gfs) * 100vw)); }.discuss__subtitle strong { color: var(--green); }.discuss__description { margin-top: max(40px, calc(40 / var(--gfs) * 100vw)); line-height: 160%; font-size: max(16px, calc(16 / var(--gfs) * 100vw)); }.discuss-block { display: flex; justify-content: space-between; border-radius: max(40px, calc(40 / var(--gfs) * 100vw)); border: 2px solid var(--stroke); border-radius: max(70px, calc(70 / var(--gfs) * 100vw)); padding: max(80px, calc(80 / var(--gfs) * 100vw)); background: linear-gradient(278deg, #141518 0%, #1b1d23 100%); align-items: flex-end; }.discuss-profile { border: 2px solid var(--stroke); border-radius: max(40px, calc(40 / var(--gfs) * 100vw)); margin-top: max(30px, calc(30 / var(--gfs) * 100vw)); padding: max(24px, calc(24 / var(--gfs) * 100vw)); display: flex; background: var(--gray); width: -moz-fit-content; width: fit-content; }.discuss-profile-mobile { display: none; }.discuss-profile-mobile p { line-height: 150%; }.discuss-profile__button-tab { display: none; }.discuss-profile-photo { border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); width: max(210px, calc(210 / var(--gfs) * 100vw)); height: max(210px, calc(210 / var(--gfs) * 100vw)); background: var(--green); display: flex; align-items: center; justify-content: center; margin-right: max(32px, calc(32 / var(--gfs) * 100vw)); position: relative; }.discuss-profile-photo::before { content: ""; position: absolute; top: max(16px, calc(16 / var(--gfs) * 100vw)); right: max(16px, calc(16 / var(--gfs) * 100vw)); width: max(16px, calc(16 / var(--gfs) * 100vw)); height: max(16px, calc(16 / var(--gfs) * 100vw)); border-radius: 50%; background: var(--black); }.discuss-profile-photo img { border-radius: 50%; width: max(176px, calc(176 / var(--gfs) * 100vw)); height: max(176px, calc(176 / var(--gfs) * 100vw)); -o-object-fit: cover; object-fit: cover; }.discuss-profile-info { font-weight: 500; }.discuss-profile-info strong { font-weight: 500; font-size: max(48px, calc(48 / var(--gfs) * 100vw)); line-height: 100%; letter-spacing: -0.03em; margin-bottom: max(12px, calc(12 / var(--gfs) * 100vw)); display: block; }.discuss-profile-info span { font-weight: 400; font-size: max(18px, calc(18 / var(--gfs) * 100vw)); line-height: 150%; letter-spacing: -0.03em; color: var(--white); }.discuss-profile-info p { font-weight: 400; font-size: max(16px, calc(16 / var(--gfs) * 100vw)); line-height: 150%; letter-spacing: -0.03em; color: var(--description); display: block; margin-top: max(8px, calc(8 / var(--gfs) * 100vw)); }.discuss-profile__button { background: #08c; box-shadow: 0 16px 32px 0 rgba(5, 5, 5, 0.15); margin-top: max(28px, calc(28 / var(--gfs) * 100vw)); height: max(64px, calc(64 / var(--gfs) * 100vw)); width: 100%; border-color: transparent; }.discuss-profile__button:hover { box-shadow: none; }.discuss-right { max-width: max(713px, calc(713 / var(--gfs) * 100vw)); width: 100%; overflow: hidden; }.discuss-right .form__success { font-weight: 500; font-size: max(60px, calc(60 / var(--gfs) * 100vw)); line-height: 100%; letter-spacing: -0.03em; text-align: center; color: var(--white); display: none; opacity: 0; transition: opacity 0.3s ease; margin-bottom: max(100px, calc(100 / var(--gfs) * 100vw)); }.discuss-right .form__success.active { display: block; opacity: 1; }.discuss-right .form__success strong { font-weight: 500; color: var(--green); }.discuss-right .form__success-icon { opacity: 0; transform: translateY(-50px); margin-left: auto; margin-right: auto; }.discuss-right .form__success-icon img { max-width: 100%; }.discuss-right .form__success-icon.animate { animation: arrowBounce 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; }.discuss-right .form__success-description { opacity: 0; transform: translateY(20px); }.discuss-right .form__success-description.animate { animation: fadeUpIn 0.4s ease forwards; animation-delay: 0.3s; }.discuss-right form { border: 2px solid var(--stroke); border-radius: max(40px, calc(40 / var(--gfs) * 100vw)); padding: max(38px, calc(38 / var(--gfs) * 100vw)); background: var(--gray); position: relative; }.discuss-right form.loading { pointer-events: none; }.discuss-right form.loading .form-loading { opacity: 1; visibility: visible; }.discuss-right form .form-loading { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: max(60px, calc(60 / var(--gfs) * 100vw)); height: max(60px, calc(60 / var(--gfs) * 100vw)); z-index: 1; opacity: 1; transition: opacity 0.3s ease; animation: fly 3s linear infinite; }.discuss-right form .form-loading.hidden { opacity: 0; }.discuss-right form .form-loading img { width: 100%; height: 100%; }.discuss-right form .form__row { margin-bottom: max(40px, calc(40 / var(--gfs) * 100vw)); position: relative; }.discuss-right form .form__row::before { position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 2px; background: var(--white); transition: 0.2s; }.discuss-right form .form__row.filled:before { width: 100%; height: 2px; background: var(--green); box-shadow: 0 8px 28px 0 rgba(219, 254, 1, 0.25); }.discuss-right form .form__placeholder { font-family: var(--font-family); font-weight: 500; font-size: max(24px, calc(24 / var(--gfs) * 100vw)); line-height: 100%; letter-spacing: -0.03em; color: var(--description); position: absolute; line-height: 1; top: 0; display: block; transition: 0.2s; pointer-events: none; margin-bottom: max(12px, calc(12 / var(--gfs) * 100vw)); }.discuss-right form .form__placeholder--textarea.active { transform: translateY(-15px); }.discuss-right form .form__placeholder.active { font-weight: 400; font-size: max(16px, calc(16 / var(--gfs) * 100vw)); line-height: 150%; letter-spacing: -0.03em; color: var(--description); }.discuss-right form .form__placeholder span { color: #f00; }.discuss-right form textarea { resize: none; font-size: max(16px, calc(16 / var(--gfs) * 100vw)); width: 100%; line-height: 150%; border: none; padding-bottom: max(16px, calc(16 / var(--gfs) * 100vw)); color: var(--white); padding-top: max(12px, calc(12 / var(--gfs) * 100vw)); background: transparent; height: max(57px, calc(57 / var(--gfs) * 100vw)); font-family: var(--font-family); margin-top: max(15px, calc(15 / var(--gfs) * 100vw)); }.discuss-right form textarea::-webkit-scrollbar { width: max(12px, calc(12 / var(--gfs) * 100vw)); border-radius: max(10px, calc(10 / var(--gfs) * 100vw)); background: var(--green); }.discuss-right form textarea::-webkit-scrollbar-thumb { background: var(--black); border: max(2px, calc(2 / var(--gfs) * 100vw)) solid var(--green); border-radius: max(10px, calc(10 / var(--gfs) * 100vw)); }.discuss-right form textarea:focus { outline: none; }.discuss-right form textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.2); }.discuss-right form textarea::placeholder { color: rgba(255, 255, 255, 0.2); }.discuss-right form input { background: transparent; display: block; height: max(58px, calc(58 / var(--gfs) * 100vw)); font-size: max(24px, calc(24 / var(--gfs) * 100vw)); width: 100%; color: var(--white); line-height: 1; padding-left: 0px; padding-bottom: max(8px, calc(8 / var(--gfs) * 100vw)); border-bottom: 2px solid var(--white); padding-top: max(24px, calc(24 / var(--gfs) * 100vw)); }.discuss-right form input.phone { letter-spacing: 1px; }.discuss-right form input.phone + .form__placeholder { letter-spacing: 0; }.discuss-right form input.filled { border-color: var(--green); }.discuss-right form input::-moz-placeholder { color: rgba(255, 255, 255, 0.2); transform: translateY(-10px); }.discuss-right form input::placeholder { color: rgba(255, 255, 255, 0.2); transform: translateY(-10px); }.discuss-right form input:first-child { margin-top: 0px; }.discuss-right form .btn { width: 100%; text-align: center; margin-top: max(24px, calc(24 / var(--gfs) * 100vw)); position: relative; cursor: pointer; transition: 0.2s; }.discuss-right form .btn.disabled path { fill: var(--white); }.discuss-right form .btn input { position: absolute; width: 100%; height: 100%; opacity: 0; margin: 0; cursor: pointer; padding: 0; }.discuss-right form .policy { margin-top: max(29px, calc(29 / var(--gfs) * 100vw)); font-weight: 500; display: flex; align-items: flex-start; gap: max(8px, calc(8 / var(--gfs) * 100vw)); text-align: left; font-size: max(14px, calc(14 / var(--gfs) * 100vw)); color: var(--white); cursor: pointer; user-select: none; }.discuss-right form .policy .policy__checkbox { flex-shrink: 0; width: max(16px, calc(16 / var(--gfs) * 100vw)); height: max(16px, calc(16 / var(--gfs) * 100vw)); margin: 0; cursor: pointer; accent-color: var(--green); }.discuss-right form .policy .policy__text { flex: 1; }.discuss-right form .policy br { display: none; }.discuss-right form .policy a { position: relative; text-decoration: underline; }@keyframes arrowBounce { 0% { opacity: 0; transform: translateY(-50px); } 50% { opacity: 1; transform: translateY(10px); } 75% { transform: translateY(-5px); } 100% { opacity: 1; transform: translateY(0); } }@keyframes fadeUpIn { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }@media (max-width: 1919px) { .discuss { margin-top: max(80px, calc(80 / var(--gfs) * 100vw)); } .discuss-block { padding: max(30px, calc(30 / var(--gfs) * 100vw)); border-radius: max(35px, calc(35 / var(--gfs) * 100vw)); gap: max(20px, calc(20 / var(--gfs) * 100vw)); } .discuss__title { font-size: max(48px, calc(48 / var(--gfs) * 100vw)); text-align: left; margin-top: max(10px, calc(10 / var(--gfs) * 100vw)); } .discuss__title strong { display: block; } .discuss__subtitle { font-size: max(48px, calc(48 / var(--gfs) * 100vw)); margin-top: max(56px, calc(56 / var(--gfs) * 100vw)); } .discuss-right { max-width: max(580px, calc(580 / var(--gfs) * 100vw)); } .discuss-right .form__success { font-size: max(42px, calc(42 / var(--gfs) * 100vw)); } .discuss-right .form__success-icon { transform: translateY(-40px); max-width: max(300px, calc(300 / var(--gfs) * 100vw)); } .discuss-right form { padding: max(28px, calc(28 / var(--gfs) * 100vw)); border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); } .discuss-right form .form__placeholder.active { margin-top: max(-12px, calc(-12 / var(--gfs) * 100vw)); } .discuss-right form input { height: max(52px, calc(52 / var(--gfs) * 100vw)); padding-top: max(12px, calc(12 / var(--gfs) * 100vw)); font-size: max(22px, calc(22 / var(--gfs) * 100vw)); } .discuss-right form .form__row { margin-bottom: max(32px, calc(32 / var(--gfs) * 100vw)); } .discuss-right form textarea { height: max(38px, calc(38 / var(--gfs) * 100vw)); padding-bottom: max(8px, calc(8 / var(--gfs) * 100vw)); padding-top: max(4px, calc(4 / var(--gfs) * 100vw)); } .discuss-left { width: 100%; } .discuss-profile { width: 100%; margin-top: max(48px, calc(48 / var(--gfs) * 100vw)); } .discuss-profile-mobile { display: none; } .discuss-profile-photo { width: max(180px, calc(180 / var(--gfs) * 100vw)); height: max(180px, calc(180 / var(--gfs) * 100vw)); } .discuss-profile-photo img { width: max(150px, calc(150 / var(--gfs) * 100vw)); height: max(150px, calc(150 / var(--gfs) * 100vw)); } .discuss-profile-info strong { font-size: max(40px, calc(40 / var(--gfs) * 100vw)); margin-bottom: max(3px, calc(3 / var(--gfs) * 100vw)); } .discuss-profile-info p { font-size: max(14px, calc(14 / var(--gfs) * 100vw)); } .discuss-profile__button { margin-top: max(24px, calc(24 / var(--gfs) * 100vw)); height: max(56px, calc(56 / var(--gfs) * 100vw)); } }@media (max-width: 1250px) { .discuss-block { gap: max(30px, calc(30 / var(--gfs) * 100vw)); } .discuss__title { font-size: max(39px, calc(39 / var(--gfs) * 100vw)); } .discuss__subtitle { font-size: max(39px, calc(39 / var(--gfs) * 100vw)); margin-top: max(48px, calc(48 / var(--gfs) * 100vw)); } .discuss-right form .form__success { font-size: max(32px, calc(32 / var(--gfs) * 100vw)); } .discuss-left .discuss-profile__button { display: flex; } .discuss-left .discuss-profile__button-tab { display: none; } .discuss-left .discuss-profile__button span { font-size: max(14px, calc(14 / var(--gfs) * 100vw)); } .discuss-profile { align-items: center; border-radius: max(35px, calc(35 / var(--gfs) * 100vw)); } .discuss-profile__button { display: none; } .discuss-profile-photo { width: max(150px, calc(150 / var(--gfs) * 100vw)); height: max(150px, calc(150 / var(--gfs) * 100vw)); min-width: max(150px, calc(150 / var(--gfs) * 100vw)); } .discuss-profile-photo::before { display: none; } .discuss-profile-photo img { max-width: 80%; height: -moz-fit-content; height: fit-content; } .discuss-profile-info strong { font-size: max(32px, calc(32 / var(--gfs) * 100vw)); } .discuss-profile-info p { font-size: max(12px, calc(12 / var(--gfs) * 100vw)); } }@media (max-width: 1100px) { .discuss-block { flex-direction: column; } .discuss-right { max-width: max(600px, calc(600 / var(--gfs) * 100vw)); margin-left: auto; margin-right: auto; } .discuss-left .discuss-profile { display: none; } .discuss__title { text-align: center; } .discuss__subtitle { text-align: center; } .discuss-profile { display: none; border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); margin-top: 0px; max-width: max(400px, calc(400 / var(--gfs) * 100vw)); margin-left: auto; margin-right: auto; } .discuss-profile .btn { display: flex; } .discuss-profile__button-tab { display: none; } .discuss-profile p { margin-top: 20px; color: var(--description); } .discuss-profile .btn { color: var(--white); } .discuss-profile-wrap { display: flex; align-items: center; } .discuss-profile-mobile { display: block; } .discuss-profile-photo { width: max(140px, calc(140 / var(--gfs) * 100vw)); height: max(140px, calc(140 / var(--gfs) * 100vw)); min-width: max(140px, calc(140 / var(--gfs) * 100vw)); border-radius: max(16px, calc(16 / var(--gfs) * 100vw)); margin-right: max(24px, calc(24 / var(--gfs) * 100vw)); } .discuss-profile-photo::before { display: none; } .discuss-profile-photo img { width: max(120px, calc(120 / var(--gfs) * 100vw)); height: max(120px, calc(120 / var(--gfs) * 100vw)); } .discuss-profile-info strong { font-size: max(34px, calc(34 / var(--gfs) * 100vw)); margin-bottom: max(10px, calc(10 / var(--gfs) * 100vw)); } .discuss-profile-info span { font-size: max(12px, calc(12 / var(--gfs) * 100vw)); } .discuss__title { font-size: max(50px, calc(50 / var(--gfs) * 100vw)); text-align: center; margin-top: 0px; } .discuss__subtitle { font-size: max(50px, calc(50 / var(--gfs) * 100vw)); text-align: center; margin-top: max(20px, calc(20 / var(--gfs) * 100vw)); } .discuss-block { padding: 0px; border: none; background: transparent; gap: max(32px, calc(32 / var(--gfs) * 100vw)); flex-direction: column; } }@media (max-width: 767px) { .discuss { margin-top: 0px; } .discuss .form-loading { width: max(40px, calc(40 / var(--gfs) * 100vw)); height: max(40px, calc(40 / var(--gfs) * 100vw)); } .discuss .container { padding-left: 0px; padding-right: 0px; } .discuss__description { font-size: max(14px, calc(14 / var(--gfs) * 100vw)); margin-top: max(20px, calc(20 / var(--gfs) * 100vw)); } .discuss-profile { display: none; border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); margin-top: 0px; } .discuss-profile .btn { display: flex; } .discuss-profile__button { font-size: max(12px, calc(12 / var(--gfs) * 100vw)); } .discuss-profile__button-tab { display: none; } .discuss-profile p { margin-top: max(20px, calc(20 / var(--gfs) * 100vw)); color: var(--description); } .discuss-profile .btn { color: var(--white); } .discuss-profile-wrap { display: flex; align-items: center; } .discuss-profile-mobile { display: block; } .discuss-profile-photo { width: max(100px, calc(100 / var(--gfs) * 100vw)); height: max(100px, calc(100 / var(--gfs) * 100vw)); min-width: max(100px, calc(100 / var(--gfs) * 100vw)); border-radius: max(16px, calc(16 / var(--gfs) * 100vw)); margin-right: max(24px, calc(24 / var(--gfs) * 100vw)); } .discuss-profile-photo::before { display: none; } .discuss-profile-photo img { width: max(80px, calc(80 / var(--gfs) * 100vw)); height: max(80px, calc(80 / var(--gfs) * 100vw)); } .discuss-profile-info strong { font-size: max(34px, calc(34 / var(--gfs) * 100vw)); margin-bottom: max(2px, calc(2 / var(--gfs) * 100vw)); } .discuss-profile-info span { font-size: max(12px, calc(12 / var(--gfs) * 100vw)); } .discuss__title { font-size: max(30px, calc(30 / var(--gfs) * 100vw)); text-align: center; margin-top: 0px; } .discuss__subtitle { font-size: max(30px, calc(30 / var(--gfs) * 100vw)); text-align: center; margin-top: max(20px, calc(20 / var(--gfs) * 100vw)); } .discuss-block { padding: 0px; border: none; background: transparent; gap: max(32px, calc(32 / var(--gfs) * 100vw)); flex-direction: column; } .discuss-right .form__success { font-size: max(24px, calc(24 / var(--gfs) * 100vw)); margin-bottom: max(43px, calc(43 / var(--gfs) * 100vw)); } .discuss-right .form__success-icon { transform: max(-30px, calc(-30 / var(--gfs) * 100vw)); max-width: max(180px, calc(180 / var(--gfs) * 100vw)); margin-bottom: 0px; } .discuss-right form { border-radius: max(20px, calc(20 / var(--gfs) * 100vw)); padding-top: max(32px, calc(32 / var(--gfs) * 100vw)); padding-bottom: max(24px, calc(24 / var(--gfs) * 100vw)); padding-left: max(24px, calc(24 / var(--gfs) * 100vw)); padding-right: max(24px, calc(24 / var(--gfs) * 100vw)); } .discuss-right form .btn p { line-height: 130%; } .discuss-right form .btn p::after { display: none; } .discuss-right form .form__placeholder { font-size: max(18px, calc(18 / var(--gfs) * 100vw)); } .discuss-right form input { font-size: max(18px, calc(18 / var(--gfs) * 100vw)); height: max(37px, calc(37 / var(--gfs) * 100vw)); } .discuss-right form .policy { font-size: max(12px, calc(12 / var(--gfs) * 100vw)); line-height: 130%; margin-top: max(24px, calc(24 / var(--gfs) * 100vw)); font-family: "Poppins", sans-serif; } .discuss-right form .policy a { display: inline; width: auto; text-align: inherit; margin: 0; } .discuss-right form .btn { height: max(64px, calc(64 / var(--gfs) * 100vw)); margin-top: max(-8px, calc(-8 / var(--gfs) * 100vw)); } }.power-wrap { background: var(--white); color: var(--black); overflow: hidden; border: none; }.power-logo { right: max(-616px, calc(-616 / var(--gfs) * 100vw)); top: max(-343px, calc(-343 / var(--gfs) * 100vw)); position: absolute; max-width: max(1640px, calc(1640 / var(--gfs) * 100vw)); z-index: -1; pointer-events: none; }.power__title { color: var(--black); font-size: max(90px, calc(90 / var(--gfs) * 100vw)); font-weight: 500; line-height: 100%; text-align: left; }.power__title b { color: var(--green); }.power__subtitle { text-align: left; color: var(--description); margin-top: max(46px, calc(46 / var(--gfs) * 100vw)); }.power-info { margin-top: max(115px, calc(115 / var(--gfs) * 100vw)); }.power-info-wrap { display: flex; gap: max(20px, calc(20 / var(--gfs) * 100vw)); margin-top: max(58px, calc(58 / var(--gfs) * 100vw)); }.power-info__title { font-size: max(48px, calc(48 / var(--gfs) * 100vw)); font-weight: 500; line-height: 100%; }.power-info__item { display: flex; align-items: center; gap: max(24px, calc(24 / var(--gfs) * 100vw)); flex-shrink: 0; border-radius: max(25px, calc(25 / var(--gfs) * 100vw)); border: 2px solid var(--stroke); border-radius: max(40px, calc(40 / var(--gfs) * 100vw)); border: 2px solid var(--stroke); background: linear-gradient(280deg, #141518 4.99%, #1B1D23 110.01%); color: var(--white); gap: max(24px, calc(24 / var(--gfs) * 100vw)); flex-basis: calc(33.33333% - max(14px, calc(14 / var(--gfs) * 100vw))); padding: max(24px, calc(24 / var(--gfs) * 100vw)); }.power-info__icon { width: max(150px, calc(150 / var(--gfs) * 100vw)); height: max(150px, calc(150 / var(--gfs) * 100vw)); min-width: max(150px, calc(150 / var(--gfs) * 100vw)); border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); background: var(--black); border: 2px solid var(--stroke); border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }.power-info__icon video { position: absolute; border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }.power-info__description p { font-size: max(24px, calc(24 / var(--gfs) * 100vw)); font-weight: 500; line-height: 130%; letter-spacing: -0.72px; }.power-info__description p strong { color: var(--green); }.power-info__description span { font-size: max(18px, calc(18 / var(--gfs) * 100vw)); font-weight: 400; line-height: 150%; letter-spacing: -0.54px; display: block; color: var(--description); margin-top: max(15px, calc(15 / var(--gfs) * 100vw)); }@media (max-width: 1919px) { .power { margin-right: max(30px, calc(30 / var(--gfs) * 100vw)); margin-left: max(30px, calc(30 / var(--gfs) * 100vw)); } .power-wrap { padding-left: max(48px, calc(48 / var(--gfs) * 100vw)); padding-right: max(48px, calc(48 / var(--gfs) * 100vw)); } .power-logo { max-width: max(862px, calc(862 / var(--gfs) * 100vw)); right: max(-291px, calc(-291 / var(--gfs) * 100vw)); top: max(-73px, calc(-73 / var(--gfs) * 100vw)); right: max(-305px, calc(-305 / var(--gfs) * 100vw)); } .power__title { font-size: max(64px, calc(64 / var(--gfs) * 100vw)); } .power__subtitle { margin-top: max(20px, calc(20 / var(--gfs) * 100vw)); } .power-info { margin-top: max(66px, calc(66 / var(--gfs) * 100vw)); } .power-info__item { padding: max(8px, calc(8 / var(--gfs) * 100vw)); border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); gap: max(16px, calc(16 / var(--gfs) * 100vw)); } .power-info__item span { margin-top: max(8px, calc(8 / var(--gfs) * 100vw)); } .power-info__icon { width: max(107px, calc(107 / var(--gfs) * 100vw)); min-width: max(107px, calc(107 / var(--gfs) * 100vw)); height: max(107px, calc(107 / var(--gfs) * 100vw)); border-radius: max(20px, calc(20 / var(--gfs) * 100vw)); } .power-info__icon video { border-radius: max(20px, calc(20 / var(--gfs) * 100vw)); } .power-info__description p { font-size: max(16px, calc(16 / var(--gfs) * 100vw)); } .power-info__description span { font-size: max(14px, calc(14 / var(--gfs) * 100vw)); } .power-info__title { font-size: max(24px, calc(24 / var(--gfs) * 100vw)); } .power-info-wrap { margin-top: max(32px, calc(32 / var(--gfs) * 100vw)); } }@media (max-width: 1250px) and (min-width: 768px) { .power-wrap { padding-left: max(32px, calc(32 / var(--gfs) * 100vw)); padding-right: max(32px, calc(32 / var(--gfs) * 100vw)); } .power-logo { right: max(-500px, calc(-500 / var(--gfs) * 100vw)); } .power__title { font-size: max(56px, calc(56 / var(--gfs) * 100vw)); } .power-info__item { flex-direction: column; text-align: center; padding: max(16px, calc(16 / var(--gfs) * 100vw)); } }@media (max-width: 1000px) and (min-width: 768px) { .power-logo { right: max(-800px, calc(-800 / var(--gfs) * 100vw)); top: max(-50px, calc(-50 / var(--gfs) * 100vw)); } .power__title { font-size: max(40px, calc(40 / var(--gfs) * 100vw)); } .power .container { padding-left: 0px; padding-right: 0px; } }@media (max-width: 767px) { .power { margin-left: 0; margin-right: 0; } .power-logo { max-width: max(630px, calc(630 / var(--gfs) * 100vw)); top: max(180px, calc(180 / var(--gfs) * 100vw)); right: 0; left: max(-40px, calc(-40 / var(--gfs) * 100vw)); } .power-wrap { padding-left: max(24px, calc(24 / var(--gfs) * 100vw)); padding-right: max(24px, calc(24 / var(--gfs) * 100vw)); } .power__title { font-size: max(24px, calc(24 / var(--gfs) * 100vw)); letter-spacing: -0.72px; } .power__subtitle { margin-top: max(8px, calc(8 / var(--gfs) * 100vw)); max-width: max(240px, calc(240 / var(--gfs) * 100vw)); } .power-info { margin-top: max(38px, calc(38 / var(--gfs) * 100vw)); } .power-info__title { line-height: 94%; letter-spacing: -0.72px; } .power-info__item { padding: max(12px, calc(12 / var(--gfs) * 100vw)); border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); } .power-info-wrap { flex-direction: column; gap: max(8px, calc(8 / var(--gfs) * 100vw)); margin-top: max(20px, calc(20 / var(--gfs) * 100vw)); } .power-info__icon { width: max(79px, calc(79 / var(--gfs) * 100vw)); height: max(79px, calc(79 / var(--gfs) * 100vw)); min-width: max(79px, calc(79 / var(--gfs) * 100vw)); } .power-info__description p { font-size: max(14px, calc(14 / var(--gfs) * 100vw)); } .power-info__description span { margin-top: max(5px, calc(5 / var(--gfs) * 100vw)); } }.advantages { margin-top: max(80px, calc(80 / var(--gfs) * 100vw)); }.advantages-wrap { border: 2px solid var(--stroke); border-radius: max(70px, calc(70 / var(--gfs) * 100vw)); background: var(--black), linear-gradient(305deg, #141518 0%, #1b1d23 100%); padding: max(80px, calc(80 / var(--gfs) * 100vw)); }.advantages-list { display: flex; gap: max(20px, calc(20 / var(--gfs) * 100vw)); flex-wrap: wrap; margin-top: max(80px, calc(80 / var(--gfs) * 100vw)); }.advantages__item { border: 2px solid var(--stroke); border-radius: max(40px, calc(40 / var(--gfs) * 100vw)); flex-basis: calc(50% - max(10px, calc(10 / var(--gfs) * 100vw))); background: var(--gray); padding: max(48px, calc(48 / var(--gfs) * 100vw)); }.advantages__image { width: 100%; height: max(470px, calc(470 / var(--gfs) * 100vw)); border-radius: max(40px, calc(40 / var(--gfs) * 100vw)); overflow: hidden; position: relative; }.advantages__image video { position: absolute; border-radius: max(40px, calc(40 / var(--gfs) * 100vw)); top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }.advantages__image-desktop { display: block; }.advantages__image-mobile { display: none; }.advantages__image img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }.advantages__label { font-weight: 500; font-size: max(48px, calc(48 / var(--gfs) * 100vw)); line-height: 100%; letter-spacing: -0.03em; color: var(--white); margin-top: max(38px, calc(38 / var(--gfs) * 100vw)); }.advantages__description { margin-top: max(24px, calc(24 / var(--gfs) * 100vw)); font-weight: 400; font-size: max(16px, calc(16 / var(--gfs) * 100vw)); line-height: 150%; letter-spacing: -0.03em; color: var(--description); }.advantages-anim-first { position: relative; padding-top: max(159px, calc(159 / var(--gfs) * 100vw)); width: -moz-fit-content; width: fit-content; }.advantages-anim-first-wrap { display: flex; position: relative; z-index: 4; }.advantages-anim-first-top { border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); width: max(598px, calc(598 / var(--gfs) * 100vw)); height: max(223px, calc(223 / var(--gfs) * 100vw)); border: 3px solid var(--stroke); border-bottom: none; box-shadow: inset 0 0 0 3px var(--black); position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; }.advantages-anim-first-top span { font-weight: 700; font-size: max(14px, calc(14 / var(--gfs) * 100vw)); line-height: 150%; letter-spacing: -0.04em; text-transform: uppercase; color: var(--white); margin-top: max(20px, calc(20 / var(--gfs) * 100vw)); display: block; text-align: center; }.advantages-anim-first__item { width: max(148px, calc(148 / var(--gfs) * 100vw)); height: max(148px, calc(148 / var(--gfs) * 100vw)); background: var(--black); border-radius: 50%; display: flex; align-items: center; justify-content: center; }.advantages-anim-first__item.active { background: var(--green); box-shadow: 0 0 100px 10px rgba(219, 254, 1, 0.19); }.advantages-anim-first__item.active span { opacity: 1; color: var(--black); }.advantages-anim-first__item span { font-weight: 500; font-size: max(48px, calc(48 / var(--gfs) * 100vw)); line-height: 120%; letter-spacing: -0.05em; color: var(--white); opacity: 0.2; }@media (max-width: 1919px) { .advantages-wrap { padding-top: max(48px, calc(48 / var(--gfs) * 100vw)); padding-bottom: max(30px, calc(30 / var(--gfs) * 100vw)); padding-left: max(30px, calc(30 / var(--gfs) * 100vw)); padding-right: max(30px, calc(30 / var(--gfs) * 100vw)); } .advantages-list { margin-top: max(48px, calc(48 / var(--gfs) * 100vw)); } .advantages__item { padding: max(24px, calc(24 / var(--gfs) * 100vw)); border-radius: max(35px, calc(35 / var(--gfs) * 100vw)); } .advantages__image { height: max(371px, calc(371 / var(--gfs) * 100vw)); border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); } .advantages__image video { border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); } .advantages__label { font-size: max(40px, calc(40 / var(--gfs) * 100vw)); margin-top: max(24px, calc(24 / var(--gfs) * 100vw)); } .advantages__description { font-size: max(16px, calc(16 / var(--gfs) * 100vw)); margin-top: max(20px, calc(20 / var(--gfs) * 100vw)); } }@media (max-width: 1250px) { .advantages-wrap { border-radius: max(35px, calc(35 / var(--gfs) * 100vw)); } .advantages__image { height: max(310px, calc(270 / var(--gfs) * 100vw)); display: flex; align-items: center; } .advantages__label { font-size: max(35px, calc(35 / var(--gfs) * 100vw)); } }@media (max-width: 1000px) and (min-width: 768px) { .advantages__image { height: max(400px, calc(400 / var(--gfs) * 100vw)); } .advantages__item { flex-basis: 100%; } }@media (max-width: 767px) { .advantages { margin-top: max(48px, calc(48 / var(--gfs) * 100vw)); } .advantages-wrap { border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); padding: max(24px, calc(24 / var(--gfs) * 100vw)); margin-top: max(18px, calc(18 / var(--gfs) * 100vw)); padding-top: max(30px, calc(30 / var(--gfs) * 100vw)); padding: 0; border: none; } .advantages__item { flex-basis: auto; overflow: hidden; border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); padding: 0; border-color: transparent; } .advantages__item .advantages-info { padding: max(20px, calc(20 / var(--gfs) * 100vw)); } .advantages__item:nth-child(1) .advantages__image { height: max(250px, calc(250 / var(--gfs) * 100vw)); } .advantages__item:nth-child(2) .advantages__image { height: max(210px, calc(210 / var(--gfs) * 100vw)); } .advantages-list { margin-top: max(24px, calc(24 / var(--gfs) * 100vw)); } .advantages__image { border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); height: max(240px, calc(240 / var(--gfs) * 100vw)); border-radius: max(30px, calc(30 / var(--gfs) * 100vw)) max(30px, calc(30 / var(--gfs) * 100vw)) 0px 0px; } .advantages__image video { border-radius: max(30px, calc(30 / var(--gfs) * 100vw)) max(30px, calc(30 / var(--gfs) * 100vw)) 0px 0px; } .advantages__image-desktop { display: none; } .advantages__image-mobile { display: block; } .advantages__label { font-size: max(24px, calc(24 / var(--gfs) * 100vw)); line-height: 130%; margin-top: max(20px, calc(20 / var(--gfs) * 100vw)); } .advantages__description { font-size: max(14px, calc(14 / var(--gfs) * 100vw)); } }.faq-block { display: flex; align-items: flex-start; gap: max(20px, calc(20 / var(--gfs) * 100vw)); margin-top: max(55px, calc(55 / var(--gfs) * 100vw)); }.faq-list { width: 100%; }.faq__item { border-radius: max(40px, calc(40 / var(--gfs) * 100vw)); border: 2px solid var(--stroke); background: #1C1E23; padding-left: max(48px, calc(48 / var(--gfs) * 100vw)); padding-right: max(8px, calc(8 / var(--gfs) * 100vw)); overflow: hidden; margin-top: max(20px, calc(20 / var(--gfs) * 100vw)); transition: 0.2s; }.faq__item:first-child { margin-top: 0; }.faq__item.active { height: auto; border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); }.faq__item.active .faq__answer { height: auto; max-height: 400px; padding-bottom: max(32px, calc(32 / var(--gfs) * 100vw)); }.faq__item.active .faq__question span { background: var(--green); transform: rotate(180deg); border-color: var(--green); }.faq__item.active .faq__question span::before { background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M7.00063 5.17238L11.9504 0.222656L13.3646 1.63687L7.00063 8.00088L0.636719 1.63687L2.05093 0.222656L7.00063 5.17238Z' fill='%23222' /%3E%3C/svg%3E%0A"); }.faq__question { display: flex; align-items: center; justify-content: space-between; gap: max(24px, calc(24 / var(--gfs) * 100vw)); font-size: max(24px, calc(24 / var(--gfs) * 100vw)); font-weight: 500; line-height: 130%; cursor: pointer; padding-top: max(7px, calc(7 / var(--gfs) * 100vw)); padding-bottom: max(7px, calc(7 / var(--gfs) * 100vw)); transition: 0.2s; }.faq__question p { max-width: 80%; width: 100%; }.faq__question span { width: max(64px, calc(64 / var(--gfs) * 100vw)); height: max(64px, calc(64 / var(--gfs) * 100vw)); border: 2px solid var(--white); border-radius: 50%; cursor: pointer; transition: 0.2s; display: flex; align-items: center; justify-content: center; }.faq__question span::before { content: ""; position: absolute; width: max(13px, calc(13 / var(--gfs) * 100vw)); height: max(8px, calc(8 / var(--gfs) * 100vw)); background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M7.00063 5.17238L11.9504 0.222656L13.3646 1.63687L7.00063 8.00088L0.636719 1.63687L2.05093 0.222656L7.00063 5.17238Z' fill='white' /%3E%3C/svg%3E%0A"); background-size: 100%; transition: 0.2s; background-repeat: no-repeat; background-position: center; }.faq__question p { font-size: max(24px, calc(24 / var(--gfs) * 100vw)); font-weight: 500; line-height: 130%; }.faq__answer { font-size: max(16px, calc(16 / var(--gfs) * 100vw)); font-style: normal; line-height: 150%; color: var(--description); transition: 0.2s; max-height: 0; overflow: hidden; transition: 0.2s; }.faq-called { max-width: max(520px, calc(520 / var(--gfs) * 100vw)); width: 100%; border-radius: max(40px, calc(40 / var(--gfs) * 100vw)); border: 2px solid var(--stroke); padding: max(40px, calc(40 / var(--gfs) * 100vw)); padding-top: max(33px, calc(33 / var(--gfs) * 100vw)); background: #1C1E23; position: relative; overflow: hidden; }.faq-called__icon { width: max(472px, calc(472 / var(--gfs) * 100vw)); transform: rotate(-30deg); position: absolute; right: max(-72px, calc(-72 / var(--gfs) * 100vw)); bottom: max(-114px, calc(-114 / var(--gfs) * 100vw)); }.faq-called__title { font-size: max(48px, calc(48 / var(--gfs) * 100vw)); font-weight: 500; line-height: 100%; color: var(--white); }.faq-called__button { margin-top: max(250px, calc(250 / var(--gfs) * 100vw)); background: #08C; height: max(64px, calc(64 / var(--gfs) * 100vw)); width: 100%; box-shadow: none; }@media (max-width: 1919px) { .faq-block { margin-top: max(35px, calc(35 / var(--gfs) * 100vw)); } .faq-called { max-width: max(380px, calc(380 / var(--gfs) * 100vw)); padding: max(32px, calc(32 / var(--gfs) * 100vw)); } .faq-called__title { font-size: max(32px, calc(32 / var(--gfs) * 100vw)); } .faq-called__icon { width: max(669px, calc(669 / var(--gfs) * 100vw)); right: max(-256px, calc(-256 / var(--gfs) * 100vw)); top: max(166px, calc(166 / var(--gfs) * 100vw)); transform: none; } .faq__item { padding-left: max(24px, calc(24 / var(--gfs) * 100vw)); margin-top: max(16px, calc(16 / var(--gfs) * 100vw)); } .faq__question { gap: max(24px, calc(24 / var(--gfs) * 100vw)); font-size: max(24px, calc(24 / var(--gfs) * 100vw)); height: initial; padding-top: max(16px, calc(16 / var(--gfs) * 100vw)); padding-bottom: max(16px, calc(16 / var(--gfs) * 100vw)); } .faq__question p { font-size: max(18px, calc(18 / var(--gfs) * 100vw)); } .faq__question span { width: max(40px, calc(40 / var(--gfs) * 100vw)); height: max(40px, calc(40 / var(--gfs) * 100vw)); } }@media (max-width: 1250px) { .faq__item { padding-right: max(20px, calc(20 / var(--gfs) * 100vw)); } .faq__item.active .faq__answer { padding-bottom: max(24px, calc(24 / var(--gfs) * 100vw)); padding-top: max(10px, calc(10 / var(--gfs) * 100vw)); } }@media (max-width: 1000px) and (min-width: 768px) { .faq-block { flex-direction: column; gap: max(16px, calc(16 / var(--gfs) * 100vw)); margin-top: max(30px, calc(30 / var(--gfs) * 100vw)); } .faq-called { width: 100%; max-width: 100%; } .faq-called__icon { top: max(30px, calc(30 / var(--gfs) * 100vw)); right: max(-280px, calc(-280 / var(--gfs) * 100vw)); } .faq-called__button { margin-top: max(100px, calc(100 / var(--gfs) * 100vw)); } }@media (max-width: 767px) { .faq-block { flex-direction: column; gap: max(16px, calc(16 / var(--gfs) * 100vw)); margin-top: max(30px, calc(30 / var(--gfs) * 100vw)); } .faq__item { padding-right: max(20px, calc(20 / var(--gfs) * 100vw)); } .faq__item.active .faq__answer { padding-bottom: max(24px, calc(24 / var(--gfs) * 100vw)); } .faq__question { padding-top: max(17px, calc(12 / var(--gfs) * 100vw)); padding-bottom: max(17px, calc(12 / var(--gfs) * 100vw)); } .faq__question p { font-size: max(14px, calc(14 / var(--gfs) * 100vw)); } .faq__question span { min-width: max(40px, calc(40 / var(--gfs) * 100vw)); } .faq__answer { font-size: max(14px, calc(14 / var(--gfs) * 100vw)); } .faq-called { padding-top: max(25px, calc(25 / var(--gfs) * 100vw)); line-height: 100%; padding-bottom: max(26px, calc(26 / var(--gfs) * 100vw)); } .faq-called__icon { width: max(405px, calc(405 / var(--gfs) * 100vw)); right: max(-60px, calc(-60 / var(--gfs) * 100vw)); bottom: max(-184px, calc(-184 / var(--gfs) * 100vw)); } .faq-called__button { margin-top: max(92px, calc(92 / var(--gfs) * 100vw)); } }.pricing-wrap { margin-top: max(55px, calc(55 / var(--gfs) * 100vw)); display: flex; align-items: stretch; justify-content: space-between; gap: max(20px, calc(20 / var(--gfs) * 100vw)); }.pricing-info { border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); border: 2px solid var(--stroke); background: #1C1E23; padding: max(32px, calc(32 / var(--gfs) * 100vw)); padding-top: max(26px, calc(26 / var(--gfs) * 100vw)); padding-bottom: max(24px, calc(24 / var(--gfs) * 100vw)); }.pricing__item { border-radius: max(40px, calc(40 / var(--gfs) * 100vw)); border: 2px solid var(--stroke); padding: max(16px, calc(16 / var(--gfs) * 100vw)); flex-basis: calc(33.33333% - 10px); padding-bottom: max(32px, calc(32 / var(--gfs) * 100vw)); }.pricing__item ul { padding: 0px; margin-top: max(32px, calc(32 / var(--gfs) * 100vw)); padding-left: max(16px, calc(16 / var(--gfs) * 100vw)); padding-right: max(16px, calc(16 / var(--gfs) * 100vw)); }.pricing__item ul li { font-size: max(16px, calc(16 / var(--gfs) * 100vw)); font-weight: 400; padding-left: max(32px, calc(32 / var(--gfs) * 100vw)); line-height: 150%; color: var(--description); margin-top: max(16px, calc(16 / var(--gfs) * 100vw)); font-size: max(18px, calc(18 / var(--gfs) * 100vw)); position: relative; }.pricing__item ul li:first-child { margin-top: 0; }.pricing__item ul li:before { content: ""; position: absolute; width: max(13px, calc(13 / var(--gfs) * 100vw)); height: max(13px, calc(13 / var(--gfs) * 100vw)); background-image: url("../images/icons/circle.png"); background-repeat: no-repeat; bottom: 0; top: 0; left: 0; margin: auto; border-radius: 50%; background-size: cover; margin-right: max(16px, calc(16 / var(--gfs) * 100vw)); }.pricing__label { font-size: max(46px, calc(46 / var(--gfs) * 100vw)); font-weight: 500; line-height: 100%; letter-spacing: max(-0.56px, calc(-0.56 / var(--gfs) * 100vw)); }.pricing__category { display: flex; flex-wrap: wrap; margin-top: max(18px, calc(18 / var(--gfs) * 100vw)); gap: max(8px, calc(8 / var(--gfs) * 100vw)); }.pricing__category span { display: flex; align-items: center; justify-content: center; font-size: max(13px, calc(13 / var(--gfs) * 100vw)); font-weight: 700; padding-right: max(14px, calc(14 / var(--gfs) * 100vw)); padding-left: max(14px, calc(14 / var(--gfs) * 100vw)); height: max(37px, calc(37 / var(--gfs) * 100vw)); border-radius: 20000px; letter-spacing: max(-0.56px, calc(-0.56 / var(--gfs) * 100vw)); border: 2px solid var(--green); text-transform: uppercase; background: #141518; }.pricing__category span:last-child { margin-right: 0; }.pricing__price { margin-top: max(32px, calc(32 / var(--gfs) * 100vw)); display: flex; align-items: flex-end; gap: max(16px, calc(16 / var(--gfs) * 100vw)); }.pricing__price p { font-size: max(48px, calc(48 / var(--gfs) * 100vw)); font-weight: 500; line-height: 1; }.pricing__price span { font-size: max(16px, calc(16 / var(--gfs) * 100vw)); font-weight: 400; line-height: 150%; color: var(--description); }.pricing__description { margin-top: max(35px, calc(35 / var(--gfs) * 100vw)); }.pricing__button { margin-top: max(24px, calc(24 / var(--gfs) * 100vw)); width: 100%; text-align: center; }@media (max-width: 1919px) { .pricing-wrap { margin-top: max(35px, calc(35 / var(--gfs) * 100vw)); } .pricing-info { padding: max(24px, calc(24 / var(--gfs) * 100vw)); padding-top: max(18px, calc(18 / var(--gfs) * 100vw)); } .pricing__label { font-size: max(24px, calc(24 / var(--gfs) * 100vw)); } .pricing__category { margin-top: max(11px, calc(11 / var(--gfs) * 100vw)); } .pricing__category span { font-size: max(10px, calc(10 / var(--gfs) * 100vw)); height: max(31px, calc(31 / var(--gfs) * 100vw)); } .pricing__price { margin-top: max(16px, calc(16 / var(--gfs) * 100vw)); flex-direction: column; align-items: flex-start; gap: max(6px, calc(6 / var(--gfs) * 100vw)); } .pricing__price p { font-size: max(32px, calc(32 / var(--gfs) * 100vw)); } .pricing__price span { font-size: max(14px, calc(14 / var(--gfs) * 100vw)); } .pricing__description { font-size: max(14px, calc(14 / var(--gfs) * 100vw)); margin-top: max(16px, calc(16 / var(--gfs) * 100vw)); } .pricing__button { margin-top: max(16px, calc(16 / var(--gfs) * 100vw)); } .pricing__item:nth-child(1) .pricing__category { max-width: 80%; } .pricing__item ul { padding: 0px; margin-top: max(24px, calc(24 / var(--gfs) * 100vw)); } .pricing__item ul li { font-size: max(16px, calc(16 / var(--gfs) * 100vw)); } }@media (max-width: 1250px) and (min-width: 768px) { .pricing-wrap { flex-wrap: wrap; } .pricing__item { flex-basis: 100%; display: flex; align-items: center; padding: max(24px, calc(24 / var(--gfs) * 100vw)); gap: max(20px, calc(20 / var(--gfs) * 100vw)); } .pricing__item ul { margin-top: 0px; } .pricing-info { max-width: 60%; } }@media (max-width: 1150px) and (min-width: 1000px) { .pricing-info { max-width: 50%; } }@media (max-width: 1000px) and (min-width: 768px) { .pricing-info { max-width: 50%; } .pricing ul li { font-size: max(14px, calc(14 / var(--gfs) * 100vw)); } }@media (max-width: 767px) { .pricing-wrap { flex-direction: column; margin-top: max(24px, calc(24 / var(--gfs) * 100vw)); gap: max(24px, calc(24 / var(--gfs) * 100vw)); } .pricing-info { padding: max(20px, calc(20 / var(--gfs) * 100vw)); padding-top: max(16px, calc(16 / var(--gfs) * 100vw)); } .pricing__description { letter-spacing: -0.42px; line-height: 150%; margin-top: max(14px, calc(14 / var(--gfs) * 100vw)); } .pricing__category { margin-top: max(17px, calc(17 / var(--gfs) * 100vw)); } .pricing__category span { padding-left: max(12px, calc(12 / var(--gfs) * 100vw)); padding-right: max(12px, calc(12 / var(--gfs) * 100vw)); } .pricing__price { letter-spacing: -0.64px; } .pricing__item ul { margin-top: max(16px, calc(16 / var(--gfs) * 100vw)); } .pricing__item ul li { letter-spacing: -0.48px; } }.team__subtitle { margin-top: max(46px, calc(46 / var(--gfs) * 100vw)); }.team-wrap { display: flex; flex-wrap: wrap; gap: max(20px, calc(20 / var(--gfs) * 100vw)); margin-top: max(64px, calc(64 / var(--gfs) * 100vw)); }.team__item { border-radius: max(40px, calc(40 / var(--gfs) * 100vw)); border: 2px solid var(--stroke); background: linear-gradient(280deg, #141518 4.99%, #1B1D23 110.01%); padding: max(16px, calc(16 / var(--gfs) * 100vw)); flex-basis: calc(25% - max(15px, calc(15 / var(--gfs) * 100vw))); }.team__image { width: 100%; border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); height: max(414px, calc(414 / var(--gfs) * 100vw)); background-position: center; background-size: cover; border: 2px solid var(--stroke); }.team__name { font-size: max(24px, calc(24 / var(--gfs) * 100vw)); font-weight: 500; line-height: 120%; margin-top: max(24px, calc(24 / var(--gfs) * 100vw)); }.team__role { color: var(--description); margin-top: max(8px, calc(8 / var(--gfs) * 100vw)); }.team__description { margin-top: max(11px, calc(11 / var(--gfs) * 100vw)); color: var(--description); }.team__description a { color: var(--green); }@media (max-width: 1919px) { .team__subtitle { margin-top: max(35px, calc(35 / var(--gfs) * 100vw)); } .team-wrap { margin-top: max(35px, calc(35 / var(--gfs) * 100vw)); } .team__image { height: max(248px, calc(248 / var(--gfs) * 100vw)); } .team__name { font-size: max(18px, calc(18 / var(--gfs) * 100vw)); margin-top: max(20px, calc(20 / var(--gfs) * 100vw)); } .team__role { margin-top: max(18px, calc(18 / var(--gfs) * 100vw)); font-size: max(14px, calc(14 / var(--gfs) * 100vw)); } .team__description { margin-top: max(10px, calc(10 / var(--gfs) * 100vw)); font-size: max(14px, calc(14 / var(--gfs) * 100vw)); } }@media (max-width: 1250px) { .team__item { flex-basis: calc(50% - max(13px, calc(13 / var(--gfs) * 100vw))); display: flex; align-items: center; gap: max(16px, calc(16 / var(--gfs) * 100vw)); border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); letter-spacing: -0.42px; } .team__image { height: max(150px, calc(150 / var(--gfs) * 100vw)); width: max(150px, calc(150 / var(--gfs) * 100vw)); } .team__name { margin-top: 0px; } }@media (max-width: 767px) { .team-wrap { margin-top: max(25px, calc(25 / var(--gfs) * 100vw)); } .team__subtitle { margin-top: max(12px, calc(12 / var(--gfs) * 100vw)); } .team__item { flex-basis: 100%; display: flex; align-items: center; gap: max(16px, calc(16 / var(--gfs) * 100vw)); border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); letter-spacing: -0.42px; } .team__image { height: max(95px, calc(95 / var(--gfs) * 100vw)); width: max(95px, calc(95 / var(--gfs) * 100vw)); border-radius: max(20px, calc(20 / var(--gfs) * 100vw)); border: 2px solid var(--stroke); } .team__name { margin-top: 0px; } .team__role { font-size: max(13px, calc(13 / var(--gfs) * 100vw)); } .team__description { font-size: max(13px, calc(13 / var(--gfs) * 100vw)); } }.button-5 { z-index: 1; cursor: pointer; border-radius: 14px; justify-content: center; align-items: center; width: 160px; height: 54px; display: flex; position: relative; overflow: hidden; isolation: isolate; pointer-events: auto; }.button-5:active { box-shadow: 0 10px 29px -6px rgba(153, 12, 174, 0.57); }.button-5-gradient { z-index: 2; opacity: 0; filter: contrast(140%); background-image: linear-gradient(255deg, rgba(116, 35, 255, 0.5), rgba(186, 92, 226, 0.51)); border-radius: 12px; justify-content: center; align-items: center; width: 97%; height: 93%; display: flex; position: absolute; top: 4.5%; left: 1.5%; pointer-events: none; }.button-5_border-color { z-index: 1; filter: contrast(130%); border-radius: 12px; justify-content: center; align-items: center; width: 100%; height: 100%; display: block; position: absolute; overflow: hidden; pointer-events: none; }.border_color { z-index: 1; filter: blur(16px); mix-blend-mode: normal; background-image: linear-gradient(112deg, rgba(255, 15, 51, 0.84), rgba(255, 102, 0, 0.86)); border-radius: 50%; justify-content: center; align-items: center; width: 50px; height: 50px; display: flex; position: absolute; top: -21px; left: -14px; transform: translateX(0); will-change: transform, opacity; pointer-events: none; }.border_color.color-1 { filter: blur(12px); background-image: linear-gradient(112deg, #ff950b, rgba(255, 68, 0, 0.92)); width: 40px; height: 40px; top: -30%; left: -5%; opacity: 0; }.border_color.color-3 { filter: blur(12px); background-image: linear-gradient(251deg, #fab300, #fff200); width: 40px; height: 40px; top: -41%; left: 8%; opacity: 1; }.border_color.color-2 { filter: blur(12px); background-image: linear-gradient(251deg, #ff2596, #f709ff); width: 40px; height: 40px; top: -45%; left: 29%; opacity: 1; }.label { position: relative; z-index: 3; color: #fff; pointer-events: none; }.project { position: relative; padding-top: 0; padding-top: 0px; margin-top: max(20px, calc(20 / var(--gfs) * 100vw)); }.project .container { padding-left: max(30px, calc(30 / var(--gfs) * 100vw)); padding-right: max(30px, calc(30 / var(--gfs) * 100vw)); }.project.active { top: 0; visibility: visible; }.project.loading:before { content: ""; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background-image: url("../images/icons/logo.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; animation: rotate 2s linear infinite; z-index: 3001; }.project-block { display: flex; min-height: calc(100vh - 100px); border-radius: max(50px, calc(50 / var(--gfs) * 100vw)); padding: max(40px, calc(40 / var(--gfs) * 100vw)); }.project__close { display: flex; align-items: center; font-size: max(14px, calc(14 / var(--gfs) * 100vw)); font-weight: 700; line-height: 150%; letter-spacing: max(-0.04em, calc(-0.04em / var(--gfs) * 100vw)); text-transform: uppercase; color: var(--description); gap: max(22px, calc(22 / var(--gfs) * 100vw)); cursor: pointer; margin-bottom: max(24px, calc(24 / var(--gfs) * 100vw)); }.project__close img { width: max(13px, calc(13 / var(--gfs) * 100vw)); height: max(12px, calc(12 / var(--gfs) * 100vw)); }.project-scroll-top { margin-bottom: 15px; width: max(40px, calc(40 / var(--gfs) * 100vw)); height: max(40px, calc(40 / var(--gfs) * 100vw)); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.2s; }.project-scroll-top:hover { transform: translateY(-5px); }.project-close { width: max(24px, calc(24 / var(--gfs) * 100vw)); height: max(24px, calc(24 / var(--gfs) * 100vw)); display: flex; align-items: center; justify-content: center; background: var(--white); border-radius: 50%; cursor: pointer; margin-top: max(23px, calc(23 / var(--gfs) * 100vw)); }.project-information { color: var(--white); max-width: max(610px, calc(610 / var(--gfs) * 100vw)); display: flex; justify-content: space-between; flex-direction: column; margin-right: max(30px, calc(30 / var(--gfs) * 100vw)); position: sticky; top: max(60px, calc(60 / var(--gfs) * 100vw)); align-self: flex-start; width: 100%; z-index: 10; }.project__label { font-weight: 500; font-size: max(48px, calc(48 / var(--gfs) * 100vw)); line-height: 150%; letter-spacing: -0.05em; }.project__subtitle { opacity: 0.4; font-weight: 500; font-size: max(14px, calc(14 / var(--gfs) * 100vw)); line-height: 150%; margin-top: max(10px, calc(10 / var(--gfs) * 100vw)); }.project__callback { margin-bottom: max(15px, calc(15 / var(--gfs) * 100vw)); cursor: pointer; }.project-info { margin-top: max(21px, calc(21 / var(--gfs) * 100vw)); padding-top: max(21px, calc(21 / var(--gfs) * 100vw)); border-top: 1px solid rgba(255, 255, 255, 0.1); display: flex; }.project-info__item { margin-right: max(40px, calc(40 / var(--gfs) * 100vw)); }.project-info__item:last-child { margin-right: 0px; }.project-info__item span { font-weight: 400; font-size: max(14px, calc(14 / var(--gfs) * 100vw)); line-height: 150%; opacity: 0.4; margin-bottom: max(4px, calc(4 / var(--gfs) * 100vw)); display: block; }.project__description { font-weight: 500; font-size: max(18px, calc(18 / var(--gfs) * 100vw)); line-height: 150%; margin-top: max(42px, calc(42 / var(--gfs) * 100vw)); }.project__button { max-width: -moz-fit-content; max-width: fit-content; width: 100%; position: fixed; bottom: max(40px, calc(40 / var(--gfs) * 100vw)); left: 0; right: 0; margin: auto; z-index: 6000; font-size: max(14px, calc(14 / var(--gfs) * 100vw)); }.project__button:hover { box-shadow: 0px 9px 40px 0px rgba(219, 254, 1, 0.25); }.project__button p::after { background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M1.4 13L0 11.6L9.6 2H1V0H13V12H11V3.4L1.4 13Z' fill='%23141518' /%3E%3C/svg%3E%0A"); }.project__button-wrapper { display: flex; align-items: center; gap: max(30px, calc(30 / var(--gfs) * 100vw)); margin-top: 0; }.project__button img { width: max(12px, calc(12 / var(--gfs) * 100vw)); }.project__callback { font-size: max(18px, calc(18 / var(--gfs) * 100vw)); }.project__callback img { transform: rotate(45deg); margin-left: max(16px, calc(16 / var(--gfs) * 100vw)); width: max(14px, calc(14 / var(--gfs) * 100vw)); }.project__warning span { width: 8px; height: 8px; background: var(--green); border-radius: 50%; display: block; }.project__warning p { font-weight: 400; font-size: max(14px, calc(14 / var(--gfs) * 100vw)); line-height: 150%; }.project-content { flex: 1; }.project-content__item { margin-bottom: max(30px, calc(30 / var(--gfs) * 100vw)); }.project-content__item img { cursor: pointer; }.project-content__item .case-item { width: 100%; border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); }@media (max-width: 1250px) { .project { margin-top: max(90px, calc(90 / var(--gfs) * 100vw)); } }@media (max-width: 1200px) { .project__label { font-size: max(24px, calc(24 / var(--gfs) * 100vw)); } .project__description { margin-top: max(32px, calc(32 / var(--gfs) * 100vw)); } .project-block { flex-direction: column; align-items: center; } .project-navigation { height: -moz-fit-content; height: fit-content; } .project-close { position: fixed; top: max(15px, calc(15 / var(--gfs) * 100vw)); right: max(15px, calc(15 / var(--gfs) * 100vw)); z-index: 10; } .project-scroll-top { position: fixed; bottom: max(15px, calc(15 / var(--gfs) * 100vw)); left: max(15px, calc(15 / var(--gfs) * 100vw)); z-index: 10; width: max(40px, calc(40 / var(--gfs) * 100vw)); height: max(40px, calc(40 / var(--gfs) * 100vw)); border-radius: 50%; } .project-information { border-left: none; max-width: 100%; margin-right: 0; height: -moz-fit-content; height: fit-content; position: relative; top: 0; } .project__callback { position: fixed; left: 0; right: 0; bottom: max(15px, calc(15 / var(--gfs) * 100vw)); width: -moz-fit-content; width: fit-content; margin: auto; background: var(--green); height: max(40px, calc(40 / var(--gfs) * 100vw)); border-radius: 30px; display: flex; align-items: center; justify-content: center; padding: 0% 20px; font-size: 16px; color: var(--black); font-weight: 600; } .project__callback img { display: none; } .project__button { margin-left: auto; margin-right: auto; left: 0; bottom: max(10px, calc(10 / var(--gfs) * 100vw)); right: 0; padding: 0px max(20px, calc(20 / var(--gfs) * 100vw)); font-size: max(12px, calc(12 / var(--gfs) * 100vw)); height: max(42px, calc(42 / var(--gfs) * 100vw)); } .project__button-wrapper { flex-direction: column; align-items: center; gap: 10px; margin-top: max(0px, calc(0 / var(--gfs) * 100vw)); } .project__warning { text-align: center; } .project__warning span { margin-left: auto; margin-right: auto; } .project-content { margin-top: max(30px, calc(30 / var(--gfs) * 100vw)); } .project-content__item { margin-bottom: max(16px, calc(16 / var(--gfs) * 100vw)); } }@media (max-width: 768px) { .project { margin-left: 0; margin-right: 0; border: none; } .project__close { gap: max(12px, calc(12 / var(--gfs) * 100vw)); } .project .container { padding-left: max(15px, calc(15 / var(--gfs) * 100vw)); padding-right: max(15px, calc(15 / var(--gfs) * 100vw)); } .project-block { padding-top: max(20px, calc(20 / var(--gfs) * 100vw)); padding-right: max(10px, calc(10 / var(--gfs) * 100vw)); padding-left: max(10px, calc(10 / var(--gfs) * 100vw)); padding-bottom: max(40px, calc(40 / var(--gfs) * 100vw)); border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); min-height: -moz-fit-content; min-height: fit-content; height: -moz-fit-content; height: fit-content; flex-direction: column; align-items: center; } .project__description { font-size: max(14px, calc(14 / var(--gfs) * 100vw)); } .project-info__item { font-size: max(14px, calc(14 / var(--gfs) * 100vw)); } }.quiz.quiz-result .quiz-wrap:after { opacity: 0; }.quiz.quiz-result .quiz__form { background: transparent; border-color: transparent; }.quiz.quiz-result .quiz__content, .quiz.quiz-result .quiz__actions { display: none; }.quiz .form__success { font-weight: 500; font-size: max(60px, calc(60 / var(--gfs) * 100vw)); line-height: 100%; letter-spacing: -0.03em; text-align: center; color: var(--white); display: none; margin: auto; opacity: 0; transition: opacity 0.3s ease; }.quiz .form__success.active { display: block; opacity: 1; }.quiz .form__success strong { font-weight: 500; }.quiz .form__success-icon { opacity: 0; transform: translateY(-50px); margin-left: auto; margin-right: auto; }.quiz .form__success-icon img { max-width: 100%; }.quiz .form__success-icon.animate { animation: arrowBounce 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; }.quiz .form__success-description { opacity: 0; transform: translateY(20px); }.quiz .form__success-description.animate { animation: fadeUpIn 0.4s ease forwards; animation-delay: 0.3s; }.quiz__title { font-size: max(80px, calc(80 / var(--gfs) * 100vw)); text-align: center; }.quiz__title strong { color: va(--white); }.quiz__subtitle { font-size: max(24px, calc(24 / var(--gfs) * 100vw)); text-align: center; margin-top: max(48px, calc(48 / var(--gfs) * 100vw)); letter-spacing: max(-0.72px, calc(-0.72 / var(--gfs) * 100vw)); }.quiz__subtitle br { display: none; }.quiz__subtitle p { margin-top: max(25px, calc(25 / var(--gfs) * 100vw)); }.quiz__subtitle strong { font-weight: 500; color: var(--green); }.quiz-wrap { display: flex; justify-content: space-between; gap: max(48px, calc(48 / var(--gfs) * 100vw)); position: relative; flex-direction: column; }.quiz__form { padding: max(48px, calc(48 / var(--gfs) * 100vw)); border-radius: max(40px, calc(40 / var(--gfs) * 100vw)); border: 2px solid var(--stroke); border-width: max(2px, calc(2 / var(--gfs) * 100vw)); background: #1C1E23; width: 100%; position: relative; z-index: 1; min-height: max(503px, calc(503 / var(--gfs) * 100vw)); display: flex; flex-direction: column; justify-content: space-between; transition: 0.2s; }.quiz__form .quiz__submit { display: none; }.quiz__form.first-step .quiz__btn-prev.btn { opacity: 0; pointer-events: none; }.quiz__form.result .quiz__progress { display: none; }.quiz__form.result .quiz__actions { gap: max(24px, calc(24 / var(--gfs) * 100vw)); width: 100%; margin-top: 0px; }.quiz__form.result .btn { display: none; }.quiz__form.result .quiz__btn-prev { display: flex; }.quiz__form.result .quiz__submit { display: flex; width: 100%; max-width: max(724px, calc(724 / var(--gfs) * 100vw)); background: var(--green); border-color: var(--green); }.quiz__form.result .quiz__submit p { color: var(--black); }.quiz__form.result .quiz__submit p::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M1.4 13L0 11.6L9.6 2H1V0H13V12H11V3.4L1.4 13Z' fill='%23222'/%3E%3C/svg%3E"); }.quiz__step-title { font-size: max(48px, calc(48 / var(--gfs) * 100vw)); font-weight: 500; line-height: 110%; text-align: center; letter-spacing: max(-1.44px, calc(-1.44 / var(--gfs) * 100vw)); }.quiz__step-title span { color: var(--green); }.quiz__step-title #stepCounter { color: var(--green); }.quiz__options { margin-top: max(40px, calc(40 / var(--gfs) * 100vw)); display: flex; flex-wrap: wrap; gap: max(40px, calc(40 / var(--gfs) * 100vw)); }.quiz__options.deadlines { flex-wrap: nowrap; }.quiz__options.deadlines .quiz__option { height: auto; text-align: left; font-weight: 700; line-height: 150%; letter-spacing: max(-0.56px, calc(-0.56 / var(--gfs) * 100vw)); align-items: center; padding: max(8px, calc(8 / var(--gfs) * 100vw)); flex-basis: calc(33.333333% - max(4px, calc(4 / var(--gfs) * 100vw))); width: -moz-fit-content; width: fit-content; display: flex; gap: max(24px, calc(24 / var(--gfs) * 100vw)); flex-direction: row; }.quiz__options.deadlines .quiz__option-subtitle { color: var(--description); font-size: max(16px, calc(16 / var(--gfs) * 100vw)); margin-top: max(2px, calc(2 / var(--gfs) * 100vw)); }.quiz__options.deadlines .quiz__option-description { margin-top: max(12px, calc(12 / var(--gfs) * 100vw)); color: var(--description); font-size: max(14px, calc(14 / var(--gfs) * 100vw)); letter-spacing: max(-0.42px, calc(-0.42 / var(--gfs) * 100vw)); line-height: 140%; font-weight: 400; }.quiz__options.deadlines .quiz__option-icon { background-position: center; background-size: cover; width: max(165px, calc(165 / var(--gfs) * 100vw)); min-width: max(165px, calc(165 / var(--gfs) * 100vw)); border: 2px solid var(--stroke); border-width: max(2px, calc(2 / var(--gfs) * 100vw)); height: max(165px, calc(165 / var(--gfs) * 100vw)); border-radius: max(24px, calc(24 / var(--gfs) * 100vw)); min-height: max(165px, calc(165 / var(--gfs) * 100vw)); margin: 0; background-size: 120px; background-position: center; background-repeat: no-repeat; }.quiz__options.deadlines .quiz__option-title { text-align: left; margin-top: 0px; font-size: max(24px, calc(24 / var(--gfs) * 100vw)); }.quiz__option { border-radius: max(30px, calc(30 / var(--gfs) * 100vw)); border: 2px solid var(--stroke); flex-basis: calc(16.666666% - max(34px, calc(34 / var(--gfs) * 100vw))); padding: max(24px, calc(24 / var(--gfs) * 100vw)); transition: 0.2s; cursor: pointer; position: relative; width: max(225px, calc(225 / var(--gfs) * 100vw)); height: max(220px, calc(220 / var(--gfs) * 100vw)); background-position: center; background-size: cover; background-repeat: no-repeat; padding: max(16px, calc(16 / var(--gfs) * 100vw)); display: flex; align-items: center; justify-content: flex-end; flex-direction: column; }.quiz__option:hover { border-color: var(--green); }.quiz__option.active { border-color: var(--green); }.quiz__option.active .quiz__option-check { opacity: 1; visibility: visible; }.quiz__option-check { width: max(24px, calc(24 / var(--gfs) * 100vw)); height: max(24px, calc(24 / var(--gfs) * 100vw)); border-radius: 50%; background: var(--green); right: max(16px, calc(16 / var(--gfs) * 100vw)); top: max(16px, calc(16 / var(--gfs) * 100vw)); background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M4.36641 8.99909L0.566406 5.19909L1.51641 4.24909L4.36641 7.09909L10.4831 0.982422L11.4331 1.93242L4.36641 8.99909Z' fill='%23141518' /%3E%3C/svg%3E%0A"); position: absolute; background-repeat: no-repeat; background-size: max(12px, calc(12 / var(--gfs) * 100vw)); background-position: center; opacity: 0; visibility: hidden; box-shadow: 0px 8px 28px 0px rgba(219, 254, 1, 0.25); transition: 0.2s; }.quiz__option-title { font-size: max(14px, calc(14 / var(--gfs) * 100vw)); font-weight: 700; line-height: 150%; text-align: center; letter-spacing: max(-0.56px, calc(-0.56 / var(--gfs) * 100vw)); margin-top: max(16px, calc(16 / var(--gfs) * 100vw)); }.quiz__actions { display: flex; justify-content: center; gap: max(24px, calc(24 / var(--gfs) * 100vw)); align-items: center; margin-top: max(24px, calc(24 / var(--gfs) * 100vw)); max-width: max(550px, calc(550 / var(--gfs) * 100vw)); margin-left: auto; margin-right: auto; }.quiz__progress { font-size: max(24px, calc(24 / var(--gfs) * 100vw)); font-weight: 900; line-height: 120%; white-space: nowrap; letter-spacing: max(-1.2px, calc(-1.2 / var(--gfs) * 100vw)); text-transform: uppercase; }.quiz__progress .quiz__progress-current { color: var(--green); }.quiz__step { display: none; }.quiz__step.active { display: block; }.quiz__row { margin-top: max(48px, calc(48 / var(--gfs) * 100vw)); }.quiz__row:last-child { margin-bottom: 0px; }.quiz__row .input-file { padding-bottom: max(20px, calc(20 / var(--gfs) * 100vw)); }.quiz form { border: 2px solid var(--stroke); border-width: max(2px, calc(2 / var(--gfs) * 100vw)); border-radius: max(40px, calc(40 / var(--gfs) * 100vw)); padding: max(38px, calc(38 / var(--gfs) * 100vw)); background: var(--gray); position: relative; }.quiz form.loading { pointer-events: none; }.quiz form.loading .form-loading { opacity: 1; visibility: visible; }.quiz form .form-loading { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: max(60px, calc(60 / var(--gfs) * 100vw)); height: max(60px, calc(60 / var(--gfs) * 100vw)); z-index: 1; opacity: 1; transition: opacity 0.3s ease; animation: fly 3s linear infinite; }.quiz form .form-loading.hidden { opacity: 0; }.quiz form .form-loading img { width: 100%; height: 100%; }.quiz form .form__row { margin-bottom: max(40px, calc(40 / var(--gfs) * 100vw)); position: relative; max-width: max(550px, calc(550 / var(--gfs) * 100vw)); margin-left: auto; margin-right: auto; }.quiz form .form__row::before { position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 2px; background: var(--white); transition: 0.2s; }.quiz form .form__row.filled:before { width: 100%; height: 2px; background: var(--green); box-shadow: 0 8px 28px 0 rgba(219, 254, 1, 0.25); }.quiz form .form__placeholder { font-family: var(--font-family); font-weight: 500; font-size: max(24px, calc(24 / var(--gfs) * 100vw)); line-height: 100%; letter-spacing: -0.03em; color: var(--description); position: absolute; line-height: 1; top: 0; display: block; transition: 0.2s; pointer-events: none; margin-bottom: max(12px, calc(12 / var(--gfs) * 100vw)); }.quiz form .form__placeholder--textarea.active { transform: translateY(-15px); }.quiz form .form__placeholder.active { font-weight: 400; font-size: max(16px, calc(16 / var(--gfs) * 100vw)); line-height: 150%; letter-spacing: -0.03em; color: var(--description); }.quiz form .form__placeholder span { color: #f00; }.quiz form textarea { resize: none; font-size: max(20px, calc(20 / var(--gfs) * 100vw)); width: 100%; line-height: 150%; border: none; padding-bottom: max(16px, calc(16 / var(--gfs) * 100vw)); color: var(--white); padding-top: max(12px, calc(12 / var(--gfs) * 100vw)); background: transparent; height: max(60px, calc(60 / var(--gfs) * 100vw)); font-family: var(--font-family); margin-top: max(15px, calc(15 / var(--gfs) * 100vw)); }.quiz form textarea::-webkit-scrollbar { width: max(12px, calc(12 / var(--gfs) * 100vw)); border-radius: max(10px, calc(10 / var(--gfs) * 100vw)); background: var(--green); }.quiz form textarea::-webkit-scrollbar-thumb { background: var(--black); border: max(2px, calc(2 / var(--gfs) * 100vw)) solid var(--green); border-radius: max(10px, calc(10 / var(--gfs) * 100vw)); }.quiz form textarea:focus { outline: none; }.quiz form textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.2); }.quiz form textarea::placeholder { color: rgba(255, 255, 255, 0.2); }.quiz form input { background: transparent; display: block; height: max(58px, calc(58 / var(--gfs) * 100vw)); font-size: max(24px, calc(24 / var(--gfs) * 100vw)); width: 100%; color: var(--white); line-height: 1; padding-left: 0px; padding-bottom: max(8px, calc(8 / var(--gfs) * 100vw)); border-bottom: 2px solid var(--whhite); padding-top: max(24px, calc(24 / var(--gfs) * 100vw)); }.quiz form input.phone { letter-spacing: 1px; }.quiz form input.phone + .form__placeholder { letter-spacing: 0; }.quiz form input.filled { border-color: var(--green); }.quiz form input::-moz-placeholder { color: rgba(255, 255, 255, 0.2); transform: translateY(-10px); }.quiz form input::placeholder { color: rgba(255, 255, 255, 0.2); transform: translateY(-10px); }.quiz form input:first-child { margin-top: 0px; }.quiz form .btn { width: max(200px, calc(200 / var(--gfs) * 100vw)); }.quiz form .btn input { position: absolute; width: 100%; height: 100%; opacity: 0; margin: 0; cursor: pointer; padding: 0; }.quiz form .policy { margin-top: max(29px, calc(29 / var(--gfs) * 100vw)); font-weight: 500; display: block; text-align: center; font-size: max(14px, calc(14 / var(--gfs) * 100vw)); color: var(--white); }.quiz form .policy br { display: none; }.quiz form .policy a { position: relative; }.quiz form .policy a::before { content: ""; position: absolute; bottom: 0; right: 0; margin: auto; left: 0; width: 100%; height: 1px; background: var(--white); }.quiz form .policy a:hover::before { width: 0%; }.quiz .quiz__btn-next { background: var(--green); border-color: var(--green); color: var(--black); }.quiz .quiz__btn-next:hover { color: var(--black); background: var(--green); box-shadow: 0px 8px 28px 0px rgba(219, 254, 1, 0.25); }.quiz .quiz__btn.disabled { opacity: 0.1; pointer-events: none; }@media (max-width: 1919px) { .quiz .form__success { font-size: max(40px, calc(40 / var(--gfs) * 100vw)); } .quiz .form__success-icon { max-width: max(400px, calc(400 / var(--gfs) * 100vw)); } .quiz-wrap::after { display: none; } .quiz__title { font-size: max(56px, calc(56 / var(--gfs) * 100vw)); } .quiz__step-title { font-size: max(32px, calc(32 / var(--gfs) * 100vw)); } .quiz form { padding: max(32px, calc(32 / var(--gfs) * 100vw)); border-radius: max(34px, calc(34 / var(--gfs) * 100vw)); min-height: auto; } .quiz form textarea { font-size: max(18px, calc(18 / var(--gfs) * 100vw)); height: max(48px, calc(48 / var(--gfs)* 100vw)); padding-bottom: max(12px, calc(12 / var(--gfs)* 100vw)); padding-top: max(4px, calc(4 / var(--gfs)* 100vw)); } .quiz form input { font-size: max(18px, calc(18 / var(--gfs) * 100vw)); } .quiz form .form__placeholder { font-size: max(18px, calc(18 / var(--gfs) * 100vw)); } .quiz form .input-file-btn { font-size: max(18px, calc(18 / var(--gfs) * 100vw)); } .quiz form .input-file { padding-bottom: max(20px, calc(20 / var(--gfs) * 100vw)); } .quiz form .btn { width: max(150px, calc(150 / var(--gfs) * 100vw)); } .quiz__options { margin-top: max(24px, calc(24 / var(--gfs) * 100vw)); gap: max(16px, calc(16 / var(--gfs) * 100vw)); } .quiz__options.deadlines .quiz__option { display: flex; flex-direction: row; gap: max(20px, calc(20 / var(--gfs) * 100vw)); align-items: center; padding: max(16px, calc(16 / var(--gfs) * 100vw)); } .quiz__options.deadlines .quiz__option-title { margin-top: 0px; min-height: auto; font-size: max(18px, calc(18 / var(--gfs) * 100vw)); } .quiz__options.deadlines .quiz__option-description { min-height: auto; margin-top: max(6px, calc(6 / var(--gfs) * 100vw)); } .quiz__options.deadlines .quiz__option-icon { width: max(100px, calc(100 / var(--gfs)* 100vw)); min-width: max(100px, calc(100 / var(--gfs)* 100vw)); min-height: max(100px, calc(100 / var(--gfs)* 100vw)); height: max(100px, calc(100 / var(--gfs)* 100vw)); border: none; } .quiz__option { width: auto; flex-basis: calc(16.666666% - max(14px, calc(14 / var(--gfs) * 100vw))); height: max(196px, calc(196 / var(--gfs) * 100vw)); padding: max(10px, calc(10 / var(--gfs) * 100vw)); background-size: contain; } .quiz__option-title { font-size: max(12px, calc(12 / var(--gfs) * 100vw)); max-width: 80%; text-align: center; min-height: max(32px, calc(32 / var(--gfs) * 100vw)); } .quiz__option-description { min-height: auto; } .quiz__actions { margin-top: max(16px, calc(16 / var(--gfs) * 100vw)); } .quiz__progress { font-size: max(18px, calc(18 / var(--gfs) * 100vw)); } .quiz__subtitle { font-size: max(18px, calc(18 / var(--gfs) * 100vw)); } .quiz__actions { margin-top: max(24px, calc(24 / var(--gfs) * 100vw)); } }@media (max-width: 1250px) { .quiz__title { text-align: center; } .quiz__subtitle { text-align: center; margin-top: max(24px, calc(24 / var(--gfs) * 100vw)); } .quiz__subtitle p { margin-top: max(15px, calc(15 / var(--gfs) * 100vw)); } .quiz-wrap { flex-direction: column; align-items: center; justify-content: center; gap: max(32px, calc(32 / var(--gfs) * 100vw)); } .quiz form { padding-bottom: max(24px, calc(24 / var(--gfs) * 100vw)); } .quiz form .btn { width: max(143px, calc(143 / var(--gfs) * 100vw)); } .quiz__options.deadlines { flex-direction: column; } .quiz__options.deadlines .quiz__option { width: 100%; align-items: center; justify-content: flex-start; } .quiz__option { flex-basis: calc(33.333333% - max(11px, calc(11 / var(--gfs) * 100vw))); } .quiz__actions { gap: max(30px, calc(30 / var(--gfs) * 100vw)); } }@media (max-width: 767px) { .quiz .form__success { font-size: max(24px, calc(24 / var(--gfs) * 100vw)); margin-bottom: max(20px, calc(20 / var(--gfs) * 100vw)); } .quiz .form__success-icon { transform: max(-30px, calc(-30 / var(--gfs) * 100vw)); max-width: max(180px, calc(180 / var(--gfs) * 100vw)); margin-bottom: 0px; } .quiz__title { font-size: max(33px, calc(33 / var(--gfs) * 100vw)); } .quiz__subtitle br { display: block; } .quiz-wrap { padding: max(16px, calc(16 / var(--gfs) * 100vw)); } .quiz__options { gap: max(10px, calc(10 / var(--gfs) * 100vw)); } .quiz__options.deadlines .quiz__option { flex-direction: column; } .quiz__option { flex-basis: calc(50% - max(5px, calc(5 / var(--gfs) * 100vw))); border-radius: max(20px, calc(20 / var(--gfs) * 100vw)); padding-left: 0; padding-right: 0; height: max(170px, calc(170 / var(--gfs) * 100vw)); background-size: contain; background-position: top; } .quiz__option-title { min-height: max(35px, calc(35 / var(--gfs) * 100vw)); font-size: max(11px, calc(11 / var(--gfs) * 100vw)); } .quiz form { max-width: 100%; width: 100%; border-radius: max(32px, calc(32 / var(--gfs) * 100vw)); padding: max(16px, calc(16 / var(--gfs) * 100vw)); padding-bottom: max(24px, calc(24 / var(--gfs) * 100vw)); min-height: max(400px, calc(400 / var(--gfs) * 100vw)); } .quiz form .form-loading { width: max(40px, calc(40 / var(--gfs) * 100vw)); height: max(40px, calc(40 / var(--gfs) * 100vw)); } .quiz form textarea { font-size: max(16px, calc(16 / var(--gfs) * 100vw)); } .quiz form input { font-size: max(16px, calc(16 / var(--gfs) * 100vw)); } .quiz form .input-file-btn { font-size: max(16px, calc(16 / var(--gfs) * 100vw)); } .quiz form .input-file { padding-bottom: max(16px, calc(16 / var(--gfs) * 100vw)); } .quiz form .btn { width: max(150px, calc(150 / var(--gfs) * 100vw)); } .quiz__step-title { font-size: max(24px, calc(24 / var(--gfs) * 100vw)); padding-top: max(8px, calc(8 / var(--gfs) * 100vw)); } .quiz__actions { flex-wrap: wrap; gap: max(10px, calc(10 / var(--gfs) * 100vw)); margin-top: max(25px, calc(25 / var(--gfs) * 100vw)); } .quiz__actions .btn { flex-basis: calc(50% - max(6px, calc(6 / var(--gfs) * 100vw))); } .quiz__actions .btn.quiz__submit { flex-basis: 100%; } .quiz__progress { order: 1; flex-basis: 100%; text-align: center; margin-top: max(14px, calc(14 / var(--gfs) * 100vw)); font-size: max(18px, calc(18 / var(--gfs) * 100vw)); } .quiz__row { margin-top: max(24px, calc(24 / var(--gfs) * 100vw)); margin-bottom: max(24px, calc(24 / var(--gfs) * 100vw)); } .quiz__form.result .quiz__step-title br { display: none; } .quiz__form .quiz__actions .btn.quiz__submit { order: -1; } }@media (max-width: 500px) { .quiz__title { font-size: max(25px, calc(25 / var(--gfs) * 100vw)); } }label.policy { display: flex; align-items: flex-start; gap: max(8px, calc(8 / var(--gfs) * 100vw)); text-align: left; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; }label.policy .policy__checkbox { flex-shrink: 0; width: max(16px, calc(16 / var(--gfs) * 100vw)); height: max(16px, calc(16 / var(--gfs) * 100vw)); margin: 0; cursor: pointer; accent-color: var(--green); }label.policy .policy__text { flex: 1; }.policy.policy--error .policy__checkbox { outline: 2px solid #ff3b30; outline-offset: 1px; border-radius: 2px; }.policy.policy--error { animation: policyShake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97); }@keyframes policyShake { 10%, 90% { transform: translateX(-2px); } 20%, 80% { transform: translateX(3px); } 30%, 50%, 70% { transform: translateX(-5px); } 40%, 60% { transform: translateX(5px); } }.lazy-background.is-background-loaded { background-image: var(--lazy-background); }@media (prefers-reduced-motion: reduce) { .hero-video-zoom { animation: none; } }body .header__social[data-social=phone] { box-shadow: none; }.btn-more { margin-left: auto; margin-right: auto; margin-top: 20px; display: none; }.btn-more.btn p:after { display: none; }@media (max-width: 1250px) { .hidden-mobile { display: none; } .btn-more { display: flex; } }.fancybox-image { border-radius: 20px; }.notification { position: fixed; bottom: 20px; right: 20px; z-index: 1000; background-color: #FFFFFF; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); padding: 16px; max-width: 320px; transform: translateY(100px); opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; }.notification.show { transform: translateY(0); opacity: 1; }.notification__content { display: flex; align-items: center; }.notification__icon { margin-right: 12px; flex-shrink: 0; }.notification__message { font-size: 14px; line-height: 1.4; color: #333333; }@media (max-width: 767px) { .notification { left: 50%; right: auto; transform: translateX(-50%) translateY(100px); width: calc(100% - 40px); max-width: 320px; } .notification.show { transform: translateX(-50%) translateY(0); } }.fancybox-button.fancybox-button--thumbs { display: none; }.policy-quiz { margin-bottom: 30px; }.leads-manager-form label.policy { display: flex; align-items: flex-start; gap: 10px; min-height: 24px; text-align: left; line-height: 1.5; cursor: pointer; }.leads-manager-form .policy__text { flex: 1; min-width: 0; }.leads-manager-form .policy > input.policy__checkbox { -webkit-appearance: none; appearance: none; position: relative; display: block; flex: 0 0 20px; width: 20px; min-width: 20px; max-width: 20px; height: 20px; min-height: 20px; max-height: 20px; margin: 1px 0 0; padding: 0; border: 1px solid #777; border-radius: 6px; background: #252527; opacity: 1; cursor: pointer; transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease; }.leads-manager-form .policy > input.policy__checkbox:hover { border-color: var(--green, #dbfe01); }.leads-manager-form .policy > input.policy__checkbox:checked { border-color: var(--green, #dbfe01); background-color: var(--green, #dbfe01); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 10 3 3 7-7' fill='none' stroke='%2317191b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size: 18px 18px; background-position: center; background-repeat: no-repeat; }.leads-manager-form .policy > input.policy__checkbox:focus-visible { outline: 2px solid #b47cff; outline-offset: 4px; box-shadow: 0 0 0 4px rgba(180, 124, 255, .12); }.leads-manager-form .policy--error > input.policy__checkbox { border-color: #ff6b6b; }.leads-manager-form .policy > input.policy__checkbox:disabled { opacity: .45; cursor: default; }.quiz .leads-manager-form label.policy-quiz { width: 100%; max-width: max(550px, calc(550 / var(--gfs) * 100vw)); margin-left: auto; margin-right: auto; }@media (min-width: 768px) { .leads-manager-form label.policy { align-items: center; } .leads-manager-form .policy > input.policy__checkbox { margin-top: 0; } }@media (forced-colors: active) { .leads-manager-form .policy > input.policy__checkbox { appearance: auto; background-image: none; } }@media (prefers-reduced-motion: reduce) { .leads-manager-form .policy > input.policy__checkbox { transition: none; } }.hero__contact[data-action="phone"], .hero__contact[data-action="phone"].active { position: relative; flex-direction: row; height: max(80px, calc(80 / var(--gfs) * 100vw)); padding: 0 max(24px, calc(24 / var(--gfs) * 100vw)); border-radius: 999px; overflow: visible; }.hero__contact[data-action="phone"] .hero__qr { top: calc(100% + 10px); left: 50%; right: auto; width: 214px; max-width: calc(100vw - 40px); margin: 0; padding: 22px; border: 1px solid #34373b; border-radius: 26px; background: #121315; box-shadow: 0 20px 55px #0008; opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, -8px) scale(.96); transform-origin: top center; transition: opacity .35s ease, transform .45s cubic-bezier(.22, 1, .36, 1), visibility 0s .45s; }.hero__contact[data-action="phone"] .hero__qr::before { content: ""; position: absolute; bottom: 100%; left: 0; right: 0; height: 12px; }.hero__contact[data-action="phone"].active .hero__qr, .hero__contact[data-action="phone"]:focus-visible .hero__qr { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0) scale(1); transition-delay: 0s; }.hero__contact[data-action="phone"] .hero__qr img { display: block; width: 100%; height: auto; }.hero__contact[data-action="phone"] .hero__qr p { margin-top: 14px; font-size: 11px; line-height: 1.5; text-align: center; }@media (hover: hover) and (min-width: 1251px) { .hero__contact[data-action="phone"]:hover .hero__qr { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0) scale(1); transition-delay: 0s; } }body .hero-top.fixed, body .page .hero-top.fixed { top: 16px; left: 20px; right: 20px; width: fit-content; max-width: calc(100% - 40px); margin-inline: auto; gap: 28px; padding: 8px; border: 1px solid #34373b; border-radius: 999px; background: rgba(27, 29, 32, .96); box-shadow: 0 12px 40px #0006; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); animation: grast-header-enter .45s cubic-bezier(.22, 1, .36, 1) both; transition: background-color .3s, box-shadow .3s; }body .hero-top.fixed .hero__logo { max-width: none; gap: 8px; }body .hero-top.fixed .hero__logo span { width: 46px; height: 46px; }body .hero-top.fixed .hero__logo span img { width: 24px; }body .hero-top.fixed .hero__logo p { width: auto; height: auto; min-height: 46px; padding: 12px 24px; background: var(--green, #dcfe04); color: #121315; box-shadow: none; font-size: 12px; letter-spacing: -.3px; }body .hero-top.fixed .hero-top-right { gap: 8px; }body .hero-top.fixed .hero__contact, body .hero-top.fixed .hero__contact.active { height: 46px; padding: 0 20px; font-size: 14px; border-width: 1px; }body .hero-top.fixed .hero__qr { top: calc(100% + 10px); padding: 22px; }body .hero-top.fixed .hero__qr p { font-size: 11px; margin-top: 14px; }.hero__logo, .hero__logo:hover { box-shadow: none; }.hero__logo .hero__project-cta { padding: 0; border: 0; border-radius: 999px; background: transparent; font: inherit; color: var(--white); cursor: pointer; transition: box-shadow .25s ease; }.hero__logo .hero__project-cta:hover, .hero__logo .hero__project-cta:focus-visible { box-shadow: 0 8px 28px rgba(219, 254, 1, .24); }@media (prefers-reduced-motion: reduce) { .hero__logo .hero__project-cta { transition: none; } }.hero__contact:focus-visible, .hero__logo a:focus-visible, .hero__project-cta:focus-visible, .header a:focus-visible { outline: 2px solid var(--green, #dcfe04); outline-offset: 4px; }@keyframes grast-header-enter { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } }@media (max-width: 1250px) { body .header { top: 12px; } body .header-wrap, body .page .header-wrap { width: 100%; max-width: 560px; margin-inline: auto; height: auto; min-height: 64px; padding: 8px; background: #1b1d20; border: 1px solid #34373b; box-shadow: 0 12px 40px #0006; } body .header__logo { gap: 12px; } body .header__logo > img { filter: brightness(0) invert(1); } }@media (prefers-reduced-motion: reduce) { body .hero-top.fixed, body .page .hero-top.fixed { animation: none; transition: none; } .hero__contact[data-action="phone"] .hero__qr { transition: none; } }.faq-list { flex: 1; min-width: 0; }.faq-called { flex-shrink: 0; align-self: stretch; display: flex; flex-direction: column; padding-bottom: 32px; }.faq-called__title { position: relative; z-index: 1; margin-bottom: 120px; }.faq-called__icon { pointer-events: none; }.faq-called__button.btn { position: relative; z-index: 1; flex-shrink: 0; width: 100%; height: auto; min-height: 60px; margin-top: auto; padding: 18px 24px; background: linear-gradient(157deg, #0901fe 0%, #f0e 100%); background-size: 200% 200%; color: var(--white, #f9f9f9); font-size: 14px; border-color: #ffffff66; }.faq-called__button:focus-visible { outline: 2px solid var(--green, #dbfe01); outline-offset: 4px; }@media (max-width: 1000px) { .faq-called { max-width: 100%; padding-bottom: 28px; } .faq-called__icon { width: min(85%, 320px); top: auto; right: -24px; bottom: -115px; transform: none; } }@media (max-width: 767px) { .faq-called { padding-bottom: 24px; } .faq-called__title { margin-bottom: 96px; } .faq-called__icon { top: auto; } }.app section .title { font-size: clamp(30px, 4.2vw, 60px); font-weight: 500; line-height: 1.08; letter-spacing: -.045em; min-width: 0; overflow-wrap: anywhere; }section .title { text-align: center; margin-inline: auto; }.discuss .discuss__title { text-align: left; margin-inline: 0; }.discuss .discuss__title strong { display: block; }@media (max-width: 767px) { .wrapper.container { border: 0; border-radius: 0; padding-inline: 0; background: none; } .discuss .discuss__title { text-align: center; } .discuss-right form .form__placeholder { width: 100%; text-align: center; } .discuss-right .leads-manager-form .policy { text-align: center; } .discuss-right form .input-file { justify-content: center; } .discuss-right form .input-file-text:empty { display: none; } }.app section .title strong { color: var(--green, #dbfe01); font-weight: inherit; background: none; padding: 0; }.profit--journey .profit-wrap { padding: clamp(24px, 3vw, 48px); border: 1px solid #363b32; border-radius: 32px; background: #1a1c20; }.profit--journey .profit-head { display: flex; flex-direction: column; align-items: center; gap: 18px; }.profit--journey .profit__title { text-align: center; max-width: 1000px; }.profit--journey .profit__subtitle { margin: 0; text-align: center; font-size: 16px; line-height: 1.5; flex-shrink: 0; padding-bottom: 6px; }.profit--journey .profit-block { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 32px; }.profit--journey .profit__item { position: relative; display: flex; flex-direction: column; align-items: stretch; min-width: 0; width: auto; padding: 24px; gap: 0; border: 1px solid #363a3e; border-radius: 24px; background: #141619; transition: transform .25s, border-color .25s; }.profit--journey .profit-step { position: absolute; top: 32px; right: 32px; z-index: 1; padding: 4px 8px; border: 1px solid #414833; border-radius: 99px; background: #141619d9; color: #dbfe01; font-size: 11px; letter-spacing: .08em; }.profit--journey .profit__image { position: relative; width: min(55%, 180px); height: auto; min-width: 0; aspect-ratio: 1; margin: 0; border: 0; border-radius: 50%; background: #141619; }.profit--journey .profit__image video { border-radius: 50%; object-fit: contain; }.profit--journey .profit__image--scene { width: 100%; height: auto; aspect-ratio: auto; border-radius: 16px; overflow: visible; }.profit--journey .profit__image--scene img { display: block; position: static; width: 100%; height: auto; max-width: 100%; border-radius: 16px; object-fit: contain; }.profit--journey .profit-info { margin-top: 20px; min-width: 0; }.profit--journey .profit__label { margin: 0; font-size: clamp(22px, 1.8vw, 30px); line-height: 1.18; letter-spacing: -.035em; }.profit--journey .profit__description { margin-top: 14px; max-width: none; font-size: 15px; line-height: 1.5; color: #adb0b8; }.power.power--studio { margin-inline: 0; }.power--studio .container { padding-inline: max(15px, calc(30 / var(--gfs) * 100vw)); }@media (min-width: 1920px) { .power--studio .container { padding-inline: calc(40 / var(--gfs) * 100vw); } }.power--studio .power-wrap { padding: clamp(24px, 3vw, 48px); border-radius: 32px; background: #f0f1ec; isolation: isolate; }.power--studio .power-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 40px; }.power--studio .power-copy { min-width: 0; }.power--studio .power__title { color: #181b18; text-align: left; margin-inline: 0; }.app section.power--studio .title strong, .power--studio .power__title span { color: #586d00; }.power--studio .power__subtitle { max-width: 640px; margin-top: 24px; color: #62685e; font-size: 18px; line-height: 1.5; }.power--studio .power-visual { position: relative; width: 100%; min-width: 0; }.power--studio .power-scene { display: block; position: static; width: 100%; max-width: 100%; height: auto; border-radius: 20px; object-fit: contain; }.power--studio .power-tags { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 12px; }.power--studio .power-tag { padding: 9px 16px; border: 1px solid #cbd2ba; border-radius: 99px; background: #f9faf5; color: #343c2c; font-size: 12px; line-height: 1.4; }.power--studio .power-tag--analytics { background: #dbfe01; border-color: #c1db28; }.power--studio .power-info { margin-top: 32px; padding-top: 28px; border-top: 1px solid #c9cfbd; }.power--studio .power-info__title { font-size: clamp(20px, 1.7vw, 26px); line-height: 1.3; letter-spacing: -.03em; color: #353c2e; }.power--studio .power-info-wrap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 20px; }.power--studio .power-info__item { display: flex; align-items: center; flex-direction: row; gap: 16px; min-width: 0; padding: 20px; border: 1px solid #c9cfbd; border-radius: 20px; background: #fafbf6; color: #181b18; text-align: left; }.power--studio .power-info__icon { flex-shrink: 0; width: 72px; height: 72px; min-width: 0; border: 0; border-radius: 16px; }.power--studio .power-info__icon video { border-radius: 16px; }.power--studio .power-info__description { min-width: 0; }.power--studio .power-info__description p { font-size: 17px; line-height: 1.35; letter-spacing: -.025em; }.power--studio .power-info__description p strong { color: #586d00; }.power--studio .power-info__description span { margin-top: 8px; color: #62685e; font-size: 14px; line-height: 1.5; letter-spacing: 0; }@media (hover: hover) and (prefers-reduced-motion: no-preference) { .profit--journey .profit__item:hover { transform: translateY(-4px); border-color: #9aaa58; } }@media (prefers-reduced-motion: no-preference) { .profit--journey.is-in-view .profit__item { animation: grast-section-rise .65s cubic-bezier(.22, 1, .36, 1) backwards; } .profit--journey.is-in-view .profit__item:nth-child(2) { animation-delay: .1s; } .profit--journey.is-in-view .profit__item:nth-child(3) { animation-delay: .2s; } .power--studio .power-scene { animation: grast-scene-float 8s ease-in-out infinite; animation-play-state: paused; } .power--studio .power-visual.is-visible .power-scene { animation-play-state: running; } .profit--journey .profit__image--scene img { animation: grast-scene-float 7s ease-in-out infinite; animation-play-state: paused; } .profit--journey .profit__item:nth-child(2) .profit__image--scene img { animation-delay: -2.3s; } .profit--journey .profit__item:nth-child(3) .profit__image--scene img { animation-delay: -4.6s; } .profit--journey .profit__image--scene.is-visible img { animation-play-state: running; } }@keyframes grast-scene-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }@keyframes grast-section-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }@media (max-width: 1100px) { .profit--journey .profit-head { display: block; } .profit--journey .profit__subtitle { margin-top: 18px; padding: 0; } .profit--journey .profit-block { grid-template-columns: 1fr; } .profit--journey .profit__item { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: center; } .profit--journey .profit-info { margin-top: 0; } .power--studio .power-head { gap: 24px; } .power--studio .power-info-wrap { grid-template-columns: 1fr; } .power--studio .power-info__description p br { display: none; } }@media (max-width: 768px) { .power--studio .container { padding-inline: max(15px, calc(15 / var(--gfs) * 100vw)); } }@media (max-width: 700px) { .profit--journey .profit-wrap, .power--studio .power-wrap { padding: 20px; border-radius: 24px; } .profit--journey .profit-block { grid-template-columns: 1fr; gap: 12px; margin-top: 24px; } .profit--journey .profit__item { display: flex; padding: 16px; gap: 0; } .profit--journey .profit-step { top: 24px; right: 24px; } .profit--journey .profit__image { width: 100%; } .profit--journey .profit-info { margin-top: 16px; } .profit--journey .profit__label { font-size: 21px; } .profit--journey .profit__label br { display: none; } .profit--journey .profit__description { font-size: 13px; margin-top: 10px; } .power--studio .power-head { grid-template-columns: 1fr; gap: 20px; } .power--studio .power-visual { width: 100%; } .power--studio .power__subtitle { font-size: 15px; margin-top: 18px; } .power--studio .power-info { margin-top: 24px; padding-top: 20px; } .power--studio .power-info__item { padding: 16px; gap: 12px; } .power--studio .power-info__icon { width: 56px; height: 56px; } .power--studio .power-info__description p { font-size: 15px; } .power--studio .power-tag { padding: 7px 12px; font-size: 11px; } }@media (max-width: 380px) { .profit--journey .profit__item { padding: 14px; } .profit--journey .profit__label { font-size: 18px; } }@media (prefers-reduced-motion: reduce) { .profit--journey .profit__item { transition: none; } }@media (max-width: 767px) { .profit--journey .profit-wrap { padding: 0; border: 0; border-radius: 0; background: transparent; } }:root { --grast-section-content-gap: 40px; --grast-section-caption-gap: 16px; }section.projects .projects-block, section.profit .profit-block, section.advantages .advantages-list, section.faq .faq-block, section.team .team-wrap, section.power .power-info, .pricing.pricing--3d .pricing-wrap { margin-top: var(--grast-section-content-gap); }section.projects .projects__subtitle, section.team .team__subtitle, section.quiz .quiz__subtitle, section.power .power__subtitle { margin-top: var(--grast-section-caption-gap) !important; margin-bottom: 0; }section.profit .profit-head { display: flex; flex-direction: column; align-items: center; gap: var(--grast-section-caption-gap); }.profit.profit--journey .profit__subtitle { margin: 0 !important; padding: 0; }.pricing.pricing--3d .pricing-head { display: flex; gap: var(--grast-section-caption-gap); }.pricing.pricing--3d .pricing-intro { margin: 0; }section.discuss .discuss__subtitle { margin-top: var(--grast-section-content-gap) !important; }section.quiz .quiz-wrap { row-gap: var(--grast-section-content-gap); }section.power .power-head { row-gap: var(--grast-section-content-gap); }section.quiz .quiz__subtitle > :first-child { margin-top: 0; }@media (max-width: 700px) { :root { --grast-section-content-gap: 28px; --grast-section-caption-gap: 12px; } }.leads-manager-form input:not([type="submit"], [type="button"], [type="reset"], [type="checkbox"], [type="radio"], [type="file"], [type="hidden"], [type="range"], [type="color"]), .leads-manager-form textarea { text-align: left; }.discuss.discuss--compact .discuss-block { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.14fr); align-items: center; gap: clamp(28px, 4vw, 64px); padding: clamp(24px, 3vw, 48px); }.discuss--compact .discuss-left, .discuss--compact .discuss-right { min-width: 0; }.discuss--compact .discuss-right { max-width: 100%; overflow: visible; }:is(.discuss-right, .quiz--polished) form.contact-card { position: relative; padding: clamp(20px, 2vw, 28px); border: 1px solid #3a3d42; border-radius: 24px; background: #202225; }.contact-card .contact-card__title { margin: 0 0 22px; font-size: 20px; font-weight: 500; line-height: 1.3; letter-spacing: -.025em; }.contact-card .contact-card__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }:is(.discuss-right, .quiz--polished) form.contact-card .form__row { min-width: 0; margin: 0; }:is(.discuss-right, .quiz--polished) form.contact-card .form__row::before { content: none; }.contact-card .contact-card__task { grid-column: 1 / -1; }:is(.discuss-right, .quiz--polished) form.contact-card .form__placeholder, :is(.discuss-right, .quiz--polished) form.contact-card .form__placeholder.active { position: static; width: auto; display: block; margin: 0 0 8px; font-family: inherit; font-size: 12px; font-weight: 400; line-height: 1.4; letter-spacing: 0; color: #b8bbc3; transform: none; transition: none; pointer-events: auto; }:is(.discuss-right, .quiz--polished) form.contact-card .form__placeholder span { color: var(--green, #dbfe01); }:is(.discuss-right, .quiz--polished) form.contact-card input[name="name"], :is(.discuss-right, .quiz--polished) form.contact-card input[name="phone"], :is(.discuss-right, .quiz--polished) form.contact-card input[name="website"], :is(.discuss-right, .quiz--polished) form.contact-card textarea { display: block; width: 100%; height: auto; min-height: 50px; margin: 0; padding: 14px 16px; border: 1px solid #45494e; border-radius: 12px; background: #191b1e; color: var(--white, #f9f9f9); font-family: inherit; font-size: 16px; line-height: 1.5; letter-spacing: 0; transition: border-color .2s; }:is(.discuss-right, .quiz--polished) form.contact-card textarea { min-height: 106px; resize: none; }:is(.discuss-right, .quiz--polished) form.contact-card input[name="name"]::placeholder, :is(.discuss-right, .quiz--polished) form.contact-card input[name="phone"]::placeholder, :is(.discuss-right, .quiz--polished) form.contact-card input[name="website"]::placeholder, :is(.discuss-right, .quiz--polished) form.contact-card textarea::placeholder { color: #858992; transform: none; }:is(.discuss-right, .quiz--polished) form.contact-card input[name="name"]:focus, :is(.discuss-right, .quiz--polished) form.contact-card input[name="phone"]:focus, :is(.discuss-right, .quiz--polished) form.contact-card input[name="website"]:focus, :is(.discuss-right, .quiz--polished) form.contact-card textarea:focus { border-color: var(--green, #dbfe01); }:is(.discuss-right, .quiz--polished) form.contact-card .contact-card__attachment { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 12px; margin: 18px 0 20px; }.contact-card .contact-card__file-line { display: flex; align-items: center; gap: 8px; min-width: 0; max-width: 100%; }:is(.discuss-right, .quiz--polished) form.contact-card .input-file { min-width: 0; margin: 0; padding: 0; }:is(.discuss-right, .quiz--polished) form.contact-card .input-file-btn { min-height: 0; font-family: inherit; font-size: 13px; line-height: 1.5; }:is(.discuss-right, .quiz--polished) form.contact-card .input-file-text { min-width: 0; padding: 0; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }:is(.discuss-right, .quiz--polished) form.contact-card .input-file-text:empty { display: none; }.contact-card .contact-card__file-help { color: #9196a0; font-size: 11px; line-height: 1.5; }:is(.discuss-right, .quiz--polished) form.contact-card .input-file input[type="file"] { width: 1px; height: 1px; min-height: 0; margin: 0; padding: 0; border: 0; z-index: auto; clip-path: inset(50%); }:is(.discuss-right, .quiz--polished) form.contact-card .form__btn-delete { position: static; flex: 0 0 28px; align-items: center; justify-content: center; width: 28px; height: 28px; margin: 0; padding: 5px; border: 0; border-radius: 6px; background: transparent; box-shadow: none; cursor: pointer; }:is(.discuss-right, .quiz--polished) form.contact-card .form__btn-delete img { width: 16px; height: 16px; filter: brightness(0) invert(1); }:is(.discuss-right, .quiz--polished) form.contact-card .btn, :is(.discuss-right, .quiz--polished) form.contact-card .btn.disabled { margin: 0; min-height: 64px; height: auto; padding: 20px 24px; background: linear-gradient(157deg, #0901fe 0%, #f0e 100%); background-size: 200% 200%; border-color: #ffffff66; color: var(--white, #f9f9f9); font-size: 14px; box-shadow: 0 8px 28px #ff01ee20; }:is(.discuss-right, .quiz--polished) form.contact-card .btn input[type="submit"] { height: 100%; padding: 0; }:is(.discuss-right, .quiz--polished) form.contact-card .policy { margin-top: 16px; font-family: inherit; font-size: 11px; line-height: 1.55; color: #adb0b8; }:is(.discuss-right, .quiz--polished) form.contact-card .policy a { display: inline; margin: 0; text-underline-offset: 2px; }:is(.discuss-right, .quiz--polished) form.contact-card .contact-card__error { position: absolute; z-index: 20; display: flex; align-items: flex-start; gap: 8px; width: max-content; max-width: calc(100% - 24px); margin: 0; padding: 9px 11px; border: 1px solid #e883ba70; border-radius: 10px; background: #2d242c; box-shadow: 0 10px 28px #0006; color: #ffc0d7; font-size: 12px; font-weight: 400; line-height: 1.45; text-align: left; overflow-wrap: anywhere; pointer-events: none; animation: contact-error-reveal .16s ease-out; }:is(.discuss-right, .quiz--polished) form.contact-card .contact-card__error[hidden] { display: none; }.contact-card__error::before { content: "!"; display: flex; align-items: center; justify-content: center; flex: 0 0 15px; width: 15px; height: 15px; margin-top: 1px; border: 1px solid currentColor; border-radius: 50%; font-size: 10px; font-weight: 700; line-height: 1; }.contact-card__error::after { content: ""; position: absolute; left: var(--error-arrow-x, 16px); bottom: -5px; width: 8px; height: 8px; border-right: 1px solid #e883ba70; border-bottom: 1px solid #e883ba70; background: #2d242c; transform: rotate(45deg); }.contact-card__error--below::after { top: -5px; bottom: auto; transform: rotate(225deg); }@keyframes contact-error-reveal { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }@media (prefers-reduced-motion: reduce) { :is(.discuss-right, .quiz--polished) form.contact-card .contact-card__error { animation: none; } }:is(.discuss-right, .quiz--polished) form.contact-card input[aria-invalid="true"], :is(.discuss-right, .quiz--polished) form.contact-card input[aria-invalid="true"]:focus, :is(.discuss-right, .quiz--polished) form.contact-card textarea[aria-invalid="true"], :is(.discuss-right, .quiz--polished) form.contact-card textarea[aria-invalid="true"]:focus { border-color: #e883ba; }.contact-card .contact-card__attachment > .contact-card__error { margin-top: 0; }.contact-card .input-file:focus-within, .contact-card .form__btn-delete:focus-visible, .contact-card .btn:has(input:focus-visible) { outline: 2px solid var(--green, #dbfe01); outline-offset: 4px; }@media (max-width: 1100px) { .discuss.discuss--compact .discuss-block { grid-template-columns: minmax(0, 1fr); } .discuss--compact .discuss-left { text-align: center; } .discuss--compact .discuss__title, section.discuss--compact .discuss__subtitle { text-align: center; } }@media (max-width: 767px) { section.discuss.discuss--compact .discuss__title { font-size: 14px; line-height: 1.5; letter-spacing: .025em; text-transform: uppercase; color: #adb0b8; margin-top: 0; } .discuss--compact .discuss__title strong { display: inline; } section.discuss--compact .discuss__subtitle { font-size: 30px; line-height: 1.12; letter-spacing: -.04em; margin-top: 24px !important; } .discuss--compact .discuss__description { margin-top: 24px; font-size: 14px; line-height: 1.7; } .discuss.discuss--compact .discuss-block { padding: 24px 12px; gap: 28px; } .wrapper.container:has(> .discuss-first) { margin-inline: max(15px, calc(15 / var(--gfs) * 100vw)); } .discuss.discuss-first.discuss--compact .discuss-block { padding-inline: 0; } .discuss-first .discuss__description { text-align: left; } :is(.discuss-right, .quiz--polished) form.contact-card { padding: 20px 14px; border-radius: 20px; } .contact-card .contact-card__fields { grid-template-columns: minmax(0, 1fr); } .contact-card .contact-card__title { text-align: center; font-size: 18px; } :is(.discuss-right, .quiz--polished) form.contact-card .form__placeholder, :is(.discuss-right, .quiz--polished) form.contact-card .form__placeholder.active { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; white-space: nowrap; clip-path: inset(50%); pointer-events: none; } :is(.discuss-right, .quiz--polished) form.contact-card .policy { text-align: left; } :is(.discuss-right, .quiz--polished) form.contact-card .contact-card__attachment { justify-content: center; } :is(.discuss-right, .quiz--polished) form.contact-card .btn { padding-inline: 12px; } }@media (prefers-reduced-motion: reduce) { :is(.discuss-right, .quiz--polished) form.contact-card input, :is(.discuss-right, .quiz--polished) form.contact-card textarea { transition: none; } :is(.discuss-right, .quiz--polished) form.contact-card .btn { animation: none; } }.question-modal { position: fixed; inset: 0; width: 100%; max-width: none; height: 100%; height: 100dvh; max-height: none; margin: 0; padding: 24px; border: 0; background: transparent; color: var(--white, #f9f9f9); font-family: inherit; overflow-y: auto; overscroll-behavior: contain; }.question-modal[open] { display: flex; }.question-modal::backdrop { background: transparent; }.question-modal__scrim { position: fixed; inset: 0; background: #090a0ed9; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }.question-modal .question-modal__panel { position: relative; z-index: 1; flex-shrink: 0; width: 100%; max-width: 640px; margin: auto; overflow: visible; }.question-modal form.contact-card { padding: 28px; border-radius: 28px; }.question-modal .contact-card__title { padding-right: 44px; font-size: 28px; line-height: 1.15; text-align: left; }.question-modal__intro { margin: -10px 0 24px; color: #adb0b8; font-size: 14px; line-height: 1.5; }.question-modal__close { position: absolute; top: 20px; right: 20px; z-index: 2; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 1px solid #4c5057; border-radius: 50%; background: #25272b; color: #f9f9f9; cursor: pointer; transition: color .2s, border-color .2s, background-color .2s; }.question-modal__close:hover { color: var(--green, #dbfe01); border-color: var(--green, #dbfe01); background: #2d302b; }.question-modal__close:focus-visible { outline: 2px solid var(--green, #dbfe01); outline-offset: 3px; }.question-modal .form__success { margin: 0; padding: 64px 28px; border: 1px solid #3a3d42; border-radius: 28px; background: #202225; text-align: center; }.question-modal .form__success.active { display: grid; justify-items: center; gap: 20px; animation: question-success .35s ease both; }.question-modal .form__success-icon, .question-modal .form__success-icon.animate { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; margin: 0; border-radius: 50%; background: var(--green, #dbfe01); color: #151719; opacity: 1; transform: none; animation: none; }.question-modal .form__success-description, .question-modal .form__success-description.animate { opacity: 1; transform: none; animation: none; font-size: 28px; line-height: 1.2; }.question-modal .form__success p { color: #adb0b8; font-size: 14px; line-height: 1.5; }@keyframes question-success { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }@media (max-width: 767px) { .question-modal { padding: 16px; padding-block: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-bottom)); } .question-modal form.contact-card { padding: 24px 18px; border-radius: 24px; } .question-modal .contact-card__title { font-size: 24px; } .question-modal__intro { margin-bottom: 20px; font-size: 13px; } .question-modal__close { top: 18px; right: 18px; width: 32px; height: 32px; } .question-modal .form__success { padding: 56px 24px; border-radius: 24px; } }@media (prefers-reduced-motion: reduce) { .question-modal__close { transition: none; } .question-modal .form__success.active, .faq-called__button.btn { animation: none; } }section.quiz--polished .quiz-wrap { padding: clamp(24px, 3vw, 48px); gap: 32px; border-radius: 32px; }.quiz--polished .quiz__header { max-width: 1000px; width: 100%; margin-inline: auto; }.quiz--polished .quiz__subtitle { color: #adb0b8; font-size: 16px; line-height: 1.6; letter-spacing: 0; }.quiz--polished .quiz__subtitle p { margin-top: 8px; }.quiz--polished .quiz__bonus { font-size: 13px; }.quiz--polished form.contact-card { width: 100%; max-width: 1100px; min-height: 0; margin-inline: auto; gap: 28px; transition: none; }.quiz--polished .quiz__status { display: flex; align-items: center; gap: 20px; }.quiz--polished .quiz__progress, .quiz--polished .quiz__form.result .quiz__progress { display: block; flex-shrink: 0; flex-basis: auto; order: 0; margin: 0; font-size: 12px; font-weight: 400; line-height: 1.5; letter-spacing: 0; text-transform: none; color: #adb0b8; }.quiz--polished .quiz__progress-current { font-weight: 500; }.quiz--polished .quiz__progress-track { flex: 1; height: 4px; overflow: hidden; border-radius: 4px; background: #35383d; }.quiz--polished .quiz__progress-fill { display: block; width: 20%; height: 100%; border-radius: inherit; background: var(--green, #dbfe01); transition: width .25s ease; }.quiz--polished .quiz__step-title { margin: 0; font-size: clamp(22px, 2vw, 30px); line-height: 1.25; letter-spacing: -.025em; text-align: left; font-weight: 500; }.quiz--polished .quiz__step-title:focus { outline: none; }.quiz--polished .quiz__step-note { margin-top: 10px; color: #adb0b8; font-size: 13px; line-height: 1.5; }.quiz--polished .quiz__step[hidden], .quiz--polished .quiz__actions [hidden] { display: none; }.quiz--polished .quiz__options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 24px; }.quiz--polished .quiz__option { width: 100%; min-width: 0; height: auto; min-height: 150px; aspect-ratio: 1.6; flex-basis: auto; padding: 16px; border: 1px solid #45494e; border-radius: 16px; background-color: #191b1e; background-size: auto calc(100% - 40px); background-position: center top; color: var(--white, #f9f9f9); font-family: inherit; font-weight: 400; transition: border-color .2s, background-color .2s; }.quiz--polished .quiz__option:hover, .quiz--polished .quiz__option.active { border-color: var(--green, #dbfe01); }.quiz--polished .quiz__option:focus-visible { outline: 2px solid var(--green, #dbfe01); outline-offset: 3px; }.quiz--polished .quiz__option--project { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; }.quiz--polished .quiz__project-icon { display: block; width: 100%; height: clamp(96px, 10vw, 144px); object-fit: contain; pointer-events: none; transition: transform .2s ease; }.quiz--polished .quiz__option--project:is(:hover, :focus-visible, .active) .quiz__project-icon { transform: translateY(-3px) scale(1.04); }.quiz--polished .quiz__option-title { margin: 0; font-size: 14px; font-weight: 500; line-height: 1.35; letter-spacing: 0; }.quiz--polished .quiz__option-check { width: 20px; height: 20px; top: 12px; right: 12px; background-size: 10px; box-shadow: none; }.quiz--polished .quiz__options.deadlines .quiz__option { display: grid; grid-template-columns: 56px minmax(0, 1fr); align-items: start; gap: 12px; width: 100%; aspect-ratio: auto; min-height: 0; padding: 20px 16px; }.quiz--polished .quiz__options.deadlines .quiz__option-icon { width: 56px; min-width: 56px; height: 56px; min-height: 56px; border: 0; border-radius: 12px; background-color: #24262b; background-size: contain; }.quiz--polished .quiz__option-info { display: flex; flex-direction: column; min-width: 0; }.quiz--polished .quiz__options.deadlines .quiz__option-title { padding-right: 20px; font-size: 17px; margin: 0; }.quiz--polished .quiz__options.deadlines .quiz__option-subtitle { font-size: 12px; margin-top: 6px; }.quiz--polished .quiz__options.deadlines .quiz__option-description { margin-top: 10px; font-size: 12px; line-height: 1.5; letter-spacing: 0; }.quiz--polished .quiz__row { width: 100%; max-width: none; margin: 24px 0 0; }.quiz--polished form.contact-card .form__row { width: 100%; max-width: none; }.quiz--polished form.contact-card .contact-card__attachment { margin-block: 0; }.quiz--polished form.contact-card .policy-quiz { width: 100%; max-width: none; margin: 20px 0 0; }.quiz--polished .quiz__actions, .quiz--polished .quiz__form.result .quiz__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; max-width: none; gap: 16px; margin: 0; align-items: center; }.quiz--polished form.contact-card .quiz__actions .btn, .quiz--polished form.contact-card.result .quiz__actions .btn { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; max-width: none; min-height: 54px; margin: 0; padding: 16px 20px; font-size: 13px; line-height: 1.4; }.quiz--polished form.contact-card .quiz__actions .quiz__btn-prev { grid-column: 1; grid-row: 1; background: transparent; border-color: #45494e; box-shadow: none; animation: none; }.quiz--polished .quiz__btn-prev:hover { border-color: var(--green, #dbfe01); }.quiz--polished .quiz__btn-next, .quiz--polished .quiz__submit { grid-column: 2; grid-row: 1; }.quiz--polished .quiz__form.first-step .quiz__btn-next { grid-column: 1 / -1; }.quiz--polished form.contact-card .quiz__actions .btn[hidden], .quiz--polished form.contact-card.result .quiz__actions .btn[hidden] { display: none; }.quiz--polished .quiz__btn:disabled { opacity: .4; pointer-events: none; }.quiz--polished form.contact-card .quiz__submit:disabled { opacity: .6; }.quiz--polished .form__success { font-size: clamp(28px, 3vw, 42px); }@media (max-width: 1000px) { .quiz--polished .quiz__options.deadlines { grid-template-columns: minmax(0, 1fr); } }@media (max-width: 767px) { section.quiz--polished .quiz-wrap { padding: 0; border: 0; border-radius: 0; background: transparent; gap: 24px; } .quiz--polished .quiz__subtitle { font-size: 14px; } .quiz--polished .quiz__bonus { font-size: 12px; } .quiz--polished form.contact-card { padding: 0; border: 0; border-radius: 0; background: transparent; gap: 24px; } .quiz--polished .quiz__step-title, .quiz--polished .quiz__step-note { text-align: center; } .quiz--polished .quiz__status { gap: 12px; } .quiz--polished .quiz__options { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 20px; } .quiz--polished .quiz__option { min-height: 130px; aspect-ratio: 1; padding: 12px 8px; border-radius: 12px; } .quiz--polished .quiz__option-title { font-size: 12px; } .quiz--polished .quiz__option--project { gap: 8px; } .quiz--polished .quiz__project-icon { height: clamp(76px, 22vw, 104px); } .quiz--polished .quiz__option--project .quiz__option-title { min-height: 2.7em; display: grid; place-items: center; } .quiz--polished .quiz__option-check { width: 18px; height: 18px; top: 8px; right: 8px; } .quiz--polished .quiz__row { margin-top: 20px; } .quiz--polished .quiz__actions, .quiz--polished .quiz__form.result .quiz__actions { gap: 10px; } .quiz--polished form.contact-card .quiz__actions .btn, .quiz--polished form.contact-card.result .quiz__actions .btn { padding-inline: 12px; font-size: 12px; } .quiz--polished form.contact-card .quiz__actions .quiz__submit { grid-column: 1 / -1; grid-row: 2; } .quiz--polished .quiz__form.result .quiz__actions { grid-template-columns: minmax(0, 1fr); } }@media (prefers-reduced-motion: reduce) { .quiz--polished .quiz__progress-fill, .quiz--polished .quiz__project-icon, .quiz--polished .quiz__option { transition: none; } }.cookie-notice { position: fixed; right: max(16px, env(safe-area-inset-right)); left: auto; bottom: max(16px, env(safe-area-inset-bottom)); width: calc(100% - 32px); max-width: 390px; box-sizing: border-box; margin: 0; padding: 22px; border: 1px solid #34373b; border-radius: 22px; background: #1b1d20; color: #f4f5f2; z-index: 2100; box-shadow: 0 16px 50px #0007; animation: grast-cookie-enter .45s cubic-bezier(.22, 1, .36, 1); transition: opacity .3s ease, transform .4s cubic-bezier(.22, 1, .36, 1); }.cookie-notice--hiding { opacity: 0; transform: translateY(18px); pointer-events: none; }.cookie-notice__content { display: flex; flex-direction: column; gap: 18px; }.cookie-notice__text p { margin: 0; font-size: 13px; line-height: 1.6; color: #b6b8b5; text-transform: none; }.cookie-notice__text p:first-child { margin-bottom: 12px; color: #f4f5f2; font-size: 16px; font-weight: 600; }.cookie-notice__buttons { display: flex; align-items: center; justify-content: space-between; gap: 14px; }.cookie-notice__accept { flex-shrink: 0; min-height: 46px; padding: 12px 18px; border: 1px solid #dcfe04; border-radius: 999px; background: #dcfe04; color: #121315; font: inherit; font-size: 12px; line-height: 1.3; font-weight: 600; cursor: pointer; transition: background-color .2s, transform .2s; }.cookie-notice__accept:hover { background: #edff73; transform: translateY(-1px); }.cookie-notice__policy { color: #b6b8b5; font-size: 11px; line-height: 1.5; text-decoration: underline; text-underline-offset: 4px; }.cookie-notice__policy:hover { color: #f4f5f2; }.cookie-notice__accept:focus-visible, .cookie-notice__policy:focus-visible { outline: 2px solid #dcfe04; outline-offset: 4px; }@keyframes grast-cookie-enter { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }@media (max-width: 767px), (max-height: 600px) and (pointer: coarse) { .cookie-notice { right: max(12px, env(safe-area-inset-right)); bottom: max(12px, env(safe-area-inset-bottom)); width: calc(100% - 24px); padding: 12px 14px; border-radius: 16px; } .cookie-notice__content { gap: 10px; } .cookie-notice__text p { font-size: 12px; line-height: 1.45; } .cookie-notice__text p:first-child { margin-bottom: 6px; font-size: 14px; line-height: 1.3; } .cookie-notice__buttons { flex-wrap: nowrap; gap: 10px; } .cookie-notice__accept { min-height: 44px; padding: 8px 12px; font-size: 11px; } .cookie-notice__policy { flex: 1; min-width: 0; min-height: 44px; display: flex; align-items: center; justify-content: flex-end; font-size: 11px; line-height: 1.35; text-align: right; text-underline-offset: 3px; } }@media (prefers-reduced-motion: reduce) { .cookie-notice, .cookie-notice__accept { animation: none; transition: none; } }@font-face { font-family: "Inter Core"; src: url("../fonts/Inter/Inter-latin-cyrillic.woff2") format("woff2"); font-display: swap; font-weight: 400; font-style: normal; }body { font-family: "Inter Core", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }