@charset "UTF-8"; :root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}} *, ::before, ::after { box-sizing: border-box; } html { font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; line-height: 1.15; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; } body { margin: 0; } hr { height: 0; color: inherit; } abbr[title] { text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } ::-moz-focus-inner { border-style: none; padding: 0; } :-moz-focusring { outline: 1px dotted ButtonText; } :-moz-ui-invalid { box-shadow: none; } legend { padding: 0; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } @font-face { font-family: 'Onest'; font-style: normal; font-weight: 300 900; font-display: swap; src: url('/fonts/onest/onest-cyrillic-ext.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Onest'; font-style: normal; font-weight: 300 900; font-display: swap; src: url('/fonts/onest/onest-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Onest'; font-style: normal; font-weight: 300 900; font-display: swap; src: url('/fonts/onest/onest-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Onest'; font-style: normal; font-weight: 300 900; font-display: swap; src: url('/fonts/onest/onest-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'glabix-iconset'; src: url('../fonts/glabix-iconset.woff') format('woff'); font-weight: normal; font-style: normal; font-display: block; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .i--xs { font-size: 8px; } .i--sm { font-size: 10px; } .i--md { font-size: 12px; } .i--2md { font-size: 14px; } .i--3md { font-size: 16px; } .i--lg { font-size: 18px; } .i--xl { font-size: 24px !important; } .i--2xl { font-size: 30px !important; } .i--3xl { font-size: 39px !important; } .i-box--lg { min-width: 18px; text-align: center; } .i--top-align:before { vertical-align: -25%; } .i--spin:before { animation: spin 0.8s linear infinite; display: inline-block; transform-origin: 50% 49%; } .i-apple-align { position: relative; top: -3px; } a.i:hover, a:hover .i { text-decoration: none; } .i { font-family: 'glabix-iconset' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .i-glabix-screen:before { content: '\ea4f'; } .i-glabix-letuchka:before { content: '\ea4e'; } .i-windows:before { content: '\ea4c'; } .i-grip-horizontal:before { content: '\ea4b'; } .i-expand:before { content: '\ea4a'; } .i-expand-2:before { content: '\ea49'; } .i-video-slash:before { content: '\ea44'; } .i-star-christmas:before { content: '\ea45'; } .i-microphone:before { content: '\ea46'; } .i-microphone-slash:before { content: '\ea47'; } .i-expand-wide:before { content: '\ea48'; } .i-sparkles:before { content: '\ea43'; } .i-calendar-clock:before { content: '\ea42'; } .i-glbx:before { content: '\ea40'; } .i-grid:before { content: '\ea3e'; } .i-h1:before { content: '\ea3d'; } .i-h2:before { content: '\ea3f'; } .i-h3:before { content: '\ea41'; } .i-rustore:before { content: '\ea3c'; } .i-inbox:before { content: '\ea3b'; } .i-toggle-on-solid:before { content: '\ea3a'; } .i-arrow-turn-down-right:before { content: '\ea38'; } .i-arrow-turn-left-up:before { content: '\ea39'; } .i-comment-lines:before { content: '\ea35'; } .i-thumbtack:before { content: '\ea36'; } .i-thumbtack-slash:before { content: '\ea37'; } .i-arrows-spin:before { content: '\ea34'; } .i-apartment:before { content: '\ea33'; } .i-database:before { content: '\ea2f'; } .i-handshake:before { content: '\ea30'; } .i-lightbulb-on:before { content: '\ea31'; } .i-user-police-tie:before { content: '\ea32'; } .i-thumbs-up-plus:before { content: '\ea2e'; } .i-face-angry:before { content: '\e924'; } .i-resize-collapse:before { content: '\ea1d'; } .i-link-external:before { content: '\ea1e'; } .i-face-frown:before { content: '\ea1f'; } .i-face-smile:before { content: '\ea20'; } .i-face-sunglasses:before { content: '\ea21'; } .i-face-surprise:before { content: '\ea22'; } .i-face-thinking:before { content: '\ea23'; } .i-file-clippaper:before { content: '\ea24'; } .i-image-slash:before { content: '\ea25'; } .i-image:before { content: '\ea26'; } .i-net:before { content: '\ea27'; } .i-pencil-mechanical:before { content: '\ea28'; } .i-timer-rotate:before { content: '\ea29'; } .i-toggle-off:before { content: '\ea2a'; } .i-toggle-on:before { content: '\ea2b'; } .i-wand-magic-sparkles:before { content: '\ea2c'; } .i-da:before { content: '\ea2d'; } .i-comment-lines-solid:before { content: '\ea18'; } .i-pencil-square-solid:before { content: '\ea19'; } .i-square-kanban:before { content: '\ea1a'; } .i-table-list:before { content: '\ea1b'; } .i-user-group-solid:before { content: '\ea1c'; } .i-resize:before { content: '\ea17'; } .i-apple:before { content: '\ea15'; } .i-google-play:before { content: '\ea16'; } .i-arrow-right-to-bracket:before { content: '\ea14'; } .i-arrow-right-from-line:before { content: '\e904'; } .i-arrow-left-from-line:before { content: '\e905'; } .i-sort-arrow-down:before { content: '\e911'; } .i-arrow-down-to-line:before { content: '\e916'; } .i-download:before { content: '\e916'; } .i-arrow-down:before { content: '\e919'; } .i-arrow-left:before { content: '\e91c'; } .i-arrow-right-to-line:before { content: '\e91e'; } .i-arrow-left-to-line:before { content: '\e91f'; } .i-arrow-right:before { content: '\e920'; } .i-arrow-rotate-right:before { content: '\e921'; } .i-rotate-right:before { content: '\e921'; } .i-arrow-turn-down-left:before { content: '\e922'; } .i-turn-down-left:before { content: '\e922'; } .i-arrow-up-arrow-down:before { content: '\e923'; } .i-sort-arrow-up:before { content: '\e925'; } .i-arrow-up:before { content: '\e926'; } .i-bars-filter:before { content: '\e927'; } .i-bell:before { content: '\e928'; } .i-bell-solid:before { content: '\e929'; } .i-box-archive-check-double:before { content: '\e96b'; } .i-box-unarchive:before { content: '\e96c'; } .i-cake-candles:before { content: '\e96d'; } .i-calendar-days:before { content: '\e96f'; } .i-calendar-week:before { content: '\e970'; } .i-chart-gantt:before { content: '\e971'; } .i-clipboard-check:before { content: '\e972'; } .i-clipboard-list-check:before { content: '\e973'; } .i-clipboard-user:before { content: '\e976'; } .i-clock-five:before { content: '\e98c'; } .i-clone-arrow:before { content: '\e98d'; } .i-clone:before { content: '\e98e'; } .i-credit-card-solid:before { content: '\e98f'; } .i-credit-card:before { content: '\e993'; } .i-diagram-project:before { content: '\e998'; } .i-display:before { content: '\e9bc'; } .i-envelope-solid:before { content: '\e9bd'; } .i-file-export:before { content: '\e9c1'; } .i-gear:before { content: '\e9c3'; } .i-globe:before { content: '\e9c5'; } .i-hashtag:before { content: '\e9ca'; } .i-hourglass:before { content: '\e9cb'; } .i-kanban:before { content: '\e9cf'; } .i-keyboard-down:before { content: '\e9d5'; } .i-search:before { content: '\e9db'; } .i-memo-circle-check:before { content: '\ea03'; } .i-messages-question:before { content: '\ea04'; } .i-minus:before { content: '\ea05'; } .i-paper-plane:before { content: '\ea06'; } .i-pause:before { content: '\ea07'; } .i-pencil-square:before { content: '\ea08'; } .i-person-running:before { content: '\ea09'; } .i-play:before { content: '\ea0a'; } .i-share:before { content: '\ea0b'; } .i-share-back:before { content: '\ea0c'; } .i-share-nodes:before { content: '\ea0d'; } .i-sitemap:before { content: '\ea0e'; } .i-spinner:before { content: '\ea0f'; } .i-stop:before { content: '\ea10'; } .i-text-size:before { content: '\ea11'; } .i-tt:before { content: '\ea11'; } .i-timer:before { content: '\ea12'; } .i-user-group-semisolid:before { content: '\ea13'; } .i-h:before { content: '\ea01'; } .i-plus-circle:before { content: '\ea02'; } .i-alicorn:before { content: '\e92a'; } .i-alien:before { content: '\e92b'; } .i-apple-whole:before { content: '\e92c'; } .i-avocado:before { content: '\e92d'; } .i-award:before { content: '\e92e'; } .i-banana:before { content: '\e92f'; } .i-bee:before { content: '\e930'; } .i-bolt-lightning:before { content: '\e931'; } .i-cat:before { content: '\e932'; } .i-chess-bishop-piece:before { content: '\e933'; } .i-chess-king:before { content: '\e934'; } .i-chess-queen:before { content: '\e935'; } .i-child-dress:before { content: '\e936'; } .i-child-reaching:before { content: '\e937'; } .i-clover:before { content: '\e938'; } .i-club:before { content: '\e939'; } .i-computer-classic:before { content: '\e93a'; } .i-crab:before { content: '\e93b'; } .i-credit-card-front:before { content: '\e93c'; } .i-crown:before { content: '\e93d'; } .i-dagger:before { content: '\e93e'; } .i-deer-rudolph:before { content: '\e93f'; } .i-dice-d8:before { content: '\e940'; } .i-dolphin:before { content: '\e941'; } .i-dove:before { content: '\e942'; } .i-dragon:before { content: '\e943'; } .i-duck:before { content: '\e944'; } .i-earth-africa:before { content: '\e945'; } .i-elephant:before { content: '\e946'; } .i-engine:before { content: '\e947'; } .i-euro-sign:before { content: '\e948'; } .i-eyes:before { content: '\e949'; } .i-face-angry-horns:before { content: '\e94a'; } .i-face-awesome:before { content: '\e94b'; } .i-face-cowboy-hat:before { content: '\e94c'; } .i-face-dizzy:before { content: '\e94d'; } .i-face-dotted:before { content: '\e94e'; } .i-face-explode:before { content: '\e94f'; } .i-face-laugh:before { content: '\e950'; } .i-face-tongue-money:before { content: '\e951'; } .i-fire-flame-curved:before { content: '\e952'; } .i-fish-fins:before { content: '\e953'; } .i-flag-swallowtail:before { content: '\e954'; } .i-flower-tulip:before { content: '\e955'; } .i-football:before { content: '\e956'; } .i-forklift:before { content: '\e957'; } .i-fort:before { content: '\e958'; } .i-gamepad-modern:before { content: '\e959'; } .i-gem:before { content: '\e95a'; } .i-glasses-round:before { content: '\e95b'; } .i-guitar:before { content: '\e95c'; } .i-hand-back-fist:before { content: '\e95d'; } .i-hand-back-point-up:before { content: '\e95e'; } .i-hand-fist:before { content: '\e95f'; } .i-hand:before { content: '\e960'; } .i-hat-cowboy:before { content: '\e961'; } .i-head-side:before { content: '\e962'; } .i-headset:before { content: '\e963'; } .i-heart:before { content: '\e964'; } .i-house-2:before { content: '\e965'; } .i-jack-o-lantern:before { content: '\e966'; } .i-jet-fighter-up:before { content: '\e967'; } .i-key-skeleton:before { content: '\e969'; } .i-lamp-desk:before { content: '\e977'; } .i-laptop:before { content: '\e990'; } .i-lightbulb:before { content: '\e9b2'; } .i-location-arrow:before { content: '\e9b6'; } .i-lock:before { content: '\e9b7'; } .i-magnet:before { content: '\e9b8'; } .i-mountain-sun:before { content: '\e9bf'; } .i-music:before { content: '\e9c8'; } .i-palette:before { content: '\e9e2'; } .i-paper-plane-2:before { content: '\e9e3'; } .i-paw:before { content: '\e9e4'; } .i-pen-clip:before { content: '\e9e5'; } .i-pen-nib:before { content: '\e9e6'; } .i-phone-flip:before { content: '\e9e7'; } .i-piggy-bank:before { content: '\e9e8'; } .i-play-pause:before { content: '\e9e9'; } .i-pool-8-ball:before { content: '\e9ea'; } .i-puzzle-piece:before { content: '\e9eb'; } .i-rhombus:before { content: '\e9ec'; } .i-rocket-launch:before { content: '\e9ed'; } .i-seedling:before { content: '\e9ee'; } .i-shield-quartered:before { content: '\e9ef'; } .i-shovel:before { content: '\e9f0'; } .i-siren-on:before { content: '\e9f1'; } .i-skull-crossbones:before { content: '\e9f2'; } .i-snowflake:before { content: '\e9f3'; } .i-snowman:before { content: '\e9f4'; } .i-space-station-moon:before { content: '\e9f5'; } .i-street-view:before { content: '\e9f6'; } .i-sun:before { content: '\e9f7'; } .i-teddy-bear:before { content: '\e9f8'; } .i-thumbs-down:before { content: '\e9f9'; } .i-thumbs-up:before { content: '\e9fa'; } .i-triangle:before { content: '\e9fb'; } .i-ufo:before { content: '\e9fc'; } .i-video:before { content: '\e9fd'; } .i-volume-low:before { content: '\e9fe'; } .i-wave-pulse:before { content: '\e9ff'; } .i-wrench:before { content: '\ea00'; } .i-one:before { content: '\e908'; } .i-a:before { content: '\e90b'; } .i-apartment-solid:before { content: '\e90c'; } .i-at:before { content: '\e90d'; } .i-b:before { content: '\e90e'; } .i-exclamation-circle:before { content: '\e90f'; } .i-exclamation-circle-solid:before { content: '\e910'; } .i-blocked:before { content: '\e910'; } .i-code-simple:before { content: '\e912'; } .i-italic:before { content: '\e913'; } .i-link:before { content: '\e914'; } .i-link-slash:before { content: '\e915'; } .i-quote-left:before { content: '\e917'; } .i-quote-right:before { content: '\e918'; } .i-s-through:before { content: '\e91a'; } .i-t:before { content: '\e91b'; } .i-u-underline:before { content: '\e91d'; } .i-caret-down:before { content: '\e900'; } .i-caret-left:before { content: '\e901'; } .i-caret-right:before { content: '\e902'; } .i-caret-up:before { content: '\e903'; } .i-cloud-solid:before { content: '\e906'; } .i-google:before { content: '\e907'; } .i-exclamation-triangle-solid:before { content: '\e909'; } .i-exclamation-triangle:before { content: '\e90a'; } .i-circle-minus-solid:before { content: '\e968'; } .i-anchor:before { content: '\e96a'; } .i-arrow-right-from-bracket:before { content: '\e96e'; } .i-bars-circle:before { content: '\e974'; } .i-bars:before { content: '\e975'; } .i-bookmark:before { content: '\e978'; } .i-box-archive:before { content: '\e979'; } .i-briefcase-solid:before { content: '\e97a'; } .i-calendar-day:before { content: '\e97b'; } .i-check-double:before { content: '\e97c'; } .i-check:before { content: '\e97d'; } .i-chevron-down:before { content: '\e97e'; } .i-chevron-left:before { content: '\e97f'; } .i-chevron-right:before { content: '\e980'; } .i-chevron-up:before { content: '\e981'; } .i-check-circle-solid:before { content: '\e982'; } .i-in-progress:before { content: '\e982'; } .i-on-review:before { content: '\e982'; } .i-accepted:before { content: '\e982'; } .i-circle-check:before { content: '\e983'; } .i-circle-check-solid:before { content: '\ea51'; } .i-dot-circle:before { content: '\e984'; } .i-info-circle:before { content: '\e985'; } .i-info-circle-solid:before { content: '\e986'; } .i-minus-circle:before { content: '\e987'; } .i-question-circle-solid:before { content: '\e988'; } .i-question-circle:before { content: '\e989'; } .i-dot:before { content: '\e98a'; } .i-circle:before { content: '\e98b'; } .i-awaiting:before { content: '\e98b'; } .i-comment-dots:before { content: '\e991'; } .i-diagram-predecessor:before { content: '\e992'; } .i-dropbox:before { content: '\e994'; } .i-ellipsis-vertical:before { content: '\e995'; } .i-ellipsis:before { content: '\e996'; } .i-envelope:before { content: '\e997'; } .i-eye-slash:before { content: '\e999'; } .i-eye:before { content: '\e99a'; } .i-facebook:before { content: '\e99b'; } .i-facebook-messenger:before { content: '\e99c'; } .i-file:before { content: '\e99d'; } .i-file-code:before { content: '\e99e'; } .i-file-csv:before { content: '\e99f'; } .i-file-excel:before { content: '\e9a0'; } .i-file-image:before { content: '\e9a1'; } .i-file-lines:before { content: '\e9a2'; } .i-file-music:before { content: '\e9a3'; } .i-file-pdf:before { content: '\e9a4'; } .i-file-powerpoint:before { content: '\e9a5'; } .i-file-video:before { content: '\e9a6'; } .i-file-word:before { content: '\e9a7'; } .i-file-zipper:before { content: '\e9a8'; } .i-filter:before { content: '\e9a9'; } .i-priority-high:before { content: '\e9aa'; } .i-priority-normal:before { content: '\e9ab'; } .i-priority-medium:before { content: '\e9ab'; } .i-fire-flame:before { content: '\e9ac'; } .i-priority-urgent:before { content: '\e9ac'; } .i-flag:before { content: '\e9ad'; } .i-folder-open:before { content: '\e9ae'; } .i-gear-solid:before { content: '\e9af'; } .i-github:before { content: '\e9b0'; } .i-google-drive:before { content: '\e9b1'; } .i-grip-vertical:before { content: '\e9b3'; } .i-house-solid:before { content: '\e9b4'; } .i-house:before { content: '\e9b5'; } .i-linkedin:before { content: '\e9b9'; } .i-list-ol:before { content: '\e9ba'; } .i-list:before { content: '\e9bb'; } .i-mobile:before { content: '\e9be'; } .i-paperclip:before { content: '\e9c0'; } .i-pencil:before { content: '\e9c2'; } .i-pinterest:before { content: '\e9c4'; } .i-plus:before { content: '\e9c6'; } .i-pomodoro:before { content: '\e9c7'; } .i-priority-low:before { content: '\e9c9'; } .i-slack:before { content: '\e9cc'; } .i-sort-down:before { content: '\e9cd'; } .i-sort-up:before { content: '\e9ce'; } .i-check-square:before { content: '\e9d0'; } .i-minus-square:before { content: '\e9d1'; } .i-square:before { content: '\e9d2'; } .i-star-solid:before { content: '\e9d3'; } .i-star:before { content: '\e9d4'; } .i-trash:before { content: '\e9d6'; } .i-twitter-t:before { content: '\e9d7'; } .i-twitter:before { content: '\e9d8'; } .i-user-solid:before { content: '\e9d9'; } .i-user-group:before { content: '\e9da'; } .i-user-plus-solid:before { content: '\e9dc'; } .i-user:before { content: '\e9dd'; } .i-vk:before { content: '\e9de'; } .i-whatsapp:before { content: '\e9df'; } .i-close:before { content: '\e9e0'; } .i-yandex-disk:before { content: '\e9e1'; } .i-app-store:before { content: '\ea4d'; } .i-clapperboard-play:before { content: '\ea50'; } .i-max:before { content: '\ea52'; } :root { --brand-black: #111111; --brand-white: #ffffff; --brand-green-strong: #5fd47f; --brand-green-subdued: #8fe1a6; --brand-blue-strong: #4191f5; --brand-blue-subdued: #7ab2f8; --brand-purple-subdued: #9d8bd3; --brand-red-subdued: #e97f91; --brand-pink-subdued: #e8bbcc; --brand-link: #4091f5; --text-default: #111111; --text-muted: rgba(17, 17, 17, 0.8); --text-subtle: rgba(17, 17, 17, 0.3); --surface-footer: #f6f6f6; --surface-footer-bottom: #ebebeb; --surface-card-blue-soft: #cfe4ff; --surface-card-purple-soft: #ebd2f8; --surface-card-green-soft: #d6f8d2; --surface-card-orange-soft: #fde2c6; --surface-card-pink-soft: #ffd7df; --surface-card-sky-soft: #e1f1fb; --gradient-primary: linear-gradient(-19.72deg, #e75468 18.48%, #7359bf 83.54%); --gradient-secondary: linear-gradient(-22.38deg, #4091f5 34.4%, #54bea5 63.23%, #5fd47f 95.1%); --shadow-btn: 0 12px 32px rgba(0, 0, 0, 0.08); --shadow-menu: 0 12px 32px rgba(0, 0, 0, 0.04); --shadow-shape: 0 40px 60px rgba(0, 0, 0, 0.04); --shadow-xsm: 0 1px 2px rgba(16, 24, 40, 0.05); --light: #ffffff; --dark: #111111; --primary: #5fd47f; --primary-100: #e3f4ee; --primary-200: #b3e0d1; --primary-700: #007a52; --primary-gradient: var(--gradient-secondary); --blue: #0077ff; --yellow: #fad200; --orange: #ff5c00; --magenta: #ff4974; --magenta-gradient: var(--gradient-primary); --purple-pink-gradient: linear-gradient(0.96deg, #e17587 -117.85%, #5a46ff 237.12%); --body-bg: var(--light); --gray-100: #f9f9f9; --gray-200: #f3f3f4; --gray-300: #e7e8e9; --gray-400: #cfd1d4; --gray-500: #9fa3a9; --gray-600: #6f757e; --gray-700: #3f4753; --gray-900: #1a1a1a; --error: #ff4974; --bg-color-1: #ccead4; --bg-color-2: #ccdfff; --bg-color-3: #ffe8cc; --bg-color-4: #cdf3f0; --bg-color-5: #e1d1eb; --bg-color-6: #fef6cc; --bg-color-7: #e7cfdc; --bg-color-8: #cdeefd; --bg-color-9: #ffd1da; --palette-common-0: #00962a; --palette-common-1: #0061fd; --palette-common-2: #ff8a00; --palette-common-3: #04c1b6; --palette-common-4: #6a1b9a; --palette-common-5: #ab47bc; --palette-common-6: #ff24bd; --palette-common-7: #880e4f; --palette-common-8: #d81b60; --palette-common-9: #ff1744; --palette-common-10: #795548; --palette-common-11: #827717; --palette-common-12: #bf360c; --palette-common-13: #e65100; --palette-common-14: #78909c; --palette-common-15: #004d40; --palette-common-16: #03a9f4; --palette-common-17: #00838f; --palette-common-18: #4caf50; --palette-common-19: #283593; --palette-light-0: #ccead4; --palette-light-1: #ccdfff; --palette-light-2: #ffe8cc; --palette-light-3: #cdf3f0; --palette-light-4: #e1d1eb; --palette-light-5: #eedaf2; --palette-light-6: #ffd3f2; --palette-light-7: #e7cfdc; --palette-light-8: #f7d1df; --palette-light-9: #ffd1da; --palette-light-10: #e4ddda; --palette-light-11: #e6e4d1; --palette-light-12: #f2d7ce; --palette-light-13: #fadccc; --palette-light-14: #e4e9eb; --palette-light-15: #ccdbd9; --palette-light-16: #cdeefd; --palette-light-17: #cce6e9; --palette-light-18: #dbefdc; --palette-light-19: #d4d7e9; --bp-sm: 576px; --bp-md: 768px; --bp-lg: 1024px; --bp-xl: 1280px; --bp-xxl: 1400px; --column-gap-sm: 10px; --column-gap: 20px; --column-gap-lg: 40px; --column-gap-xl: 60px; --column-gap-xxl: 80px; --page-pad-x: 20px; } @media (min-width: 576px) { :root { --page-pad-x: 32px; } } @media (min-width: 1280px) { :root { --page-pad-x: 0px; } } *, ::before, ::after { border-color: currentColor; border-style: solid; border-width: 0; } html { scroll-behavior: smooth; scroll-padding-top: 80px; scrollbar-gutter: stable; } @media (min-width: 1024px) and (max-width: 1279px) { html { scroll-padding-top: 64px; } } html, body { min-height: 100vh; } ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-thumb { background: var(--gray-400); border-radius: 7px; } ::-webkit-scrollbar-track { border-radius: 7px; } body { color: var(--text-default); font-family: "Onest", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.6; font-weight: 400; position: relative; display: flex; flex-direction: column; overflow-x: clip; } body main { flex-grow: 1; } body.page-nav-modal-open { overflow: hidden; } strong { font-weight: 700; } figure { margin: 0; } .article-content, .blog-content-wrapper { font-feature-settings: "kern" 1, "liga" 1, "calt" 1; text-rendering: optimizeLegibility; hanging-punctuation: first last; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } a { color: inherit; text-decoration: none; } a:hover { text-decoration: underline; } .section-title { font-weight: 700; font-size: 27px; line-height: 1.15; } @media (min-width: 768px) { .section-title { font-size: 40px; } } @media (min-width: 1024px) { .section-title { font-size: 52px; } } @media (min-width: 1200px) { .section-title { font-size: 64px; } } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; margin: 0; } .text-3xl { font-size: 43px !important; line-height: 53px !important; @media (min-width: 768px) { font-size: 64px !important; line-height: 100% !important; } } .h1 { font-size: 27px; line-height: 32px; } @media (min-width: 768px) { .h1 { font-size: 40px; line-height: 48px; } } @media (min-width: 1024px) { .h1 { font-size: 52px; line-height: 58px; letter-spacing: 0.03em; } } .h2 { font-size: 40px; line-height: 48px; } .h2-xs { font-size: 27px; line-height: 32px; font-weight: 500; } .h2-sm { font-size: 36px; line-height: 1.1; } @media (min-width: 576px) { .h2-xs { font-size: 32px; line-height: 1.25; } } @media (min-width: 768px) { .h2-xs { font-size: 40px; line-height: 48px; } } .h3, .text-xl { font-size: 27px; line-height: 32px; } .h3-xs { font-size: 20px; line-height: 28px; font-weight: 500; } .h3-xl { font-size: 46px; line-height: 1.1; font-weight: 700; } @media (min-width: 576px) { .h3-xs { font-size: 27px; line-height: 32px; } } .text-up { font-size: 1.2em; } .text-down { font-size: 0.9em; } .h4, .text-lg { font-size: 20px; line-height: 28px; } .h5, .text-md { font-size: 17px; line-height: 24px; } .h6, .text-sm { font-size: 14px; line-height: 16px; } .text-2lg { font-size: 36px; line-height: 1.1; font-weight: 700; } .text-14 { font-size: 14px !important; } .text-16 { font-size: 16px !important; } .text-18 { font-size: 18px !important; } .text-20 { font-size: 20px !important; } .text-22 { font-size: 22px !important; } .text-24 { font-size: 24px !important; } .text-27 { font-size: 27px !important; } .text-28 { font-size: 28px !important; } .text-30 { font-size: 30px !important; } .text-32 { font-size: 32px !important; } .text-36 { font-size: 36px !important; } .text-40 { font-size: 40px !important; } .text-43 { font-size: 43px !important; } .text-46 { font-size: 46px !important; } .text-60 { font-size: 60px !important; } @media (min-width: 768px) { .text-20\:md { font-size: 20px !important; } .text-22\:md { font-size: 22px !important; } .text-24\:md { font-size: 24px !important; } .text-27\:md { font-size: 27px !important; } .text-28\:md { font-size: 28px !important; } .text-30\:md { font-size: 30px !important; } .text-32\:md { font-size: 32px !important; } .text-36\:md { font-size: 36px !important; } .text-37\:md { font-size: 37px !important; } .text-40\:md { font-size: 40px !important; } .text-46\:md { font-size: 46px !important; } .text-50\:md { font-size: 50px !important; } .text-54\:md { font-size: 54px !important; } .text-60\:md { font-size: 60px !important; } .text-64\:md { font-size: 64px !important; } } @media (min-width: 1024px) { .text-30\:lg { font-size: 30px !important; } } .lh-14 { line-height: 14px !important; } .lh-24 { line-height: 24px !important; } .lh-28 { line-height: 28px !important; } .lh-32 { line-height: 32px; } .lh-36 { line-height: 36px !important; } .lh-39 { line-height: 39px !important; } .lh-40 { line-height: 40px !important; } .lh-43 { line-height: 43px !important; } .lh-46 { line-height: 46px !important; } .lh-48 { line-height: 48px !important; } .lh-49 { line-height: 49px !important; } .lh-53 { line-height: 53px !important; } .lh-56 { line-height: 56px !important; } .lh-76 { line-height: 76px !important; } @media (min-width: 768px) { .lh-30\:md { line-height: 30px !important; } .lh-32\:md { line-height: 32px !important; } .lh-34\:md { line-height: 34px !important; } .lh-36\:md { line-height: 36px !important; } .lh-40\:md { line-height: 40px !important; } .lh-42\:md { line-height: 42px !important; } .lh-43\:md { line-height: 43px !important; } .lh-46\:md { line-height: 46px; } .lh-48\:md { line-height: 48px !important; } .lh-56\:md { line-height: 56px !important; } .lh-60\:md { line-height: 60px !important; } .lh-64\:md { line-height: 64px !important; } .lh-70\:md { line-height: 70px !important; } .lh-74\:md { line-height: 74px !important; } .lh-76\:md { line-height: 76px !important; } .lh-78\:md { line-height: 78px !important; } } .line-height-normal { line-height: normal !important; } .line-height-unset { line-height: unset !important; } .line-height-sm { line-height: 1.15 !important; } .line-height-md { line-height: 1.4 !important; } .line-height-full, .lh-full { line-height: 100%; } .line-height-full\:md, .lh-full\:md { @media (min-width: 768px) { line-height: 100%; } } .font-weight-300, .fw-300 { font-weight: 300 !important; } .font-weight-400, .fw-400 { font-weight: 400 !important; } .font-weight-500, .fw-500 { font-weight: 500 !important; } .font-weight-600, .fw-600 { font-weight: 600 !important; } .font-weight-700, .fw-700 { font-weight: 700 !important; } .font-weight-800, .fw-800 { font-weight: 800 !important; } .font-weight-900, .fw-900 { font-weight: 900 !important; } .font-style-italic, .fs-i { font-style: italic; } .text-light { color: var(--light) !important; } .text-dark { color: var(--dark) !important; } .text-left { text-align: left; } .text-center { text-align: center; } .text-left\:md { @media (min-width: 768px) { text-align: left; } } .text-left-lg { @media (min-width: 1024px) { text-align: left !important; } } .text-underline { text-decoration: underline; } .hover-underline-none:hover { text-decoration: none; } .link-hover-underline:hover { text-decoration: none; } .link-hover-underline:hover .link-hover-underline { text-decoration: underline; } .order-list { padding-inline-start: 25px; } @media (min-width: 576px) { .order-list { padding-inline-start: 40px; } } .order-list a { word-break: break-all; } .order-list li::marker { content: attr(data-marker); font-weight: normal; } .order-list.fw-marker-700 li::marker { font-weight: 700; } .order-list.fw-marker-600 li::marker { font-weight: 600; } .order-list.fw-inherit li::marker { font-weight: inherit; } ul.order-list > li::marker { content: none; } ul.order-list > li { position: relative; } ul.order-list > li::before { content: "\2022"; font-size: 1.5em; position: absolute; left: -0.45em; top: 0.09em; } .text-page { font-weight: 300; font-size: 16px; line-height: 21px; } .text-page .h2 { font-size: 27px; line-height: 32px; } @media (min-width: 576px) { .text-page { font-size: 17px; line-height: 24px; } .text-page .h2 { font-size: 40px; line-height: 48px; } } .breadcrumb { font-weight: 300; font-size: 14px; margin-top: 30px; margin-bottom: 30px; } @media (min-width: 1024px) { .breadcrumb { margin-top: 40px; } } .breadcrumb > * { display: inline; } .breadcrumb > *:not(:last-child):after { font-family: "glabix-iconset" !important; content: "\e980"; display: inline-block; margin: 0 8px; font-size: 11px; color: var(--gray-600); vertical-align: baseline; } .breadcrumb a { color: var(--gray-600); } .roboto { font-family: "Onest", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; } @media (min-width: 1024px) { .white-space-nowrap\:lg { white-space: nowrap; } } @media (min-width: 768px) { .white-space-nowrap\:md { white-space: nowrap; } } .text-h1, .text-h2, .text-h3 { font-family: "Onest", sans-serif; color: var(--text-default); margin: 0; } .text-h1 { font-size: 32px; font-weight: 800; line-height: 1.1; letter-spacing: -0.64px; } @media (min-width: 768px) { .text-h1 { font-size: 36px; letter-spacing: -0.72px; } } @media (min-width: 1024px) { .text-h1 { font-size: 40px; letter-spacing: -0.8px; } } @media (min-width: 1280px) { .text-h1 { font-size: 52px; letter-spacing: -1.04px; } } .text-h2 { font-size: 28px; font-weight: 800; line-height: 1.2; letter-spacing: -0.56px; } @media (min-width: 768px) { .text-h2 { font-size: 36px; letter-spacing: -0.72px; } } @media (min-width: 1024px) { .text-h2 { font-size: 32px; letter-spacing: -0.64px; } } @media (min-width: 1280px) { .text-h2 { font-size: 40px; letter-spacing: -0.8px; } } .text-h3 { font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: 0.2px; } @media (min-width: 768px) { .text-h3 { font-size: 24px; letter-spacing: 0.24px; } } @media (min-width: 1280px) { .text-h3 { font-size: 32px; letter-spacing: 0.32px; } } .text-title-l { font-family: "Onest", sans-serif; font-size: 16px; font-weight: 600; line-height: 1.6; letter-spacing: 0.16px; color: var(--text-default); } @media (min-width: 1280px) { .text-title-l { font-size: 20px; line-height: 1.4; letter-spacing: 0.2px; } } .text-title-s { font-family: "Onest", sans-serif; font-size: 14px; font-weight: 600; line-height: 1.4; letter-spacing: 0.14px; color: var(--text-default); } .text-body-l { font-family: "Onest", sans-serif; font-size: 18px; font-weight: 500; line-height: 1.6; letter-spacing: 0.18px; color: var(--text-default); } @media (min-width: 1024px) { .text-body-l { font-size: 20px; letter-spacing: 0.2px; } } .text-body-m { font-family: "Onest", sans-serif; font-size: 12px; font-weight: 500; line-height: 1.6; letter-spacing: 0.12px; color: var(--text-default); } @media (min-width: 1024px) { .text-body-m { font-size: 14px; } } @media (min-width: 1280px) { .text-body-m { font-size: 16px; letter-spacing: 0.16px; } } .text-body-s { font-family: "Onest", sans-serif; font-size: 14px; font-weight: 500; line-height: 1.6; letter-spacing: 0.14px; color: var(--text-default); } .text-caption { font-family: "Onest", sans-serif; font-size: 12px; font-weight: 500; line-height: 1.4; letter-spacing: 0; color: var(--text-muted); } .text-tag { font-family: "Onest", sans-serif; font-size: 10px; font-weight: 500; line-height: 1.4; letter-spacing: 0; color: var(--text-muted); } .text-muted { color: var(--text-muted); } .text-subtle { color: var(--text-subtle); } .text-on-brand { color: var(--brand-white); } .text-underline-accent { text-decoration: underline; text-decoration-color: var(--brand-blue-subdued); text-decoration-thickness: 6px; text-underline-offset: 0.12em; text-decoration-skip-ink: none; } @media (max-width: 767px) { .text-underline-accent { text-decoration-thickness: 4px; } } .text-underline-accent--blue { text-decoration-color: var(--brand-blue-subdued); } .text-underline-accent--green { text-decoration-color: var(--brand-green-subdued); } .text-underline-accent--purple { text-decoration-color: var(--brand-purple-subdued); } .text-underline-accent--red { text-decoration-color: var(--brand-red-subdued); } .text-underline-accent--pink { text-decoration-color: var(--brand-pink-subdued); } .text-underline-accent--white { text-decoration-color: rgba(255, 255, 255, 0.7); } .page-container { margin-right: auto; margin-left: auto; max-width: 1216px; width: 100%; padding-left: var(--page-pad-x); padding-right: var(--page-pad-x); } .row-container { padding-left: calc(var(--column-gap) * 0.5); padding-right: calc(var(--column-gap) * 0.5); } .row { display: flex; flex-wrap: wrap; margin-left: calc(-0.5 * var(--column-gap)); margin-right: calc(-0.5 * var(--column-gap)); } .row-sm { margin-left: calc(-0.5 * var(--column-gap-sm)); margin-right: calc(-0.5 * var(--column-gap-sm)); } .row-sm > [class*='col-'] { padding-left: calc(var(--column-gap-sm) * 0.5); padding-right: calc(var(--column-gap-sm) * 0.5); } .row-lg { margin-left: calc(-0.5 * var(--column-gap-lg)); margin-right: calc(-0.5 * var(--column-gap-lg)); } .row-lg > [class*='col-'] { padding-left: calc(var(--column-gap-lg) * 0.5); padding-right: calc(var(--column-gap-lg) * 0.5); } @media (min-width: 1024px) { .row-xl { margin-left: calc(-0.5 * var(--column-gap-xl)); margin-right: calc(-0.5 * var(--column-gap-xl)); } .row-xl > [class*='col-'] { padding-left: calc(var(--column-gap-xl) * 0.5); padding-right: calc(var(--column-gap-xl) * 0.5); } } .gap { column-gap: var(--column-gap); } .column-gap-sm { column-gap: var(--column-gap-sm); } .column-gap { column-gap: var(--column-gap); } .column-gap-lg { column-gap: var(--column-gap-lg); } .column-gap-xl { column-gap: var(--column-gap-xl); } .row-gap-sm { row-gap: var(--column-gap-sm); } .row-gap { row-gap: var(--column-gap); } .row-gap-lg { row-gap: var(--column-gap-lg); } .row-gap-xl { row-gap: var(--column-gap-xl); } .row-gap-xxl { row-gap: var(--column-gap-xxl); } .grid { display: grid !important; } .grid-cols-2\:md { @media (min-width: 768px) { grid-template-columns: 1fr 1fr !important; } } .flex { display: flex !important; } .flex-col, .flex-column { flex-direction: column !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-column-lg { @media (min-width: 1024px) { flex-direction: column !important; } } .flex-row-lg { @media (min-width: 1024px) { flex-direction: row !important; } } .flex-row\:md { @media (min-width: 768px) { flex-direction: row !important; } } .flex-row-lg { @media (min-width: 1024px) { flex-direction: row !important; } } .flex-row-reverse-md, .flex-row-reverse\:md { @media (min-width: 768px) { flex-direction: row-reverse !important; } } .flex-wrap { flex-wrap: wrap !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-basis-0 { flex-basis: 0 !important; } .flex-basis-5\/12 { flex-basis: 41.666667% !important; } .flex-basis-1\/2 { flex-basis: 50% !important; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-around { justify-content: space-around; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } @media (min-width: 1024px) { .justify-lg-end { justify-content: flex-end; } } .items-center { align-items: center; } .items-start { align-items: start !important; } .items-end { align-items: end; } .items-baseline { align-items: baseline; } .items-center\:md { @media (min-width: 768px) { align-items: center; } } @media (min-width: 1024px) { .items-center-lg { align-items: center; } } .align-self-start { align-self: start !important; } @media (min-width: 768px) { .align-self-start-md { align-items: start !important; } } .align-self-center { align-self: center !important; } @media (min-width: 768px) { .align-self-center-md { align-items: center !important; } } .align-self-end { align-self: end; } .gap-5 { gap: 5px !important; } .gap-8 { gap: 8px !important; } .gap-10 { gap: 10px !important; } .gap-12 { gap: 12px !important; } .gap-15 { gap: 15px; } .gap-16 { gap: 16px; } .gap-20 { gap: 20px; } .gap-24 { gap: 24px; } .gap-25 { gap: 25px; } .gap-lg-20 { @media (min-width: 1024px) { gap: 20px !important; } } .gap-30 { gap: 30px; } .gap-36 { gap: 36px; } .gap-40 { gap: 40px; } .gap-lg-40 { @media (min-width: 1024px) { gap: 40px; } } .gap-50 { gap: 50px; } .gap-52 { gap: 52px; } .gap-60 { gap: 60px !important; } .gap-lg-50 { @media (min-width: 1024px) { gap: 50px; } } .gap-lg-60 { @media (min-width: 1024px) { gap: 60px; } } .gap-76 { gap: 76px; } .gap-80 { gap: 80px; } .gap-100 { gap: 100px; } .gap-120 { gap: 120px; } .row-gap-30 { row-gap: 30px; } .row-gap-40 { row-gap: 40px; } .flex-center-4 { display: flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; } .flex-center-6 { display: flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; } .flex-center-9 { display: flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; } .flex-center-12 { display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; } .col { flex: 1 0 0%; max-width: 100%; } [class*='col-'] { flex: 0 0 auto; padding-left: calc(var(--column-gap) * 0.5); padding-right: calc(var(--column-gap) * 0.5); } .col-1 { width: calc(100% * (1 / 12)); } .col-2 { width: calc(100% * (2 / 12)); } .col-3 { width: calc(100% * (3 / 12)); } .col-4 { width: calc(100% * (4 / 12)); } .col-5 { width: calc(100% * (5 / 12)); } .col-6 { width: calc(100% * (6 / 12)); } .col-7 { width: calc(100% * (7 / 12)); } .col-8 { width: calc(100% * (8 / 12)); } .col-9 { width: calc(100% * (9 / 12)); } .col-10 { width: calc(100% * (10 / 12)); } .col-11 { width: calc(100% * (11 / 12)); } .col-12 { width: 100%; } .hidden, .visible-sm, .visible-md, .visible-lg, .visible-flex-lg, .visible-flex-xl, .visible-xl { display: none !important; } @media (min-width: 576px) { .col-sm-1 { width: calc(100% * (1 / 12)); } .col-sm-2 { width: calc(100% * (2 / 12)); } .col-sm-3 { width: calc(100% * (3 / 12)); } .col-sm-4 { width: calc(100% * (4 / 12)); } .col-sm-5 { width: calc(100% * (5 / 12)); } .col-sm-6 { width: calc(100% * (6 / 12)); } .col-sm-7 { width: calc(100% * (7 / 12)); } .col-sm-8 { width: calc(100% * (8 / 12)); } .col-sm-9 { width: calc(100% * (9 / 12)); } .col-sm-10 { width: calc(100% * (10 / 12)); } .col-sm-11 { width: calc(100% * (11 / 12)); } .col-sm-12 { width: 100%; } .hidden-sm { display: none !important; } .visible-sm { display: block !important; } } @media (min-width: 768px) { .col-md-1 { width: calc(100% * (1 / 12)); } .col-md-2 { width: calc(100% * (2 / 12)); } .col-md-3 { width: calc(100% * (3 / 12)); } .col-md-4 { width: calc(100% * (4 / 12)); } .col-md-5 { width: calc(100% * (5 / 12)); } .col-md-6 { width: calc(100% * (6 / 12)); } .col-md-7 { width: calc(100% * (7 / 12)); } .col-md-8 { width: calc(100% * (8 / 12)); } .col-md-9 { width: calc(100% * (9 / 12)); } .col-md-10 { width: calc(100% * (10 / 12)); } .col-md-11 { width: calc(100% * (11 / 12)); } .col-md-12 { width: 100%; } .hidden-md { display: none !important; } .visible-md { display: block !important; } .visible-inline-md { display: inline-block !important; } } @media (min-width: 1024px) { .col-lg-1 { width: calc(100% * (1 / 12)); } .col-lg-2 { width: calc(100% * (2 / 12)); } .col-lg-3 { width: calc(100% * (3 / 12)); } .col-lg-4 { width: calc(100% * (4 / 12)); } .col-lg-5 { width: calc(100% * (5 / 12)); } .col-lg-6 { width: calc(100% * (6 / 12)); } .col-lg-7 { width: calc(100% * (7 / 12)); } .col-lg-8 { width: calc(100% * (8 / 12)); } .col-lg-9 { width: calc(100% * (9 / 12)); } .col-lg-10 { width: calc(100% * (10 / 12)); } .col-lg-11 { width: calc(100% * (11 / 12)); } .col-lg-12 { width: 100%; } .hidden-lg { display: none !important; } .visible-lg { display: block !important; } .visible-flex-lg { display: flex !important; } .flex-lg { display: flex !important; } .block-lg { display: block !important; } } @media (min-width: 1200px) { .col-xl-1 { width: calc(100% * (1 / 12)); } .col-xl-2 { width: calc(100% * (2 / 12)); } .col-xl-3 { width: calc(100% * (3 / 12)); } .col-xl-4 { width: calc(100% * (4 / 12)); } .col-xl-5 { width: calc(100% * (5 / 12)); } .col-xl-6 { width: calc(100% * (6 / 12)); } .col-xl-7 { width: calc(100% * (7 / 12)); } .col-xl-8 { width: calc(100% * (8 / 12)); } .col-xl-9 { width: calc(100% * (9 / 12)); } .col-xl-10 { width: calc(100% * (10 / 12)); } .col-xl-11 { width: calc(100% * (11 / 12)); } .col-xl-12 { width: 100%; } .hidden-xl { display: none !important; } .visible-xl { display: block !important; } .visible-flex-xl { display: flex !important; } } @media (min-width: 1400px) { .col-xxl-1 { width: calc(100% * (1 / 12)); } .col-xxl-2 { width: calc(100% * (2 / 12)); } .col-xxl-3 { width: calc(100% * (3 / 12)); } .col-xxl-4 { width: calc(100% * (4 / 12)); } .col-xxl-5 { width: calc(100% * (5 / 12)); } .col-xxl-6 { width: calc(100% * (6 / 12)); } .col-xxl-7 { width: calc(100% * (7 / 12)); } .col-xxl-8 { width: calc(100% * (8 / 12)); } .col-xxl-9 { width: calc(100% * (9 / 12)); } .col-xxl-10 { width: calc(100% * (10 / 12)); } .col-xxl-11 { width: calc(100% * (11 / 12)); } .col-xxl-12 { width: 100%; } .hidden-xxl { display: none !important; } } .flex-center-10 { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 40px; height: 40px; border-radius: 10px; } .flex-center-5 { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 40px; height: 40px; border-radius: 5px; } .flex-center-6 { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 24px; height: 24px; border-radius: 6px; } @media (min-width: 576px) { .flex-center-6 { width: 32px; height: 32px; } } @media (min-width: 768px) { .flex-center-6 { width: 36px; height: 36px; } } .page-header { min-height: 80px; position: relative; z-index: 900; background-color: var(--body-bg); } .page-header .glabix-screen-logo { position: relative; top: -2px; } @media (max-width: 400px) { .page-header .glabix-screen-logo { width: 220px; height: auto; top: 0; } } .page-header .glabix-daily-logo { position: relative; top: -2px; } @media (max-width: 450px) { .page-header .glabix-daily-logo { width: 230px; height: auto; top: 0; } } @media (min-width: 1200px) { .page-header { min-height: 78px; } .page-header .glabix-landing-logo-ru { position: relative; left: 1px; } .page-header-gray .page-header { background-color: var(--gray-100); } .page-header:not(.is-green):before { background-color: var(--primary-200); } .dark-layout-page .page-header { background-color: var(--dark); } } .page-header-backdrop { position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15); } .page-header:not(.is-green) .glabix-landing-logo-light { display: none; } .page-nav { display: flex; padding-left: 20px; padding-right: 20px; position: relative; z-index: 1; } @media (min-width: 576px) { .page-nav { padding-left: 35px; padding-right: 35px; } } @media (min-width: 1200px) { .page-nav { padding-left: 0; padding-right: 0; } } .page-nav-logo { min-height: 80px; flex: 0 0 auto; width: 165px; display: flex; align-items: center; } @media (min-width: 1200px) { .page-nav-logo { width: 129px; min-height: 78px; } } .page-nav-menu { display: flex; position: relative; align-items: center; padding-left: 2%; padding-right: 2%; } .page-nav-item { position: relative; display: flex; height: 100%; flex-direction: column; justify-content: center; align-items: center; } .page-nav-dropdown-holder { position: absolute; left: -20px; top: 100%; padding-top: 15px; opacity: 0; pointer-events: none; transition: opacity 0.1s; } .page-nav-item:hover .page-nav-dropdown-holder { pointer-events: auto; opacity: 1; } .page-nav-dropdown { box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15); border-radius: 16px; background-color: var(--light); } .page-nav-dropdown-item { padding: 8px 20px; } .page-nav-dropdown-item:first-child { padding-top: 20px; } .page-nav-dropdown-item:last-child { padding-bottom: 20px; } .page-nav-link { display: flex; align-items: center; gap: 10px; } .page-nav-profile .page-nav-link-signup { background: linear-gradient(357.31deg, #f96377 0.58%, #f963b3 96.1%); height: 40px; font-size: 17px; font-weight: 500; line-height: 24px; letter-spacing: 0; padding: 8px 24px; display: flex; align-items: center; text-wrap: nowrap; border: unset; border-radius: 24px; color: #ffffff; transition: all 0.3s linear; } .page-nav-profile .page-nav-link-signup:hover { text-decoration: none; box-shadow: 0 0 10px 0 rgba(255, 73, 116, 0.6); } .page-nav-profile .page-nav-link-default { background: #e8ebef; font-size: 17px; line-height: 24px; letter-spacing: 0; border-radius: 24px; padding: 8px 24px; display: flex; align-items: center; text-wrap: nowrap; transition: all 0.3s linear; } .page-nav-profile .page-nav-link-default:hover { box-shadow: 0 0 10px 0 rgba(176, 176, 176, 0.7); text-decoration: none; } .page-nav-profile { flex: 1 0 0%; flex-grow: 0; display: flex; align-items: center; justify-content: flex-end; } .page-nav .glabix-landing-logo-light { display: none; } @media (min-width: 1200px) { .page-nav .counter-form { display: block; } } @media (min-width: 1200px) { .page-header .page-nav { background-color: var(--light); border-radius: 16px; padding-left: 30px; padding-right: 30px; } .page-header .page-nav--square { border-radius: 0px; padding-left: 36px; padding-right: 0px; } } .page-nav-modal-backdrop { position: fixed; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; pointer-events: none; } .page-nav-modal-wrapper { position: fixed; left: 0; top: 0; height: 100%; width: 100%; overflow-x: hidden; overflow-y: auto; z-index: 1000; display: none; } .page-nav-modal-open .page-nav-modal-wrapper { display: block; } @media (min-width: 1200px) { .page-nav-modal-wrapper { display: none !important; } } .page-nav-modal { background-color: var(--body-bg); box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.25); animation-name: fadeinleft; animation-duration: 0.15s; width: 375px; max-width: 100%; min-height: 100vh; position: relative; z-index: 2; padding: 0 20px 20px; display: flex; flex-direction: column; } @media (min-width: 576px) { .page-nav-modal { padding-left: 32px; padding-right: 32px; } } .page-nav-modal-header { min-height: 64px; display: flex; align-items: center; gap: 12px; } .page-nav-modal-header .i-close { font-size: 20px; } @media (min-width: 576px) { .page-nav-modal-header .i-close { font-size: 26px; } } @media (min-width: 768px) { .page-nav-modal-header .i-close { font-size: 30px; } } .page-nav-modal-body { flex: 1; } .page-nav-modal-list { display: flex; flex-direction: column; gap: 20px; } .page-nav-modal-list .page-nav-modal-list { gap: 10px; } .page-nav-modal-apps { margin-top: 40px; margin-bottom: 40px; } .page-nav-modal-footer { padding-top: 40px; } .page-footer { margin-top: 80px; position: relative; z-index: 1; } .footer-holder .page-footer { margin-top: 0; } .footer-holder .shadow-drop { box-shadow: 0px 2px 54px 0px #565add33; } @media (min-width: 1024px) { .page-footer { padding-left: 0; padding-right: 0; } } .page-footer-nav-container { background-color: var(--gray-100); } .dark-layout-page .page-footer-nav-container { background-color: var(--dark); } .page-footer-nav { padding: 20px; display: flex; justify-content: space-between; font-size: 14px; font-weight: 300; } @media (min-width: 576px) { .page-footer-nav { font-size: 17px; } } @media (min-width: 1024px) { .page-footer-nav { padding: 80px 30px; line-height: 1.647058823529412; } } .page-footer-bottom { display: flex; justify-content: space-between; gap: 80px; align-items: center; min-height: 100px; font-weight: 300; padding-left: 30px; padding-right: 30px; } .page-footer-bottom-menu { display: flex; flex-grow: 1; gap: 30px; align-items: center; min-height: 80px; position: relative; } .site-header { position: sticky; top: 0; z-index: 900; background-color: transparent; transition: background-color 0.25s ease, box-shadow 0.25s ease; } .site-header.is-scrolled, .site-header--solid { background-color: var(--brand-white); box-shadow: var(--shadow-menu); } .site-nav { display: flex; align-items: center; gap: 16px; min-height: 64px; padding: 12px 0; position: relative; z-index: 1; } @media (min-width: 1024px) { .site-nav { min-height: 48px; } } @media (min-width: 1280px) { .site-nav { min-height: 64px; gap: 32px; } } .site-nav-logo-group { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; } .site-nav-logo { display: flex; align-items: center; flex: 0 0 auto; text-decoration: none; } .site-nav-logo img { display: block; height: 20px; width: auto; } @media (min-width: 576px) and (max-width: 767px) { .site-nav-logo img { height: 24px; } } @media (min-width: 768px) and (max-width: 1023px) { .site-nav-logo img { height: 28px; } } @media (min-width: 1280px) { .site-nav-logo img { height: 26px; } } .site-nav-burger { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: 0; background: transparent; color: var(--text-default); cursor: pointer; } .site-nav-burger .i-bars { font-size: 20px; } @media (min-width: 576px) { .site-nav-burger { width: 32px; height: 32px; } .site-nav-burger .i-bars { font-size: 26px; } } @media (min-width: 768px) { .site-nav-burger { width: 36px; height: 36px; } .site-nav-burger .i-bars { font-size: 30px; } } @media (min-width: 1024px) { .site-nav-burger { display: none; } } .site-nav-menu { display: none; flex: 1 1 auto; align-items: center; justify-content: center; gap: 16px; height: 100%; } @media (min-width: 1024px) { .site-nav-menu { display: flex; } } @media (min-width: 1280px) { .site-nav-menu { gap: 24px; } } .site-nav-item { position: relative; display: flex; align-items: center; height: 100%; } .site-nav-link { font-family: "Onest", sans-serif; font-size: 12px; font-weight: 500; line-height: 1.5; color: var(--text-default); opacity: 0.8; text-decoration: none; white-space: nowrap; cursor: pointer; transition: opacity 0.15s ease; } @media (min-width: 1280px) { .site-nav-link { font-size: 14px; line-height: 1.6; } } .site-nav-link:hover, .site-nav-item:hover > .site-nav-link--dropdown { opacity: 1; text-decoration: none; } .site-nav-link--dropdown { cursor: default; } .site-nav-link[aria-current="page"] { opacity: 1; text-decoration: underline; text-decoration-color: var(--brand-blue-subdued); text-decoration-thickness: 2px; text-underline-offset: 6px; } .site-nav-dropdown-holder { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); padding-top: 16px; opacity: 0; pointer-events: none; transition: opacity 0.15s ease; z-index: 1000; } .site-nav-item.has-dropdown:hover .site-nav-dropdown-holder, .site-nav-item.has-dropdown:focus-within .site-nav-dropdown-holder { opacity: 1; pointer-events: auto; } .site-nav-dropdown { background-color: var(--brand-white); box-shadow: var(--shadow-menu); border-radius: 16px; padding: 16px 20px; display: flex; flex-direction: column; gap: 12px; min-width: 220px; } .site-nav-dropdown-link { font-family: "Onest", sans-serif; font-size: 14px; font-weight: 500; line-height: 1.6; color: var(--text-default); text-decoration: none; white-space: nowrap; opacity: 0.8; transition: opacity 0.15s ease; } .site-nav-dropdown-link:hover { opacity: 1; text-decoration: none; } .site-nav-actions { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; margin-left: auto; } @media (min-width: 1024px) { .site-nav-actions { margin-left: 0; } } .btn-header-outline { display: inline-flex; align-items: center; gap: 4px; padding: 8px 8px; border: 0.75px solid rgba(17, 17, 17, 0.5); border-radius: 4px; background: transparent; color: var(--text-default); font-family: "Onest", sans-serif; font-size: 10px; font-weight: 600; line-height: 1.5; text-decoration: none; white-space: nowrap; cursor: pointer; transition: border-color 0.15s ease, background-color 0.15s ease; } @media (min-width: 576px) and (max-width: 1023px) { .btn-header-outline { height: 40px; padding: 10.5px 16px; border: 1px solid rgba(17, 17, 17, 0.5); border-radius: 4px; font-size: 12px; line-height: 1.4; } .btn-header-outline img { width: 16px; height: 16px; } } @media (min-width: 1024px) { .btn-header-outline { height: 28px; } } @media (min-width: 1280px) { .btn-header-outline { height: 32px; padding: 8px 12px 8px 10px; border: 1px solid rgba(17, 17, 17, 0.5); border-radius: 4px; font-size: 12px; line-height: 1.4; } } .btn-header-outline:hover { border-color: var(--text-default); text-decoration: none; } .btn-header-outline img { display: block; width: 12px; height: 12px; } @media (min-width: 1280px) { .btn-header-outline img { width: 16px; height: 16px; } } .btn-header-primary { display: inline-flex; align-items: center; justify-content: center; height: 28px; padding: 6px 10px; border-radius: 4px; background-color: var(--brand-black); box-shadow: var(--shadow-btn); color: var(--brand-white); font-family: "Onest", sans-serif; font-size: 12px; font-weight: 600; line-height: 1.4; text-decoration: none; white-space: nowrap; cursor: pointer; transition: transform 0.15s ease, box-shadow 0.15s ease; } @media (min-width: 576px) and (max-width: 1023px) { .btn-header-primary { height: 40px; padding: 10.5px 16px; font-size: 12px; line-height: 1.4; } } @media (min-width: 1024px) { .btn-header-primary { height: 28px; padding: 8px 8px; font-size: 10px; line-height: 1.5; } } @media (min-width: 1280px) { .btn-header-primary { height: 32px; padding: 8px 12px; font-size: 12px; line-height: 1.4; } } .btn-header-primary:hover { color: var(--brand-white); text-decoration: none; } .site-footer { position: relative; z-index: 1; font-family: "Onest", sans-serif; font-size: 12px; line-height: 1.6; color: var(--text-muted); } .site-footer .page-container { max-width: 1216px; padding-left: var(--page-pad-x); padding-right: var(--page-pad-x); } @media (min-width: 1280px) { .site-footer { font-size: 14px; } } .site-footer-main { background-color: var(--surface-footer); padding: 32px 0; } @media (min-width: 1024px) { .site-footer-main { padding: 32px 0 40px; } } @media (min-width: 1280px) { .site-footer-main { padding: 48px 0 56px; } } .site-footer-main-inner { display: flex; flex-direction: column; gap: 16px; } @media (min-width: 1024px) { .site-footer-main-inner { display: grid; grid-template-columns: 180px 1fr; grid-template-rows: auto auto 1fr; column-gap: 48px; row-gap: 16px; } .site-footer-top { display: contents; } .site-footer-logo { grid-column: 1; grid-row: 1; } .site-footer-top .btn-2026 { grid-column: 1; grid-row: 3; align-self: end; justify-self: start; } .site-footer-contacts-row { grid-column: 1; grid-row: 2; } .site-footer-links { grid-column: 2; grid-row: 1 / span 3; } } @media (min-width: 1280px) { .site-footer-main-inner { grid-template-columns: 220px 1fr; column-gap: 120px; } } @media (min-width: 1024px) { .site-footer-top { display: contents !important; } } .site-footer-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .site-footer-logo { display: inline-flex; align-items: center; width: fit-content; text-decoration: none; } .site-footer-logo img { display: block; height: 20px; width: auto; } @media (min-width: 1280px) { .site-footer-logo img { height: 26px; } } .site-footer-socials { display: flex; gap: 8px; } .site-footer-social { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 4px; background-color: var(--brand-white); box-shadow: var(--shadow-btn); text-decoration: none; transition: transform 0.15s ease, box-shadow 0.15s ease; } .site-footer-social:hover { box-shadow: 0 14px 36px rgba(0, 0, 0, 0.12); } .site-footer-social img { display: block; width: 20px; height: 20px; } @media (min-width: 1024px) { .site-footer-socials { gap: 12px; } .site-footer-social { width: 32px; height: 32px; } } @media (min-width: 1280px) { .site-footer-social { width: 42px; height: 42px; } } .site-footer-contacts { display: flex; flex-direction: row; gap: 16px; flex-wrap: wrap; align-items: center; } @media (min-width: 1024px) { .site-footer-contacts { flex-direction: column; gap: 12px; align-items: flex-start; } } .site-footer-contacts a { font-family: "Onest", sans-serif; font-size: 12px; font-weight: 500; line-height: 1.6; color: var(--text-muted); text-decoration: none; transition: color 0.15s ease; } .site-footer-contacts a:hover { color: var(--text-default); text-decoration: none; } @media (min-width: 1024px) and (max-width: 1279px) { .site-footer-contacts a { font-size: 10px; } } @media (min-width: 1280px) { .site-footer-contacts a { font-size: 14px; } } .site-footer-contacts-row { display: flex; flex-direction: column; gap: 16px; padding-top: 16px; border-top: 1px solid rgba(17, 17, 17, 0.08); } @media (min-width: 1024px) { .site-footer-contacts-row { padding-top: 0; border-top: 0; margin-top: 0; } } @media (min-width: 1280px) { .site-footer-contacts-row { padding-top: 8px; } } .site-footer-top .btn-2026 { align-self: flex-start; flex: 0 0 auto; height: 40px; padding: 10px 16px; font-size: 14px; line-height: 1.4; letter-spacing: 0; } @media (min-width: 1024px) { .site-footer-top .btn-2026 { align-self: end; height: 36px; padding: 10px 14px; font-size: 10px; } } @media (min-width: 1280px) { .site-footer-top .btn-2026 { height: 42px; padding: 12px 16px; font-size: 12px; } } .site-footer-links { display: flex; flex-direction: column; gap: 0; flex: 1 1 auto; } @media (min-width: 576px) and (max-width: 1023px) { .site-footer-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 20px; } .site-footer-group { border-bottom: 0; } .site-footer-group[open] { padding-bottom: 0; } .site-footer-group-title { padding: 0 0 8px; cursor: default; } .site-footer-group-title::after { display: none; } .site-footer-group > .site-footer-group-list { display: flex !important; } } @media (min-width: 576px) and (max-width: 1023px) { .site-footer-main-inner { display: grid; grid-template-columns: auto 1fr auto; grid-template-areas: "logo socials btn" "links links links"; column-gap: 16px; row-gap: 20px; align-items: center; } .site-footer-top { display: contents; } .site-footer-contacts-row { display: contents; } .site-footer-logo { grid-area: logo; } .site-footer-socials { grid-area: socials; justify-self: end; gap: 8px; } .site-footer-top .btn-2026 { grid-area: btn; } .site-footer-contacts { display: none; } .site-footer-links { grid-area: links; display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; row-gap: 20px; } .site-footer-group { display: flex; flex-direction: column; gap: 16px; border-bottom: 0; } .site-footer-group-title { font-size: 14px; font-weight: 600; padding: 0; } .site-footer-group-list { display: flex !important; flex-direction: row; flex-wrap: wrap; gap: 12px 16px; padding: 0; } .site-footer-group-list a { font-size: 14px; letter-spacing: 0.14px; color: rgba(17, 17, 17, 0.8); white-space: nowrap; } .site-footer-bottom { padding: 20px 0; } .site-footer-bottom-inner { flex-direction: row; align-items: center; justify-content: flex-start; gap: 16px; font-size: 12px; } .site-footer-copy { order: 0; margin-right: 0; color: rgba(17, 17, 17, 0.3); } .site-footer-legal { order: 1; flex-direction: row; gap: 16px; } .site-footer-legal a { color: rgba(17, 17, 17, 0.3); } .site-footer-top .btn-2026 { height: 40px; padding: 10.5px 16px; font-size: 12px; line-height: 1.6; } .site-footer-logo img { height: 28px; } } @media (min-width: 1024px) { .site-footer-links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px 16px; } } .site-footer-group { display: block; border-bottom: 1px solid rgba(17, 17, 17, 0.08); } .site-footer-group[open] { padding-bottom: 12px; } @media (min-width: 1024px) { .site-footer-group { display: flex; flex-direction: column; gap: 12px; border-bottom: 0; } .site-footer-group[open] { padding-bottom: 0; } .site-footer-group > .site-footer-group-list { display: flex !important; } } .site-footer-group-title { font-family: "Onest", sans-serif; font-size: 12px; font-weight: 600; line-height: 1.5; color: var(--text-default); margin: 0; padding: 16px 0; cursor: pointer; list-style: none; position: relative; display: flex; align-items: center; justify-content: space-between; } .site-footer-group-title::-webkit-details-marker { display: none; } .site-footer-group-title::after { content: ""; width: 10px; height: 10px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); margin-right: 4px; margin-top: -4px; transition: transform 0.15s ease; flex: 0 0 auto; } .site-footer-group[open] > .site-footer-group-title::after { transform: rotate(-135deg); margin-top: 4px; } @media (min-width: 1280px) { .site-footer-group-title { font-size: 14px; } } @media (min-width: 1024px) { .site-footer-group-title { padding: 0; cursor: default; } .site-footer-group-title::after { display: none; } } @media (min-width: 1024px) and (max-width: 1279px) { .site-footer-group-title { font-size: 11px; } } .site-footer-group-list { list-style: none; padding: 0 0 4px; margin: 0; display: flex; flex-direction: column; gap: 10px; } @media (min-width: 1024px) { .site-footer-group-list { padding: 0; gap: 8px; } } @media (min-width: 1280px) { .site-footer-group-list { gap: 12px; } } .site-footer-group-list a { font-family: "Onest", sans-serif; font-size: 12px; font-weight: 500; line-height: 1.6; color: var(--text-muted); text-decoration: none; transition: color 0.15s ease; } .site-footer-group-list a:hover { color: var(--text-default); text-decoration: none; } @media (min-width: 1024px) and (max-width: 1279px) { .site-footer-group-list a { font-size: 11px; } } @media (min-width: 1280px) { .site-footer-group-list a { font-size: 14px; } } .site-footer-bottom { background-color: var(--surface-footer-bottom); padding: 20px 0; } .site-footer-bottom-inner { display: grid; grid-template-columns: 1fr 1fr; row-gap: 8px; column-gap: 16px; align-items: center; font-family: "Onest", sans-serif; font-size: 12px; font-weight: 500; line-height: 1.4; color: var(--text-subtle); } .site-footer-copy { grid-column: 1; grid-row: 2; color: var(--text-subtle); } .site-footer-legal { display: contents; } .site-footer-legal a:first-child { grid-column: 1; grid-row: 1; } .site-footer-legal a:nth-child(2) { grid-column: 2; grid-row: 1; } .site-footer-design { grid-column: 2; grid-row: 2; display: inline-flex; align-items: center; gap: 4px; color: var(--text-subtle); text-decoration: none; white-space: nowrap; transition: color 0.15s ease; } .site-footer-design:hover { color: var(--text-muted); text-decoration: none; } .site-footer-design img { display: block; width: 12px; height: 12px; } .site-footer-legal a { color: var(--text-subtle); text-decoration: none; transition: color 0.15s ease; } .site-footer-legal a:hover { color: var(--text-muted); text-decoration: none; } @media (min-width: 576px) and (max-width: 767px) { .site-footer-bottom-inner { row-gap: 12px; column-gap: 20px; } .site-footer-design img { width: 16px; height: 16px; } } @media (min-width: 768px) and (max-width: 1023px) { .site-footer-design img { width: 16px; height: 16px; } } @media (min-width: 768px) { .site-footer-bottom-inner { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; } .site-footer-copy { order: 0; margin-right: auto; } .site-footer-legal { display: flex; flex-direction: row; flex-wrap: wrap; order: 1; gap: 24px; } .site-footer-design { order: 2; margin-left: auto; } } @media (min-width: 1024px) and (max-width: 1279px) { .site-footer-bottom-inner { font-size: 11px; } } @media (min-width: 576px) { .site-footer-group > .site-footer-group-list { display: flex !important; } .site-footer-group-title { pointer-events: none; cursor: default; } .site-footer-group-title::after { display: none; } } @media (min-width: 576px) and (max-width: 1023px) { .site-footer-group { border-bottom: 0; } .site-footer-group-title { font-size: 14px; font-weight: 600; } .site-footer-group-list { flex-direction: row; flex-wrap: wrap; gap: 12px 16px; } .site-footer-group-list a { font-size: 14px; color: rgba(17, 17, 17, 0.8); } .site-footer-bottom-inner { font-size: 12px; } .site-footer-legal { flex-direction: row; } } @media (max-width: 575px) { .btn-header-primary { height: auto; padding: 8px 12px; font-size: 12px; } .site-nav-actions .btn-header-primary { font-size: 10px; } .site-footer-main { padding: 24px 0; } .site-footer-group-title { font-size: 14px; } .site-footer-contacts-row { padding-top: 0; border-top: 0; } .site-footer-contacts a { font-size: 14px; } .site-footer-main-inner { gap: 20px; } .site-footer-top .btn-2026 { font-size: 12px; } } @media (max-width: 575px) { .site-footer-bottom { padding: 16px 0; } .site-footer-bottom-inner { gap: 8px 16px; font-size: 10px; color: rgba(17, 17, 17, 0.3); } .site-footer-copy { color: rgba(17, 17, 17, 0.3); } .site-footer-legal a, .site-footer-design { color: rgba(17, 17, 17, 0.3); } } @media (min-width: 1024px) and (max-width: 1279px) { .site-footer-group-list a { font-size: 12px; } .site-footer-contacts a { font-size: 12px; } .site-footer-bottom-inner { font-size: 12px; } } .glabix-landing-logo { aspect-ratio: 135 / 46; width: 135px; height: 46px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 135 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.694 33.14v-7.144a9.77 9.77 0 0 0 .008-.41V20.15a9.622 9.622 0 0 0-9.622-9.622H9.622A9.622 9.622 0 0 0 0 20.149v5.437a9.622 9.622 0 0 0 9.622 9.623h5.458c1.22 0 2.389-.228 3.464-.643-.083.347-.197.68-.342 1l-.008.018-.008.02a5.645 5.645 0 0 1-1.331 1.982l-.017.016-.016.016a5.648 5.648 0 0 1-1.982 1.332l-.02.008-.018.008a5.798 5.798 0 0 1-2.377.504h-7.38c-1.655 0-2.998 1.36-2.998 3.015 0 1.656 1.343 3.015 2.998 3.015h7.376c1.689-.006 3.286-.331 4.78-.984a11.616 11.616 0 0 0 3.892-2.627 12.089 12.089 0 0 0 2.617-3.924c.658-1.508.983-3.12.983-4.825ZM15.08 16.515H9.622a3.635 3.635 0 0 0-3.635 3.635v5.437a3.635 3.635 0 0 0 3.635 3.636h5.458a3.635 3.635 0 0 0 3.635-3.636V20.15a3.635 3.635 0 0 0-3.635-3.635Z' fill='%230F1928'/%3E%3Cpath d='M101.735 34.324c.579-.578.869-1.31.869-2.124V13.553c0-.814-.29-1.546-.869-2.124a2.927 2.927 0 0 0-2.124-.87c-.815 0-1.546.291-2.125.87a2.928 2.928 0 0 0-.869 2.124V32.2c0 .814.29 1.546.87 2.124.578.579 1.31.87 2.124.87.814 0 1.546-.291 2.124-.87Zm4.903-20.958c-.044.795.21 1.52.727 2.123l6.369 7.386-6.365 7.341-.004.005a3.005 3.005 0 0 0-.727 2.163l.002.028.003.028a3.018 3.018 0 0 0 1.051 2.025l.018.015.018.014c.551.433 1.191.7 1.9.7.9 0 1.671-.379 2.259-1.05l5.781-6.682 11.148 13.09.004.005c.588.671 1.359 1.049 2.259 1.049.722 0 1.378-.255 1.943-.699l.018-.014.017-.015a2.862 2.862 0 0 0 1.012-2.053 2.786 2.786 0 0 0-.738-2.207l-11.687-13.743 6.318-7.371c.551-.602.819-1.345.737-2.166a3.01 3.01 0 0 0-.98-2.065l-.032-.03-.035-.027c-.565-.444-1.221-.699-1.943-.699-.9 0-1.671.378-2.259 1.05l-5.782 6.72-5.775-6.714-.006-.007c-.588-.671-1.359-1.049-2.259-1.049-.709 0-1.349.266-1.9.699l-.035.027-.032.03a3.178 3.178 0 0 0-1.02 2.04l-.003.026-.002.027Z' fill='%230F1928'/%3E%3Cpath d='M34.304 34.324c.579-.578.87-1.31.87-2.124V3.887c0-.814-.291-1.546-.87-2.124a2.928 2.928 0 0 0-2.124-.87c-.815 0-1.546.291-2.125.87a2.928 2.928 0 0 0-.869 2.124V32.2c0 .814.29 1.545.87 2.124.578.579 1.31.87 2.124.87.815 0 1.546-.291 2.124-.87Z' fill='%23096'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M63.768 27.262c-.016 0 .002-.756.002-.756v-6.357a9.622 9.622 0 0 0-9.622-9.622H48.69a9.622 9.622 0 0 0-9.623 9.622v5.437a9.622 9.622 0 0 0 9.623 9.623h4.877c2.278 0 3.503-1.577 4.215-2.308 0 0 .138.33.408.739.27.407.584.769 1 1.06.415.293.953.509 1.768.509.814 0 1.361-.306 1.94-.885.578-.578.869-1.31.869-2.124v-4.938Zm-9.62-10.748H48.69a3.635 3.635 0 0 0-3.636 3.635v5.437a3.635 3.635 0 0 0 3.636 3.635h5.457a3.635 3.635 0 0 0 3.635-3.635V20.15a3.635 3.635 0 0 0-3.635-3.635Zm13.557 3.978.008 5.1a9.622 9.622 0 0 0 9.623 9.622h5.457a9.622 9.622 0 0 0 9.623-9.623v-5.437a9.622 9.622 0 0 0-9.623-9.622h-5.457c-1.29 0-2.52.254-3.644.714V3.888c0-.814-.29-1.546-.87-2.124a2.928 2.928 0 0 0-2.124-.87c-.814 0-1.546.291-2.124.87a2.928 2.928 0 0 0-.87 2.124v16.604Zm9.63-3.973h5.458a3.635 3.635 0 0 1 3.635 3.635v5.437a3.635 3.635 0 0 1-3.635 3.636h-5.457A3.635 3.635 0 0 1 73.7 25.59v-5.437a3.635 3.635 0 0 1 3.635-3.635Z' fill='%23096'/%3E%3C/svg%3E"); background-repeat: no-repeat; } .glabix-landing-logo-ru { aspect-ratio: 129 / 24; width: 129px; height: 24px; background-size: contain; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMTcyIDMyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuMjY4OTUgMjEuNDY2MVY1LjI2Nzk3SDI1LjY4OTRWNy45Mzc3MkMyNi40MzA0IDguMDE0OTggMjcuMTUxNSA4LjE1OTM3IDI3Ljg0NjQgOC4zNjQ3QzI4Ljc4ODUgOC42NDMwNyAyOS42ODI1IDkuMDMzNDQgMzAuNTEzMSA5LjUyMDRWMC40NDQzMzZIMC40NDUzMTJWMjYuMjg5N0gxNC4xODMyQzEzLjY2ODEgMjUuNDYyNSAxMy4yNTA1IDI0LjU2ODIgMTIuOTQ2NCAyMy42MjMxQzEyLjcyMzMgMjIuOTI5NCAxMi41NjEyIDIyLjIwODMgMTIuNDY2NyAyMS40NjYxSDUuMjY4OTVaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjNfODA2MjEpIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQuNDIyMSAyMy42NTEzQzI2LjQ3ODUgMjMuNjUxMyAyOC4xNDU1IDIxLjk4NDMgMjguMTQ1NSAxOS45Mjc5QzI4LjE0NTUgMTcuODcxNSAyNi40Nzg1IDE2LjIwNDUgMjQuNDIyMSAxNi4yMDQ1QzIyLjM2NTcgMTYuMjA0NSAyMC42OTg2IDE3Ljg3MTUgMjAuNjk4NiAxOS45Mjc5QzIwLjY5ODYgMjEuOTg0MyAyMi4zNjU3IDIzLjY1MTMgMjQuNDIyMSAyMy42NTEzWk0yNC40MjIxIDI4LjQ3NUMyOS4xNDI1IDI4LjQ3NSAzMi45NjkxIDI0LjY0ODMgMzIuOTY5MSAxOS45Mjc5QzMyLjk2OTEgMTUuMjA3NSAyOS4xNDI1IDExLjM4MDkgMjQuNDIyMSAxMS4zODA5QzE5LjcwMTcgMTEuMzgwOSAxNS44NzUgMTUuMjA3NSAxNS44NzUgMTkuOTI3OUMxNS44NzUgMjQuNjQ4MyAxOS43MDE3IDI4LjQ3NSAyNC40MjIxIDI4LjQ3NVoiIGZpbGw9InVybCgjcGFpbnQxX2xpbmVhcl8yM184MDYyMSkiLz4KPHBhdGggZD0iTTE2Ni45NzggMTguNjEzM0wxNjkuNzExIDIxLjM0NjdDMTY5LjI5MyAyMS45NTc3IDE2OC43NDYgMjIuNDcyMiAxNjguMTAzIDIyLjk1NDZDMTY2Ljk3OCAyMy43NTg1IDE2NS40MDIgMjQuNTYyNSAxNjMuMTE5IDI0LjU2MjVDMTU4LjQ1NiAyNC41NjI1IDE1NC43NTggMjAuODY0NCAxNTQuNzU4IDE2LjM2MjNDMTU0Ljc1OCAxMS44NjAyIDE1OC40NTYgOC4xNjIxMSAxNjMuMTE5IDguMTYyMTFDMTY1LjQwMiA4LjE2MjExIDE2Ni45NzggOC45NjYwNSAxNjguMTAzIDkuNzY5OTlDMTY4Ljc0NiAxMC4yNTI0IDE2OS4yOTMgMTAuNzY2OSAxNjkuNzExIDExLjM3NzlMMTY2Ljk3OCAxNC4xMTEzQzE2Ni42ODggMTMuNzU3NSAxNjYuMzM1IDEzLjQzNiAxNjUuOTQ5IDEzLjE0NjVDMTY1LjI3MyAxMi42NjQyIDE2NC4zMDkgMTIuMTgxOCAxNjMuMTE5IDEyLjE4MThDMTYwLjg2OCAxMi4xODE4IDE1OS4wOTkgMTMuOTUwNSAxNTkuMDk5IDE2LjM2MjNDMTU5LjA5OSAxOC43NzQxIDE2MC44NjggMjAuNTQyOCAxNjMuMTE5IDIwLjU0MjhDMTY0LjMwOSAyMC41NDI4IDE2NS4yNzMgMjAuMDYwNCAxNjUuOTQ5IDE5LjU3OEMxNjYuMzM1IDE5LjI4ODYgMTY2LjY4OCAxOC45NjcxIDE2Ni45NzggMTguNjEzM1oiIGZpbGw9IiM0OTQ5NDkiLz4KPHBhdGggZD0iTTEzOC42NjggMjQuMjQwNlY4LjQ4MzRIMTQzLjAwOVYxNC45MTQ5TDE0OC42MzcgOC40ODM0SDE1My43ODJMMTQ3Ljk5NCAxNS4wNzU3TDE1NC4xMDQgMjQuMjQwNkgxNDkuMTE5TDE0NS4wOTkgMTguMTMwN0wxNDMuMDA5IDIwLjU0MjVWMjQuMjQwNkgxMzguNjY4WiIgZmlsbD0iIzQ5NDk0OSIvPgo8cGF0aCBkPSJNMTE5LjU0MyAyNC4yNDA2VjguNDgzNEgxMjMuODg0VjE3LjQ4NzVMMTMwLjYzNyA4LjQ4MzRIMTM0LjQ5NlYyNC4yNDA2SDEzMC4xNTVWMTUuMjM2NUwxMjMuNDAyIDI0LjI0MDZIMTE5LjU0M1oiIGZpbGw9IiM0OTQ5NDkiLz4KPHBhdGggZD0iTTExMy4yODQgMC40NDQzMzZMMTE1LjUzNSA0LjE0MjQ2QzExNS4wNTIgNC4zOTk3MiAxMTQuNDczIDQuNjU2OTggMTEzLjg2MiA0Ljg4MjA4QzExMi44MDEgNS4zMDAxMyAxMTEuMjU4IDUuODQ2ODEgMTA5LjQyNSA2LjIzMjdDMTA2LjQwMiA2LjkwODAxIDEwNS4wNTEgOC4xNjIxNSAxMDQuNDQgMTAuODk1NUMxMDQuNzMgMTAuNTA5NyAxMDUuMDgzIDEwLjE1NTkgMTA1LjUwMSA5Ljg2NjUxQzEwNi4yNDEgOS4zNTE5OCAxMDcuMjM4IDguODA1MzEgMTA4LjYyMSA4LjgwNTMxQzExMi44MzMgOC44MDUzMSAxMTYuMzM5IDEyLjM0MjYgMTE2LjMzOSAxNi42ODM5QzExNi4zMzkgMjEuMDI1MiAxMTIuODAxIDI0LjU2MjUgMTA4LjI5OSAyNC41NjI1QzEwMy41MDggMjQuNTYyNSA5OS43NzczIDIwLjg2NDQgOTkuNzc3MyAxNC4yNzIxQzk5Ljc3NzMgNi43MTUwNiAxMDMuMzE1IDMuMTQ1NTcgMTA3LjY1NiAyLjIxM0MxMDkuMDM5IDEuOTIzNTggMTEwLjQyMiAxLjQ0MTIyIDExMS40ODMgMS4wODc0OUMxMTIuMDk0IDAuODYyMzgzIDExMi43MDUgMC42Njk0MzggMTEzLjI4NCAwLjQ0NDMzNlpNMTA4LjI5OSAyMC41NDI4QzExMC4zODkgMjAuNTQyOCAxMTEuOTk3IDE4Ljk2NzEgMTExLjk5NyAxNi42ODM5QzExMS45OTcgMTQuNDAwNyAxMTAuMzg5IDEyLjgyNSAxMDguMjk5IDEyLjgyNUMxMDYuMjA5IDEyLjgyNSAxMDQuNjAxIDE0LjQwMDcgMTA0LjYwMSAxNi42ODM5QzEwNC42MDEgMTguOTY3MSAxMDYuMjA5IDIwLjU0MjggMTA4LjI5OSAyMC41NDI4WiIgZmlsbD0iIzQ5NDk0OSIvPgo8cGF0aCBkPSJNOTEuODk3MyAyNC4yNDA5VjIyLjMxMTRIOTEuNzM2NUM5MS4zODI4IDIyLjcyOTUgOTAuOTk2OSAyMy4xMTU0IDkwLjU0NjcgMjMuNDM3Qzg5Ljc3NDkgMjQuMDQ4IDg4LjU4NSAyNC41NjI1IDg3LjA3MzYgMjQuNTYyNUM4NC4xNzk1IDI0LjU2MjUgODIuMjUgMjIuNjMzIDgyLjI1IDIwLjA2MDRDODIuMjUgMTcuNDg3OCA4My45ODY1IDE1LjUyNjIgODYuOTEyOSAxNS4wMTE3TDkxLjg5NzMgMTQuMTExM0M5MS43MzY1IDEyLjk4NTcgOTAuODAzOSAxMi4wMjEgODkuMTYzOSAxMi4wMjFDODguMDM4NCAxMi4wMjEgODcuMTcwMSAxMi40MzkxIDg2LjU1OTEgMTIuOTIxNEM4Ni4yMDU0IDEzLjE3ODcgODUuODgzOCAxMy40NjgxIDg1LjYyNjUgMTMuNzg5N0w4My4wNTM5IDExLjIxNzFDODMuNTA0MSAxMC42NzA0IDg0LjA1MDggMTAuMTU1OSA4NC42OTQgOS43MDU2N0M4NS44MTk1IDguOTMzODkgODcuMzk1MiA4LjE2MjExIDg5LjQ4NTUgOC4xNjIxMUM5My41MDUyIDguMTYyMTEgOTYuMjM4NSAxMC45Mjc3IDk2LjIzODUgMTQuNDMyOFYyNC4yNDA5SDkxLjg5NzNaTTkxLjg5NzMgMTcuNDg3OFYxNy4xNjYyTDg4LjM1OTkgMTcuODA5NEM4Ny4yMzQ0IDE4LjAzNDUgODYuNTkxMyAxOC42MTMzIDg2LjU5MTMgMTkuNDE3M0M4Ni41OTEzIDIwLjQxNDEgODcuMjM0NCAyMS4wMjUxIDg4LjUyMDcgMjEuMDI1MUM5MC40NTAyIDIxLjAyNTEgOTEuODk3MyAxOS41NzggOTEuODk3MyAxNy40ODc4WiIgZmlsbD0iIzQ5NDk0OSIvPgo8cGF0aCBkPSJNNjIuMzA4NiAyNC4yNDA2VjIwLjIyMDlMNjIuNjk0NSAyMC4zMTc0QzYyLjkxOTYgMjAuMzQ5NSA2My4xNzY4IDIwLjM4MTcgNjMuNDM0MSAyMC4zODE3QzY1LjA0MiAyMC4zODE3IDY2LjAwNjcgMTkuNDE3IDY2LjAwNjcgMTIuOTg1NVY4LjQ4MzRINzguODY5N1YyNC4yNDA2SDc0LjUyODVWMTIuNTAzMUg3MC4zNDhWMTIuOTg1NUM3MC4zNDggMjIuMTUwNCA2Ny43NzU0IDI0LjcyMyA2NC41NTk2IDI0LjcyM0M2My44MiAyNC43MjMgNjMuMjczMyAyNC42MjY1IDYyLjg4NzQgMjQuNDk3OUM2Mi42NjIzIDI0LjQwMTQgNjIuNDY5NCAyNC4zMzcxIDYyLjMwODYgMjQuMjQwNloiIGZpbGw9IiM0OTQ5NDkiLz4KPHBhdGggZD0iTTUwLjg2MzMgMjQuMjQwNlY4LjQ4MzRINjIuNDRWMTIuNTAzMUg1NS4yMDQ2VjI0LjI0MDZINTAuODYzM1oiIGZpbGw9IiM0OTQ5NDkiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8yM184MDYyMSIgeDE9IjIxLjQ4NDEiIHkxPSIxNS43NjUzIiB4Mj0iMi43MzMzMyIgeTI9IjAuNjk0MzgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzQwOTFGNSIvPgo8c3RvcCBvZmZzZXQ9IjAuNDc1IiBzdG9wLWNvbG9yPSIjNTRCRUE1Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzVGRDQ3RiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfMjNfODA2MjEiIHgxPSIzMC43MzcyIiB5MT0iMjQuMTQ4MyIgeDI9IjE4LjQ5NjciIHkyPSIxNC40MzQ5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFNzU0NjgiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNzM1OUJGIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg=="); background-repeat: no-repeat; } .glabix-landing-logo-light { aspect-ratio: 135 / 46; width: 135px; height: 46px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 135 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.694 33.14v-7.144a9.77 9.77 0 0 0 .008-.41V20.15a9.622 9.622 0 0 0-9.622-9.622H9.622A9.622 9.622 0 0 0 0 20.149v5.437a9.622 9.622 0 0 0 9.622 9.623h5.458c1.22 0 2.389-.228 3.464-.643-.083.347-.197.68-.342 1l-.008.018-.008.02a5.645 5.645 0 0 1-1.331 1.982l-.017.016-.016.016a5.648 5.648 0 0 1-1.982 1.332l-.02.008-.018.008a5.798 5.798 0 0 1-2.377.504h-7.38c-1.655 0-2.998 1.36-2.998 3.015 0 1.656 1.343 3.015 2.998 3.015h7.376c1.689-.006 3.286-.331 4.78-.984a11.616 11.616 0 0 0 3.892-2.627 12.089 12.089 0 0 0 2.617-3.924c.658-1.508.983-3.12.983-4.825ZM15.08 16.515H9.622a3.635 3.635 0 0 0-3.635 3.635v5.437a3.635 3.635 0 0 0 3.635 3.636h5.458a3.635 3.635 0 0 0 3.635-3.636V20.15a3.635 3.635 0 0 0-3.635-3.635Z' fill='%23fff'/%3E%3Cpath d='M101.735 34.324c.579-.578.869-1.31.869-2.124V13.553c0-.814-.29-1.546-.869-2.124a2.927 2.927 0 0 0-2.124-.87c-.815 0-1.546.291-2.125.87a2.928 2.928 0 0 0-.869 2.124V32.2c0 .814.29 1.546.87 2.124.578.579 1.31.87 2.124.87.814 0 1.546-.291 2.124-.87Zm4.903-20.958c-.044.795.21 1.52.727 2.123l6.369 7.386-6.365 7.341-.004.005a3.005 3.005 0 0 0-.727 2.163l.002.028.003.028a3.018 3.018 0 0 0 1.051 2.025l.018.015.018.014c.551.433 1.191.7 1.9.7.9 0 1.671-.379 2.259-1.05l5.781-6.682 11.148 13.09.004.005c.588.671 1.359 1.049 2.259 1.049.722 0 1.378-.255 1.943-.699l.018-.014.017-.015a2.862 2.862 0 0 0 1.012-2.053 2.786 2.786 0 0 0-.738-2.207l-11.687-13.743 6.318-7.371c.551-.602.819-1.345.737-2.166a3.01 3.01 0 0 0-.98-2.065l-.032-.03-.035-.027c-.565-.444-1.221-.699-1.943-.699-.9 0-1.671.378-2.259 1.05l-5.782 6.72-5.775-6.714-.006-.007c-.588-.671-1.359-1.049-2.259-1.049-.709 0-1.349.266-1.9.699l-.035.027-.032.03a3.178 3.178 0 0 0-1.02 2.04l-.003.026-.002.027Z' fill='%23fff'/%3E%3Cpath d='M34.304 34.324c.579-.578.87-1.31.87-2.124V3.888c0-.814-.291-1.546-.87-2.124a2.928 2.928 0 0 0-2.124-.87c-.815 0-1.546.291-2.125.87a2.928 2.928 0 0 0-.869 2.124V32.2c0 .814.29 1.546.87 2.124.578.579 1.31.87 2.124.87.815 0 1.546-.291 2.124-.87Z' fill='%230F1928'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M63.768 27.262c-.016 0 .002-.756.002-.756V20.15a9.622 9.622 0 0 0-9.622-9.622H48.69a9.622 9.622 0 0 0-9.623 9.622v5.437a9.622 9.622 0 0 0 9.623 9.623h4.877c2.278 0 3.503-1.576 4.215-2.308 0 0 .138.33.408.739.27.407.584.769 1 1.061.415.292.953.508 1.768.508.814 0 1.361-.306 1.94-.885.578-.578.869-1.31.869-2.124v-4.938Zm-9.62-10.748H48.69a3.635 3.635 0 0 0-3.636 3.635v5.437a3.635 3.635 0 0 0 3.636 3.636h5.457a3.635 3.635 0 0 0 3.635-3.636V20.15a3.635 3.635 0 0 0-3.635-3.635Zm13.557 3.978.008 5.1c0 5.314 4.309 9.622 9.623 9.622h5.457c5.314 0 9.623-4.308 9.623-9.622v-5.438a9.622 9.622 0 0 0-9.623-9.622h-5.457c-1.29 0-2.52.254-3.644.714V3.888c0-.814-.29-1.546-.87-2.124a2.928 2.928 0 0 0-2.124-.87c-.814 0-1.546.291-2.124.87a2.928 2.928 0 0 0-.87 2.124v16.604Zm9.63-3.973h5.458a3.635 3.635 0 0 1 3.635 3.636v5.437a3.635 3.635 0 0 1-3.635 3.635h-5.457a3.635 3.635 0 0 1-3.635-3.635v-5.438a3.635 3.635 0 0 1 3.635-3.635Z' fill='%230F1928'/%3E%3C/svg%3E"); background-repeat: no-repeat; } .glabix-landing-logo-dark { aspect-ratio: 135 / 46; width: 135px; height: 46px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 111 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.304 26.838v-5.875c.004-.111.007-.224.007-.336v-4.471a7.912 7.912 0 0 0-7.912-7.912H7.912A7.912 7.912 0 0 0 0 16.156v4.47a7.912 7.912 0 0 0 7.912 7.912h4.487a7.893 7.893 0 0 0 2.848-.528 4.57 4.57 0 0 1-.28.822l-.008.015-.006.016c-.26.64-.625 1.18-1.095 1.63l-.013.013-.013.014c-.45.47-.99.834-1.63 1.094l-.016.007-.015.007a4.767 4.767 0 0 1-1.955.414H4.148a2.477 2.477 0 0 0-2.465 2.48A2.477 2.477 0 0 0 4.148 37h6.065a9.808 9.808 0 0 0 3.93-.81 9.55 9.55 0 0 0 3.2-2.16 9.94 9.94 0 0 0 2.152-3.225 9.816 9.816 0 0 0 .809-3.967Zm-7.905-13.67H7.912a2.989 2.989 0 0 0-2.99 2.988v4.47a2.989 2.989 0 0 0 2.99 2.99h4.487a2.989 2.989 0 0 0 2.989-2.99v-4.47a2.989 2.989 0 0 0-2.99-2.989Z' fill='%23fff'/%3E%3Cpath d='M83.649 27.811a2.407 2.407 0 0 0 .715-1.747V10.733c0-.67-.24-1.271-.715-1.747a2.407 2.407 0 0 0-1.747-.715c-.67 0-1.271.24-1.747.715a2.408 2.408 0 0 0-.714 1.747v15.331c0 .67.239 1.271.714 1.747a2.407 2.407 0 0 0 1.747.715c.67 0 1.271-.24 1.747-.715Zm4.031-17.232a2.42 2.42 0 0 0 .597 1.746l5.237 6.072-5.233 6.036-.004.004a2.468 2.468 0 0 0-.597 1.779l.001.023.003.023c.07.66.36 1.232.865 1.665l.014.012.015.012c.453.356.979.575 1.563.575.74 0 1.373-.311 1.857-.863l4.753-5.495 9.166 10.764.003.003c.483.553 1.117.863 1.857.863.595 0 1.134-.21 1.598-.574l.015-.012.014-.012a2.35 2.35 0 0 0 .832-1.689 2.289 2.289 0 0 0-.607-1.814l-9.609-11.3 5.195-6.06c.453-.495.674-1.106.606-1.781a2.472 2.472 0 0 0-.806-1.698l-.026-.025-.029-.022c-.465-.365-1.004-.575-1.598-.575-.74 0-1.374.31-1.857.863l-4.754 5.525-4.749-5.52-.004-.005c-.484-.552-1.118-.863-1.857-.863-.584 0-1.11.219-1.563.575l-.029.022-.026.025c-.484.45-.77 1.02-.839 1.677l-.002.022-.002.022Z' fill='%23fff'/%3E%3Cpath d='M28.208 27.811a2.407 2.407 0 0 0 .715-1.747V2.786c0-.67-.239-1.271-.715-1.747a2.407 2.407 0 0 0-1.747-.714c-.67 0-1.27.239-1.746.714A2.407 2.407 0 0 0 24 2.786v23.278c0 .67.239 1.271.715 1.747a2.407 2.407 0 0 0 1.746.715c.67 0 1.272-.24 1.747-.715Z' fill='%23096'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M52.434 22.004c-.013 0 .002-.621.002-.621v-5.227a7.912 7.912 0 0 0-7.912-7.912h-4.487a7.912 7.912 0 0 0-7.912 7.912v4.47a7.912 7.912 0 0 0 7.912 7.912h4.01c1.873 0 2.88-1.296 3.466-1.897 0 0 .113.271.335.607.222.335.48.633.822.873.342.24.784.417 1.454.417.67 0 1.12-.251 1.595-.727a2.407 2.407 0 0 0 .715-1.747v-4.06Zm-7.91-8.837h-4.487a2.989 2.989 0 0 0-2.989 2.99v4.47a2.989 2.989 0 0 0 2.989 2.989h4.487a2.989 2.989 0 0 0 2.989-2.99v-4.47a2.989 2.989 0 0 0-2.99-2.989Zm11.146 3.271.008 4.193a7.912 7.912 0 0 0 7.912 7.912h4.487a7.912 7.912 0 0 0 7.912-7.912v-4.47a7.912 7.912 0 0 0-7.912-7.912H63.59c-1.06 0-2.072.208-2.996.587v-6.05c0-.67-.24-1.271-.715-1.747a2.407 2.407 0 0 0-1.747-.714 2.41 2.41 0 0 0-1.747.714 2.407 2.407 0 0 0-.714 1.747v13.652Zm7.92-3.267h4.487a2.989 2.989 0 0 1 2.989 2.99v4.47a2.989 2.989 0 0 1-2.99 2.989H63.59a2.989 2.989 0 0 1-2.99-2.99v-4.47a2.989 2.989 0 0 1 2.99-2.989Z' fill='%23096'/%3E%3C/svg%3E"); background-repeat: no-repeat; } .glabix-screen-logo { aspect-ratio: 280 / 40; width: 280px; height: 40px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 280 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='174.993' cy='24.599' r='8.03' fill='%230F1928'/%3E%3Cpath d='M162.169 27.553h-5.75v-5.75a2.01 2.01 0 0 0-2.011-2.011 2.01 2.01 0 0 0-2.012 2.011v7.761a2.01 2.01 0 0 0 2.012 2.012h7.761a2.006 2.006 0 0 0 2.011-2.012 2.006 2.006 0 0 0-2.011-2.01Zm0-25.553h-7.761c-1.111 0-2.012.9-2.012 2.011v7.762a2.01 2.01 0 0 0 2.012 2.011 2.009 2.009 0 0 0 2.011-2.011v-5.75h5.75a2.006 2.006 0 0 0 2.011-2.012A2.006 2.006 0 0 0 162.169 2Zm17.773 0h-7.761a2.011 2.011 0 0 0 0 4.023h5.75v5.75c0 1.114.897 2.011 2.011 2.011a2.007 2.007 0 0 0 2.012-2.011V4.01A2.01 2.01 0 0 0 179.942 2Z' fill='%23096'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m224.657 21.407.006-3.614c0-3.767 2.897-6.82 6.47-6.82h3.669c3.573 0 6.47 3.053 6.47 6.82v3.853c0 3.767-2.897 6.82-6.47 6.82h-3.669c-.867 0-1.695-.18-2.45-.506v5.215c0 .577-.196 1.095-.585 1.505-.389.41-.88.616-1.428.616a1.92 1.92 0 0 1-1.429-.616 2.134 2.134 0 0 1-.584-1.505V21.407Zm6.476 2.816h3.669c1.35 0 2.444-1.154 2.444-2.577v-3.853c0-1.423-1.094-2.576-2.444-2.576h-3.669c-1.35 0-2.444 1.153-2.444 2.576v3.853c0 1.423 1.094 2.577 2.444 2.577Zm29.227-1.39c-.01 0 .002-.535.002-.535v-4.506c0-3.766-2.897-6.82-6.47-6.82h-3.669c-3.574 0-6.47 3.054-6.47 6.82v3.854c0 3.766 2.896 6.82 6.47 6.82h3.279c1.532 0 2.356-1.118 2.834-1.636 0 0 .093.234.275.524.18.288.392.544.672.752.279.207.641.36 1.189.36.547 0 .915-.218 1.304-.628.389-.41.584-.928.584-1.505v-3.5Zm-6.468-7.617h-3.669c-1.35 0-2.445 1.153-2.445 2.576v3.854c0 1.423 1.095 2.576 2.445 2.576h3.669c1.35 0 2.444-1.153 2.444-2.576v-3.854c0-1.423-1.094-2.576-2.444-2.576Zm10.976-4.247c1.117 0 2.023.906 2.023 2.024v6.138a8.734 8.734 0 0 1 4.725-1.38h1.782l-.001-4.757a2.024 2.024 0 0 1 4.048 0l.001 13.532a2.024 2.024 0 0 1-4.048 0V21.8h-1.782a4.727 4.727 0 0 0-4.725 4.622v.104a2.024 2.024 0 1 1-4.049 0l.001-.142.001-13.39c0-1.118.906-2.024 2.024-2.024Zm-64.189 10.995a2.883 2.883 0 0 1-2.853 2.466h-5.625a2.024 2.024 0 1 0 0 4.047h5.625a6.93 6.93 0 0 0 6.931-6.93v-3.632a6.931 6.931 0 0 0-6.931-6.93h-5.625a2.024 2.024 0 1 0 0 4.048h5.625a2.883 2.883 0 0 1 2.883 2.882h-4.189a2.024 2.024 0 1 0 0 4.049h4.159Z' fill='%230F1928'/%3E%3Cpath d='M207.237 6.166a2.033 2.033 0 1 1 4.066 0v20.262a2.033 2.033 0 1 1-4.066 0V6.166Zm15.265 20.266a2.033 2.033 0 1 1-4.066 0v-1.559c0-.505-.103-.988-.31-1.447a3.55 3.55 0 0 0-.793-1.206 3.6 3.6 0 0 0-1.171-.827 3.581 3.581 0 0 0-1.172-.356c-.183-.023-.367-.033-.551-.049-.525-.046-1.689-.138-2.502-.114-.778.023-1.958.14-1.958.14l.348-3.59h3.801c.299 0 .598-.012.894-.052.333-.045.775-.12 1.036-.224a3.912 3.912 0 0 0 1.241-.827 4.04 4.04 0 0 0 .827-1.206c.207-.483.31-.988.31-1.517v-.475a2.033 2.033 0 1 1 4.066 0 7.507 7.507 0 0 1-.723 3.273 8.104 8.104 0 0 1-1.896 2.585 7.996 7.996 0 0 1 1.896 2.619 7.508 7.508 0 0 1 .723 3.273v1.56Z' fill='%230F1928'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M124.621 11.55h13.263c.6 0 1.12.293 1.565.957.16.288.238.585.238.895v.134c0 .6-.294 1.116-.959 1.554a1.73 1.73 0 0 1-.881.248h-10.002a1.3 1.3 0 0 0-1.3 1.3v6.753a1.3 1.3 0 0 0 1.3 1.3h10.039c.6 0 1.12.293 1.565.957.16.288.238.585.238.895v.122c0 .6-.294 1.12-.957 1.565-.29.16-.583.238-.883.238h-13.275c-.601 0-1.121-.291-1.566-.946a1.81 1.81 0 0 1-.237-.894V13.353c0-.6.294-1.117.958-1.554a1.75 1.75 0 0 1 .894-.249Zm-6.406.338c.283.197.531.5.733.93.076.22.113.43.113.633v.06c0 .59-.305 1.169-1.002 1.736l-.012.01-3.822 3.843a1.298 1.298 0 0 0-.004 1.83c.709.716 1.837 1.856 2.787 2.818a494.73 494.73 0 0 1 1.586 1.613l.098.102.016.018c.237.331.353.687.353 1.074v.049c0 .387-.097.712-.282.988-.186.276-.473.519-.879.721a1.67 1.67 0 0 1-.691.143h-.098c-.564 0-1.168-.331-1.809-1.113l-.01-.012-5.024-4.99a1.3 1.3 0 0 0-.916-.377h-1.815a1.3 1.3 0 0 0-1.3 1.3v3.364c0 .592-.289 1.108-.944 1.553a1.859 1.859 0 0 1-.895.238h-.134c-.592 0-1.108-.29-1.553-.944a1.86 1.86 0 0 1-.238-.896V13.365c0-.601.291-1.12.945-1.566a1.82 1.82 0 0 1 .894-.237h.135c.591 0 1.107.29 1.552.945.161.298.238.595.238.895V16.9a1.3 1.3 0 0 0 1.3 1.3h1.703c.345 0 .677-.138.92-.381 1.953-1.952 3.424-3.42 4.413-4.404.495-.492.87-.862 1.123-1.112a33.613 33.613 0 0 1 .363-.352l.01-.008a1.96 1.96 0 0 1 1.116-.356c.406 0 .745.103 1.03.3Zm-2.14.05c.005-.005.004-.004-.001 0h.001Zm-52.521-.388H76.98c.6 0 1.12.293 1.565.957.16.288.237.585.237.895v.134c0 .6-.293 1.116-.958 1.554a1.749 1.749 0 0 1-.893.248H66.93a1.3 1.3 0 0 0-1.3 1.3v.103a1.3 1.3 0 0 0 1.3 1.3h10.05c.602 0 1.121.29 1.566.944.16.298.237.596.237.895v6.797c0 .6-.293 1.12-.956 1.565-.289.16-.586.238-.895.238H63.554a1.7 1.7 0 0 1-1.7-1.7V13.25a1.7 1.7 0 0 1 1.7-1.7Zm2.076 11.567v.286a1.3 1.3 0 0 0 1.3 1.3h6.765a1.3 1.3 0 0 0 1.3-1.3v-.286a1.3 1.3 0 0 0-1.3-1.3H66.93a1.3 1.3 0 0 0-1.3 1.3ZM43.226 11.562h12.92c.499 0 .893.125 1.203.356.307.23.556.584.733 1.087.043.214.063.394.063.543V26.47c0 .453-.107.821-.307 1.12-.2.299-.506.55-.938.743a1.917 1.917 0 0 1-.692.123c-.389 0-.72-.1-1.004-.295-.282-.194-.534-.493-.748-.914a2.436 2.436 0 0 1-.124-.776v-3.34a1.3 1.3 0 0 0-1.3-1.3h-6.68a1.3 1.3 0 0 0-1.3 1.3v3.34c0 .452-.105.82-.304 1.12-.197.298-.5.548-.927.741a2.015 2.015 0 0 1-.705.125c-.39 0-.72-.101-1.004-.296-.283-.194-.535-.493-.748-.914a2.433 2.433 0 0 1-.124-.776V13.547c0-.493.124-.885.356-1.195.23-.307.582-.557 1.082-.738a3.37 3.37 0 0 1 .548-.053Zm1.827 5.101v.054a1.3 1.3 0 0 0 1.3 1.3h6.679a1.3 1.3 0 0 0 1.3-1.3v-.054a1.3 1.3 0 0 0-1.3-1.3h-6.68a1.3 1.3 0 0 0-1.3 1.3Zm-19.375-5.004c-.803.368-1.277.805-1.489 1.285-.123.401-1.051 3.853-2.79 10.376l-.002.003c-.256.916-.448 1.63-.575 2.143-.064.257-.11.461-.142.614a1.902 1.902 0 0 0-.042.268 2 2 0 0 0 .24.947c.437.67.956.965 1.563.965h.17c.656 0 1.2-.324 1.636-1.052l.001-.003.016-.048.05-.163c.04-.137.094-.327.162-.571.136-.488.327-1.188.572-2.1.49-1.822 1.2-4.49 2.126-8.003a1.3 1.3 0 0 1 1.257-.969h4.036a1.3 1.3 0 0 1 1.3 1.3v9.99c0 .3.077.597.238.895.445.655.961.944 1.552.944h.135c.31 0 .606-.077.894-.237.655-.445.945-.964.945-1.566v-13.25c0-.31-.077-.607-.237-.894-.445-.657-.961-.946-1.553-.946h-9.523c-.135 0-.313.022-.54.072ZM3.851 11.55h13.276c.591 0 1.108.293 1.555.96.167.288.248.584.248.892v.134c0 .6-.294 1.116-.959 1.554a1.749 1.749 0 0 1-.893.248H7.076a1.3 1.3 0 0 0-1.3 1.3v10.04c0 .6-.29 1.12-.944 1.564a1.86 1.86 0 0 1-.895.238h-.134c-.6 0-1.12-.294-1.566-.957A1.817 1.817 0 0 1 2 26.628V13.353c0-.591.293-1.108.96-1.555.288-.167.584-.248.891-.248Zm78.532 15.003c0 .187.042.393.132.619.205.41.449.7.723.887.273.188.594.285.973.285h.11c.369 0 .716-.107 1.046-.329l.013-.012.103-.099.413-.406c.366-.362.913-.905 1.641-1.63 1.456-1.45 3.633-3.624 6.533-6.523.501-.501 1.368-.154 1.368.563v6.609c0 .298.076.593.236.89.443.65.956.937 1.543.937h.133c.308 0 .602-.077.889-.235.65-.442.939-.959.939-1.556V13.377c0-.307-.077-.602-.236-.888-.442-.652-.955-.939-1.543-.939h-.134c-.344 0-.701.11-1.074.348A5320.26 5320.26 0 0 1 87.5 20.59a.8.8 0 0 1-1.365-.567v-6.647c0-.298-.076-.593-.236-.89-.442-.649-.958-.937-1.555-.937h-.17c-.17 0-.385.037-.646.122-.797.439-1.145.99-1.145 1.656v13.225Z' fill='%230F1928'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; } .glabix-screen-logo-short { aspect-ratio: 128 / 40; width: 128px; height: 40px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 128 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22.993' cy='24.599' r='8.03' fill='%230F1928'/%3E%3Cpath d='M10.17 27.553H4.42v-5.75a2.01 2.01 0 0 0-2.012-2.011 2.01 2.01 0 0 0-2.012 2.011v7.761a2.01 2.01 0 0 0 2.012 2.012h7.761a2.007 2.007 0 0 0 2.011-2.012 2.006 2.006 0 0 0-2.01-2.01ZM10.17 2H2.407C1.298 2 .396 2.9.396 4.011v7.762a2.01 2.01 0 0 0 2.012 2.011 2.009 2.009 0 0 0 2.011-2.011v-5.75h5.75A2.007 2.007 0 0 0 12.18 4.01 2.007 2.007 0 0 0 10.17 2Zm17.772 0h-7.761a2.011 2.011 0 0 0 0 4.023h5.75v5.75c0 1.114.897 2.011 2.011 2.011a2.006 2.006 0 0 0 2.012-2.011V4.01A2.01 2.01 0 0 0 27.942 2Z' fill='%23096'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m72.657 21.407.006-3.614c0-3.767 2.897-6.82 6.47-6.82h3.67c3.573 0 6.47 3.053 6.47 6.82v3.853c0 3.767-2.897 6.82-6.47 6.82h-3.67c-.867 0-1.695-.18-2.45-.506v5.215c0 .577-.196 1.095-.585 1.505-.389.41-.88.616-1.428.616a1.92 1.92 0 0 1-1.429-.616 2.134 2.134 0 0 1-.584-1.505V21.407Zm6.476 2.816h3.67c1.35 0 2.443-1.154 2.443-2.577v-3.853c0-1.423-1.094-2.576-2.444-2.576h-3.67c-1.349 0-2.443 1.153-2.443 2.576v3.853c0 1.423 1.094 2.577 2.444 2.577Zm29.227-1.39c-.01 0 .002-.535.002-.535v-4.506c0-3.766-2.897-6.82-6.47-6.82h-3.67c-3.573 0-6.47 3.054-6.47 6.82v3.854c0 3.766 2.897 6.82 6.47 6.82h3.28c1.532 0 2.356-1.118 2.834-1.636 0 0 .093.234.275.524.18.288.392.544.672.752.279.207.641.36 1.189.36.547 0 .915-.218 1.304-.628.389-.41.584-.928.584-1.505v-3.5Zm-6.468-7.617h-3.67c-1.35 0-2.444 1.153-2.444 2.576v3.854c0 1.423 1.095 2.576 2.445 2.576h3.669c1.35 0 2.444-1.153 2.444-2.576v-3.854c0-1.423-1.094-2.576-2.444-2.576Zm10.976-4.247c1.117 0 2.023.906 2.023 2.024v6.138a8.734 8.734 0 0 1 4.725-1.38h1.782l-.001-4.757a2.024 2.024 0 0 1 4.048 0l.001 13.532a2.024 2.024 0 0 1-4.048 0V21.8h-1.782a4.727 4.727 0 0 0-4.725 4.622v.104a2.024 2.024 0 1 1-4.049 0l.001-.142.001-13.39c0-1.118.906-2.024 2.024-2.024ZM48.679 21.964a2.883 2.883 0 0 1-2.853 2.466h-5.625a2.024 2.024 0 1 0 0 4.047h5.625a6.93 6.93 0 0 0 6.93-6.93v-3.632a6.93 6.93 0 0 0-6.93-6.93h-5.625a2.024 2.024 0 0 0 0 4.048h5.625a2.883 2.883 0 0 1 2.883 2.882h-4.19a2.024 2.024 0 1 0 0 4.049h4.16Z' fill='%230F1928'/%3E%3Cpath d='M55.237 6.166a2.033 2.033 0 1 1 4.066 0v20.262a2.033 2.033 0 0 1-4.066 0V6.166Zm15.265 20.266a2.033 2.033 0 1 1-4.066 0v-1.559c0-.505-.104-.988-.31-1.447a3.553 3.553 0 0 0-.793-1.206 3.605 3.605 0 0 0-1.171-.827 3.575 3.575 0 0 0-1.172-.356c-.183-.023-.367-.033-.55-.049-.526-.046-1.69-.138-2.503-.114-.778.023-1.958.14-1.958.14l.348-3.59h3.8c.3 0 .599-.012.895-.052.333-.045.776-.12 1.036-.224a3.912 3.912 0 0 0 1.24-.827c.345-.345.621-.747.828-1.206.206-.483.31-.988.31-1.517v-.475a2.033 2.033 0 1 1 4.066 0 7.502 7.502 0 0 1-.724 3.273 8.093 8.093 0 0 1-1.895 2.585 7.985 7.985 0 0 1 1.895 2.619 7.502 7.502 0 0 1 .724 3.273v1.56Z' fill='%230F1928'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; } .glabix-daily-logo { aspect-ratio: 318 / 40; width: 318px; height: 40px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 318 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M124.621 14.43h13.263c.6 0 1.12.293 1.565.957.16.288.238.585.238.895v.134c0 .6-.294 1.116-.959 1.554a1.73 1.73 0 0 1-.881.248h-10.002a1.3 1.3 0 0 0-1.3 1.3v6.753a1.3 1.3 0 0 0 1.3 1.3h10.039c.6 0 1.12.293 1.565.957.16.288.238.585.238.895v.122c0 .6-.294 1.12-.957 1.565-.29.16-.583.238-.883.238h-13.275c-.601 0-1.121-.291-1.566-.946a1.81 1.81 0 0 1-.237-.894V16.233c0-.6.294-1.117.958-1.555a1.75 1.75 0 0 1 .894-.248Zm-6.406.338c.283.197.531.5.733.93.076.22.113.43.113.633v.06c0 .59-.305 1.169-1.002 1.736l-.012.01-3.822 3.843a1.298 1.298 0 0 0-.004 1.83c.709.716 1.837 1.856 2.787 2.818a494.73 494.73 0 0 1 1.586 1.613l.098.102.016.018c.237.331.353.687.353 1.074v.049c0 .387-.097.712-.282.988-.186.276-.473.519-.879.721a1.67 1.67 0 0 1-.691.142h-.098c-.564 0-1.168-.33-1.809-1.112l-.01-.012-5.024-4.99a1.3 1.3 0 0 0-.916-.377h-1.815a1.3 1.3 0 0 0-1.3 1.3v3.364c0 .592-.289 1.108-.944 1.553a1.859 1.859 0 0 1-.895.238h-.134c-.592 0-1.108-.29-1.553-.944a1.86 1.86 0 0 1-.238-.896V16.245c0-.601.291-1.12.945-1.566a1.82 1.82 0 0 1 .894-.237h.135c.591 0 1.107.29 1.552.944.161.299.238.596.238.896v3.498a1.3 1.3 0 0 0 1.3 1.3h1.703c.345 0 .677-.138.92-.381 1.953-1.953 3.424-3.42 4.413-4.404.495-.492.87-.862 1.123-1.112a33.613 33.613 0 0 1 .363-.351l.01-.009a1.96 1.96 0 0 1 1.116-.356c.406 0 .745.103 1.03.3Zm-2.14.05c.005-.005.004-.004-.001 0h.001Zm-52.521-.388H76.98c.6 0 1.12.293 1.565.957.16.288.237.585.237.895v.134c0 .6-.293 1.116-.958 1.554a1.749 1.749 0 0 1-.893.248H66.93a1.3 1.3 0 0 0-1.3 1.3v.103a1.3 1.3 0 0 0 1.3 1.3h10.05c.602 0 1.121.29 1.566.944.16.298.237.596.237.895v6.797c0 .6-.293 1.12-.956 1.565-.289.16-.586.238-.895.238H63.554a1.7 1.7 0 0 1-1.7-1.7V16.13a1.7 1.7 0 0 1 1.7-1.7Zm2.076 11.567v.286a1.3 1.3 0 0 0 1.3 1.3h6.765a1.3 1.3 0 0 0 1.3-1.3v-.286a1.3 1.3 0 0 0-1.3-1.3H66.93a1.3 1.3 0 0 0-1.3 1.3ZM43.226 14.442h12.92c.499 0 .893.125 1.203.356.307.23.556.584.733 1.087.043.214.063.394.063.543V29.35c0 .453-.107.821-.307 1.12-.2.299-.506.55-.938.743a1.917 1.917 0 0 1-.692.123c-.389 0-.72-.1-1.004-.295-.282-.194-.534-.493-.748-.914a2.436 2.436 0 0 1-.124-.777v-3.34a1.3 1.3 0 0 0-1.3-1.3h-6.68a1.3 1.3 0 0 0-1.3 1.3v3.34c0 .453-.105.822-.304 1.121-.197.298-.5.548-.927.741a2.015 2.015 0 0 1-.705.125c-.39 0-.72-.101-1.004-.296-.283-.194-.535-.493-.748-.914a2.433 2.433 0 0 1-.124-.777V16.43c0-.494.124-.886.356-1.196.23-.307.582-.558 1.082-.738a3.37 3.37 0 0 1 .548-.053Zm1.827 5.101v.054a1.3 1.3 0 0 0 1.3 1.3h6.679a1.3 1.3 0 0 0 1.3-1.3v-.054a1.3 1.3 0 0 0-1.3-1.3h-6.68a1.3 1.3 0 0 0-1.3 1.3Zm-19.375-5.004c-.803.369-1.277.805-1.489 1.285-.123.401-1.051 3.853-2.79 10.376l-.002.003c-.256.916-.448 1.63-.575 2.143-.064.257-.11.461-.142.614a1.9 1.9 0 0 0-.042.267c0 .328.079.643.24.948.437.67.956.965 1.563.965h.17c.656 0 1.2-.323 1.636-1.052l.001-.003.016-.048.05-.163c.04-.137.094-.327.162-.571.136-.488.327-1.188.572-2.1.49-1.822 1.2-4.49 2.126-8.002a1.3 1.3 0 0 1 1.257-.97h4.036a1.3 1.3 0 0 1 1.3 1.3v9.99c0 .3.077.597.238.895.445.655.961.944 1.552.944h.135c.31 0 .606-.077.894-.237.655-.445.945-.965.945-1.566v-13.25c0-.31-.077-.606-.237-.894-.445-.657-.961-.946-1.553-.946h-9.523c-.135 0-.313.022-.54.072ZM3.851 14.43h13.276c.591 0 1.108.293 1.555.96.167.288.248.584.248.892v.134c0 .6-.294 1.116-.959 1.554a1.749 1.749 0 0 1-.893.248H7.076a1.3 1.3 0 0 0-1.3 1.3v10.04c0 .6-.29 1.12-.944 1.564a1.86 1.86 0 0 1-.895.238h-.134c-.6 0-1.12-.293-1.566-.957A1.817 1.817 0 0 1 2 29.508V16.233c0-.591.293-1.108.96-1.555.288-.167.584-.248.891-.248Zm78.532 15.003c0 .187.042.393.132.619.205.41.449.7.723.887.273.188.594.285.973.285h.11c.369 0 .716-.107 1.046-.329l.013-.012.103-.099.413-.406c.366-.362.913-.905 1.641-1.63 1.456-1.45 3.633-3.624 6.533-6.523.501-.501 1.368-.154 1.368.563v6.609c0 .298.076.593.236.89.443.65.956.937 1.543.937h.133c.308 0 .602-.077.889-.235.65-.442.939-.959.939-1.556V16.257c0-.307-.077-.602-.236-.888-.442-.652-.955-.939-1.543-.939h-.134c-.344 0-.701.11-1.074.348A5320.26 5320.26 0 0 1 87.5 23.47a.8.8 0 0 1-1.365-.567v-6.647c0-.298-.076-.593-.236-.89-.442-.649-.958-.937-1.555-.937h-.17c-.17 0-.385.037-.646.122-.797.439-1.145.99-1.145 1.657v13.224Z' fill='%230F1928'/%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M166.891 6.617c-.373 0-.743.018-1.115.054-.622.059-1.189-.409-1.189-1.034V4.403c0-.497.366-.923.861-.97.486-.045.963-.068 1.443-.068 3.794 0 7.25 1.443 9.852 3.81l2.379-2.377c.684-.683 1.85-.199 1.85.767v7.142c0 .596-.488 1.084-1.084 1.084h-7.143c-.962 0-1.45-1.172-.765-1.85l2.459-2.46a11.32 11.32 0 0 0-7.548-2.864ZM155.509 18c0 .337.015.67.044 1 .054.628-.416 1.202-1.046 1.202h-1.226c-.494 0-.919-.361-.963-.854a14.613 14.613 0 0 1-.061-1.348c0-3.734 1.401-7.149 3.707-9.73l-2.382-2.386c-.683-.684-.2-1.851.705-1.851h7.203c.596 0 1.084.485 1.084 1.084v7.137c0 .969-1.172 1.45-1.85.772l-2.453-2.453A11.321 11.321 0 0 0 155.509 18Zm6.3 6.282-2.345 2.344a11.318 11.318 0 0 0 7.427 2.758c.315 0 .615-.012.915-.036.619-.05 1.179.415 1.179 1.036v1.241c0 .496-.363.92-.857.962-.408.033-.82.05-1.237.05-3.795 0-7.149-1.396-9.731-3.707l-2.494 2.494c-.683.684-1.851.196-1.851-.766v-7.142c0-.596.485-1.084 1.084-1.084h7.137c.908 0 1.45 1.165.773 1.85Z' fill='%230F1928'/%3E%3Cpath d='m173.064 23.197 2.351 2.35a11.315 11.315 0 0 0 2.86-7.548c0-.316-.013-.63-.038-.942-.05-.624.419-1.192 1.045-1.192h1.232c.496 0 .921.364.962.859.035.42.052.845.052 1.275a14.6 14.6 0 0 1-3.809 9.853l2.487 2.487c.685.684.197 1.85-.766 1.85h-7.142a1.087 1.087 0 0 1-1.084-1.085v-7.142c0-.962 1.166-1.45 1.85-.765Z' fill='%23096'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M315.998 26.02c-.01 0 .002-.537.002-.537v-4.52c0-3.78-2.936-6.843-6.557-6.843h-3.719c-3.622 0-6.558 3.063-6.558 6.842v3.867c0 3.779 2.936 6.843 6.558 6.843h3.324c1.552 0 2.387-1.121 2.872-1.641 0 0 .094.234.278.525.183.29.398.547.681.755.283.207.65.36 1.205.36s.928-.217 1.322-.628a2.13 2.13 0 0 0 .592-1.511V26.02Zm-6.555-7.642h-3.719c-1.369 0-2.478 1.157-2.478 2.584v3.867c0 1.428 1.109 2.585 2.478 2.585h3.719c1.368 0 2.477-1.157 2.477-2.585v-3.867c0-1.427-1.109-2.584-2.477-2.584Zm-114.036-1.021c3.459-5.775 12.326-3.322 12.326 3.41v8.8a2.035 2.035 0 1 1-4.07 0v-8.8c0-2.603-3.428-3.551-4.765-1.319l-3.565 5.95a2.664 2.664 0 0 0-.379 1.37v2.798a2.035 2.035 0 1 1-4.07 0v-2.798a6.73 6.73 0 0 1 .958-3.46l3.565-5.951Zm66.93 12.278v2.099a6.735 6.735 0 0 1-6.735 6.735h-5.8a2.035 2.035 0 1 1 0-4.07h5.8a2.665 2.665 0 0 0 2.665-2.665v-.064h-3.465a7.035 7.035 0 0 1-7.035-7.035v-8.474a2.035 2.035 0 1 1 4.07 0v8.474a2.965 2.965 0 0 0 2.965 2.965h3.465V16.161a2.035 2.035 0 1 1 4.07 0v13.474Zm-47.586-4.719a2.665 2.665 0 0 0 2.665 2.663h5.964a2.035 2.035 0 1 1 0 4.07h-5.964a6.735 6.735 0 0 1-6.735-6.735v-4.066a6.735 6.735 0 0 1 6.735-6.735h5.964a2.035 2.035 0 1 1 0 4.07h-5.964a2.665 2.665 0 0 0-2.665 2.663h3.253a2.035 2.035 0 1 1 0 4.07h-3.253Zm60.44.014v4.696a2.035 2.035 0 1 0 4.07 0l-.001-13.463a2.035 2.035 0 1 0-4.07 0v4.696h-5.466a.965.965 0 0 1-.965-.965V16.18a2.035 2.035 0 1 0-4.07 0v3.715a5.035 5.035 0 0 0 5.035 5.035h5.467Zm-36.807-6.747h4.341a2.035 2.035 0 1 0 0-4.07h-12.752a2.035 2.035 0 1 0 0 4.07h4.341v11.452a2.035 2.035 0 1 0 4.07 0V18.183Z' fill='%230F1928'/%3E%3Cpath d='M281.835 9.377a2.033 2.033 0 1 1 4.066 0V29.64a2.033 2.033 0 1 1-4.066 0V9.377Zm15.266 20.267a2.034 2.034 0 0 1-4.067 0v-1.56c0-.505-.103-.987-.31-1.447a3.564 3.564 0 0 0-.792-1.206 3.615 3.615 0 0 0-1.172-.827 3.574 3.574 0 0 0-1.172-.356c-.183-.022-.367-.032-.55-.049-.525-.046-1.69-.138-2.502-.114-.778.023-1.959.14-1.959.14l.348-3.59h3.801c.299 0 .598-.012.894-.052.334-.045.776-.12 1.037-.224a3.907 3.907 0 0 0 1.24-.827 4.02 4.02 0 0 0 .827-1.206c.207-.483.31-.988.31-1.517v-.475a2.034 2.034 0 0 1 4.067 0 7.508 7.508 0 0 1-.724 3.273 8.102 8.102 0 0 1-1.895 2.585 7.993 7.993 0 0 1 1.895 2.619 7.508 7.508 0 0 1 .724 3.273v1.56Z' fill='%230F1928'/%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M149.833 1h34v34h-34z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; } .glabix-daily-logo-short { aspect-ratio: 169 / 40; width: 169px; height: 40px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 169 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.89 6.617c-.372 0-.742.018-1.114.054-.622.059-1.19-.409-1.19-1.034V4.403c0-.497.367-.923.862-.97.486-.045.963-.068 1.443-.068a14.59 14.59 0 0 1 9.852 3.81l2.379-2.377c.684-.683 1.85-.199 1.85.767v7.142c0 .596-.488 1.084-1.084 1.084h-7.143c-.962 0-1.45-1.172-.765-1.85l2.46-2.46a11.323 11.323 0 0 0-7.55-2.864ZM6.51 18c0 .337.014.67.043 1 .054.628-.416 1.202-1.046 1.202H4.281a.954.954 0 0 1-.963-.854A14.86 14.86 0 0 1 3.257 18c0-3.734 1.401-7.149 3.707-9.73L4.582 5.882c-.683-.684-.2-1.851.705-1.851h7.203c.596 0 1.084.485 1.084 1.084v7.137c0 .969-1.172 1.45-1.85.772l-2.453-2.453A11.32 11.32 0 0 0 6.51 18Zm6.299 6.282-2.345 2.344a11.317 11.317 0 0 0 7.427 2.758c.315 0 .615-.012.915-.036.619-.05 1.179.415 1.179 1.036v1.241c0 .496-.363.92-.857.962-.408.033-.82.05-1.237.05-3.795 0-7.15-1.396-9.73-3.707l-2.495 2.494c-.683.684-1.851.196-1.851-.766v-7.142c0-.596.485-1.084 1.084-1.084h7.137c.908 0 1.45 1.165.773 1.85Z' fill='%23096'/%3E%3Cpath d='m24.064 23.197 2.351 2.35A11.319 11.319 0 0 0 29.275 18c0-.316-.013-.63-.038-.942-.05-.624.42-1.192 1.045-1.192h1.232c.496 0 .921.364.962.859.035.42.052.845.052 1.275a14.6 14.6 0 0 1-3.809 9.853l2.487 2.487c.685.684.197 1.85-.766 1.85h-7.142a1.087 1.087 0 0 1-1.084-1.085v-7.142c0-.962 1.166-1.45 1.85-.765Z' fill='%230F1928'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M166.998 23.02c-.01 0 .002-.537.002-.537v-4.52c0-3.78-2.936-6.843-6.557-6.843h-3.719c-3.622 0-6.558 3.063-6.558 6.842v3.867c0 3.779 2.936 6.843 6.558 6.843h3.324c1.552 0 2.387-1.121 2.872-1.641 0 0 .094.234.278.525.183.29.398.547.681.755.283.207.65.36 1.205.36s.928-.217 1.322-.628a2.13 2.13 0 0 0 .592-1.511V23.02Zm-6.555-7.643h-3.719c-1.369 0-2.478 1.158-2.478 2.585v3.867c0 1.428 1.109 2.585 2.478 2.585h3.719c1.368 0 2.477-1.157 2.477-2.585v-3.867c0-1.427-1.109-2.585-2.477-2.585Zm-114.036-1.02c3.459-5.775 12.326-3.322 12.326 3.41v8.8a2.035 2.035 0 1 1-4.07 0v-8.8c0-2.603-3.428-3.551-4.765-1.319l-3.565 5.95a2.665 2.665 0 0 0-.379 1.37v2.798a2.035 2.035 0 0 1-4.07 0v-2.798c0-1.219.331-2.415.958-3.46l3.565-5.951Zm66.93 12.278v2.099a6.735 6.735 0 0 1-6.735 6.735h-5.8a2.035 2.035 0 1 1 0-4.07h5.8a2.665 2.665 0 0 0 2.665-2.665v-.064h-3.465a7.035 7.035 0 0 1-7.035-7.035v-8.474a2.035 2.035 0 0 1 4.07 0v8.474a2.965 2.965 0 0 0 2.965 2.965h3.465V13.161a2.035 2.035 0 1 1 4.07 0v13.474ZM65.75 21.916a2.665 2.665 0 0 0 2.666 2.663h5.964a2.035 2.035 0 1 1 0 4.07h-5.964a6.735 6.735 0 0 1-6.735-6.735v-4.066a6.735 6.735 0 0 1 6.735-6.735h5.964a2.035 2.035 0 1 1 0 4.07h-5.964a2.665 2.665 0 0 0-2.665 2.663h3.253a2.035 2.035 0 1 1 0 4.07H65.75Zm60.441.014v4.696a2.035 2.035 0 1 0 4.07 0l-.001-13.463a2.035 2.035 0 1 0-4.07 0v4.696h-5.466a.965.965 0 0 1-.965-.965V13.18a2.035 2.035 0 1 0-4.07 0v3.715a5.035 5.035 0 0 0 5.035 5.035h5.467Zm-36.807-6.747h4.34a2.035 2.035 0 1 0 .001-4.07H80.973a2.035 2.035 0 1 0 0 4.07h4.341v11.452a2.035 2.035 0 1 0 4.07 0V15.183Z' fill='%230F1928'/%3E%3Cpath d='M132.835 6.377a2.033 2.033 0 1 1 4.066 0V26.64a2.033 2.033 0 1 1-4.066 0V6.377Zm15.266 20.267a2.034 2.034 0 0 1-4.067 0v-1.56c0-.505-.103-.987-.31-1.447a3.564 3.564 0 0 0-.792-1.206 3.615 3.615 0 0 0-1.172-.827 3.574 3.574 0 0 0-1.172-.356c-.183-.022-.367-.032-.55-.049-.525-.046-1.69-.138-2.502-.114-.778.023-1.959.14-1.959.14l.348-3.59h3.801c.299 0 .598-.012.894-.052.334-.045.776-.12 1.037-.224a3.907 3.907 0 0 0 1.24-.827 4.02 4.02 0 0 0 .827-1.206c.207-.483.31-.988.31-1.517v-.475a2.034 2.034 0 0 1 4.067 0 7.508 7.508 0 0 1-.724 3.273 8.102 8.102 0 0 1-1.895 2.585 7.993 7.993 0 0 1 1.895 2.619 7.508 7.508 0 0 1 .724 3.273v1.56Z' fill='%230F1928'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; } .glabix-screen-logo-icon { aspect-ratio: 20 / 20; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14.37' cy='14.374' r='5.019' fill='%230F1928'/%3E%3Cpath d='M6.354 16.22H2.76v-3.593c0-.697-.563-1.257-1.257-1.257s-1.257.56-1.257 1.257v4.85c0 .697.563 1.258 1.257 1.258h4.851c.697 0 1.257-.56 1.257-1.257 0-.697-.56-1.257-1.257-1.257Zm0-15.97h-4.85C.808.25.245.813.245 1.507v4.85c0 .698.563 1.258 1.257 1.258.695 0 1.257-.56 1.257-1.257V2.764h3.594c.697 0 1.257-.56 1.257-1.257A1.252 1.252 0 0 0 6.354.25Zm11.108 0h-4.85a1.257 1.257 0 1 0 0 2.514h3.593v3.594c0 .697.56 1.257 1.257 1.257.697 0 1.257-.56 1.257-1.257v-4.85c0-.695-.56-1.258-1.257-1.258Z' fill='%23096'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; } .glabix-screen-logo-icon-v2 { aspect-ratio: 24 / 21; width: 24px; height: 21px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.744 15.831V4.321h14.509V6.22a8.528 8.528 0 0 1 3.427 1.124V.895H.316v18.363h9.761a8.524 8.524 0 0 1-1.22-3.427H3.745Z' fill='url(%23a)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.354 17.384a2.646 2.646 0 1 0 0-5.292 2.646 2.646 0 0 0 0 5.292Zm0 3.427a6.073 6.073 0 1 0 0-12.146 6.073 6.073 0 0 0 0 12.146Z' fill='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='15.265' y1='11.78' x2='1.942' y2='1.072' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234091F5'/%3E%3Cstop offset='.475' stop-color='%2354BEA5'/%3E%3Cstop offset='1' stop-color='%235FD47F'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='21.841' y1='17.737' x2='13.144' y2='10.835' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E75468'/%3E%3Cstop offset='1' stop-color='%237359BF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; } .glabix-daily-logo-icon { aspect-ratio: 22 / 22; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.306 4.136a7.19 7.19 0 0 0-.25.004c-.623.022-1.19-.44-1.19-1.064 0-.497.365-.924.861-.955a9.118 9.118 0 0 1 6.737 2.364l1.487-1.486a.677.677 0 0 1 1.156.48v4.463a.68.68 0 0 1-.678.678h-4.463c-.602 0-.907-.733-.48-1.157l1.538-1.537a7.077 7.077 0 0 0-4.718-1.79ZM4.193 11.25c0 .059 0 .118.002.177.016.626-.451 1.2-1.077 1.2-.492 0-.916-.36-.943-.852a9.105 9.105 0 0 1 2.302-6.607L2.988 3.677c-.427-.427-.125-1.157.441-1.157h4.502c.373 0 .678.303.678.678v4.46c0 .606-.733.907-1.157.483L5.92 6.608a7.075 7.075 0 0 0-1.726 4.642Zm3.937 3.926L6.665 16.64a7.073 7.073 0 0 0 4.768 1.723c.62-.01 1.182.454 1.182 1.075 0 .496-.363.925-.858.948-.15.007-.3.01-.45.01a9.017 9.017 0 0 1-6.082-2.316l-1.56 1.559a.678.678 0 0 1-1.156-.48v-4.463c0-.373.303-.678.677-.678h4.461c.568 0 .907.729.483 1.157Z' fill='%23096'/%3E%3Cpath d='m15.164 14.498 1.47 1.47a7.074 7.074 0 0 0 1.785-4.86c-.012-.624.455-1.192 1.08-1.192.494 0 .92.363.944.858.007.157.01.316.01.476a9.125 9.125 0 0 1-2.38 6.157l1.555 1.555a.677.677 0 0 1-.479 1.156h-4.464a.68.68 0 0 1-.677-.678v-4.464a.677.677 0 0 1 1.156-.478Z' fill='%230F1928'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; } .glabix-daily-logo-icon-v2 { aspect-ratio: 23 / 19; width: 23px; height: 19px; background-image: url("data:image/svg+xml,%3Csvg width='23' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.368 3.396V.21H.949v13.194h3.183V3.396h13.236Z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.368 3.396V.21H.949v13.194h3.183V3.396h13.236Z' fill='url(%23a)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.368 3.396V.21H.949v13.194h3.183V3.396h13.236Z' fill='url(%23b)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.368 3.396V.21H.949v13.194h3.183V3.396h13.236Z' fill='url(%23c)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.554 8.706H9.442v6.767h10.112V8.705ZM6.22 5.482v13.215h16.559V5.482H6.218Z' fill='url(%23d)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='13.37' y1='2.865' x2='2.321' y2='11.006' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E75468'/%3E%3Cstop offset='1' stop-color='%237359BF'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='1.846' y1='.711' x2='12.096' y2='14.118' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234091F5'/%3E%3Cstop offset='.475' stop-color='%2354BEA5'/%3E%3Cstop offset='1' stop-color='%235FD47F'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='3.702' y1='10.261' x2='12.633' y2='-.34' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234091F5'/%3E%3Cstop offset='.475' stop-color='%2354BEA5'/%3E%3Cstop offset='1' stop-color='%235FD47F'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='18.194' y1='7.972' x2='7.144' y2='16.114' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E75468'/%3E%3Cstop offset='1' stop-color='%237359BF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; } .star { aspect-ratio: 1 / 1; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.838.912 5.76 4.476a1.936 1.936 0 0 1-1.292 1.29L.906 6.846a.44.44 0 0 0 0 .84l3.563 1.08a1.936 1.936 0 0 1 1.292 1.29l1.077 3.563a.44.44 0 0 0 .843 0l1.079-3.563a1.93 1.93 0 0 1 1.29-1.29l3.563-1.08a.44.44 0 0 0 0-.84l-3.563-1.08a1.93 1.93 0 0 1-1.29-1.29L7.68.912a.44.44 0 0 0-.843 0Z' fill='%23fff'/%3E%3Cpath d='M7.259 14.527a1.04 1.04 0 0 0 .732-.303 1.03 1.03 0 0 0 .26-.44l1.078-3.558a1.334 1.334 0 0 1 .893-.894l3.564-1.08a1.025 1.025 0 0 0 .61-.5 1.027 1.027 0 0 0-.179-1.22 1.03 1.03 0 0 0-.432-.258l-3.562-1.079a1.333 1.333 0 0 1-.894-.894L8.249.738A1.033 1.033 0 0 0 6.27.74L5.194 4.3a1.34 1.34 0 0 1-.895.894L.734 6.274a1.026 1.026 0 0 0-.729.887 1.027 1.027 0 0 0 .298.833c.12.12.269.209.432.258l3.562 1.079a1.34 1.34 0 0 1 .897.895l1.076 3.563a1.023 1.023 0 0 0 .495.61c.151.084.321.128.494.128Zm.148-1.08.001.003v-.003Zm-.293-.004v.002-.002Zm5.84-6.18-3.075.931a2.517 2.517 0 0 0-1.687 1.688L7.26 12.96l-.93-3.078a2.526 2.526 0 0 0-1.69-1.688l-3.074-.93 3.075-.932A2.524 2.524 0 0 0 6.33 4.646l.93-3.079.932 3.078a2.518 2.518 0 0 0 1.687 1.687l3.075.931Zm-11.876.148h-.002.002Zm6.034-6.334v.003-.003Z' fill='%230F1928'/%3E%3C/svg%3E"); } .fly { aspect-ratio: 18 / 17; width: 18px; height: 17px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.17.805 7.157.743C8.522.715 9.651 1.783 9.68 3.13a2.41 2.41 0 0 1-.238 1.097l-3.546 7.39-3.86-7.234a2.425 2.425 0 0 1 1.036-3.297A2.5 2.5 0 0 1 4.17.806Z' fill='%23fff'/%3E%3Cpath d='M.997 3.25c0-.318.049-.637.147-.948A3.16 3.16 0 0 1 2.722.429c.442-.23.932-.355 1.432-.366L7.141 0A3.241 3.241 0 0 1 9.44.884a3.124 3.124 0 0 1 .992 2.229 3.14 3.14 0 0 1-.31 1.431l-3.546 7.389a.746.746 0 0 1-.664.424.76.76 0 0 1-.682-.396L1.37 4.728A3.134 3.134 0 0 1 .997 3.25Zm3.19-1.702a1.741 1.741 0 0 0-1.286.611 1.68 1.68 0 0 0-.2 1.878l3.16 5.918 2.902-6.047a1.685 1.685 0 0 0 .021-1.41 1.71 1.71 0 0 0-1.61-1.012l-2.988.062Z' fill='%230F1928'/%3E%3Cpath d='m16.852 9.92.063 2.948c.024 1.348-1.064 2.46-2.43 2.484a2.5 2.5 0 0 1-1.1-.234l-7.489-3.502 7.337-3.81c1.21-.625 2.704-.164 3.337 1.03.178.336.274.706.282 1.084Z' fill='%23fff'/%3E%3Cpath d='M5.144 11.615a.735.735 0 0 1 .402-.657l7.336-3.81c1.578-.814 3.53-.211 4.355 1.344.231.437.357.92.367 1.412l.063 2.948c.03 1.758-1.39 3.211-3.168 3.242a3.28 3.28 0 0 1-1.435-.304l-7.49-3.504a.75.75 0 0 1-.43-.655v-.016Zm11.019 1.297v-.03L16.1 9.934a1.687 1.687 0 0 0-.196-.754 1.717 1.717 0 0 0-1.011-.832 1.743 1.743 0 0 0-1.312.115L7.58 11.581l6.128 2.866a1.734 1.734 0 0 0 1.961-.346 1.69 1.69 0 0 0 .495-1.19Zm.689-2.992v.002-.002Z' fill='%230F1928'/%3E%3C/svg%3E"); } .counter-form { width: 16px; height: 16px; position: absolute; overflow: hidden; pointer-events: none; background-color: var(--primary-200); } .counter-form--lg { width: 32px; height: 32px; } .counter-form:after { content: ""; width: 32px; background-color: var(--body-bg); height: 32px; border-radius: 16px; position: absolute; } .counter-form--lg:after { width: 64px; height: 64px; border-radius: 32px; } .counter-form.invert { background-color: var(--body-bg); } .counter-form.invert:after { background-color: var(--primary-200); } .counter-form.bl { bottom: 0; right: 100%; } .counter-form.bl:after { right: 0; bottom: 0; } .counter-form.br { bottom: 0; left: 100%; } .counter-form.br:after { left: 0; bottom: 0; } .counter-form.tr { top: 0; left: 100%; } .counter-form.tr:after { top: 0; right: 0; } .counter-form.tl { left: 100%; top: 0; } .counter-form.tl:after { top: 0; left: 0; } .hr { height: 1px; background-color: currentColor; } .slider-cutter { overflow: hidden; position: relative; width: 100%; } .swiper-container { --swiper-pagination-bullet-horizontal-gap: 6px; } .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 50%; background-color: var(--gray-400); position: relative; opacity: 1; } .swiper-pagination-bullet.swiper-pagination-bullet-active::after { content: ''; position: absolute; top: 0; left: 50%; height: 8px; width: 20px; border-radius: 8px; transform: translateX(-50%); background-color: var(--primary-200); } .swiper-pagination--danger .swiper-pagination-bullet.swiper-pagination-bullet-active::after { background-color: var(--palette-common-9); } .simple-table { width: 100%; border-collapse: collapse; } .simple-table td { padding: 10px; border: solid 1px var(--gray-400); vertical-align: top; } .simple-table.border-primary-200 td { border-color: var(--primary-200); } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } .scroll-target { position: absolute; top: 0; } .collapse-link { padding-right: 1.5em; position: relative; display: inline-block; } .collapse-link:before { font-family: "glabix-iconset" !important; content: "\e97e"; position: absolute; right: 0; top: 0; display: inline-block; } .collapse-link.is-active:before, .is-active .collapse-link:before { content: "\e981"; } .panel-border { background-color: var(--gray-300); padding: 16px; border-radius: 16px; } .panel-border .panel-body { padding: 30px; background-color: #fff; border-radius: 8px; } .panel-border-purple-gradient { padding: 10px; background: linear-gradient(308.43deg, rgba(231, 84, 104, 0.62) 18.48%, rgba(193, 86, 132, 0.62) 39.75%, rgba(115, 89, 191, 0.62) 83.54%); } .card { border-radius: 16px; padding: 30px; background-color: var(--gray-200); min-height: 120px; transition: background-color, box-shadow 0.15s linear; } .card-link:hover { box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16); text-decoration: none; } .tabs-panel { border-radius: 16px; padding: 30px 20px; position: relative; z-index: 1; cursor: pointer; } .tabs-panel::after { content: ''; display: none; top: 50%; left: 100%; height: 50px; width: 146%; position: absolute; transform: translateY(-50%); border-radius: 0 16px 16px 0; background-color: var(--primary-200); z-index: 0; } .tabs-panel figure { min-width: 100px; flex-basis: 100px; } .tabs-panel .counter-form { display: none; z-index: 2; } .tabs-panel:not(.is-active):hover { outline: solid 1px var(--gray-400); outline-offset: -1px; border-radius: 16px; } .tabs-panel.is-active { background-color: var(--primary-200); outline: none; color: var(--light); cursor: auto; } .tabs-panel.is-active:after { display: block; } .tabs-panel.is-active .counter-form { display: block; } .tabs-panel.compact.is-active::after { display: none; } .tabs-panel .counter-form.tl { top: 50%; transform: translateY(25px); } .tabs-panel .counter-form.br { top: auto; bottom: 50%; transform: translateY(-25px); } .tabs-panel-first { border-radius: 16px 0 16px 16px; } .tabs-panel-first:after { top: 0; transform: none; } .tabs-panel-first .counter-form.tl { top: 50px; transform: none; } .tabs-panel-last { border-radius: 16px 16px 0 16px; } .tabs-panel-last:after { top: auto; bottom: 0; transform: none; } .tabs-panel-last .counter-form.br { top: auto; bottom: 50px; transform: none; } .tabs-panel-info { position: relative; z-index: 2; min-height: 100%; padding-top: 24px; display: flex; flex-direction: column; justify-content: center; } .tabs-panel-info-first { justify-content: flex-start; } .tabs-panel-info-first:before { top: 0; transform: none; } .tabs-panel-info-last { justify-content: flex-end; } .tabs-panel-info-last:before { top: auto; bottom: 0; transform: none; } .cookies-popover { position: sticky; bottom: 0; left: 0; right: 0; background-color: #fff; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15); padding: 16px; z-index: 1999; animation-name: fadeIn; animation-duration: 0.15s; } @media (min-width: 1024px) { .cookies-popover { padding: 20px; font-size: 20px; } } .solid-row-1px { width: 100%; height: 1px; } .radar-banner { background: linear-gradient(221.87deg, #45BD6B 16.37%, #3BBCB8 74.49%); position: relative; z-index: 900; } .pink-banner .radar-banner { background: linear-gradient(357.31deg, #F96377 0.58%, #F963B3 96.1%); } .radar-banner .header { font-weight: 700; font-size: 24px; line-height: 100%; letter-spacing: 0; text-align: center; } @media (min-width: 1024px) { .radar-banner .header { text-align: left; } } .business-demo-banner { background: linear-gradient(180deg, #9977D1 0%, #798CD2 100%); display: flex; flex-direction: column; } @media (min-width: 1436px) { .business-demo-banner { flex-direction: row; } } @media (min-width: 1024px) { .business-demo-banner .business-demo-banner-text-container { min-width: 59%; } } .input-landing-wrapper { position: relative; } .input-landing-icon { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); color: var(--gray-600); font-size: 20px; } .input-landing { height: 64px; border-radius: 4px; border: 1px solid rgba(17, 17, 17, 0.15); width: 100%; font-family: "Onest", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.6; appearance: none; padding: 0 20px; color: var(--text-default); background-color: var(--brand-white); transition: border-color 0.15s; } textarea.input-landing { height: auto; padding-top: 18px; padding-bottom: 18px; } .input-landing:focus { color: var(--text-default); border-color: var(--text-default); outline: none; } .input-landing::placeholder { color: rgba(17, 17, 17, 0.4); opacity: 1; } .input-landing-icon + * { padding-left: 50px; font-size: 16px; } .btn-landing { width: 100%; height: 68px; line-height: 66px; border-radius: 9999px; font-size: 18px; font-weight: 500; display: inline-block; appearance: none; text-align: center; border: solid 1px var(--gray-900); background-color: var(--gray-900); color: var(--light); cursor: pointer; transition: background-color 0.15s, border-color 0.15s; padding-left: 20px; padding-right: 20px; text-decoration: none; white-space: nowrap; } .btn-landing:hover { background-color: var(--gray-700); border-color: var(--gray-700); text-decoration: none; } @media (min-width: 375px) { .btn-landing { padding-left: 30px; padding-right: 30px; font-size: 20px; } } .btn-landing--lg { @media (min-width: 1024px) { font-size: 27px; line-height: 32px; padding: 25px 82px; } } .btn-landing--sm { height: 44px; font-size: 16px; line-height: 20px; padding: 12px 16px; } .btn-landing--square { padding-left: 0; padding-right: 0; width: 68px; max-width: 68px; border-radius: 8px; } .btn-landing--circle { padding-left: 0; padding-right: 0; width: 68px; max-width: 68px; border-radius: 50%; } .btn-landing--light { border-color: var(--light); background-color: var(--light); color: var(--dark); } .btn-landing--light:hover { background-color: var(--light); border-color: var(--light); text-decoration: none; } .btn-landing--primary { border-color: var(--primary); background-color: var(--primary); color: var(--light); } .btn-landing--warning { border-color: var(--orange); background-color: var(--orange); color: var(--light); } .btn-landing--magenta { border-color: var(--magenta); background-color: var(--magenta); color: var(--light); } .btn-landing--rainbow { position: relative; border: none; color: var(--light); background: linear-gradient(90deg, #fac1a3, #22c4e4, #585dec, #fac1a3); background-size: 500%; animation: rainbowBg 20s linear infinite; } .btn-landing--rainbow:before { content: ""; position: absolute; top: -10px; left: -10px; bottom: -10px; right: -10px; z-index: 0; background: linear-gradient(90deg, #fac1a3, #22c4e4, #585dec, #fac1a3); background-size: 500%; animation: rainbowBg 20s linear infinite; filter: blur(20px); opacity: 0; transition: 0.5s; } .btn-landing--rainbow:hover { background: linear-gradient(90deg, #fac1a3, #22c4e4, #585dec, #fac1a3); background-size: 500%; animation: rainbowBg 20s linear infinite; } .btn-landing--rainbow:hover:before { opacity: 1; animation: rainbowBg 20s linear infinite; } .btn-landing--transparent-light { border-color: transparent; background-color: transparent; color: var(--light); } .btn-landing--transparent-light:hover { border-color: transparent; background-color: transparent; color: var(--light); } @keyframes rainbowBg { 0% { background-position: 0%; } 100% { background-position: 500%; } } .btn-landing--primary-bordered { border: 8px solid #6bc4a6; border-radius: 16px; height: auto; } .btn-landing--primary-bordered:hover { border-color: var(--gray-700); } .btn-landing--outline { background-color: transparent; border-color: var(--light); } .btn-landing--outline-dark { background-color: transparent; color: var(--dark); border-color: var(--dark); } .btn-landing--outline-dark:hover { color: var(--light); } .btn-landing--error-page { padding-left: 40px; padding-right: 40px; font-size: 18px; font-weight: 400; height: 53px; line-height: 51px; } .btn-landing-2 { background: transparent; padding: 20px 30px; font-size: 17px; line-height: 28px; height: unset; color: #ffffff; border: 2px solid #ffffff; border-radius: 57px; text-align: center; justify-content: center; white-space: nowrap; text-decoration: none; transition: all 0.3s linear; display: inline-block; } .btn-landing-2--lg { padding: 25px 35px; font-weight: 700; font-size: 18px; line-height: 24px; letter-spacing: 0; } @media (min-width: 768px) { .btn-landing-2--lg { font-size: 24px; line-height: 28px; padding: 30px 76px; } } .btn-landing-2:hover { text-decoration: none; box-shadow: 0 0 30px 0 #ffffff; } .btn-landing-2:active { box-shadow: unset; } .btn-landing-3 { font-weight: 700; font-size: 17px; line-height: 28px; letter-spacing: 0; color: #ffffff; padding: 12px 25px; text-align: center; justify-content: center; white-space: nowrap; text-decoration: none; transition: all 0.3s linear; border-radius: 78px; background: #1a1a1a; display: inline-block; border: unset; } .btn-landing-3--lg { font-size: 20px; line-height: 26px; padding: 20px 35px; } @media (min-width: 768px) { .btn-landing-3--lg { font-size: 24px; line-height: 28px; padding: 30px 76px; } } .btn-landing-3:hover { text-decoration: none; box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0.7); } .btn-2026 { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 48px; padding: 16px 24px; border: 0; border-radius: 4px; background-color: var(--brand-white); background-size: 100% 100%; background-position: 0% 0%; box-shadow: var(--shadow-btn); color: var(--brand-black); font-family: "Onest", sans-serif; font-size: 12px; font-weight: 600; line-height: 1.6; letter-spacing: 0.12px; text-align: center; text-decoration: none; white-space: nowrap; cursor: pointer; appearance: none; transition: transform 0.2s ease, box-shadow 0.2s ease; } @media (min-width: 1024px) and (max-width: 1279px) { .btn-2026 { padding: 14px 24px; font-size: 14px; } } @media (min-width: 1280px) { .btn-2026 { height: 64px; padding: 20px 32px; font-size: 16px; letter-spacing: 0.16px; } } :where(button, a).btn-2026:hover { color: var(--brand-black); text-decoration: none; box-shadow: var(--shadow-btn), 0 4px 16px rgba(0, 0, 0, 0.08), 0 0 28px rgba(0, 0, 0, 0.05); } .btn-2026:focus-visible { outline: 2px solid var(--brand-black); outline-offset: 3px; } .btn-2026--gradient-purple, .btn-2026--gradient-green { background-color: transparent; background-image: var(--gradient-primary); color: var(--brand-white); transition: transform 0.2s ease, box-shadow 0.4s ease, background-size 0.4s ease, background-position 0s linear 0.4s; } :where(button, a).btn-2026--gradient-purple:hover, :where(button, a).btn-2026--gradient-green:hover { color: var(--brand-white); background-size: 150% 150%; background-position: 100% 100%; transition: transform 0.2s ease, box-shadow 0.4s ease, background-size 0.4s ease, background-position 0s linear; } :where(button, a).btn-2026--gradient-purple:hover { box-shadow: var(--shadow-btn), 0 4px 16px rgba(231, 84, 104, 0.14), 0 0 28px rgba(115, 89, 191, 0.14); } .btn-2026--gradient-green { background-image: var(--gradient-secondary); } :where(button, a).btn-2026--gradient-green:hover { box-shadow: var(--shadow-btn), 0 4px 16px rgba(64, 145, 245, 0.14), 0 0 28px rgba(95, 212, 127, 0.14); } .btn-2026--sm { height: 48px; padding: 14px 20px; font-size: 14px; letter-spacing: 0.14px; } .btn-2026--xs { height: 42px; padding: 0 12px; font-size: 14px; letter-spacing: 0.14px; } .btn-2026--block { display: flex; width: 100%; } .btn-2026--icon .i { font-size: 20px; } .btn-2026--icon-right { display: inline-flex; align-items: center; gap: 8px; } .btn-2026:disabled, .btn-2026.is-disabled, .btn-2026.is-loading { opacity: 0.7; cursor: default; pointer-events: none; filter: saturate(0.85); } .btn-2026:disabled:hover, .btn-2026.is-disabled:hover, .btn-2026.is-loading:hover { box-shadow: var(--shadow-btn); background-size: 100% 100%; background-position: 0% 0%; } .btn-2026 { --btn-spinner-color: var(--brand-black); } .btn-2026--gradient-purple, .btn-2026--gradient-green { --btn-spinner-color: var(--brand-white); } .btn-2026.is-loading { position: relative; color: transparent !important; } .btn-2026.is-loading::after { content: ""; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; border-radius: 50%; border: 2px solid var(--btn-spinner-color); border-right-color: transparent; opacity: 0.9; animation: btn-2026-spin 0.7s linear infinite; } @keyframes btn-2026-spin { to { transform: rotate(360deg); } } .cta-badge-wrap { position: relative; display: inline-flex; } .cta-badge-wrap--gradient-purple { --badge-gradient: var(--gradient-primary); } .cta-badge-wrap--gradient-green { --badge-gradient: var(--gradient-secondary); } .cta-badge { position: absolute; top: -12px; right: 14px; z-index: 2; display: inline-flex; align-items: center; height: 24px; padding: 0 10px; box-sizing: border-box; background: var(--brand-white); border-radius: 4px; box-shadow: var(--shadow-btn); pointer-events: none; } .cta-badge > span { display: inline-block; font-family: "Onest", sans-serif; font-size: 10px; font-weight: 500; line-height: 1.4; white-space: nowrap; background-image: var(--badge-gradient); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; } .cta-form-section { position: relative; overflow: hidden; padding: 40px 0; margin: 72px 0; background-color: #f6f6f6; } .cta-form-section .page-container { max-width: 1216px; padding-left: var(--page-pad-x); padding-right: var(--page-pad-x); } @media (min-width: 768px) { .cta-form-section { margin: 80px 0; } } @media (min-width: 1280px) { .cta-form-section { margin: 120px 0; } } @media (max-width: 575px) { .cta-form-section { margin: 64px 0; } } .cta-form-section::before { content: ""; position: absolute; inset: -5% -15%; pointer-events: none; background-image: url("/images/index/v2/cta-form-grid.avif"); background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 0.7; mask-image: radial-gradient(ellipse 80% 80% at center, #000 40%, transparent 75%); -webkit-mask-image: radial-gradient(ellipse 80% 80% at center, #000 40%, transparent 75%); z-index: 0; } .cta-form-section::after { content: ""; position: absolute; right: -10%; top: 5%; width: 70%; height: 100%; background-image: url("/images/index/v2/cta-form-gradient-blob.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; pointer-events: none; z-index: 0; } .cta-form-inner { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 24px; } .cta-form-content { display: flex; flex-direction: column; gap: 12px; text-align: center; align-items: center; margin: 0 auto; } .cta-form-title { margin: 0; } .cta-form-subtitle { margin: 0; } @media (min-width: 576px) { .cta-form-subtitle { font-size: 16px; letter-spacing: 0.16px; } } .cta-form-checklist { list-style: none; margin: 16px 0 0; padding: 24px; background-color: var(--brand-white); border-radius: 8px; box-shadow: var(--shadow-shape); display: flex; flex-direction: column; gap: 16px; @media (max-width: 575px) { padding: 16px; gap: 8px; } @media (min-width: 1024px) and (max-width: 1279px) { padding: 16px 20px; gap: 8px; } } .cta-form-checklist-item { display: flex; align-items: flex-start; gap: 12px; color: var(--brand-black); text-align: left; @media (max-width: 575px) { gap: 8px; } @media (min-width: 1024px) and (max-width: 1279px) { gap: 8px; } } .cta-form-checklist-icon { flex: 0 0 auto; width: 20px; height: 20px; border-radius: 8px; background-image: linear-gradient(180deg, #d0f2cc 0%, #5fd47f 100%); display: inline-flex; align-items: center; justify-content: center; color: var(--brand-white); @media (max-width: 575px) { width: 16px; height: 16px; border-radius: 0; } @media (min-width: 1024px) and (max-width: 1279px) { width: 16px; height: 16px; } } .cta-form-checklist-icon .i { font-size: 12px; } .cta-form-manager { position: relative; display: flex; align-items: flex-start; gap: 16px; margin-top: 16px; } .cta-form-manager > .cta-form-checklist { flex: 1; margin-top: 0; } .cta-form-manager-photo { flex: 0 0 86px; width: 86px; height: 172px; border-radius: 16px; object-fit: cover; object-position: top center; @media (max-width: 575px) { flex: 0 0 65px; width: 65px; height: 130px; } @media (min-width: 1024px) and (max-width: 1279px) { flex: 0 0 65px; width: 65px; height: 130px; } } .cta-form-manager-info { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; margin-top: 8px; padding-left: 8px; border-left: 2px solid #5fd47f; text-align: left; } .cta-form-manager-name, .cta-form-manager-role { font-family: "Onest", sans-serif; font-size: 8px; font-weight: 500; line-height: 1.4; @media (min-width: 576px) and (max-width: 1023px) { font-size: 10px; } @media (min-width: 1024px) and (max-width: 1279px) { font-size: 8px; } @media (min-width: 1280px) { font-size: 12px; } } .cta-form-manager-name { color: var(--brand-black); } .cta-form-manager-role { color: var(--gray-500); } .cta-form-checklist-item .text-body-m { font-size: 10px; @media (min-width: 576px) and (max-width: 1023px) { font-size: 12px; } @media (min-width: 1024px) and (max-width: 1279px) { font-size: 10px; } @media (min-width: 1280px) { font-size: 14px; } } .cta-form-card { position: relative; background-color: var(--brand-white); border-radius: 8px; padding: 20px; box-shadow: var(--shadow-shape); } @media (min-width: 768px) { .cta-form-inner { gap: 40px; } .cta-form-card { padding: 32px; } } @media (min-width: 1024px) { .cta-form-section { padding: 32px 0; } .cta-form-inner { flex-direction: row; align-items: flex-start; gap: 20px; } .cta-form-content { flex: 0 0 50%; padding-top: 20px; gap: 32px; text-align: left; align-items: flex-start; margin: 0; } .cta-form-card { flex: 1 1 auto; max-width: 50%; padding: 24px; } .cta-form-field { grid-template-columns: 120px 1fr; } .cta-form-label, .cta-form-input { font-size: 12px; letter-spacing: 0.12px; } .cta-form-bottom .btn-2026 { height: 40px; padding: 12px 16px; font-size: 12px; } .cta-form-policy-text { font-size: 10px; } } @media (min-width: 1280px) { .cta-form-section { padding: 80px 0; } .cta-form-inner { gap: 50px; } .cta-form-content { flex: 0 0 50%; padding-top: 32px; gap: 24px; } .cta-form-subtitle { font-size: 20px; } .cta-form-card { max-width: 592px; padding: 32px; } .cta-form-field { grid-template-columns: 170px 1fr; } .cta-form-label, .cta-form-input { font-size: 16px; letter-spacing: 0.16px; } .cta-form-bottom .btn-2026 { height: 64px; padding: 20px 32px; font-size: 16px; } } .cta-form { display: flex; flex-direction: column; gap: 16px; } .cta-form-field { display: grid; grid-template-columns: 1fr; gap: 4px; border-bottom: 1px solid #d0d0d0; padding-bottom: 8px; } @media (min-width: 768px) { .cta-form { gap: 24px; } .cta-form-field { grid-template-columns: 170px 1fr; gap: 0 16px; align-items: baseline; } } .cta-form-label { font-family: "Onest", sans-serif; font-size: 12px; font-weight: 400; line-height: 1.6; letter-spacing: 0.12px; color: var(--text-default); white-space: nowrap; } @media (min-width: 1280px) { .cta-form-label { font-size: 16px; letter-spacing: 0.16px; } } .cta-form-input { border: none; border-radius: 0; padding: 0; background-color: transparent; font-family: "Onest", sans-serif; font-weight: 400; font-size: 12px; line-height: 1.6; letter-spacing: 0.12px; color: var(--text-default); appearance: none; outline: none; width: 100%; flex: 1 1 auto; } @media (min-width: 1280px) { .cta-form-input { font-size: 16px; letter-spacing: 0.16px; } } .cta-form-input:focus { outline: none; } .cta-form-input::placeholder { color: var(--text-subtle); } .cta-form-textarea { min-height: 60px; resize: vertical; } .cta-form-bottom { display: flex; flex-direction: column; gap: 16px; padding-top: 8px; } .cta-form-bottom .btn-2026 { align-self: flex-start; } .cta-form-policy { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; } .cta-form-policy input[type="checkbox"] { flex: 0 0 auto; width: 20px; height: 20px; margin-top: 2px; cursor: pointer; border: 1px solid #d0d0d0; border-radius: 8px; } .cta-form-policy-text { font-family: "Onest", sans-serif; font-size: 10px; font-weight: 400; line-height: 1.6; color: var(--text-default); } .cta-form-policy-text a { color: var(--brand-link); text-decoration: underline; } @media (min-width: 768px) { .cta-form-bottom { flex-direction: row; align-items: center; gap: 40px; } } @media (max-width: 1023px) { .cta-form-section { padding: 50px 0; } .cta-form-content { gap: 0; } .cta-form-policy-text { font-size: 8px; } } @media (min-width: 576px) and (max-width: 1023px) { .cta-form-inner { gap: 24px; } .cta-form-label, .cta-form-input { font-size: 14px; letter-spacing: 0.14px; } .cta-form-bottom .btn-2026 { font-size: 14px; letter-spacing: 0.14px; } } @media (min-width: 768px) and (max-width: 1023px) { .cta-form-card { max-width: 720px; margin: 0 auto; } .cta-form-field { grid-template-columns: 190px 1fr; } .cta-form-policy { align-items: center; } .cta-form-title { margin-bottom: 16px; } .cta-form-checklist { margin-top: 32px; } } @media (min-width: 576px) and (max-width: 767px) { .cta-form-title { font-size: 32px; letter-spacing: -0.64px; margin-bottom: 16px; } .cta-form-checklist { margin-top: 24px; } .cta-form-card { padding: 24px; } .cta-form-field { grid-template-columns: 190px 1fr; } .cta-form-bottom { flex-direction: row; } .cta-form-policy { align-items: center; } } @media (max-width: 575px) { .cta-form-section { padding: 32px 0; } .cta-form-inner { gap: 16px; } .cta-form-manager { margin-top: 32px; } .cta-form-title { font-size: 28px; letter-spacing: -0.56px; margin-bottom: 16px; } .cta-form-subtitle { font-size: 14px; letter-spacing: 0.14px; } .cta-form-checklist { margin-top: 24px; } .cta-form-card { padding: 24px; } .cta-form-field { grid-template-columns: 1fr; } .cta-form-label, .cta-form-input { font-size: 12px; letter-spacing: 0.12px; } .cta-form-bottom { flex-direction: column; align-items: stretch; gap: 16px; } .cta-form-bottom .btn-2026 { width: 100%; font-size: 12px; } .cta-form-policy { align-items: center; } } .download-cta { margin: 72px 0; } .download-cta .page-container { max-width: 1216px; padding-left: var(--page-pad-x); padding-right: var(--page-pad-x); } .download-cta-inner { position: relative; overflow: hidden; border-radius: 8px; padding: 40px 20px; background-color: #7359bf; background-image: var(--gradient-primary); background-repeat: no-repeat; background-position: center center; background-size: cover; color: var(--brand-white); display: flex; flex-direction: column; gap: 24px; align-items: center; text-align: center; } @media (max-width: 575px) { .download-cta-buttons { gap: 8px; justify-content: center; } } @media (min-width: 768px) { .download-cta-inner { padding: 48px 40px; gap: 32px; } } .download-cta-grid { position: absolute; inset: 0; pointer-events: none; background-image: url("/images/index/v2/download-bg-768.png"); background-repeat: no-repeat; background-position: center center; background-size: cover; } .download-cta-title { position: relative; margin: 0; max-width: 560px; } .download-cta-buttons { position: relative; display: flex; flex-wrap: wrap; gap: 12px; } .download-cta-buttons .btn-2026 { height: 40px; padding: 10px 16px; font-size: 12px; letter-spacing: 0.12px; } @media (min-width: 768px) { .download-cta-buttons .btn-2026 { height: 44px; padding: 12px 20px; font-size: 14px; letter-spacing: 0.14px; } } @media (min-width: 1280px) { .download-cta-buttons .btn-2026 { height: 64px; padding: 20px 28px; font-size: 16px; letter-spacing: 0.16px; } } .download-cta-icon { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 20px; } .download-cta-icon--windows::before { color: #4191f5; } @media (min-width: 1024px) { .download-cta-grid { background-image: url("/images/index/v2/download-bg.png"); } .download-cta-inner { flex-direction: row; align-items: center; justify-content: space-between; padding: 60px 32px 60px 60px; } .download-cta-title { white-space: nowrap; } .download-cta-buttons { flex-shrink: 0; gap: 8px; } } @media (min-width: 1024px) and (max-width: 1279px) { .download-cta-buttons .btn-2026 { height: 48px; padding: 14px 24px; font-size: 12px; letter-spacing: 0.12px; } } @media (min-width: 768px) { .download-cta { margin: 80px 0; } } @media (min-width: 1280px) { .download-cta { margin: 120px 0; } .download-cta-inner { padding: 64px 80px; } .download-cta-buttons { gap: 12px; } } @media (min-width: 576px) and (max-width: 1023px) { .download-cta-inner { padding: 60px 30px; gap: 16px; } .download-cta-buttons .btn-2026 { height: 52px; padding: 12px 24px; } } @media (min-width: 576px) and (max-width: 767px) { .download-cta { margin: 72px 0; } .download-cta-title { font-size: 32px; letter-spacing: -0.64px; } .download-cta-buttons .btn-2026 { font-size: 14px; } } @media (max-width: 575px) { .download-cta { margin: 64px 0; } .download-cta-inner { padding: 40px 20px; gap: 24px; } .download-cta-title { font-size: 28px; letter-spacing: -0.56px; } .download-cta-buttons .btn-2026 { height: 44px; padding: 12px 16px; font-size: 12px; } } .cta-banner-2026 { --cta-banner-bg-grid: url("/images/index/v2/business-bg-grid.svg"); --cta-banner-bg-grid-sm: url("/images/index/v2/business-bg-grid-768.svg"); --cta-banner-bg-grid-xs: url("/images/index/v2/business-bg-grid-375.svg"); position: relative; overflow: hidden; padding: 40px 0 0; margin: 72px 0; background-image: linear-gradient( 304.64deg, #4091f5 34.4%, #4192f3 37.25%, #4194f0 39.8%, #4296ed 42.17%, #4398e9 44.45%, #449ae5 46.76%, #469de0 49.21%, #47a0da 51.9%, #49a4d3 54.94%, #4ba9cb 58.44%, #4daec2 62.5%, #50b4b8 67.24%, #53baac 72.76%, #57c29f 79.18%, #5bca90 86.59%, #5fd47f 95.1% ); color: var(--brand-white); } .cta-banner-2026 .page-container { max-width: 1216px; padding-left: var(--page-pad-x); padding-right: var(--page-pad-x); } .cta-banner-2026 { @media (min-width: 768px) { padding: 60px 0 0; margin: 80px 0; } @media (min-width: 1024px) { padding: 0; min-height: 364px; } @media (min-width: 1280px) { height: 488px; margin: 120px 0; } @media (min-width: 576px) and (max-width: 767px) { padding: 44px 0 0; } @media (max-width: 575px) { margin: 64px 0; } &::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: var(--cta-banner-bg-grid); background-repeat: no-repeat; background-position: center center; background-size: cover; mask-image: radial-gradient(ellipse at center, #000 35%, transparent 90%); -webkit-mask-image: radial-gradient(ellipse at center, #000 35%, transparent 90%); @media (min-width: 576px) and (max-width: 1023px) { background-image: var(--cta-banner-bg-grid-sm); } @media (max-width: 575px) { background-image: var(--cta-banner-bg-grid-xs); } } } .cta-banner-2026-inner { position: relative; z-index: 1; @media (min-width: 1024px) { display: flex; align-items: stretch; min-height: 364px; } } .cta-banner-2026-content { max-width: 520px; padding-bottom: 24px; display: flex; flex-direction: column; gap: 12px; align-items: center; text-align: center; margin: 0 auto; @media (min-width: 768px) { padding-bottom: 32px; gap: 20px; } @media (min-width: 1024px) { position: relative; z-index: 2; max-width: 330px; padding: 40px 0; align-items: flex-start; text-align: left; margin: 0; gap: 12px; min-height: 364px; } @media (min-width: 1280px) { max-width: 441px; padding: 80px 0 0; gap: 20px; min-height: auto; } @media (min-width: 768px) and (max-width: 1023px) { gap: 0; max-width: 550px; padding-bottom: 0; } @media (min-width: 576px) and (max-width: 767px) { padding-bottom: 0; gap: 0; } @media (max-width: 575px) { padding-bottom: 0; gap: 0; } & > * { margin-left: auto; margin-right: auto; margin-bottom: 0; @media (min-width: 1024px) { margin: 0; } } & .cta-banner-2026-title { @media (min-width: 768px) and (max-width: 1023px) { margin-bottom: 16px; } @media (max-width: 767px) { font-size: 32px; letter-spacing: -0.64px; margin-bottom: 16px; } } & .cta-banner-2026-text:nth-of-type(1) { @media (min-width: 768px) and (max-width: 1023px) { font-size: 16px; margin: 0 0 12px; } @media (max-width: 767px) { font-size: 14px; margin: 0 0 12px; } } & .cta-banner-2026-text:nth-of-type(2) { @media (min-width: 768px) and (max-width: 1023px) { font-size: 16px; margin: 0 0 24px; } @media (max-width: 767px) { font-size: 14px; margin: 0 0 24px; } } & .btn-2026 { color: var(--brand-black); height: 48px; padding: 14px 24px; font-size: 14px; @media (min-width: 768px) { height: 56px; padding: 16px 28px; font-size: 16px; } @media (min-width: 1024px) { height: 40px; padding: 12px 16px; font-size: 12px; letter-spacing: 0.12px; margin-top: auto; } @media (min-width: 1280px) { height: 56px; padding: 16px 28px; font-size: 16px; margin-top: 8px; } @media (max-width: 575px) { height: 44px; padding: 12px 20px; font-size: 12px; } } } .cta-banner-2026-media { position: relative; width: 100%; margin-top: 16px; padding: 0 var(--page-pad-x); box-sizing: border-box; @media (min-width: 768px) { margin-top: 24px; } @media (min-width: 768px) and (max-width: 1023px) { max-width: 670px; margin-top: 0; margin-left: auto; margin-right: auto; } @media (min-width: 1024px) { position: absolute; right: 0; top: 0; bottom: 0; width: 660px; min-height: auto; display: flex; align-items: flex-end; } @media (min-width: 1280px) { width: 800px; } @media (max-width: 575px) { position: static; width: 100%; margin-top: 8px; } } .cta-banner-2026-illustration { display: block; width: 100%; height: auto; filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.2)); } .cta-banner-2026-title { margin: 0; font-family: "Onest", sans-serif; font-weight: 800; font-size: 28px; line-height: 1.2; letter-spacing: -0.56px; color: var(--brand-white); @media (min-width: 768px) { font-size: 36px; letter-spacing: -0.72px; } @media (min-width: 1024px) { font-size: 32px; letter-spacing: -0.64px; } @media (min-width: 1280px) { font-size: 40px; letter-spacing: -0.8px; } } .cta-banner-2026-text { font-family: "Onest", sans-serif; font-weight: 500; font-size: 12px; line-height: 1.6; letter-spacing: 0.12px; color: var(--brand-white); @media (min-width: 1024px) { font-size: 14px; } @media (min-width: 1280px) { font-size: 16px; letter-spacing: 0.16px; } } .pricing-2026-title { margin: 0 0 40px; text-align: center; } .pricing-2026-list { display: flex; flex-direction: column; gap: 0; } .pricing-2026-card + .pricing-2026-card { margin-top: 64px; position: relative; } .pricing-2026-card + .pricing-2026-card::before { content: ""; position: absolute; left: 0; right: 0; top: -32px; height: 1px; background: rgba(17, 17, 17, 0.1); } @media (min-width: 1280px) { .pricing-2026-card + .pricing-2026-card { margin-top: 96px; } .pricing-2026-card + .pricing-2026-card::before { top: -48px; } } .pricing-2026-card { display: flex; flex-direction: column; gap: 20px; align-items: flex-start; } @media (min-width: 576px) { .pricing-2026-card { display: grid; grid-template-columns: 100px minmax(0, 1fr); grid-template-areas: "illust tag" "illust title" "illust body" "illust tiers"; column-gap: 24px; row-gap: 12px; align-items: start; } } @media (min-width: 1024px) { .pricing-2026-card { grid-template-columns: 100px minmax(0, 1fr) auto; grid-template-areas: "illust tag tag" "illust title title" "illust body tiers"; } } @media (min-width: 1280px) { .pricing-2026-card { grid-template-columns: 208px minmax(0, 1fr) auto; column-gap: 28px; row-gap: 16px; } } .pricing-2026-card-illust { width: 208px; height: 208px; border-radius: 4px; align-self: flex-start; display: block; object-fit: cover; } @media (max-width: 575px) { .pricing-2026-card-illust { display: none; } } @media (min-width: 576px) { .pricing-2026-card-illust { grid-area: illust; align-self: start; width: 100px; height: 100px; } } @media (min-width: 1280px) { .pricing-2026-card-illust { width: 208px; height: 208px; } } .pricing-2026-card-content { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; width: 100%; } @media (min-width: 576px) { .pricing-2026-card-content { display: contents; } } .pricing-2026-card-tag { display: inline-block; padding: 5px 10px; background: var(--surface-footer); border-radius: 4px; font-family: "Onest", sans-serif; font-size: 10px; font-weight: 500; line-height: 1.4; color: var(--text-muted); } @media (min-width: 576px) { .pricing-2026-card-tag { grid-area: tag; justify-self: start; } } .pricing-2026-card-title { margin: 0; } @media (min-width: 576px) { .pricing-2026-card-title { grid-area: title; justify-self: start; } } .pricing-2026-card-body { margin: 0; color: var(--text-muted); } @media (min-width: 576px) { .pricing-2026-card-body { grid-area: body; } } .pricing-2026-card-tiers { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 16px; width: 100%; } @media (max-width: 575px) { .pricing-2026-card-tiers { justify-content: space-around; gap: 0; container-type: inline-size; } } @media (min-width: 576px) { .pricing-2026-card-tiers { grid-area: tiers; flex-wrap: nowrap; gap: 32px; } } @media (min-width: 1024px) { .pricing-2026-card-tiers { align-self: center; justify-content: flex-end; } } @media (min-width: 1280px) { .pricing-2026-card-tiers { gap: 48px; } } .pricing-2026-tier { display: grid; grid-template-rows: 1fr auto; align-items: center; justify-items: center; row-gap: 12px; width: 124px; min-height: 108px; text-align: center; position: relative; } .pricing-2026-tier + .pricing-2026-tier::before { content: ""; position: absolute; left: calc((300px - 100cqi) / 6); top: 0; bottom: 0; width: 1px; background: rgba(17, 17, 17, 0.1); } @media (min-width: 576px) { .pricing-2026-tier + .pricing-2026-tier::before { left: -16px; } } @media (max-width: 767px) { .pricing-2026-tier { width: 100px; } } .pricing-2026-tier-label { font-family: "Onest", sans-serif; font-size: 16px; font-weight: 500; line-height: 1.6; letter-spacing: 0.16px; color: var(--text-muted); } @media (max-width: 575px) { .pricing-2026-tier-label { font-size: 14px; letter-spacing: 0.14px; } } .pricing-2026-tier-price, .pricing-2026-tier .btn-2026 { width: 120px; } .pricing-2026-tier-price { cursor: text; } @media (max-width: 767px) { .pricing-2026-tier-price, .pricing-2026-tier .btn-2026 { width: 100%; } .pricing-2026-tier-price { padding: 0 8px; font-size: 13px; } } @media (min-width: 1280px) { .pricing-2026-tier + .pricing-2026-tier::before { left: -24px; } } .pricing-tier-cards { position: relative; z-index: 1; } .pricing-tier-cards-frame { position: relative; } @media (max-width: 1023px) { .pricing-tier-cards.swiper { overflow: hidden; } .pricing-tier-cards-track { align-items: stretch; } .pricing-tier-card.swiper-slide { height: auto; } } @media (min-width: 576px) and (max-width: 767px) { .pricing-tier-card.swiper-slide { width: 344px; } } @media (min-width: 1024px) { .pricing-tier-cards .swiper-wrapper { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; transform: none !important; } .pricing-tier-card.swiper-slide { width: auto; max-width: none; } } @media (min-width: 1280px) { .pricing-tier-cards .swiper-wrapper { gap: 24px; } } .pricing-tier-cards-nav { position: absolute; top: 320px; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; border: 0; background-color: var(--brand-white); box-shadow: var(--shadow-btn); color: var(--brand-black); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; z-index: 3; @media (min-width: 1024px) { display: none; } } .pricing-tier-cards-nav--prev { left: 8px; } .pricing-tier-cards-nav--next { right: 8px; } .pricing-tier-cards-nav.swiper-button-disabled { opacity: 0.4; pointer-events: none; } .pricing-tier-card { position: relative; display: flex; flex-direction: column; gap: 16px; padding: 40px 24px 24px; border-radius: 8px; background-color: #f6f6f6; color: #1a1a1a; overflow: clip; isolation: isolate; height: 100%; min-width: 310px; @media (min-width: 1024px) { padding: 56px 28px 32px; } @media (min-width: 1280px) { padding: 69px 30px 40px; } } .pricing-tier-card > * { position: relative; z-index: 2; } .pricing-tier-card::before { content: ""; position: absolute; top: 2px; width: 1216px; height: 902px; background-image: url("/images/pricing/v2/card-bg-grid.svg"); background-repeat: no-repeat; background-position: 0 0; background-size: 1216px 902px; z-index: 0; pointer-events: none; } .pricing-tier-card::after { content: ""; position: absolute; width: 770px; height: 388px; background-image: linear-gradient(-52deg, rgba(85, 74, 240, 0.65) 13%, rgba(242, 97, 255, 0.65) 85%); filter: blur(120px); border-radius: 50%; opacity: 0.45; z-index: 1; pointer-events: none; } .pricing-tier-card--pink::before, .pricing-tier-card--purple::before { left: -87px; } .pricing-tier-card--sky::before { left: -250px; } .pricing-tier-card--pink::after { top: 40px; left: -152px; } .pricing-tier-card--sky::after { top: 40px; left: -316px; background-image: linear-gradient(-52deg, rgba(74, 144, 226, 0.85) 13%, rgba(168, 213, 255, 0.85) 85%); opacity: 0.5; } .pricing-tier-card--purple::after { top: 50px; left: -84px; } .pricing-tier-card-head { display: flex; flex-direction: column; gap: 16px; min-height: 176px; @media (min-width: 1024px) { min-height: 188px; } } .pricing-tier-card-title { margin: 0; font-family: "Onest", sans-serif; font-weight: 600; font-size: 32px; line-height: 1.2; color: #1a1a1a; @media (min-width: 1024px) { font-size: 36px; line-height: 48px; } } .pricing-tier-card-price-row { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding-left: 10px; } .pricing-tier-card-price { display: inline-flex; align-items: baseline; font-family: "Onest", sans-serif; font-weight: 300; font-size: 30px; line-height: 40px; color: #1a1a1a; @media (min-width: 1024px) { font-size: 34px; } } .pricing-tier-card-price strong { font-weight: 700; } .pricing-tier-card-period { margin-left: 4px; font-family: "Onest", sans-serif; font-weight: 500; font-size: 16px; line-height: 40px; color: #1a1a1a; } .pricing-tier-card-discount { display: inline-flex; align-items: center; justify-content: center; height: 29px; padding: 0 8px; border-radius: 28px; background: #54ca77; color: #ffffff; font-family: "Onest", sans-serif; font-weight: 500; font-size: 16px; line-height: 1; white-space: nowrap; } .pricing-tier-card-old-price { margin-top: -14px; padding-left: 10px; font-family: "Onest", sans-serif; font-weight: 400; font-size: 18px; line-height: 24px; color: #1a1a1a; text-decoration: line-through; text-decoration-thickness: 1px; } .pricing-tier-card-contact { display: inline-block; font-family: "Onest", sans-serif; font-weight: 300; font-size: 26px; line-height: 40px; color: #1a1a1a; text-decoration: none; @media (min-width: 1024px) { font-size: 30px; } } .pricing-tier-card-illust { margin: 0; display: flex; justify-content: center; } .pricing-tier-card-illust img { display: block; width: 100%; max-width: 366px; height: auto; } .pricing-tier-card-features { display: flex; flex-direction: column; gap: 24px; flex: 1; } .pricing-tier-card-ai { display: flex; align-items: center; gap: 8px; font-family: "Onest", sans-serif; font-weight: 600; font-size: 14px; color: #1a1a1a; } .pricing-tier-card-ai img { flex-shrink: 0; width: 18px; height: 18px; } .pricing-tier-card-includes { margin: 0; font-family: "Onest", sans-serif; font-weight: 400; font-size: 16px; line-height: 1.5; color: #1a1a1a; } .pricing-tier-card-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; } .pricing-tier-card-list li { display: flex; align-items: center; gap: 8px; font-family: "Onest", sans-serif; font-weight: 400; font-size: 16px; line-height: 1.4; color: #1a1a1a; } .pricing-tier-card-list li .i-check { flex-shrink: 0; width: 18px; height: 18px; font-size: 16px; line-height: 1; color: #1a1a1a; display: inline-flex; align-items: center; justify-content: center; } .pricing-tier-card-footnote { display: flex; align-items: center; gap: 8px; margin: 0; margin-top: auto; font-family: "Onest", sans-serif; font-weight: 400; font-size: 14px; line-height: 1.4; color: #1a1a1a; } .pricing-tier-card-footnote::before { content: "*"; flex-shrink: 0; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 16px; line-height: 1; color: #1a1a1a; } .pricing-tier-section { margin: 48px 0 72px; } @media (min-width: 768px) { .pricing-tier-section { margin: 56px 0 80px; } } @media (min-width: 1280px) { .pricing-tier-section { margin: 80px 0 120px; } } .pricing-tier-heading-block { margin-top: 72px; text-align: center; @media (min-width: 768px) { margin-top: 80px; } @media (min-width: 1280px) { margin-top: 120px; } } .pricing-tier-heading-block h2 { margin: 0; } .pricing-tier-heading-block + .pricing-tier-section { margin-top: 32px; } @media (min-width: 768px) { .pricing-tier-heading-block + .pricing-tier-section { margin-top: 40px; } } .pricing-mode-switch { display: flex; align-items: center; gap: 8px; width: 100%; max-width: 100%; margin: 0 auto 24px; padding: 8px; border: 1px solid #e4e4e4; border-radius: 8px; background-color: var(--brand-white, #fff); @media (min-width: 576px) { width: fit-content; } @media (min-width: 768px) { gap: 12px; margin-bottom: 32px; } @media (min-width: 1024px) { gap: 20px; margin-bottom: 40px; } } .pricing-mode-switch-btn { flex: 1 1 0; min-width: 0; padding: 10px 12px; border: 0; border-radius: 8px; background-color: var(--brand-white, #fff); box-shadow: 0 2px 11px rgba(0, 0, 0, 0.22); color: #1a1a1a; font-family: "Onest", sans-serif; font-weight: 600; font-size: 14px; line-height: 1.5; white-space: nowrap; cursor: pointer; transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease; @media (min-width: 576px) { flex: 0 0 auto; padding: 12px 32px; font-size: 16px; } @media (min-width: 768px) { padding: 12px 48px; font-size: 20px; } @media (min-width: 1024px) { padding: 12px 64px; font-size: 24px; } } .pricing-mode-switch-btn--active { background-color: transparent; background-image: linear-gradient(-16deg, #4091f5 34%, #54bea5 63%, #5fd47f 95%); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12); color: var(--brand-white, #fff); font-weight: 500; } .pricing-mode-panel--hidden { display: none; } .pricing-trial-banner { margin: 72px 0; @media (min-width: 768px) { margin: 80px 0; } @media (min-width: 1280px) { margin: 120px 0; } } .pricing-trial-banner-inner { position: relative; display: flex; flex-direction: column; gap: 32px; padding: 32px 24px; border-radius: 8px; overflow: hidden; background-image: linear-gradient( -47deg, #4091f5 32%, #4192f3 35%, #4194f0 38%, #4296ed 41%, #4398e9 43%, #449ae5 46%, #469de0 48%, #47a0da 51%, #49a4d3 55%, #4ba9cb 59%, #4daec2 63%, #50b4b8 68%, #53baac 74%, #57c29f 81%, #5bca90 90%, #5fd47f 99% ); color: var(--brand-white); @media (min-width: 768px) { flex-direction: row; align-items: center; gap: 40px; padding: 48px 40px; } @media (min-width: 1024px) { padding: 56px 56px; } @media (min-width: 1280px) { padding: 64px; } } .pricing-trial-banner-inner::before { content: ""; position: absolute; inset: 0; background-image: url("/images/pricing/v2/trial-banner-bg.svg"); background-repeat: no-repeat; background-position: center; pointer-events: none; z-index: 0; } .pricing-trial-banner-inner > * { position: relative; z-index: 1; } .pricing-trial-banner-content { display: flex; flex-direction: column; gap: 20px; align-items: center; text-align: center; @media (min-width: 768px) { flex: 1 1 0; gap: 24px; align-items: flex-start; text-align: left; } } .pricing-trial-banner-content > * { margin: 0; } .pricing-trial-banner-text { max-width: 630px; font-family: "Onest", sans-serif; font-weight: 500; font-size: 12px; line-height: 1.6; letter-spacing: 0.12px; color: var(--brand-white); @media (max-width: 767px) { font-size: 14px; } @media (min-width: 768px) and (max-width: 1023px) { font-size: 16px; } @media (min-width: 1024px) { font-size: 14px; } @media (min-width: 1280px) { font-size: 16px; letter-spacing: 0.16px; } } .pricing-trial-banner-media { display: flex; justify-content: center; min-width: 0; @media (min-width: 768px) { flex: 0 1 410px; justify-content: flex-end; } } .pricing-trial-banner-media img { display: block; width: 100%; max-width: 410px; height: auto; } .hero-2026 { --hero-bg-image: url("/images/index/v2/hero-bg-375.svg"); --hero-bg-image-sm: url("/images/index/v2/hero-bg-768.svg"); --hero-bg-image-lg: url("/images/index/v2/hero-bg.svg"); position: relative; overflow: hidden; padding: 64px 0 32px; background-color: #f6f6f6; margin-top: -64px; @media (min-width: 576px) { padding: 88px 0 40px; } @media (min-width: 768px) { padding: 104px 0 50px; } @media (min-width: 1024px) { padding: 80px 0 0; margin-top: -48px; } @media (min-width: 1280px) { padding: 150px 0 60px; margin-top: -64px; } } .hero-2026--with-breadcrumb { padding: 72px 0 32px; @media (min-width: 576px) { padding: 96px 0 40px; } @media (min-width: 768px) { padding: 110px 0 50px; } @media (min-width: 1024px) { padding: 80px 0 0; } @media (min-width: 1280px) { padding: 110px 0 60px; } } .hero-2026-bg { position: absolute; inset: 0; pointer-events: none; z-index: 0; background-image: var(--hero-bg-image); background-repeat: no-repeat; background-position: center top; background-size: cover; mask-image: linear-gradient(to bottom, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%); -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%); @media (min-width: 576px) { background-image: var(--hero-bg-image-sm); } @media (min-width: 1024px) { background-image: var(--hero-bg-image-lg); mask-image: linear-gradient(to bottom, transparent 0, #000 60px, #000 calc(100% - 60px), transparent 100%); -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 60px, #000 calc(100% - 60px), transparent 100%); } } .hero-2026-gradient { position: absolute; z-index: 0; pointer-events: none; } .hero-2026-container { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr; grid-template-areas: "media" "content"; row-gap: 16px; column-gap: 0; align-items: center; @media (min-width: 1024px) { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "content media"; column-gap: 32px; row-gap: 0; align-items: stretch; } @media (min-width: 1280px) { column-gap: 40px; } } .hero-2026--with-breadcrumb .hero-2026-container { grid-template-areas: "breadcrumb" "media" "content"; @media (min-width: 1024px) { grid-template-areas: "breadcrumb media" "content media"; row-gap: 12px; align-items: start; } @media (min-width: 1280px) { grid-template-rows: min-content 1fr; column-gap: 0; row-gap: 24px; } } .hero-2026-content { grid-area: content; justify-self: center; display: flex; flex-direction: column; align-items: center; max-width: 600px; text-align: center; @media (min-width: 576px) and (max-width: 1023px) { max-width: none; } @media (min-width: 1024px) { justify-self: stretch; align-self: stretch; align-items: flex-start; justify-content: flex-start; text-align: left; } } .hero-2026--with-breadcrumb .hero-2026-content { @media (min-width: 1024px) { max-width: 470px; } @media (min-width: 1280px) { max-width: 600px; } } .hero-2026-breadcrumb { grid-area: breadcrumb; justify-self: start; display: inline-flex; align-items: center; gap: 4px; font-family: "Onest", sans-serif; font-weight: 500; font-size: 12px; line-height: 1.4; color: rgba(17, 17, 17, 0.8); @media (max-width: 1023px) { position: relative; left: 11px; } @media (max-width: 575px) { top: -4px; } @media (min-width: 576px) and (max-width: 767px) { top: -18px; } @media (min-width: 768px) and (max-width: 1023px) { top: -25px; } } .hero-2026-breadcrumb-link { color: rgba(17, 17, 17, 0.4); text-decoration: none; transition: color 0.15s ease; &:hover { color: rgba(17, 17, 17, 0.8); } } .hero-2026-breadcrumb-sep { flex-shrink: 0; margin: 0 8px; color: rgba(17, 17, 17, 0.4); font-weight: 500; cursor: default; } .hero-2026-breadcrumb-current { color: rgba(17, 17, 17, 0.8); } .hero-2026-title { margin: 0 0 16px; @media (max-width: 575px) { } @media (min-width: 576px) and (max-width: 767px) { font-size: 40px; letter-spacing: -0.8px; margin-bottom: 16px; } @media (min-width: 768px) and (max-width: 1023px) { font-size: 44px; letter-spacing: -0.88px; margin-bottom: 16px; } @media (min-width: 1024px) { max-width: 430px; margin-bottom: 16px; } @media (min-width: 1280px) { margin-bottom: 20px; } } .hero-2026--with-breadcrumb .hero-2026-title { @media (min-width: 1024px) { max-width: none; } } .hero-2026-title-row { white-space: nowrap; } .hero-2026-subtitle { margin: 0 0 26px; max-width: 460px; @media (max-width: 575px) { font-size: 14px; letter-spacing: 0.14px; } @media (min-width: 576px) and (max-width: 767px) { font-size: 14px; letter-spacing: 0.14px; margin-bottom: 32px; } @media (min-width: 768px) and (max-width: 1023px) { font-size: 16px; letter-spacing: 0.16px; max-width: 540px; margin-bottom: 32px; } @media (min-width: 1024px) { max-width: 380px; font-size: 14px; letter-spacing: 0.12px; margin-bottom: 20px; } @media (min-width: 1280px) { max-width: 430px; font-size: 16px; letter-spacing: 0.16px; } } .hero-2026--with-breadcrumb .hero-2026-subtitle { @media (min-width: 1280px) { max-width: 470px; } } .hero-2026-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; @media (max-width: 575px) { justify-content: center; } @media (min-width: 768px) { gap: 16px; } @media (min-width: 768px) and (max-width: 1023px) { margin-top: 0; } @media (min-width: 1024px) { margin-top: auto; margin-bottom: 50px; } @media (min-width: 1280px) { margin-bottom: 0; } .btn-2026 { font-size: 14px; @media (min-width: 1280px) { font-size: 16px; } } } .hero-2026-media { grid-area: media; position: relative; width: 100%; max-width: 640px; margin: 0 auto; justify-self: center; display: flex; justify-content: center; align-items: center; @media (min-width: 1024px) { max-width: 520px; margin: 0 0 0 auto; justify-self: end; align-self: flex-end; justify-content: flex-end; } @media (min-width: 1280px) { max-width: 640px; margin-left: 0; } } .hero-2026--with-breadcrumb .hero-2026-media { @media (min-width: 1024px) { align-self: start; } } .hero-2026-illust { display: block; width: 100%; height: auto; max-width: 771px; } @media (min-width: 1024px) and (max-width: 1279px) { .hero-2026-illust { max-width: 480px; } } .hero-2026--with-breadcrumb .hero-2026-illust { @media (min-width: 768px) and (max-width: 1023px) { max-width: 560px; } } .hero-2026-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; padding: 0; border: 0; background: transparent; cursor: pointer; z-index: 2; border-radius: 50%; transition: transform 0.2s ease, filter 0.2s ease; @media (min-width: 768px) { width: 80px; height: 80px; } @media (min-width: 1280px) { width: 95px; height: 95px; } } .hero-2026-play img { display: block; width: 100%; height: 100%; } .hero-2026-play:hover { transform: translate(-50%, -50%) scale(1.05); filter: brightness(1.1); } .hero-2026-play:focus-visible { outline: 2px solid var(--brand-primary, #6d3aff); outline-offset: 4px; } .hero-2026--no-media .hero-2026-container { grid-template-columns: 1fr; grid-template-areas: "breadcrumb" "content"; column-gap: 0; @media (min-width: 1024px) { grid-template-columns: 1fr; grid-template-areas: "breadcrumb" "content"; column-gap: 0; } } .hero-2026--no-media .hero-2026-content { max-width: none; @media (min-width: 1024px) { max-width: 62%; } } .hero-2026--no-media .hero-2026-title, .hero-2026--no-media .hero-2026-subtitle { max-width: none; } @media (max-width: 1023px) { .hero-2026--no-media .hero-2026-subtitle:last-child { margin-bottom: 0; } } .features-2026 { margin: 72px 0; @media (max-width: 575px) { margin: 64px 0; } @media (min-width: 768px) { margin: 80px 0; } @media (min-width: 1280px) { margin: 120px 0; } } .features-2026-title { margin: 0 auto 24px; text-align: center; max-width: 760px; @media (min-width: 768px) { margin-bottom: 40px; } @media (min-width: 768px) and (max-width: 1023px) { max-width: 680px; } @media (min-width: 1024px) { max-width: 600px; } @media (min-width: 1280px) { max-width: 760px; } } .features-2026:has(.features-2026-subtitle) .features-2026-title { margin-bottom: 16px; @media (min-width: 1280px) { margin-bottom: 20px; } } .features-2026-subtitle { margin: 0 auto 24px; max-width: 540px; @media (max-width: 575px) { font-size: 14px; letter-spacing: 0.14px; } @media (min-width: 576px) and (max-width: 767px) { font-size: 14px; max-width: 470px; } @media (min-width: 768px) and (max-width: 1023px) { font-size: 16px; } @media (min-width: 1024px) { max-width: 400px; } @media (min-width: 1280px) { max-width: 540px; } } .features-2026-list { display: flex; flex-direction: column; gap: 48px; @media (min-width: 768px) { gap: 60px; } @media (min-width: 1280px) { gap: 80px; } } .features-2026-row { display: grid; grid-template-columns: 1fr; gap: 20px; align-items: center; @media (min-width: 768px) { gap: 28px; } @media (min-width: 1024px) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; } @media (min-width: 1280px) { gap: 64px; } } .features-2026-row--reverse { @media (min-width: 1024px) { .features-2026-row-media { order: 2; } .features-2026-row-content { order: 1; } } } .features-2026-row-media { width: 100%; max-width: 592px; aspect-ratio: 592 / 448; border-radius: 8px; overflow: hidden; display: flex; align-items: center; justify-content: center; justify-self: center; background-color: #f6f6f6; @media (min-width: 1024px) { max-width: none; } @media (min-width: 1280px) { border-radius: 12px; } & img { width: 100%; height: 100%; object-fit: cover; display: block; } } .features-2026-row-content { display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; max-width: 592px; justify-self: center; @media (min-width: 1024px) { align-items: flex-start; text-align: left; max-width: none; } } .features-2026-row-icon { width: 52px; height: 52px; display: none; align-items: center; justify-content: center; @media (min-width: 1024px) { display: flex; margin-bottom: 20px; } & img { width: 100%; height: 100%; display: block; } } .features-2026-row-title { margin: 0 0 16px; max-width: 540px; font-size: 24px; letter-spacing: -0.48px; @media (min-width: 768px) and (max-width: 1023px) { font-size: 28px; letter-spacing: -0.56px; } @media (min-width: 1024px) { font-size: 24px; letter-spacing: 0.24px; margin-bottom: 20px; } @media (min-width: 1280px) { font-size: 32px; letter-spacing: 0.32px; } } .features-2026-row-text { margin: 0; max-width: 540px; color: var(--text-muted); font-size: 14px; font-weight: 500; letter-spacing: 0.14px; @media (min-width: 768px) { font-size: 16px; letter-spacing: 0.16px; } } .features-2026-row-step { display: inline-flex; align-items: center; gap: 6px; padding: 6px 20px; margin: 0 0 16px; background: #fff3d8; border-radius: 30px; font-family: "Onest", sans-serif; font-size: 13px; line-height: 1.6; letter-spacing: 1.04px; text-transform: uppercase; color: var(--text-default); @media (min-width: 1024px) { margin-bottom: 20px; } } .features-2026-row-step-num { font-weight: 900; } .features-2026-row-step-label { font-weight: 600; } .features-2026-row-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; justify-content: center; @media (min-width: 1024px) { gap: 16px; margin-top: 32px; justify-content: flex-start; } } .features-2026-row-actions .btn-2026 .i { margin-right: 8px; } .tagline-2026 { margin: 72px 0; @media (min-width: 768px) { margin: 80px 0; } @media (min-width: 1280px) { margin: 120px 0; } @media (max-width: 575px) { margin: 64px 0; } } .tagline-2026-head { position: relative; max-width: 860px; margin: 0 auto; padding: 0 28px; text-align: center; @media (min-width: 768px) { padding: 0 40px; } @media (min-width: 1024px) { max-width: none; padding: 0; } @media (min-width: 1280px) { max-width: none; padding: 0; } @media (min-width: 768px) and (max-width: 1023px) { padding: 0 40px; max-width: none; } @media (min-width: 576px) and (max-width: 767px) { max-width: none; padding: 12px 40px 0; } @media (max-width: 575px) { padding: 10px 20px 0; max-width: none; } } .tagline-2026-heading { position: relative; display: inline-block; max-width: 780px; margin: 0 auto; @media (min-width: 1024px) and (max-width: 1279px) { max-width: 680px; } @media (min-width: 1280px) { max-width: 820px; } @media (min-width: 768px) and (max-width: 1023px) { margin-bottom: 16px; } @media (min-width: 576px) and (max-width: 767px) { max-width: 560px; } @media (max-width: 575px) { max-width: none; } } .tagline-2026-title { display: inline-block; margin: 0 auto 16px; @media (min-width: 1280px) { margin: 4px auto 20px; } @media (min-width: 576px) and (max-width: 767px) { font-size: 32px; letter-spacing: -0.64px; } } .tagline-2026-subtitle { margin: 0 auto; max-width: 520px; @media (min-width: 1024px) and (max-width: 1279px) { max-width: 420px; } @media (min-width: 768px) and (max-width: 1023px) { font-size: 16px; letter-spacing: 0.16px; } @media (max-width: 575px) { font-size: 14px; letter-spacing: 0.14px; margin-top: 0; } } .tagline-2026-quote { position: absolute; width: 28px; height: 28px; opacity: 0.85; @media (min-width: 768px) and (max-width: 1023px) { width: 32px; height: 32px; } @media (max-width: 767px) { width: 24px; height: 24px; } @media (max-width: 575px) { width: 20px; height: 20px; } } .tagline-2026-quote--left { left: -24px; top: auto; bottom: -8px; @media (min-width: 768px) and (max-width: 1023px) { left: -28px; bottom: -28px; } @media (min-width: 1024px) and (max-width: 1279px) { left: -36px; bottom: -8px; } @media (min-width: 1280px) { left: -36px; bottom: -8px; } } .tagline-2026-quote--right { right: -24px; left: auto; top: -8px; bottom: auto; @media (min-width: 768px) and (max-width: 1023px) { right: -28px; top: -28px; } @media (min-width: 1024px) and (max-width: 1279px) { right: -36px; top: -8px; } @media (min-width: 1280px) { right: -36px; top: -8px; } } .tagline-2026-media { max-width: 1216px; margin: 32px auto 0; border-radius: 8px; overflow: hidden; box-shadow: var(--shadow-shape); background-color: #000; @media (min-width: 1024px) { border-radius: 8px; } @media (min-width: 1280px) { border-radius: 16px; } @media (min-width: 576px) and (max-width: 767px) { margin-top: 24px; } @media (max-width: 575px) { margin-top: 24px; border-radius: 8px; } } .tagline-2026-video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; transition: opacity 0.4s ease; } .meet-promo-2026 { --meet-promo-bg-image: url("/images/index/v2/meet-promo-bg-375.avif"); --meet-promo-bg-image-sm: url("/images/index/v2/meet-promo-bg-768.avif"); --meet-promo-bg-image-lg: url("/images/index/v2/meet-promo-bg.avif"); position: relative; overflow: hidden; margin: 72px 0; @media (min-width: 768px) { margin: 80px 0; } @media (min-width: 1280px) { margin: 120px 0; } @media (max-width: 575px) { margin: 64px 0; } } .meet-promo-2026-inner { position: relative; text-align: center; padding: 32px 16px 0; @media (min-width: 768px) { padding: 48px 32px 10px; } @media (min-width: 1024px) { padding: 56px 40px 0; } @media (min-width: 1280px) { padding: 96px 60px 0; } @media (max-width: 575px) { padding: 40px 20px 10px; } & > *:not(.meet-promo-2026-bg) { position: relative; z-index: 1; } } .meet-promo-2026-bg { position: absolute; left: 0; right: 0; top: 0; width: 100%; overflow: hidden; pointer-events: none; z-index: 0; background-image: var(--meet-promo-bg-image); background-repeat: no-repeat; background-position: center top; background-size: contain; aspect-ratio: 335 / 452; @media (min-width: 576px) { background-image: var(--meet-promo-bg-image-sm); aspect-ratio: 704 / 426; } @media (min-width: 1024px) { background-image: var(--meet-promo-bg-image-lg); aspect-ratio: 1216 / 488; } &::after { content: ""; position: absolute; pointer-events: none; border-radius: 50%; background-image: linear-gradient(295.23deg, #4091f5 0%, #54bea5 47.5%, #5fd47f 100%); @media (min-width: 1024px) { left: 18.34%; top: 57.17%; width: 63.32%; height: 79.51%; opacity: 0.3; filter: blur(175px); } @media (min-width: 576px) and (max-width: 1023px) { left: 15.2%; top: 59.62%; width: 69.6%; height: 57.28%; background-image: linear-gradient(294.96deg, #4091f5 0%, #54bea5 47.5%, #5fd47f 100%); opacity: 0.3; filter: blur(100px); } @media (max-width: 575px) { left: 0; top: 77.88%; width: 100.3%; height: 46.68%; background-image: linear-gradient(300.42deg, #4091f5 0%, #54bea5 47.5%, #5fd47f 100%); opacity: 0.4; filter: blur(50px); } } } .meet-promo-2026-title { margin: 0 auto 16px; max-width: 760px; @media (min-width: 1280px) { margin-bottom: 20px; } } .meet-promo-2026-subtitle { margin: 0 auto 24px; max-width: 540px; @media (min-width: 1024px) { max-width: 400px; } @media (min-width: 1280px) { max-width: 540px; } @media (min-width: 768px) and (max-width: 1023px) { font-size: 16px; } @media (min-width: 576px) and (max-width: 767px) { font-size: 14px; max-width: 470px; } @media (max-width: 575px) { font-size: 14px; letter-spacing: 0.14px; margin-bottom: 24px; } } .meet-promo-2026-cta { margin-bottom: 0; @media (min-width: 768px) and (max-width: 1023px) { font-size: 14px; } @media (max-width: 575px) { font-size: 12px; margin-bottom: 20px; } } .meet-promo-2026-illustration { display: block; width: 100%; max-width: 540px; margin: 0 auto; height: auto; @media (min-width: 1024px) { max-width: 600px; } @media (min-width: 1280px) { max-width: 880px; } @media (max-width: 575px) { max-width: 287px; } } .solutions-2026 { margin: 72px 0; @media (min-width: 768px) { margin: 80px 0; } @media (min-width: 1280px) { margin: 120px 0; } @media (max-width: 575px) { margin: 64px 0; } } .solutions-2026-title { text-align: center; margin: 0 0 32px; @media (min-width: 1024px) { margin-bottom: 32px; } @media (min-width: 1280px) { margin-bottom: 40px; } @media (min-width: 576px) and (max-width: 767px) { margin-bottom: 24px; } @media (max-width: 575px) { margin-bottom: 24px; } } .solutions-2026-grid { display: flex; flex-wrap: nowrap; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: rgba(17, 17, 17, 0.2) transparent; padding: 4px calc(var(--page-pad-x)) 16px; margin: 0 calc(-1 * var(--page-pad-x)); @media (min-width: 768px) { gap: 24px; padding: 4px calc(var(--page-pad-x)) 20px; } @media (min-width: 1024px) { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; overflow: visible; padding: 0; margin: 0; scroll-snap-type: none; } @media (max-width: 1023px) { padding-left: 32px; padding-right: 32px; scroll-padding-left: 32px; } @media (max-width: 575px) { padding-left: 20px; padding-right: 20px; scroll-padding-left: 20px; } &::-webkit-scrollbar { height: 4px; } &::-webkit-scrollbar-track { background: transparent; } &::-webkit-scrollbar-thumb { background: rgba(17, 17, 17, 0.2); border-radius: 2px; } } .solution-card { flex: 0 0 304px; scroll-snap-align: start; display: flex; flex-direction: column; gap: 24px; padding-bottom: 32px; background-color: #f6f6f6; border-radius: 8px; overflow: hidden; @media (min-width: 768px) { flex-basis: 320px; } @media (min-width: 1024px) { flex-basis: auto; } @media (max-width: 575px) { flex-basis: 280px; } } .solution-card-media { position: relative; aspect-ratio: 304 / 206; overflow: hidden; display: flex; align-items: center; justify-content: center; @media (min-width: 1024px) { aspect-ratio: 384 / 260; } & img { width: 100%; height: 100%; object-fit: cover; display: block; } } .solution-card--1 .solution-card-media { background-color: var(--surface-card-blue-soft); } .solution-card--2 .solution-card-media { background-color: var(--surface-card-purple-soft); } .solution-card--3 .solution-card-media { background-color: var(--surface-card-green-soft); } .solution-card--4 .solution-card-media { background-color: var(--surface-card-orange-soft); } .solution-card--5 .solution-card-media { background-color: var(--surface-card-pink-soft); } .solution-card--6 .solution-card-media { background-color: var(--surface-card-sky-soft); } .solution-card-body { display: flex; flex-direction: column; padding: 0 24px; @media (min-width: 768px) { padding: 0 32px; } @media (max-width: 1023px) { padding-left: 24px; padding-right: 24px; } } .solution-card-title { margin: 0 0 12px; @media (min-width: 1280px) { margin-bottom: 16px; } } .solution-card-text { margin: 0; font-size: 14px; letter-spacing: 0.14px; @media (min-width: 1024px) { font-size: 14px; } @media (min-width: 1280px) { font-size: 16px; letter-spacing: 0.16px; } } .reviews-2026 { --reviews-stat-bg-image: url("/images/index/v2/reviews-stat-bg.png"); --reviews-stat-bg-image-mobile: url("/images/index/v2/reviews-stat-bg-768.avif"); margin: 72px 0; @media (min-width: 768px) { margin: 80px 0; } @media (min-width: 1280px) { margin: 120px 0; } @media (max-width: 575px) { margin: 64px 0; } } .reviews-2026-title { margin: 0 0 24px; text-align: center; @media (min-width: 1024px) { text-align: center; margin-bottom: 32px; } @media (min-width: 1280px) { margin-bottom: 40px; } @media (min-width: 576px) and (max-width: 767px) { font-size: 32px; letter-spacing: -0.64px; } @media (max-width: 575px) { margin-bottom: 24px; } } .reviews-2026-grid { display: flex; flex-direction: column; gap: 16px; @media (min-width: 1024px) { display: grid; grid-template-columns: 232px minmax(0, 1fr); gap: 42px; align-items: stretch; } @media (min-width: 1280px) { grid-template-columns: 280px minmax(0, 1fr); gap: 32px; } @media (min-width: 768px) and (max-width: 1023px) { display: flex; flex-direction: column; gap: 24px; max-width: 704px; margin: 0 auto; } @media (min-width: 576px) and (max-width: 767px) { display: flex; flex-direction: column; gap: 24px; } @media (max-width: 575px) { display: flex; flex-direction: column; gap: 16px; } } .reviews-2026-stat { position: relative; overflow: hidden; padding: 20px 24px; border-radius: 8px; background-image: linear-gradient(-62deg, #e75468 10%, #ab5795 50%, #7359bf 90%); color: var(--brand-white); display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto auto; grid-template-areas: "value tag" "value copy" "btn btn"; column-gap: 20px; row-gap: 8px; align-items: center; order: 2; @media (min-width: 1024px) { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 24px; min-height: 320px; order: 0; } @media (min-width: 1280px) { min-height: 420px; padding: 32px; } @media (min-width: 768px) and (max-width: 1023px) { grid-template-columns: 1fr auto; grid-template-rows: auto auto; grid-template-areas: "tag value" "copy value"; column-gap: 24px; min-height: 119px; } @media (max-width: 767px) { grid-template-columns: auto auto 1fr; grid-template-rows: auto auto; grid-template-areas: "value label tag" "copy copy copy"; column-gap: 8px; row-gap: 12px; min-height: 119px; } @media (max-width: 575px) { padding: 16px 24px; } &::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: var(--reviews-stat-bg-image); background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 0.75; @media (max-width: 1023px) { background-image: var(--reviews-stat-bg-image-mobile); opacity: 1; } } & > * { position: relative; z-index: 1; } & .btn-2026 { grid-area: btn; margin-top: 12px; justify-self: stretch; @media (min-width: 1024px) { margin-top: 0; align-self: flex-start; justify-self: flex-start; height: 36px; padding: 10px 14px; font-size: 12px; } @media (min-width: 1280px) { height: 48px; padding: 14px 20px; font-size: 14px; } @media (max-width: 1023px) { display: none; } } } .reviews-2026-stat-tag { display: inline-flex; align-items: center; width: max-content; padding: 5px 10px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.3); backdrop-filter: blur(2px); color: var(--brand-white); font-family: "Onest", sans-serif; font-size: 10px; font-weight: 500; line-height: 1.4; grid-area: tag; @media (min-width: 768px) and (max-width: 1023px) { align-self: start; } @media (max-width: 767px) { justify-self: end; align-self: start; } @media (max-width: 575px) { font-size: 8px; } } .reviews-2026-stat-value { font-family: "Onest", sans-serif; font-size: 56px; font-weight: 800; line-height: 1; letter-spacing: -1.12px; grid-area: value; align-self: center; margin: 0; @media (min-width: 1024px) { font-size: 48px; letter-spacing: -0.96px; margin-bottom: -16px; align-self: flex-start; } @media (min-width: 1280px) { font-size: 70px; letter-spacing: -1.4px; margin-bottom: -24px; } @media (min-width: 768px) and (max-width: 1023px) { font-size: 64px; letter-spacing: -1.28px; } @media (min-width: 576px) and (max-width: 767px) { font-size: 44px; letter-spacing: -0.88px; } @media (max-width: 575px) { font-size: 36px; letter-spacing: -0.72px; } } .reviews-2026-stat-label { display: none; @media (min-width: 1024px) { display: block; margin-bottom: 0; font-size: 14px; } @media (min-width: 1280px) { font-size: 20px; } @media (max-width: 767px) { grid-area: label; display: block; align-self: end; font-weight: 600; font-size: 12px; margin: 0 0 6px; } @media (max-width: 575px) { font-size: 10px; margin: 0 0 2px; } } .reviews-2026-stat-copy { margin: 0; grid-area: copy; font-size: 13px; @media (min-width: 1024px) { max-width: 180px; margin-top: auto; font-size: 12px; } @media (min-width: 1280px) { max-width: 220px; font-size: 16px; } @media (min-width: 768px) and (max-width: 1023px) { font-size: 14px; max-width: 335px; } @media (min-width: 576px) and (max-width: 767px) { font-size: 14px; max-width: 360px; } @media (max-width: 575px) { font-size: 12px; max-width: none; } } .reviews-2026-slider { position: relative; min-width: 0; @media (min-width: 768px) and (max-width: 1023px) { order: 1; } @media (min-width: 576px) and (max-width: 767px) { order: 1; } @media (max-width: 575px) { order: 1; } & .reviews-2026-nav--prev { left: -20px; @media (min-width: 1024px) { left: -24px; } @media (max-width: 575px) { left: -18px; } } & .reviews-2026-nav--next { right: -20px; @media (min-width: 1024px) { right: -24px; } @media (max-width: 575px) { right: -18px; } } } .reviews-2026-swiper { position: relative; overflow: hidden; border-radius: 8px; --swiper-navigation-sides-offset: 12px; & .swiper-wrapper { min-width: 0; } & .swiper-button-prev, & .swiper-button-next { --swiper-navigation-size: 16px; } & .swiper-navigation-icon { width: 10px; height: 16px; } } .reviews-2026-slide { background-color: #f6f6f6; border-radius: 8px; padding: 24px; display: flex !important; flex-direction: column; min-height: 320px; box-sizing: border-box; @media (min-width: 768px) { padding: 32px 48px; min-height: 420px; } @media (min-width: 1024px) { padding: 24px 36px; min-height: 320px; } @media (min-width: 1280px) { padding: 32px 48px; min-height: 420px; } @media (min-width: 768px) and (max-width: 1023px) { padding: 24px 36px; min-height: 320px; } @media (min-width: 576px) and (max-width: 767px) { padding: 24px; min-height: 320px; } @media (max-width: 767px) { padding: 32px 24px; min-height: 360px; } @media (max-width: 575px) { padding: 24px; min-height: 280px; } } .reviews-2026-slide-tag { display: inline-flex; width: max-content; margin-bottom: 16px; padding: 5px 10px; border-radius: 8px; background-color: var(--brand-blue-subdued); color: var(--brand-white); font-family: "Onest", sans-serif; font-size: 10px; font-weight: 500; line-height: 1.4; @media (min-width: 768px) { margin-bottom: 20px; } @media (max-width: 575px) { font-size: 8px; } } .reviews-2026-slide-title { margin: 0 0 16px; position: relative; display: inline-block; @media (min-width: 768px) { margin-bottom: 20px; } @media (max-width: 575px) { font-size: 14px; } &::after { content: ""; position: absolute; left: 0; bottom: -8px; width: 60%; height: 3px; background-color: var(--brand-blue-subdued); border-radius: 2px; @media (min-width: 768px) and (max-width: 1023px) { bottom: 0; } @media (min-width: 576px) and (max-width: 767px) { bottom: 0; } @media (max-width: 575px) { bottom: 0; } } } .reviews-2026-slide-text { margin: 0 0 16px; flex: 1; @media (min-width: 768px) { margin-bottom: 20px; } @media (min-width: 768px) and (max-width: 1023px) { font-size: 14px; letter-spacing: 0.14px; } @media (min-width: 576px) and (max-width: 767px) { font-size: 14px; letter-spacing: 0.14px; } @media (max-width: 575px) { font-size: 12px; } } .reviews-2026-slide-author { display: flex; align-items: center; gap: 16px; padding-top: 16px; border-top: 1px solid rgba(17, 17, 17, 0.08); & img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; } & .text-caption { @media (max-width: 575px) { font-size: 10px; } } } .reviews-2026-slide-name { color: var(--brand-black); font-weight: 600; @media (max-width: 575px) { font-size: 12px; } } .reviews-2026-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; border: 0; background-color: var(--brand-white); box-shadow: var(--shadow-btn); color: var(--brand-black); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; z-index: 3; @media (min-width: 1024px) { width: 48px; height: 48px; } @media (max-width: 767px) { width: 40px; height: 40px; } } .promo-gradient-2026 { --promo-gradient-bg-image: url("/images/business/v2/security-bg.svg"); margin: 72px 0; } @media (max-width: 575px) { .promo-gradient-2026 { margin: 64px 0; } } @media (min-width: 768px) { .promo-gradient-2026 { margin: 80px 0; } } @media (min-width: 1024px) { .promo-gradient-2026 { margin: 80px 0; } } .promo-gradient-2026-card { position: relative; border-radius: 4px; background: linear-gradient(-21.33deg, #4091f5 34.4%, #54bea5 63%, #5fd47f 95%); overflow: hidden; padding: 40px 20px; display: grid; grid-template-columns: 1fr; gap: 0; align-items: center; } @media (max-width: 575px) { .promo-gradient-2026-card { gap: 20px; } } @media (min-width: 576px) { .promo-gradient-2026-card { padding: 40px 24px; gap: 30px; } } @media (min-width: 768px) { .promo-gradient-2026-card { padding: 60px 40px; grid-template-columns: minmax(0, 1fr) 305px; } } @media (min-width: 1024px) { .promo-gradient-2026-card { padding: 60px 80px; grid-template-columns: minmax(0, 1fr) 408px; } } @media (min-width: 1280px) { .promo-gradient-2026-card { padding: 64px 80px; } } .promo-gradient-2026-bg { position: absolute; inset: 0; background-image: var(--promo-gradient-bg-image); background-repeat: no-repeat; background-position: center; background-size: cover; opacity: 0.7; pointer-events: none; } .promo-gradient-2026-content { position: relative; z-index: 1; max-width: 624px; display: flex; flex-direction: column; } @media (min-width: 768px) and (max-width: 1023px) { .promo-gradient-2026-content { max-width: none; } } .promo-gradient-2026-title { margin: 0 0 16px; color: var(--brand-white); } @media (min-width: 1280px) { .promo-gradient-2026-title { margin-bottom: 20px; } } .promo-gradient-2026-body { margin: 0; color: var(--brand-white); } @media (min-width: 768px) { .promo-gradient-2026-body { font-size: 16px; letter-spacing: 0.16px; } } .promo-gradient-2026-illust { position: relative; z-index: 1; width: 100%; max-width: 428px; height: auto; display: block; justify-self: center; margin-right: 0; } @media (max-width: 767px) { .promo-gradient-2026-illust { max-width: 228px; margin-left: 40px; } } @media (min-width: 768px) { .promo-gradient-2026-illust { margin-right: -80px; max-width: 305px; } } @media (min-width: 1024px) { .promo-gradient-2026-illust { justify-self: end; max-width: 408px; } } .summary-checklist-2026 { margin: 72px 0; } @media (max-width: 575px) { .summary-checklist-2026 { margin: 64px 0; } } @media (min-width: 768px) { .summary-checklist-2026 { margin: 80px 0; } } @media (min-width: 1024px) { .summary-checklist-2026 { margin: 80px 0; } } .summary-checklist-2026-container { display: grid; grid-template-columns: 1fr; gap: 24px; align-items: center; } @media (min-width: 576px) and (max-width: 767px) { .summary-checklist-2026-container { max-width: 530px; margin: 0 auto; } } @media (min-width: 768px) { .summary-checklist-2026-container { gap: 32px; } } @media (min-width: 1024px) { .summary-checklist-2026-container { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: 0 60px; } } @media (max-width: 1023px) { .summary-checklist-2026-heading { text-align: center; } } @media (min-width: 768px) and (max-width: 1023px) { .summary-checklist-2026-heading { max-width: 840px; margin: 0 auto; } } .summary-checklist-2026-heading-tail { display: inline; } .summary-checklist-2026-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 24px; } @media (max-width: 767px) { .summary-checklist-2026-list { margin: 0 auto; gap: 12px; } } @media (max-width: 767px) { .summary-checklist-2026-list .text-body-l { font-size: 14px; letter-spacing: 0.16px; } } @media (min-width: 768px) { .summary-checklist-2026-list { margin: 0 auto; gap: 20px; } } .summary-checklist-2026-item { display: flex; align-items: center; gap: 16px; } @media (min-width: 1024px) { .summary-checklist-2026-item .text-body-l { font-size: 16px; letter-spacing: 0.16px; } } .summary-checklist-2026-icon { flex: 0 0 24px; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; } .summary-checklist-2026-icon img { width: 24px; height: 24px; display: block; } .promo-quote-2026 { --promo-quote-bg-image: url("/images/business/v2/culture-bg-375.avif"); --promo-quote-bg-image-sm: url("/images/business/v2/culture-bg-768.avif"); --promo-quote-bg-image-lg: url("/images/business/v2/culture-bg.avif"); position: relative; padding: 0; margin: 72px 0; } .promo-quote-2026-bg-wrap { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; } @media (max-width: 575px) { .promo-quote-2026 { margin: 64px 0; } } @media (min-width: 768px) { .promo-quote-2026 { margin: 80px 0; } } @media (min-width: 1024px) { .promo-quote-2026 { margin: 80px 0; } } .promo-quote-2026-bg { position: absolute; left: 0; right: 0; top: 0; width: 100%; overflow: hidden; pointer-events: none; z-index: 0; background-image: var(--promo-quote-bg-image); background-repeat: no-repeat; background-position: center top; background-size: contain; aspect-ratio: 335 / 452; } @media (min-width: 576px) { .promo-quote-2026-bg { background-image: var(--promo-quote-bg-image-sm); aspect-ratio: 704 / 426; } } @media (min-width: 1024px) { .promo-quote-2026-bg { background-image: var(--promo-quote-bg-image-lg); aspect-ratio: 1216 / 488; } } .promo-quote-2026-bg::after { content: ""; position: absolute; pointer-events: none; border-radius: 50%; background-image: linear-gradient(295.23deg, #4091f5 0%, #54bea5 47.5%, #5fd47f 100%); } @media (min-width: 1024px) { .promo-quote-2026-bg::after { left: 18.34%; top: 57.17%; width: 63.32%; height: 79.51%; opacity: 0.3; filter: blur(175px); } } @media (min-width: 576px) and (max-width: 1023px) { .promo-quote-2026-bg::after { left: 15.2%; top: 59.62%; width: 69.6%; height: 57.28%; background-image: linear-gradient(294.96deg, #4091f5 0%, #54bea5 47.5%, #5fd47f 100%); opacity: 0.3; filter: blur(100px); } } @media (max-width: 575px) { .promo-quote-2026-bg::after { left: 0; top: 77.88%; width: 100.3%; height: 46.68%; background-image: linear-gradient(300.42deg, #4091f5 0%, #54bea5 47.5%, #5fd47f 100%); opacity: 0.4; filter: blur(50px); } } .promo-quote-2026-inner { position: relative; display: flex; flex-direction: column; gap: 40px; padding: 32px 0 0; } @media (min-width: 576px) and (max-width: 767px) { .promo-quote-2026-inner { padding: 32px 0 10px; } } @media (min-width: 768px) { .promo-quote-2026-inner { padding: 48px 0 10px; gap: 0; } } @media (min-width: 1024px) { .promo-quote-2026-inner { display: block; padding: 60px 0; } } @media (min-width: 1280px) { .promo-quote-2026-inner { padding: 80px 0; } } .promo-quote-2026-content { display: flex; flex-direction: column; align-items: flex-start; max-width: 620px; } .promo-quote-2026-title { margin: 0 0 16px; } @media (min-width: 1280px) { .promo-quote-2026-title { margin-bottom: 20px; } } .promo-quote-2026-subtitle { margin: 0 0 24px; } .promo-quote-2026-cta { margin-bottom: 0; } @media (min-width: 1024px) { .promo-quote-2026-cta { margin-top: 40px; } } @media (max-width: 575px) { .promo-quote-2026-cta { margin-bottom: 20px; } } .promo-quote-2026-cluster { position: relative; width: 100%; max-width: 592px; height: 431px; margin-left: auto; } @media (min-width: 1024px) { .promo-quote-2026-cluster { position: absolute; right: 0; margin: 0; } } @media (min-width: 1024px) and (max-width: 1279px) { .promo-quote-2026-cluster { top: -40px; transform: scale(0.85); transform-origin: top right; right: 50px; } } @media (min-width: 1280px) { .promo-quote-2026-cluster { top: -40px; right: 50px; } } .promo-quote-2026-capsule { position: absolute; border: 2px solid var(--brand-white); border-radius: 300px; pointer-events: none; } .promo-quote-2026-capsule--top { width: 440px; height: 130px; left: 68px; top: 114px; } .promo-quote-2026-capsule--bottom { width: 161px; height: 52px; left: 355px; top: 376px; } .promo-quote-2026-photo { position: absolute; left: 216px; top: 0; width: 240px; height: 408px; border-radius: 300px; overflow: hidden; } .promo-quote-2026-photo img { width: 100%; height: 100%; object-fit: cover; display: block; } .promo-quote-2026-fact { position: absolute; left: 401px; top: 212px; width: 191px; height: 130px; border: 1px solid var(--brand-white); border-radius: 4px; background: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); padding: 19px 22px 19px 24px; display: flex; flex-direction: column; overflow: hidden; } .promo-quote-2026-fact-value { font-family: "Onest", sans-serif; font-weight: 800; font-size: 40px; line-height: 1.2; letter-spacing: -0.8px; background: linear-gradient(-31.6deg, #5fd47f 13%, #54bea5 53%, #4091f5 89%); -webkit-background-clip: text; background-clip: text; color: transparent; } .promo-quote-2026-fact-label { font-family: "Onest", sans-serif; font-weight: 500; font-size: 14px; line-height: 1.6; color: var(--text-muted); margin-top: 4px; } .promo-quote-2026-quote { position: absolute; left: 0; top: 269px; width: 280px; background: var(--brand-white); border-radius: 4px; box-shadow: var(--shadow-shape); padding: 16px 20px 24px; display: flex; flex-direction: column; } .promo-quote-2026-quote-text { margin: 0 0 20px; font-family: "Onest", sans-serif; font-weight: 500; font-size: 14px; line-height: 1.6; color: var(--text-default); } .promo-quote-2026-quote-tail { position: absolute; right: -8px; top: 20px; width: 16px; height: 16px; pointer-events: none; } .promo-quote-2026-quote-author { display: flex; align-items: center; gap: 8px; } .promo-quote-2026-quote-bar { display: inline-block; width: 2px; height: 36px; background: var(--brand-green-strong); border-radius: 4px; } .promo-quote-2026-quote-name { font-family: "Onest", sans-serif; font-weight: 500; font-size: 12px; line-height: 1.4; color: var(--text-default); } .promo-quote-2026-quote-role { font-family: "Onest", sans-serif; font-weight: 500; font-size: 12px; line-height: 1.4; color: var(--text-default); opacity: 0.5; } @media (max-width: 575px) { .promo-quote-2026-inner { padding: 40px 0 10px; } .promo-quote-2026-cluster { zoom: 0.6; margin-top: -60px; } } @media (min-width: 576px) and (max-width: 767px) { .promo-quote-2026-cluster { zoom: 0.65; margin-top: -220px; } } @media (min-width: 768px) and (max-width: 1023px) { .promo-quote-2026-cluster { zoom: 0.85; margin-top: -120px; } } .blog-banner-2026 { position: relative; overflow: hidden; background-color: #f6f6f6; width: 100vw; margin-top: 40px; margin-bottom: 40px; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 40px 0; @media (min-width: 768px) { margin-top: 60px; margin-bottom: 60px; padding: 56px 0; } @media (min-width: 1024px) { padding: 72px 0; } } .blog-banner-2026-bg { position: absolute; inset: 0; pointer-events: none; z-index: 0; background-image: url("/images/blog-banner-bg-2026.svg"); background-repeat: repeat; background-position: center; mask-image: radial-gradient(ellipse at center, #000 30%, transparent 88%); -webkit-mask-image: radial-gradient(ellipse at center, #000 30%, transparent 88%); opacity: 0.7; } .blog-banner-2026-gradient { position: absolute; z-index: 0; pointer-events: none; right: 0%; bottom: -40%; width: 50%; height: 100%; background: linear-gradient(218deg, #d24af0 13%, #ffb861 85%); filter: blur(120px); opacity: 0.3; } .blog-banner-2026-inner { position: relative; z-index: 1; max-width: 1216px; margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: 1fr; grid-template-areas: "media" "content"; gap: 24px; align-items: center; @media (min-width: 768px) { padding: 0 40px; grid-template-columns: minmax(0, 480fr) minmax(0, 555fr); grid-template-areas: "media content"; gap: 32px; } @media (min-width: 1024px) { padding: 0 60px; gap: 48px; } } .blog-banner-2026-media { grid-area: media; width: 100%; } .blog-banner-2026-video { display: block; width: 100%; max-width: 460px; margin: 0 auto; height: auto; aspect-ratio: 480 / 345; border-radius: 8px; object-fit: cover; background-color: #000; } .blog-banner-2026-content { grid-area: content; display: flex; flex-direction: column; min-width: 0; } .blog-banner-2026-title { font-family: "Onest", sans-serif; font-weight: 800; font-size: 26px; line-height: 1.1; letter-spacing: -0.39px; color: #0f172a; margin: 0 0 12px; @media (min-width: 768px) { font-size: 30px; letter-spacing: -0.45px; } @media (min-width: 1024px) { font-size: 34px; letter-spacing: -0.51px; } @media (min-width: 1280px) { font-size: 38px; line-height: 1.1; letter-spacing: -0.57px; } } .blog-banner-2026-text { font-family: "Onest", sans-serif; font-weight: 400; font-size: 15px; line-height: 1.55; color: #0f172a; margin: 0 0 20px; @media (min-width: 768px) { font-size: 16px; } } .blog-banner-2026-actions { display: flex; flex-wrap: wrap; gap: 16px; } .blog-banner-2026-btn { gap: 8px; height: 48px; padding: 0 22px; font-size: 14px; line-height: 1; @media (min-width: 768px) { height: 52px; padding: 0 28px; font-size: 15px; } } .blog-banner-2026-btn--icon-only { width: 48px; padding: 0; @media (min-width: 768px) { width: 52px; padding: 0; } } .articles-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 24px; } @media (min-width: 768px) { .articles-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } } @media (min-width: 1024px) { .articles-grid { gap: 40px; } } @media (min-width: 1280px) { .articles-grid { column-gap: 80px; row-gap: 40px; } } .cards-grid-3 { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 24px; } @media (min-width: 768px) { .cards-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1024px) { .cards-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; } } @media (min-width: 1280px) { .cards-grid-3 { gap: 40px; } } .article-content .articles-grid { grid-template-columns: 1fr; } @media (min-width: 768px) { .article-content .articles-grid { grid-template-columns: 1fr; } } .articles-grid > .blog-index-card:not(.blog-index-card--featured) { padding: 0; } .articles-grid > .blog-index-card:not(.blog-index-card--featured) .blog-index-card__title { font-size: 18px; margin-bottom: 12px; } .articles-grid > .blog-index-card:not(.blog-index-card--featured) .blog-index-card__title a { -webkit-line-clamp: 3; } .articles-grid > .blog-index-card:not(.blog-index-card--featured) .blog-index-card__date { color: var(--gray-600); } .blog-index-card--featured { position: relative; overflow: hidden; background-color: #f5f6fa; border-radius: 8px; min-height: 220px; padding: 28px 24px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; text-align: center; } @media (min-width: 768px) { .blog-index-card--featured { min-height: 310px; padding: 40px 32px; } } .blog-index-card--featured:nth-of-type(2) { background-color: #fbfbfb; } .blog-index-card-bg { position: absolute; inset: 0; z-index: 0; pointer-events: none; background-repeat: no-repeat; background-position: center; background-size: auto; } .blog-index-card--featured:nth-of-type(1) .blog-index-card-bg { background-image: url("/images/articles/featured/featured-bg-1.svg"); } .blog-index-card--featured:nth-of-type(2) .blog-index-card-bg { background-image: url("/images/articles/featured/featured-bg-2.svg"); } .blog-index-card-gradient { position: absolute; z-index: 0; pointer-events: none; top: -20%; right: -20%; width: 80%; height: 100%; background: linear-gradient(304.64deg, #4091f5 34.4%, #54bea5 63.23%, #5fd47f 95.1%); filter: blur(175px); opacity: 0.3; } .blog-index-card--featured { cursor: pointer; } .blog-index-card--featured > *:not(.blog-index-card-bg):not(.blog-index-card-gradient):not(.blog-index-card__cover-link) { position: relative; z-index: 2; } .blog-index-card--featured > .blog-index-card__cover-link { position: absolute; inset: 0; z-index: 1; border-radius: inherit; } .blog-index-card--featured .blog-index-card__meta, .blog-index-card--featured .blog-index-card__title { pointer-events: none; } .blog-index-card--featured .blog-index-card__meta a, .blog-index-card--featured .blog-index-card__title a { pointer-events: auto; } .blog-index-card--featured .blog-index-card__meta a.blog-index-card__author { pointer-events: none; } .blog-index-card--featured .blog-index-card__author-name { pointer-events: auto; } .blog-index-card--featured .blog-index-card__meta { flex-wrap: wrap; justify-content: center; gap: 2px 8px; font-size: 13px; line-height: 1.4; } .blog-index-card--featured .blog-index-card__author, .blog-index-card--featured .blog-index-card__date { flex-basis: 100%; justify-content: center; } .blog-index-card--featured .blog-index-card__author { flex-direction: column; align-items: center; gap: 8px; } .blog-index-card--featured .blog-index-card__avatar { width: 64px; height: 64px; } .blog-index-card--featured .blog-index-card__author-name { font-weight: 500; color: var(--text-default); } .blog-index-card--featured .blog-index-card__date { color: var(--gray-600); } .blog-index-card--featured .blog-index-card__title { font-size: 22px; line-height: 1.25; font-weight: 700; margin-bottom: 0; } .blog-index-card--featured .blog-index-card__title a { -webkit-line-clamp: 4; } @media (min-width: 768px) { .blog-index-card--featured .blog-index-card__title { font-size: 23px; } } @media (min-width: 1024px) { .blog-index-card--featured .blog-index-card__title { font-size: 26px; } } @media (min-width: 1280px) { .blog-index-card--featured .blog-index-card__title { font-size: 28px; } } .articles-hero { position: relative; overflow: hidden; padding: 84px 0 32px; background: radial-gradient(117.21% 50.82% at 17.18% 0%, rgba(99, 130, 240, 0.45) 0%, rgba(180, 187, 255, 0) 60%), radial-gradient(172.91% 33.59% at 85.05% 0%, rgba(255, 89, 142, 0.1) 0%, rgba(255, 89, 150, 0) 70%), #edfaff; margin-top: -64px; margin-bottom: 40px; } @media (min-width: 576px) { .articles-hero { padding: 96px 0 40px; margin-bottom: 48px; } } @media (min-width: 768px) { .articles-hero { padding: 112px 0 48px; margin-bottom: 56px; } } @media (min-width: 1024px) { .articles-hero { padding: 116px 0 76px; margin-top: -48px; margin-bottom: 60px; } } @media (min-width: 1280px) { .articles-hero { padding: 110px 0; margin-top: -64px; } } .articles-hero-bg { position: absolute; inset: 0; pointer-events: none; z-index: 0; background-image: url("/images/articles/hero/articles-hero-bg.svg"); background-repeat: no-repeat; background-position: center top; background-size: cover; mask-image: linear-gradient(to bottom, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%); -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%); } @media (min-width: 1024px) { .articles-hero-bg { background-position: center center; mask-image: linear-gradient(to bottom, transparent 0, #000 60px, #000 calc(100% - 60px), transparent 100%); -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 60px, #000 calc(100% - 60px), transparent 100%); } } .articles-hero-container { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr; grid-template-areas: "breadcrumb" "content" "meta"; row-gap: 16px; } @media (min-width: 1024px) { .articles-hero-container { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "breadcrumb breadcrumb" "content meta"; column-gap: 32px; row-gap: 36px; align-items: end; } } .articles-hero-breadcrumb { grid-area: breadcrumb; justify-self: start; display: inline-flex; align-items: center; gap: 4px; font-family: "Onest", sans-serif; font-weight: 500; font-size: 12px; line-height: 1.4; color: rgba(17, 17, 17, 0.8); } .articles-hero-breadcrumb-link { color: rgba(17, 17, 17, 0.4); text-decoration: none; transition: color 0.15s ease; } .articles-hero-breadcrumb-link:hover { color: rgba(17, 17, 17, 0.8); } .articles-hero-breadcrumb-sep { flex-shrink: 0; margin: 0 8px; color: rgba(17, 17, 17, 0.4); font-weight: 500; cursor: default; } .articles-hero-breadcrumb-current { color: rgba(17, 17, 17, 0.8); } .articles-hero-content { grid-area: content; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; min-width: 0; } @media (min-width: 768px) { .articles-hero-content { gap: 13px; } } .articles-hero-tag { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px; background: rgba(206, 210, 255, 0.67); font-family: "Onest", sans-serif; font-weight: 700; font-size: 12px; line-height: 1.55; color: #4f46e5; } @media (min-width: 768px) { .articles-hero-tag { padding: 6px 14px; font-size: 13px; } } .articles-hero-tag-dot { flex-shrink: 0; width: 6px; height: 6px; border-radius: 50%; background: #4f46e5; } .articles-hero-title { margin: 4px 0 0; } .articles-hero-title .text-underline-accent { position: relative; display: inline-block; font-weight: 500; text-decoration: none; } .articles-hero-title .text-underline-accent::after { content: ""; position: absolute; left: -4px; right: -4px; bottom: 0.06em; height: 0.34em; background: rgba(47, 109, 240, 0.28); border-radius: 4px; pointer-events: none; } .articles-hero-title .text-underline-accent--green::after { background: rgba(95, 212, 127, 0.28); } .articles-hero-title .text-underline-accent--purple::after { background: rgba(139, 92, 246, 0.28); } .articles-hero-title .text-underline-accent--red::after { background: rgba(233, 127, 145, 0.28); } .articles-hero-title--solo .text-underline-accent { font-weight: 700; } @media (min-width: 576px) and (max-width: 767px) { .articles-hero-title { font-size: 40px; letter-spacing: -0.8px; } } @media (min-width: 768px) and (max-width: 1023px) { .articles-hero-title { font-size: 48px; letter-spacing: -0.96px; } } @media (min-width: 1280px) { .articles-hero-title { font-size: 64px; letter-spacing: -1.28px; line-height: 1; } } .articles-hero-subtitle { margin: 0; max-width: 570px; font-size: 14px; } @media (min-width: 1280px) { .articles-hero-subtitle { font-size: 16px; } } .articles-hero-meta { grid-area: meta; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; text-align: right; font-family: "Onest", sans-serif; font-size: 13px; line-height: 1.55; } .articles-hero-meta-strong { font-weight: 700; letter-spacing: 0.26px; color: var(--text-default, #0f172a); } .articles-hero-meta-note { color: rgba(17, 17, 17, 0.6); } .article-categories-2026 { margin: 0 0 32px; } @media (min-width: 768px) { .article-categories-2026 { margin-bottom: 40px; } } @media (min-width: 1024px) { .article-categories-2026 { margin-bottom: 56px; } } .article-categories-2026__list { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; list-style: none; margin: 0; padding: 0; } .article-categories-2026__pill { display: inline-flex; align-items: center; gap: 10px; padding: 11px 18px; background: #fff; border: 1px solid #e6e8ef; border-radius: 999px; color: #0f172a; font-family: "Onest", sans-serif; font-size: 15px; font-weight: 600; line-height: normal; text-align: center; text-decoration: none; transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; white-space: nowrap; } a.article-categories-2026__pill:hover { border-color: #cdd3e1; background: #f7f8fc; text-decoration: none; color: #0f172a; } a.article-categories-2026__pill:focus-visible { outline: 2px solid #4f46e5; outline-offset: 2px; } .article-categories-2026__count { display: inline-flex; justify-content: center; align-items: center; min-width: 22px; height: 22px; padding: 0 7px; background: #f0f3fb; border-radius: 999px; color: #6b7280; font-family: "Onest", sans-serif; font-size: 12px; font-weight: 700; line-height: 1; } .article-categories-2026__pill--current { background: linear-gradient(151deg, #4f46e5 0%, #2f6df0 100%); border-color: rgba(0, 0, 0, 0); color: #fff; box-shadow: 0 6px 16px rgba(47, 109, 240, 0.3); cursor: default; } .article-categories-2026__pill--current .article-categories-2026__count { background: rgba(255, 255, 255, 0.22); color: #fff; } .article-categories-2026__header { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 24px; margin: 0 0 20px; } @media (min-width: 768px) { .article-categories-2026__header { margin-bottom: 28px; } } .article-categories-2026__header-title { margin: 0; font-family: "Onest", sans-serif; font-weight: 800; font-size: 28px; line-height: 1.18; letter-spacing: -0.0232em; color: #0f172a; } @media (min-width: 768px) { .article-categories-2026__header-title { font-size: 38px; line-height: 48px; } } .article-categories-2026__header-accent { position: relative; display: inline-block; white-space: nowrap; } .article-categories-2026__header-accent::after { content: ""; position: absolute; left: -2px; right: -2px; bottom: 0; height: 11px; background: rgba(139, 92, 246, 0.28); border-radius: 4px; pointer-events: none; } @media (min-width: 768px) { .article-categories-2026__header-accent::after { height: 15px; } } .article-categories-2026__header-hint { font-family: "Onest", sans-serif; font-weight: 400; font-size: 14px; line-height: 1.55; color: #6b7280; } .article-categories-2026__heading { margin: 24px 0 0; font-family: "Onest", sans-serif; } @media (min-width: 768px) { .article-categories-2026__heading { margin-top: 32px; } } .article-categories-2026__heading-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; } .article-categories-2026__heading-title { position: relative; margin: 0; font-weight: 700; font-size: 24px; line-height: 1.14; letter-spacing: -0.0073em; color: #0f172a; } @media (min-width: 768px) { .article-categories-2026__heading-title { font-size: 30px; line-height: 34px; } } .article-categories-2026__heading-title { --topic-stripe: rgba(139, 92, 246, 0.28); } .article-categories-2026__heading-title[data-accent="blue"] { --topic-stripe: rgba(65, 145, 245, 0.28); } .article-categories-2026__heading-title[data-accent="green"] { --topic-stripe: rgba(95, 212, 127, 0.28); } .article-categories-2026__heading-title[data-accent="purple"] { --topic-stripe: rgba(139, 92, 246, 0.28); } .article-categories-2026__heading-title[data-accent="red"] { --topic-stripe: rgba(233, 127, 145, 0.28); } .article-categories-2026__heading-title[data-accent="sky"] { --topic-stripe: rgba(92, 182, 246, 0.28); } .article-categories-2026__heading-title::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 10px; background: var(--topic-stripe); border-radius: 4px; pointer-events: none; } @media (min-width: 768px) { .article-categories-2026__heading-title::after { bottom: -4px; height: 14px; } } .article-categories-2026__heading-count { display: inline-flex; font-weight: 500; font-size: 15px; line-height: 23px; color: #6b7280; } .page-articles-topic .topic-description { display: block; max-width: 760px; margin: 18px 0 0; font-family: "Onest", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.55; color: #4b5563; } @media (min-width: 768px) { .page-articles-topic .topic-description { margin-top: 24px; font-size: 17px; } } .topic-pillar-2026 { margin: 0 0 32px; } @media (min-width: 1024px) { .topic-pillar-2026 { margin-bottom: 56px; } } .topic-pillar-2026__inner { position: relative; padding: 28px 24px; background: linear-gradient(151deg, #4f46e5 0%, #2f6df0 100%); border-radius: 24px; color: #fff; box-shadow: 0 12px 32px rgba(47, 109, 240, 0.25); } @media (min-width: 768px) { .topic-pillar-2026__inner { padding: 36px 40px; } } @media (min-width: 1024px) { .topic-pillar-2026__inner { padding: 44px 56px; } } .topic-pillar-2026__badge { display: inline-block; margin: 0 0 16px; padding: 6px 14px; background: rgba(255, 255, 255, 0.18); border-radius: 999px; font-family: "Onest", sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #fff; } .topic-pillar-2026__title { margin: 0; font-family: "Onest", sans-serif; font-size: 26px; font-weight: 700; line-height: 1.2; letter-spacing: -0.01em; } @media (min-width: 768px) { .topic-pillar-2026__title { font-size: 32px; } } @media (min-width: 1024px) { .topic-pillar-2026__title { font-size: 38px; } } .topic-pillar-2026__title a { color: inherit; text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 1px; transition: background-size 0.3s ease; } .topic-pillar-2026__title a:hover { color: #fff; background-size: 100% 1px; } .topic-related-2026 { margin: 64px 0 0; padding-top: 48px; border-top: 1px solid #e6e8ef; } @media (min-width: 1024px) { .topic-related-2026 { margin-top: 80px; padding-top: 64px; } } .topic-related-2026__title { margin: 0 0 24px; font-family: "Onest", sans-serif; font-size: 22px; font-weight: 700; line-height: 1.2; color: #0f172a; } @media (min-width: 768px) { .topic-related-2026__title { font-size: 26px; margin-bottom: 28px; } } .topic-related-2026__list { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; list-style: none; margin: 0; padding: 0; } .article-content { --baseline: 28px; --gap: 20px; --gap-before-h2: 56px; --gap-before-h3: 40px; --gap-after-heading: 28px; --gap-after-h3: 14px; --gap-h2-to-h3: 14px; --gap-figure: 28px; --gap-list-block: 28px; --gap-list-item: 14px; --list-padding: 28px; --gap-quote: 40px; max-width: 720px; margin-inline: auto; font-size: 18px; line-height: 1.55; } @media (min-width: 1024px) { .article-content { --baseline: 32px; --gap: 24px; --gap-before-h2: 64px; --gap-before-h3: 48px; --gap-after-heading: 32px; --gap-after-h3: 16px; --gap-h2-to-h3: 16px; --gap-figure: 32px; --gap-list-block: 32px; --gap-list-item: 16px; --list-padding: 32px; --gap-quote: 48px; font-size: 20px; line-height: 1.6; } } .article-hero-video { max-width: 1000px; margin-inline: auto; margin-bottom: 32px; } @media (min-width: 768px) { .article-hero-video { margin-bottom: 48px; } } .article-hero-video > figure { margin: 0; } .article-content > * { margin-block: 0; } .article-content > * + * { margin-top: var(--gap); } .article-content > h1 { font-size: 33px; line-height: 1.15; font-weight: 700; letter-spacing: -0.5px; } @media (min-width: 1024px) { .article-content > h1 { font-size: 49px; line-height: 1.1; letter-spacing: -0.7px; } } .article-content > h2 { font-size: 27px; line-height: 1.2; font-weight: 700; } @media (min-width: 1024px) { .article-content > h2 { font-size: 39px; line-height: 1.15; letter-spacing: -0.4px; } } .article-content > h3 { font-size: 22px; line-height: 1.25; font-weight: 600; } @media (min-width: 1024px) { .article-content > h3 { font-size: 31px; line-height: 1.2; } } .article-content > h4 { font-size: 20px; line-height: 1.3; font-weight: 600; } @media (min-width: 1024px) { .article-content > h4 { font-size: 25px; line-height: 1.3; } } .article-content > h5 { font-size: 17px; line-height: 1.35; font-weight: 600; } .article-content > h6 { font-size: 14px; line-height: 1.4; font-weight: 700; } .article-content > h2 { margin-top: var(--gap-before-h2); } .article-content > h3 { margin-top: var(--gap-before-h3); } .article-content > h2 + * { margin-top: var(--gap-after-heading); } .article-content > h3 + * { margin-top: var(--gap-after-h3); } .article-content > h2 + h3 { margin-top: var(--gap-h2-to-h3); } .article-content > ul, .article-content > ol { padding-inline-start: var(--list-padding); margin-top: var(--gap-list-block); } .article-content > ul > li + li, .article-content > ol > li + li { margin-top: var(--gap-list-item); } .article-content > .blog-index-cards-list { padding-inline-start: 0; } .article-content > .blog-index-cards-list > .blog-index-card { margin-top: 0; } .article-content > blockquote { margin-top: var(--gap-quote); } .article-content > blockquote + * { margin-top: var(--gap-quote); } .article-content figure { margin: 0; } .article-content > figure { margin-top: var(--gap-figure); } .article-content > figure + * { margin-top: var(--gap-figure); } .article-content > figure:first-child { margin-top: 0; } .article-content figure > * + * { margin-top: 12px; } .article-content figure img, .article-content figure iframe, .article-content figure video { display: block; max-width: 100%; } .article-content > table, .article-content > .table-responsive { width: 100%; border-collapse: collapse; } .article-content > .table-responsive { overflow-x: auto; } .article-content--block { margin-top: 40px; margin-bottom: 40px; } @media (min-width: 768px) { .article-content--block { margin-top: 60px; margin-bottom: 60px; } } .article-quote-2026 { display: flex; align-items: flex-start; gap: 24px; padding: 20px 12px; margin-inline: 0; border-top: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); } @media (min-width: 576px) { .article-quote-2026 { gap: 40px; } } @media (min-width: 768px) { .article-quote-2026 { gap: 60px; } } .article-quote-2026__icon { flex: 0 0 auto; width: 40px; height: 40px; color: var(--text-default); line-height: 0; } .article-quote-2026__icon svg, .article-quote-2026__icon img { display: block; width: 100%; height: 100%; } @media (min-width: 576px) { .article-quote-2026__icon { width: 56px; height: 56px; } } @media (min-width: 768px) { .article-quote-2026__icon { width: 64px; height: 64px; } } .article-quote-2026__body { flex: 1 1 0; min-width: 0; } .article-quote-2026__text { margin: 0 0 14px; font-style: italic; font-weight: 400; font-size: 18px; line-height: 1.6; color: var(--text-default); } @media (min-width: 576px) { .article-quote-2026__text { font-size: 20px; } } @media (min-width: 1024px) { .article-quote-2026__text { margin-bottom: 16px; } } .article-quote-2026__cite { margin: 0; font-style: normal; font-weight: 700; font-size: 14px; line-height: 1.6; color: var(--text-default); } .article-quote-2026__cite a { font-weight: 700; text-decoration: underline; text-underline-offset: 2px; color: inherit; } .article-quote-2026__cite a:hover { text-decoration: none; } .article-content .table-responsive { border-radius: 8px; box-shadow: 0 1px 12.2px 0 rgba(0, 0, 0, 0.13); overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; } .article-content .table-responsive > table, .article-content > table { width: 100%; border-collapse: collapse; border-spacing: 0; font-size: 16px; line-height: 1.6; color: #1f1f38; } .article-content > table { border-radius: 8px; box-shadow: 0 1px 12.2px 0 rgba(0, 0, 0, 0.13); overflow: hidden; } .article-content .table-responsive thead th, .article-content > table thead th { background: linear-gradient(180deg, #c5d6fb 0%, #d8f4ff 100%); padding: 16px 17px; font-weight: 400; text-align: left; vertical-align: middle; } .article-content .table-responsive thead tr:first-child th:first-child, .article-content > table thead tr:first-child th:first-child { border-top-left-radius: 8px; } .article-content .table-responsive thead tr:first-child th:last-child, .article-content > table thead tr:first-child th:last-child { border-top-right-radius: 8px; } .article-content .table-responsive tbody td, .article-content > table tbody td { padding: 16px 17px; vertical-align: top; background: #ffffff; } .article-content .table-responsive tbody td:first-child, .article-content > table tbody td:first-child { background: #f4fcff; } .article-content .table-responsive tbody tr + tr td, .article-content > table tbody tr + tr td { border-top: 1px solid #e9e9e9; } .article-content .table-responsive tbody tr + tr td:first-child, .article-content > table tbody tr + tr td:first-child { border-top-color: #dcdee2; } .article-content .table-responsive tbody tr:last-child td:first-child, .article-content > table tbody tr:last-child td:first-child { border-bottom-left-radius: 8px; } .article-content .table-responsive tbody tr:last-child td:last-child, .article-content > table tbody tr:last-child td:last-child { border-bottom-right-radius: 8px; } @media (max-width: 767px) { .article-content .table-responsive thead th, .article-content > table thead th, .article-content .table-responsive tbody td, .article-content > table tbody td { padding: 14px; font-size: 14px; } .article-content .table-responsive > table, .article-content > table { font-size: 14px; min-width: 560px; } } .article-aside { display: none; } .blog-toc .blog-toc-cta { margin-top: 20px; font-style: normal; } .blog-toc .blog-toc-cta.btn-2026 { width: 100%; height: auto; min-height: 48px; padding: 12px; font-size: 13px; letter-spacing: 0; line-height: 1.3; text-align: left; font-weight: 400; box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.08), 0 2px 27.9px 0 rgba(0, 0, 0, 0.07), 0 2px 4px 0 rgba(0, 0, 0, 0.05); } .blog-toc .blog-toc-cta.btn-2026:hover { box-shadow: 0 6px 36px 0 rgba(0, 0, 0, 0.12), 0 4px 32px 0 rgba(0, 0, 0, 0.10), 0 2px 4px 0 rgba(0, 0, 0, 0.06); } body:has(.article-layout) .banner-widget--newsletter { display: none !important; } .blog-toc--inline { font-size: 16px; line-height: 1.5; padding: 20px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .blog-toc--inline > h2 { font-size: 13px; line-height: 1.2; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--gray-500, #9fa3a9); margin: 0 0 16px; } .blog-toc--inline .toc-list { list-style: none; padding: 0 0 0 20px; margin: 0; } .blog-toc--inline .toc-list > li + li { margin-top: 8px; } .blog-toc--inline .toc-list a { color: var(--gray-600, #6f757e); text-decoration: none; transition: color 0.15s ease; } .blog-toc--inline .toc-list a:hover { color: var(--dark, #111); text-decoration: underline; } .blog-toc--inline .toc-list ul { list-style: none; padding: 0; margin: 8px 0 0 16px; } .blog-toc--inline .toc-list ul > li + li { margin-top: 6px; } @media (min-width: 1280px) { .article-layout { display: grid; grid-template-columns: minmax(0, 1fr) min(720px, 100%) minmax(0, 1fr); column-gap: 28px; } .article-aside { display: block; grid-column: 1; justify-self: end; align-self: start; width: 100%; max-width: 240px; position: sticky; top: 100px; } .article-main { grid-column: 2; min-width: 0; } .blog-toc--inline { display: none; } .blog-toc--sticky { font-size: 13px; line-height: 1.4; } .blog-toc--sticky > h2 { font-size: 13px; line-height: 1.2; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--gray-500, #9fa3a9); margin: 0 0 16px; } .blog-toc--sticky .toc-list { list-style: none; padding: 0; margin: 0; max-height: calc(100vh - 260px); overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none; } .blog-toc--sticky .toc-list::-webkit-scrollbar { display: none; } .blog-toc--sticky .toc-list > li { border-left: 2px solid var(--gray-300, #e7e8e9); padding: 8px 0 8px 12px; transition: border-color 0.15s ease; } .blog-toc--sticky .toc-list ul { list-style: none; padding: 0; margin: 4px 0 0; } .blog-toc--sticky .toc-list ul li { padding: 4px 0 4px 16px; } .blog-toc--sticky .toc-list ul li:last-child { padding-bottom: 0; } .blog-toc--sticky .toc-list > li + li { margin-top: 4px; } .blog-toc--sticky .toc-list a { color: var(--gray-600, #6f757e); text-decoration: none; transition: color 0.15s ease; display: inline-grid; } .blog-toc--sticky .toc-list a::before { content: attr(data-text); grid-area: 1 / 1; font-weight: 600; visibility: hidden; pointer-events: none; } .blog-toc--sticky .toc-list a > span { grid-area: 1 / 1; } .blog-toc--sticky .toc-list a:hover { color: var(--dark, #111); } .blog-toc--sticky .toc-list li.is-active { border-left-color: var(--brand-blue-strong, #4191f5); } .blog-toc--sticky .toc-list > li:has(li.is-active) { border-left-color: var(--brand-blue-strong, #4191f5); } .blog-toc--sticky .toc-list li.is-active > a { color: var(--dark, #111); font-weight: 600; } } .faq-item > summary.faq-question { display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; list-style: none; } .faq-item > summary.faq-question::-webkit-details-marker { display: none; } .faq-item > summary.faq-question > h3 { margin: 0; flex: 1 1 auto; } .faq-item > summary.faq-question::after { content: ""; flex: 0 0 auto; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / 16px; mask: url("data:image/svg+xml;utf8,") no-repeat center / 16px; transition: transform 0.2s ease; } .faq-item[open] > summary.faq-question::after { transform: rotate(180deg); } .faq-item[open] > .faq-answer { margin-top: 12px; } .faq-item > summary.faq-question:focus-visible { outline: 2px solid var(--brand-blue-strong, #4191f5); outline-offset: 4px; border-radius: 4px; } @media (min-width: 1280px) { .article-related { grid-column: 3; align-self: start; justify-self: start; max-width: 280px; margin-top: 0; margin-bottom: 0; position: sticky; top: 100px; max-height: calc(100vh - 120px); overflow-y: auto; scrollbar-width: none; } .article-related::-webkit-scrollbar { display: none; } .article-related > h2 { font-size: 13px; line-height: 1.2; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--gray-500, #9fa3a9); margin: 0 0 20px; } .article-content.article-related > h2 + * { margin-top: 0; } .article-content.article-related .articles-grid { column-gap: 0; row-gap: 24px; } .article-related .blog-index-card__title { font-size: 14px; line-height: 1.4; } .article-related .articles-grid > .blog-index-card:not(.blog-index-card--featured) .blog-index-card__title { margin-bottom: 8px; } .article-related .blog-index-card__meta { font-size: 12px; line-height: 1.4; gap: 6px 12px; } .article-related .blog-index-card__avatar { width: 20px; height: 20px; } } .article-content figure img.glx-zoomable { cursor: zoom-in; } .glx-lightbox { position: fixed; inset: 0; z-index: 2147483002; display: none; align-items: center; justify-content: center; padding: 24px; background: rgba(15, 18, 26, 0.88); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } .glx-lightbox.is-open { display: flex; } .glx-lightbox__img { max-width: 95vw; max-height: 92vh; width: auto; height: auto; object-fit: contain; border-radius: 8px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45); cursor: zoom-out; } .glx-lightbox__close { position: absolute; top: 16px; right: 20px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.12); color: #fff; font-size: 30px; line-height: 1; cursor: pointer; transition: background 0.12s ease; } .glx-lightbox__close:hover { background: rgba(255, 255, 255, 0.22); } @media (max-width: 600px) { .glx-lightbox { padding: 12px; } .glx-lightbox__close { top: 10px; right: 12px; } } .hero-2026-video-trigger { appearance: none; background: transparent; border: 0; padding: 0; margin: 0; cursor: pointer; display: block; width: 100%; color: inherit; font: inherit; } .hero-2026-video-trigger > img { display: block; width: 100%; height: auto; } .video-modal[open] { display: flex; } .video-modal { display: none; position: fixed; inset: 0; width: 100vw; height: 100vh; max-width: 100vw; max-height: 100vh; margin: 0; padding: 0; border: 0; background: transparent; overflow: hidden; } .video-modal::backdrop { background: rgba(0, 0, 0, 0.8); } .video-modal__inner { position: relative; margin: auto; width: min(90vw, 960px); max-height: 90vh; } @media (max-width: 575px) { .video-modal__inner { width: 100vw; padding: 0 12px; } } .video-modal__frame-wrap { position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; background: #000; } @media (max-width: 575px) { .video-modal__frame-wrap { border-radius: 8px; } } .video-modal__iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } .video-modal__close { position: fixed; top: 16px; right: 16px; width: 44px; height: 44px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, 0.15); color: #fff; padding: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.15s ease; } .video-modal__close > .i { font-size: 18px; line-height: 1; } @media (min-width: 1024px) { .video-modal__close > .i { font-size: 20px; } } .video-modal__close:hover, .video-modal__close:focus-visible { background: rgba(255, 255, 255, 0.3); outline: none; } @media (min-width: 1024px) { .video-modal__close { top: 24px; right: 24px; width: 48px; height: 48px; } } body.video-modal-open { overflow: hidden; } .newsletter-form { display: flex; flex-direction: column; gap: 12px; container-type: inline-size; } .newsletter-form-row { display: flex; flex-direction: column; gap: 12px; } @container (min-width: 400px) { .newsletter-form-row { flex-direction: row; align-items: stretch; } } .newsletter-form-input { flex: 1 1 auto; min-width: 0; height: 48px; padding: 0 16px; border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 4px; background-color: rgba(255, 255, 255, 0.12); color: var(--brand-white); font-family: "Onest", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: 0.14px; appearance: none; outline: none; transition: border-color 0.2s ease, background-color 0.2s ease; } .newsletter-form-input::placeholder { color: rgba(255, 255, 255, 0.7); } .newsletter-form-input:hover { border-color: rgba(255, 255, 255, 0.85); } .newsletter-form-input:focus { border-color: var(--brand-white); background-color: rgba(255, 255, 255, 0.18); outline: none; } .newsletter-form-input:focus-visible { outline: 2px solid var(--brand-white); outline-offset: 2px; } .newsletter-form-input:-webkit-autofill, .newsletter-form-input:-webkit-autofill:hover, .newsletter-form-input:-webkit-autofill:focus, .newsletter-form-input:-webkit-autofill:active { -webkit-text-fill-color: var(--brand-white); -webkit-box-shadow: 0 0 0 1000px #0674b538 inset; box-shadow: 0 0 0 1000px #0674b538 inset; caret-color: var(--brand-white); transition: background-color 600000s 0s ease-in-out, color 600000s 0s ease-in-out; } @media (min-width: 1280px) { .newsletter-form-input { height: 64px; padding: 0 20px; font-size: 16px; letter-spacing: 0.16px; } } .newsletter-form-btn { flex: 0 0 auto; width: 100%; } @container (min-width: 400px) { .newsletter-form-btn { width: auto; } } .newsletter-form-policy { margin: 0; font-family: "Onest", sans-serif; font-size: 11px; font-weight: 400; line-height: 1.5; color: rgba(255, 255, 255, 0.85); } @media (min-width: 1024px) { .newsletter-form-policy { font-size: 12px; } } .newsletter-form-policy a { color: var(--brand-white); text-decoration: underline; text-underline-offset: 2px; } .newsletter-form-policy a:hover { text-decoration: none; } .newsletter-form-error { margin-top: 8px; padding: 10px 14px; border-radius: 4px; background-color: rgba(244, 67, 54, 0.18); color: var(--brand-white); font-family: "Onest", sans-serif; font-size: 13px; line-height: 1.5; } .newsletter-success { color: var(--brand-white); } .newsletter-success-title { margin: 0 0 8px; font-family: "Onest", sans-serif; font-size: 22px; font-weight: 700; line-height: 1.3; } @media (min-width: 768px) { .newsletter-success-title { font-size: 28px; } } .newsletter-success-text { margin: 0; font-family: "Onest", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.6; color: rgba(255, 255, 255, 0.9); } @media (min-width: 1024px) { .newsletter-success-text { font-size: 16px; } } .newsletter-modal[open] { display: flex; } .newsletter-modal { display: none; position: fixed; inset: 0; width: 100vw; height: 100vh; max-width: 100vw; max-height: 100vh; margin: 0; padding: 0; border: 0; background: transparent; overflow: hidden; } .newsletter-modal::backdrop { background: rgba(0, 0, 0, 0.6); } .newsletter-modal__inner { position: relative; margin: auto; width: calc(100% - 32px); max-width: 560px; max-height: calc(100vh - 32px); overflow-y: auto; background: var(--brand-white); border-radius: 16px; box-shadow: var(--shadow-btn); padding: 28px 20px; display: flex; flex-direction: column; gap: 16px; } @media (min-width: 768px) { .newsletter-modal__inner { padding: 40px; gap: 20px; } } .newsletter-modal__close { position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; border-radius: 50%; border: 0; background: rgba(17, 17, 17, 0.06); color: var(--text-default); padding: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.15s ease; } .newsletter-modal__close:hover, .newsletter-modal__close:focus-visible { background: rgba(17, 17, 17, 0.12); outline: none; } .newsletter-modal__close > .i { font-size: 16px; line-height: 1; } @media (min-width: 768px) { .newsletter-modal__close { top: 16px; right: 16px; width: 44px; height: 44px; } .newsletter-modal__close > .i { font-size: 18px; } } .newsletter-modal__title { margin: 0; padding-right: 48px; font-family: "Onest", sans-serif; font-size: 24px; line-height: 1.2; font-weight: 700; color: var(--text-default); } @media (min-width: 768px) { .newsletter-modal__title { font-size: 32px; } } .newsletter-modal__text { margin: 0; font-family: "Onest", sans-serif; font-size: 16px; line-height: 1.5; color: var(--text-muted); } .newsletter-modal__form { margin-top: 8px; } @media (min-width: 768px) { .newsletter-modal__form { margin-top: 12px; } } @media (max-width: 1279px) { .newsletter-modal .newsletter-form-btn { font-size: 14px; } } .newsletter-modal .newsletter-form-input { border-color: rgba(17, 17, 17, 0.2); background-color: transparent; color: var(--text-default); } .newsletter-modal .newsletter-form-input::placeholder { color: rgba(17, 17, 17, 0.45); } .newsletter-modal .newsletter-form-input:hover { border-color: rgba(17, 17, 17, 0.45); } .newsletter-modal .newsletter-form-input:focus { border-color: var(--text-default); background-color: transparent; } .newsletter-modal .newsletter-form-input:focus-visible { outline: 2px solid var(--text-default); outline-offset: 2px; } .newsletter-modal .newsletter-form-input:-webkit-autofill, .newsletter-modal .newsletter-form-input:-webkit-autofill:hover, .newsletter-modal .newsletter-form-input:-webkit-autofill:focus, .newsletter-modal .newsletter-form-input:-webkit-autofill:active { -webkit-text-fill-color: var(--text-default); -webkit-box-shadow: 0 0 0 1000px var(--brand-white) inset; box-shadow: 0 0 0 1000px var(--brand-white) inset; caret-color: var(--text-default); } .newsletter-modal .newsletter-form-policy { color: var(--text-muted); } .newsletter-modal .newsletter-form-policy a { color: var(--text-default); text-decoration: underline; } .newsletter-modal .newsletter-form-policy a:hover { text-decoration: none; } .newsletter-modal .newsletter-form-error { background-color: rgba(255, 73, 116, 0.12); color: #b80027; } .newsletter-modal .newsletter-success, .newsletter-modal .newsletter-success-title { color: var(--text-default); } .newsletter-modal .newsletter-success-text { color: var(--text-muted); } body.newsletter-modal-open { overflow: hidden; } [data-banner-inline="share-story"] { position: relative; overflow: hidden; } [data-banner-inline="share-story"]::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: url("/images/business/v2/security-bg.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; mask-image: radial-gradient(ellipse at center, #000 35%, transparent 90%); -webkit-mask-image: radial-gradient(ellipse at center, #000 35%, transparent 90%); z-index: 0; } [data-banner-inline="share-story"] > .share-story-banner { position: relative; z-index: 1; } .share-story-banner { display: flex; flex-direction: column; gap: 24px; } @media (min-width: 1024px) { .share-story-banner { flex-direction: row; align-items: center; justify-content: space-between; gap: 32px; } } .share-story-banner-title { margin: 0; flex: 1 1 auto; min-width: 0; } .share-story-banner-cta { align-self: flex-start; flex: 0 0 auto; width: 200px; } @media (min-width: 1024px) { .share-story-banner-cta { align-self: center; } } @media (min-width: 1280px) { .js-banner-inline-only { display: none !important; } } .banner-widget { display: none; } @media (min-width: 1280px) { .banner-widget { display: block; position: fixed; left: 24px; bottom: 24px; z-index: 1900; width: 220px; padding: 18px 16px; border-radius: 16px; box-shadow: 0 12px 32px rgba(20, 24, 48, 0.22); color: var(--light); opacity: 0; transform: translateX(-24px); transition: opacity 0.28s ease, transform 0.28s ease, bottom 0.2s ease; pointer-events: none; } body:has(.cookies-popover:not(.hidden)) .banner-widget { bottom: calc(24px + var(--cookies-popover-h, 80px)); } .banner-widget[hidden] { display: none; } .banner-widget--active { opacity: 1; transform: translateX(0); pointer-events: auto; } .banner-widget--overlap.banner-widget--newsletter { opacity: 0; pointer-events: none; } @keyframes banner-widget-swap { 0%, 100% { opacity: 1; } 45%, 55% { opacity: 0; } } .banner-widget--swap { animation: banner-widget-swap 0.2s ease both; } .banner-widget--newsletter { background: var(--gradient-primary); } .banner-widget--share-story { background: var(--gradient-secondary); } } .banner-widget-close { position: absolute; top: 10px; right: 10px; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 999px; background: rgba(255, 255, 255, 0.18); color: var(--light); font-size: 14px; line-height: 1; cursor: pointer; transition: background-color 0.2s ease, transform 0.2s ease; } .banner-widget-close:hover { background: rgba(255, 255, 255, 0.32); } .banner-widget-close:focus-visible { outline: 2px solid var(--brand-white); outline-offset: 2px; } .banner-widget-close .i { font-size: 12px; } .banner-widget-title { margin: 0 32px 6px 0; font-family: "Onest", sans-serif; font-size: 14px; font-weight: 600; line-height: 1.3; letter-spacing: 0.1px; text-transform: uppercase; opacity: 0.85; } .banner-widget-heading { margin: 0 0 12px; font-family: "Onest", sans-serif; font-size: 17px; font-weight: 700; line-height: 1.25; } .banner-widget-form { display: flex; flex-direction: column; gap: 10px; } .banner-widget-input { width: 100%; height: 42px; padding: 0 14px; border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 6px; background-color: rgba(255, 255, 255, 0.14); color: var(--light); font-family: "Onest", sans-serif; font-size: 13px; font-weight: 400; line-height: 1.4; letter-spacing: 0.13px; appearance: none; outline: none; transition: border-color 0.2s ease, background-color 0.2s ease; } .banner-widget-input::placeholder { color: rgba(255, 255, 255, 0.7); } .banner-widget-input:hover { border-color: rgba(255, 255, 255, 0.82); } .banner-widget-input:focus { border-color: var(--brand-white); background-color: rgba(255, 255, 255, 0.2); outline: none; } .banner-widget-input:focus-visible { outline: 2px solid var(--brand-white); outline-offset: 2px; } .banner-widget-input:-webkit-autofill, .banner-widget-input:-webkit-autofill:hover, .banner-widget-input:-webkit-autofill:focus { -webkit-text-fill-color: var(--light); -webkit-box-shadow: 0 0 0 1000px #005a8f3d inset; box-shadow: 0 0 0 1000px #005a8f3d inset; caret-color: var(--light); } .banner-widget-submit { width: 100%; height: 42px; } .banner-widget-policy { margin: 10px 0 0; font-family: "Onest", sans-serif; font-size: 10px; font-weight: 400; line-height: 1.4; color: rgba(255, 255, 255, 0.78); } .banner-widget-policy a { color: var(--light); text-decoration: underline; text-underline-offset: 2px; } .banner-widget-policy a:hover { text-decoration: none; } .banner-widget-error { margin: 0; padding: 8px 10px; border-radius: 6px; background-color: rgba(244, 67, 54, 0.22); color: var(--light); font-family: "Onest", sans-serif; font-size: 12px; line-height: 1.4; } .banner-widget-success-title { margin: 0 32px 8px 0; font-family: "Onest", sans-serif; font-size: 18px; font-weight: 700; line-height: 1.25; } .banner-widget-success-text { margin: 0; font-family: "Onest", sans-serif; font-size: 13px; font-weight: 400; line-height: 1.5; color: rgba(255, 255, 255, 0.92); } .banner-widget-cta { width: 100%; margin-top: 4px; } .cta-banner { display: flex; flex-direction: column; gap: 30px; max-width: 960px; margin-top: 40px; margin-right: auto; margin-bottom: 40px; margin-left: auto; padding: 40px 20px; border-radius: 16px; color: var(--light); } @media (min-width: 768px) { .cta-banner { padding: 40px 60px; } } @media (min-width: 1024px) { .cta-banner { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 40px; margin-top: 60px; margin-bottom: 60px; padding: 40px 120px; } } .cta-banner__content { flex: 1; min-width: min-content; } .cta-banner__title { margin: 0 0 10px; font-size: 28px; line-height: 1.2; font-weight: 400; color: var(--light); } .cta-banner__subtitle { margin: 0; font-size: 32px; line-height: 1.1; font-weight: 700; } @media (min-width: 768px) { .cta-banner__subtitle { font-size: 46px; } } .cta-banner__caption { margin: 10px 0 0; font-size: 28px; line-height: 28px; font-weight: 400; } .cta-banner__action { flex-shrink: 0; width: auto; margin-top: 20px; } .cta-banner--with-media .cta-banner__content { display: flex; flex-direction: column; align-items: flex-start; } .cta-banner__media { flex-shrink: 0; display: flex; justify-content: center; } .cta-banner__video { display: block; width: 100%; max-width: 416px; border-radius: 8px; } .cta-banner__picture { display: block; max-height: 240px; width: auto; height: auto; max-width: 100%; border-radius: 8px; } @media (min-width: 1024px) { .cta-banner--with-media { padding: 40px 60px; } .cta-banner--with-media .cta-banner__content, .cta-banner--with-media .cta-banner__media { flex: 1 1 0; min-width: 0; } } @media (min-width: 1280px) { .cta-banner--with-media { padding-left: 30px; padding-right: 30px; } } .cta-banner--magenta { background: var(--magenta-gradient); } .cta-banner--purple-blue { background: linear-gradient(319.59deg, #4cc3c5 11.62%, #35b3e0 55.71%, #61a1d4 73.45%); } .cta-banner--orange-pink { background: linear-gradient(321.7deg, #e78354 15.24%, #bf5998 85.63%); } .cta-banner--purple { background: linear-gradient(0deg, #cd749e 0%, #ac77d2 100%); } .cta-banner--pink { background: linear-gradient(224.17deg, #e17587 7.37%, #ac76d2 83.25%); } .cta-banner--primary-gradient { background: var(--primary-gradient); } .cta-banner--primary { background-color: var(--primary); } .cta-banner--primary-200 { background-color: var(--primary-200); color: var(--dark); } .cta-banner--primary-200 .cta-banner__title { color: var(--dark); } .cta-banner--gray-300 { background-color: var(--gray-300); color: var(--dark); } .cta-banner--gray-300 .cta-banner__title { color: var(--dark); } .cta-banner--gray-400 { background-color: var(--gray-400); color: var(--dark); } .cta-banner--gray-400 .cta-banner__title { color: var(--dark); } .faq-panel { padding: 30px; border-radius: 16px; background-color: var(--gray-200); } .faq-panel--square { border-radius: 0px; } .faq-panel--bordered-5 { border: 5px solid #fff; } .faq-panel-show-active { display: none; } .is-active .faq-panel-show-active { display: block; } .faq-panel-hide-active { display: block; } .is-active .faq-panel-hide-active { display: none; } .faq-panel-content { font-size: 20px; padding: 20px 30px 0; } .faq-panel-content-md { font-size: 17px; padding: 20px 30px 0; } .blog-post { font-size: 19px; line-height: 30px; } @media (min-width: 768px) { .blog-post { font-size: 18px; line-height: 26px; } } .blog-hero-image { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; } .blog-toc { font-style: normal; } .blog-meta { display: flex; align-items: center; gap: 24px; font-size: 12px; line-height: 16px; font-weight: normal; } .blog-meta__author { display: flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; } .blog-meta__author:hover .blog-meta__author-name { text-decoration: underline; } .blog-meta__avatar { width: 32px; height: 32px; border-radius: 50%; background-color: var(--gray-300); flex-shrink: 0; } .blog-meta__date { color: var(--gray-600); } .blog-meta__reading-time { display: inline-flex; align-items: center; gap: 4px; color: var(--gray-600); } .blog-meta__reading-time .i { font-size: 14px; } .blog-index img:not(.blog-meta__avatar), .blog-post img:not(.blog-meta__avatar) { border-radius: 16px; } .blog-post b { font-weight: 700; } .blog-post .p-list { margin: 12px 0; } @media (min-width: 1024px) { .blog-top-row .col-lg-7 { width: 54%; } .blog-top-row .col-lg-5 { width: 46%; } } .blog-banner { border-radius: 16px; padding: 40px 60px; background: linear-gradient(224.17deg, #e17587 7.37%, #ac76d2 83.25%); color: var(--light); } .blog-quote { font-style: italic; padding: 20px 60px; border-radius: 16px; position: relative; background-color: var(--gray-200); margin: 0; } .blog-quote:before { content: "\e917"; position: absolute; left: 20px; top: 20px; color: var(--primary); font-family: "glabix-iconset" !important; } .blog-quote:after { content: "\e918"; position: absolute; right: 20px; bottom: 20px; color: var(--primary); font-family: "glabix-iconset" !important; } .blog-progress { display: flex; overflow: hidden; } .blog-progress .bar { height: 100%; padding: 5px; } .blog-diagram-1 { --left-width: auto; } .blog-diagram-1 .text-hg { font-size: 100px; line-height: 1.15; font-weight: 700; } .blog-diagram-1-l { background-color: #323232; flex-basis: var(--left-width); border-radius: 16px 16px 0 0; padding: 30px; font-size: 30px; line-height: 1.15; display: flex; justify-content: center; align-items: center; } .blog-diagram-1-r { border-radius: 0 0 16px 16px; padding: 30px; flex-basis: calc(100% - var(--left-width)); font-size: 22px; background: linear-gradient(0deg, #21bf60, #21bf60 48%, #007c55 48%, #007c55); } .blog-diagram-1-r .text { display: inline-block; max-width: 100%; font-weight: 500; } @media (min-width: 880px) { .blog-diagram-1 { --left-width: 375px; display: flex; flex-wrap: wrap; } .blog-diagram-1-r .text { max-width: 60%; } .blog-diagram-1-l { border-radius: 16px 0 0 16px; } .blog-diagram-1-r { border-radius: 0 16px 16px 0; background: linear-gradient(141.5deg, #21bf60, #21bf60 50%, #007c55 50%, #007c55); } } @media (min-width: 1024px) { .blog-diagram-1-l { padding: 40px; } .blog-diagram-1-r { padding: 40px; } } .blog-diagram-2 { --left-width: auto; border-radius: 16px; background-color: #f8f8fa; } .blog-diagram-2 .text-hg { font-size: 100px; line-height: 1.15; font-weight: 700; } .blog-diagram-2-l { background-color: #323232; flex-basis: var(--left-width); border-radius: 16px 16px 0 0; padding: 30px; font-size: 22px; line-height: 1.15; display: flex; justify-content: center; align-items: center; } .blog-diagram-2-r { border-radius: 0 0 16px 16px; padding: 30px; flex-basis: calc(100% - var(--left-width)); font-size: 14px; line-height: 1.2; } @media (min-width: 880px) { .blog-diagram-2 { --left-width: 340px; display: flex; flex-wrap: wrap; } .blog-diagram-2-l { border-radius: 16px 0 0 16px; background-color: transparent; overflow: hidden; position: relative; } .blog-diagram-2-l:before { content: ""; display: block; position: absolute; width: 800px; height: 800px; border-radius: 50%; background-color: #323232; top: 50%; transform: translateY(-50%); right: 0; } .blog-diagram-2-r { border-radius: 0 16px 16px 0; } } @media (min-width: 1024px) { .blog-diagram-2-l { padding: 40px; } .blog-diagram-2-r { padding: 40px; } } .blog-diagram-3 { --left-width: auto; border-radius: 16px; background-color: #f8f8fa; } .blog-diagram-3 .blog-progress { margin-left: -30px; } .blog-diagram-3 .blog-progress .bar { padding-left: 30px; } .blog-diagram-3-l { background-color: #007c55; flex-basis: var(--left-width); border-radius: 16px 16px 0 0; padding: 30px; font-size: 26px; line-height: 1.15; display: flex; justify-content: center; align-items: center; } .blog-diagram-3--negative .blog-diagram-3-l { background-color: #7c1600; } .blog-diagram-3-l .text-primary { color: #21bf60 !important; } .blog-diagram-3--negative .blog-diagram-3-l .text-primary { color: #bf6d21 !important; } .blog-diagram-3-r { border-radius: 0 0 16px 16px; padding: 30px; flex-basis: calc(100% - var(--left-width)); font-size: 16px; line-height: 1.2; } @media (min-width: 880px) { .blog-diagram-3 { --left-width: 400px; display: flex; flex-wrap: wrap; } .blog-diagram-3.blog-diagram-3--negative .blog-progress { margin-left: auto; margin-right: -30px; } .blog-diagram-3.blog-diagram-3--negative { flex-direction: row-reverse; } .blog-diagram-3.blog-diagram-3--negative .blog-progress { flex-direction: row-reverse; } .blog-diagram-3-l { border-radius: 16px 0 0 16px; } .blog-diagram-3--negative .blog-diagram-3-l { border-radius: 0 16px 16px 0; } .blog-diagram-3-r { border-radius: 0 16px 16px 0; } .blog-diagram-3--negative .blog-diagram-3-r { border-radius: 16px 0 0 16px; } } @media (min-width: 1024px) { .blog-diagram-3-l { padding: 40px; } .blog-diagram-3-r { padding: 40px; } .blog-diagram-3 .blog-progress { margin-left: -40px; } .blog-diagram-3--negative.blog-diagram-3 .blog-progress { margin-left: auto; margin-right: -40px; } .blog-diagram-3 .blog-progress .bar { padding-left: 40px; } } .office-big-number { font-size: 50px; line-height: 70px; font-weight: 600; } @media (min-width: 1024px) { .office-big-number { font-size: 120px; line-height: 146px; font-weight: 600; } } .office-card-description { font-size: 22px; font-weight: 600; line-height: 28px; } @media (min-width: 1024px) { .office-card-description { font-size: 49px; font-weight: 600; line-height: 56px; } } .office-card-image { border-radius: 16px 16px 0 0 !important; } .office-card-text-wrapper { padding: 10px 20px 10px 20px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; } @media (min-width: 1024px) { .office-card-text-wrapper { padding: 10px 20px 10px 60px; } } .btn-asynchronous-communication { @media (min-width: 768px) { width: 328px; } } .blog-post .quote-block { position: relative; background-color: var(--gray-200); background-repeat: no-repeat; background-position: center left; } .blog-post .quote-block { position: relative; background-color: var(--gray-200); background-repeat: no-repeat; background-position: center left; } .blog-post .quote-block-1 { background-image: url(/images/blog/47/blog-quote-bg.svg); } .blog-post .quote-block-2 { background-image: url(/images/blog/49/blog-quote-bg.svg); } .blog-post .py-30 { padding-top: 30px; padding-bottom: 30px; } .blog-banner-bg-blue .blog-banner { background: linear-gradient(319.59deg, #4cc3c5 11.62%, #35b3e0 55.71%, #61a1d4 73.45%); } .faq-item { background-color: var(--gray-200); border-radius: 20px; padding: 24px; margin-bottom: 30px; } .faq-item:last-child { margin-bottom: 0; } .faq-item h3 { font-size: 18px; line-height: 24px; font-weight: 700; margin-bottom: 12px; } .faq-item p { font-size: 16px; line-height: 24px; } .blog-index-card a { color: inherit; text-decoration: none; } .blog-index-card a:hover { text-decoration: none; } .blog-index-card__image-wrapper { display: block; margin-bottom: 20px; } .blog-index-card__image { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 4px; } .blog-index-card__tag { display: inline-block; font-size: 13px; line-height: 1; font-weight: 500; padding: 6px 12px; border: 1px solid var(--gray-500); border-radius: 34px; margin-bottom: 12px; } .blog-index-card__title { font-size: 20px; line-height: 26px; font-weight: 500; margin-bottom: 12px; width: fit-content; } .blog-index-card__title a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .blog-index-card__title a:hover { text-decoration: underline; } .blog-index-card__author:hover .blog-index-card__author-name { text-decoration: underline; } .blog-index-card__date { white-space: nowrap; } .blog-index-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; font-size: 12px; line-height: 16px; } .blog-index-card__author { display: flex; align-items: center; gap: 8px; flex-shrink: 0; } .blog-index-card__info { display: flex; align-items: center; gap: 12px; flex-shrink: 0; } .blog-index-card--featured .blog-index-card__info { display: contents; } .blog-index-card__avatar { width: 24px; height: 24px; border-radius: 50%; background-color: var(--gray-300); flex-shrink: 0; } .blog-index-card__reading-time { display: inline-flex; align-items: center; gap: 4px; color: var(--gray-600); } .blog-index-card__reading-time .i { font-size: 14px; } .blog-index-card__video { display: inline-flex; align-items: center; color: var(--gray-600); } .blog-index-card__video .i { font-size: 16px; } .media-about-us .media-info { font-size: 14px; height: 38px; } .media-about-us .media-info img { height: auto; max-height: 38px; width: auto; max-width: 65%; } .media-about-us .media-item .h3 { font-size: 18px; line-height: 22px; } .media-about-us a:hover { text-decoration: none; } .media-about-us a:hover .underline { text-decoration: underline; } .media-about-us .panel-primary { padding: 60px 48px; } .media-about-us .panel-primary h3 { font-size: 27px; line-height: 32px; } .media-about-us .logo-height-30 { height: 30px !important; } .media-about-us .logo-height-36 { height: 36px !important; } .media-about-us .logo-height-34{ height: 34px !important; } .user-cases .grid-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); } @media (max-width: 768px) { .user-cases .grid-wrapper { grid-template-columns: 1fr; } } .user-cases .badge { font-size: 14px; line-height: 20px; } .user-cases .case-item h3 { font-size: 24px; line-height: 30px; } .user-cases .case-item ul { margin: 0; list-style: none; padding-left: 24px; } .user-cases .case-item li::marker { content: "— "; } .user-cases .case-item-text p { font-size: 18px; line-height: 24px; } .user-cases .case-item-text p { margin: 0; } .user-cases .case-item-text p + p { margin-top: 24px; } .user-cases .case-item-text b { font-weight: 600; } .user-cases .text-20 { font-size: 20px; } .user-cases .text-24 { font-size: 20px; } .user-cases .lh-30 { line-height: 30px; } .user-cases .lh-32 { line-height: 32px; } .user-case img { border-radius: 16px; } .user-case b { font-weight: 700; } .user-case .py-56 { padding-top: 56px; padding-bottom: 56px; } .user-case .py-32 { padding-top: 32px; padding-bottom: 32px; } .user-case .text-color-magenta { color: var(--magenta); } @media (min-width: 1024px) { .user-case .pr-lg-128 { padding-right: 128px !important; } .user-case .pl-lg-128 { padding-left: 128px !important; } } @media (max-width: 1024px) { .user-case .display-md { display: none !important; } } .user-case .quote-block { position: relative; background-color: var(--gray-200); background-repeat: no-repeat; background-position: center left; } .user-case .quote-block-it { background-image: url(/images/cases/it/quote-bg.svg); } .user-case .quote-block-sales { background-image: url(/images/cases/sales/quote-bg.svg); } .user-case .quote-block img { position: absolute; right: 27px; bottom: 31px; } .user-case .header-block { background-repeat: no-repeat; background-position: center left; } .user-case .header-block-1 { background-image: url(/images/cases/online-school/header-block-1-bg.svg); } .user-case .header-block-2 { background-image: url(/images/cases/online-school/header-block-2-bg.svg); } .user-case .header-block-3 { background-image: url(/images/cases/online-school/header-block-3-bg.svg); } .user-case .header-block-4 { background-image: url(/images/cases/online-school/header-block-4-bg.svg); } .hero { background-color: var(--primary-200); padding: 40px 20px; } .dark-layout-page .hero { background-color: var(--dark); } .hero-content { position: relative; z-index: 1; } @media (min-width: 768px) { .hero { padding: 60px; } } @media (min-width: 1024px) { .hero { padding: 60px 20px 120px calc(100% * (1 / 12)); position: relative; } .hero-trello { padding-bottom: 30px; } } .hero-form { position: relative; margin-top: 30px; } .hero-form .fly { position: absolute; left: 100%; bottom: 100%; } .hero-figure { position: relative; } @media (min-width: 1024px) { .hero-figure { height: 570px; } } .hero-figure .fly { position: absolute; top: 12%; right: 10%; } .hero-figure-img, .daily-figure-img { position: absolute; transition: filter ease-out 0.2s, scale ease-out 0.2s; } .hero-figure-img-1 { width: 400px; top: 2%; left: 23%; z-index: 1; } .hero-figure-img-2 { width: 400px; top: 17%; left: 2%; } .hero-figure-img-3 { width: 100px; top: 7%; left: 5%; } .hero-figure-img-4 { width: 240px; bottom: 0%; right: 0%; } .hero-figure-img-5 { width: 260px; bottom: 18%; left: 12%; } .hero-figure-img-6 { width: 150px; left: 150px; bottom: 13px; } .hero-figure-theme-btn { border-radius: 10px; width: 23%; height: 13%; left: 22%; bottom: 2%; position: absolute; cursor: pointer; background-color: #fff; opacity: 0; } .hero-footer { height: 80px; position: absolute; width: 50%; bottom: 0; left: 0; background-color: var(--body-bg); display: none; } .hero-trello .hero-footer { height: 93%; position: absolute; width: calc(50% - 200px); bottom: 0; right: 0; left: auto; } @media (min-width: 1024px) { .hero .col-lg-5 { width: calc(100% * (5 / 11)); } .hero .col-lg-7 { width: calc(100% * (6 / 11)); } .hero-footer { display: block; } } .hero-footer .counter-form.tr { left: auto; right: 0; } .hero-footer .counter-form.top-left { bottom: 100%; left: 0; } @media (min-width: 1024px) { .hero h1, .hero .h1 { font-size: 40px; line-height: 48px; } } .hero-bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; z-index: 0; } .hero-bg .star { position: absolute; } .hero-bg-tl1 { position: absolute; top: 6%; left: 4%; width: 50px; height: 50px; } .hero-bg-tl2 { position: absolute; top: 10%; left: 2%; width: 50px; height: 50px; } .hero-bg-c { position: absolute; left: 50%; top: 30%; width: 50px; height: 50px; } .hero-bg-t { position: absolute; left: 72%; top: 2%; width: 50px; height: 50px; } .hero-bg-cb { position: absolute; left: 24%; bottom: 28%; width: 50px; height: 50px; } @media (min-width: 1024px) { .hero-bg-cb { left: 60%; bottom: 100px; } } .hero-bg-tr { position: absolute; top: 80px; right: 35px; width: 50px; height: 50px; } .hero-pricing .pricing-tabs { display: flex; } .hero-pricing .pricing-tab { flex-basis: 50%; max-width: 50%; justify-content: center; align-items: center; border-radius: 16px 16px 0 0; position: relative; display: flex; padding: 22px 10px; } .hero-pricing .pricing-tab button { font-size: 20px; color: inherit; text-decoration: none !important; font-weight: 600; background: unset; } @media (min-width: 768px) { .hero-pricing .pricing-tab button { font-size: 26px; } } @media (min-width: 1440px) { .hero-pricing .pricing-tab button { font-size: 36px; } } .hero-pricing .pricing-tab.is-active button { pointer-events: none; } .hero-pricing .pricing-tab .counter-form { display: none; } .hero-pricing .pricing-tab.is-active { background-color: var(--body-bg); color: var(--dark); } .hero-pricing .pricing-tab .corner{ display: none; } .hero-pricing .pricing-tab.is-active .corner{ display: block; } .hero-pricing .pricing-tab.is-active .counter-form { display: block; } .solutions-bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; } .solutions-bg-l { position: absolute; top: 35%; left: -4%; } @media (min-width: 1200px) { .solutions-bg-l { left: 4%; } } .solutions-panel { position: relative; z-index: 1; padding: 24px 0; border-bottom: 1px solid var(--gray-400); font-weight: 300; } .solutions-panel h3 { font-size: 20px; line-height: 28px; } @media (min-width: 576px) { .solutions-panel h3 { font-size: 27px; line-height: 32px; } } .solutions-panel-title { position: relative; padding-right: 32px; cursor: pointer; } .solutions-panel.is-active .solutions-panel-title { margin-bottom: 24px; cursor: default; } .solutions-panel-title:after { content: "\e97e"; position: absolute; right: 10px; top: 5px; font-family: "glabix-iconset" !important; } .solutions-panel.is-active .solutions-panel-title:after { content: "\e981"; } .solutions-panel.is-active .solutions-panel-text { display: block; } .solutions-panel-text { display: none; } .solutions-info { position: relative; z-index: 2; font-weight: 300; } .tools-box { border-radius: 16px; padding: 30px; display: flex; flex-direction: column; gap: 20px; font-weight: 300; min-height: 100%; } a.tools-box:hover { text-decoration: none; } .cases .swiper-slide { display: flex; justify-content: center; } .cases-bg { position: absolute; background-color: var(--primary-200); z-index: 0; left: 0; right: 0; bottom: 0; top: 175px; } .cases-box-wrapper { background-color: var(--gray-300); padding: 16px; border-radius: 16px; width: 100%; max-width: 800px; } .cases-slider .cases-box-wrapper { min-width: 800px; cursor: pointer; } .cases-slider .cases-box-wrapper.is-active { cursor: default; } .cases-box { padding: 30px; min-height: 385px; background-color: #fff; border-radius: 8px; display: flex; align-items: center; flex-direction: column; row-gap: 40px; column-gap: 20px; font-weight: 300; } @media (min-width: 1024px) { .cases-box { flex-direction: row; row-gap: 20px; } } .cases-figure { width: 100%; max-width: 365px; } .cases-content { width: 100%; max-width: 320px; } .cases-cutter { overflow: hidden; position: relative; z-index: 1; } .cases-slider { display: flex; gap: 64px; transition: all 0.15s; } .case-tag { padding: 6px 24px; min-height: 42px; border-radius: 8px; background-color: var(--gray-200); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; display: flex; align-items: center; font-weight: 300; max-width: 100%; } .case-tag.is-active { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4); } .case-tag-line { position: absolute; left: 0; top: 0; bottom: 0; width: 12px; } .cases-controls { display: flex; flex-wrap: wrap; gap: 20px; } .cases-controls .case-tag { transition: all 0.15s; position: relative; top: 0; } .cases-controls .case-tag.is-active { position: relative; top: -6px } .pricing-panel { font-size: 16px; } .pricing-panel-border-left { position: absolute; left: -1px; width: 1px; top: 20px; bottom: 20px; background-color: var(--gray-400); } .pricing-panel--square { border-radius: 0px; } .pricing-panel--bordered-5 { border: 5px solid #fff; padding: 40px; } .pricing-panel--bordered-10 { border: 10px solid #fff; padding: 40px; } @media (min-width: 1024px) { .pricing-panel-border-left { top: 40px; bottom: 40px; } } @media (min-width: 768px) { .pricing-panel .h2-xs { font-size: 36px; } } .pricing-panel-title { font-size: 34px; } .pricing-panel-row-gap .pricing-panel-row { margin-left: -10px; margin-right: -10px; } .pricing-panel-row-gap .pricing-panel-row > .col-12 { padding-left: 10px !important; padding-right: 10px !important; } .pricing-price { font-size: 34px; margin-top: 20px; flex-wrap: wrap; display: flex; } .pricing-price-business { font-size: 18px; line-height: 20px; margin-bottom: 15px; margin-right: -5px; } @media (min-width: 1200px) { .pricing-price-business { font-size: 30px; line-height: 40px; margin: 0; } } .pricing-price-period { font-size: 17px; font-weight: 500; } .pricing-price-sales-tag { font-weight: 500; font-size: 16px; line-height: 30px; color: var(--light); display: flex; align-items: center; justify-content: center; padding: 0 0.5rem; background-color: var(--primary); border-radius: 28px; } .plan-item .pricing-price-sales-tag { font-size: 13px; line-height: 16px; padding: 0.25rem 0.5rem; } .pricing-line-through-price { font-size: 16px; text-decoration: line-through; } .pricing-btn { width: 100%; height: 48px; line-height: 48px; border-radius: 8px; display: inline-block; appearance: none; text-align: center; justify-content: center; align-items: center; border: solid 1px transparent; background-color: transparent; color: var(--dark); cursor: pointer; transition-property: background-color, color; transition-duration: 0.15s; padding-left: 20px; padding-right: 20px; text-decoration: none; } .pricing-btn--lg { height: 68px; line-height: 68px; } .pricing-btn.inverse { background-color: var(--light); border-color: var(--light); color: var(--dark); } .bg-light .pricing-btn, .pricing-btn--light { background-color: var(--dark); border-color: var(--dark); color: var(--light); } .pricing-btn:hover { background-color: var(--gray-700); border-color: var(--gray-700); text-decoration: none; color: var(--light); } .error-wrapper { display: flex; width: 100%; padding: 100px 20px; align-items: center; justify-content: center; flex-direction: column; } .error-wrapper h1 { font-weight: 700; font-size: 27px; line-height: 26px; } .error-wrapper h3 { font-weight: 400; font-size: 17px; line-height: 26px; } .error-wrapper img { max-width: 85%; } .error-wrapper .code { font-size: 11.25rem; line-height: 13.25rem; font-weight: 700; -webkit-text-fill-color: white; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: var(--dark); } .panel-primary, .panel-green { padding: 20px; border-radius: 16px; } .panel-primary { background-color: var(--primary-200); color: var(--dark); } .panel-primary-gradient { background: linear-gradient(319.59deg, #4CC3C5 11.62%, #35B3E0 55.71%, #61A1D4 73.45%); color: var(--light); } .panel-primary-gradient-green { background: var(--gradient-secondary); color: var(--light); } .panel-gradient-wrapper-purple .panel-primary { background: linear-gradient(224.17deg, #E17587 7.37%, #AC76D2 83.25%); color: var(--light); } .panel-primary-gradient-pink { background: linear-gradient(224.17deg, #E17587 7.37%, #AC76D2 83.25%); color: var(--light); } .panel-gradient-orange-pink { background: linear-gradient(321.7deg, #E78354 15.24%, #BF5998 85.63%); color: var(--light); } .panel-gradient-purple { background: linear-gradient(0deg, #CD749E 0%, #AC77D2 100%); color: var(--light); } .panel-green { background-color: var(--primary); color: var(--light); } .panel-gray-border { padding: 20px; border-radius: 16px; border: solid 2px var(--gray-600); } .panel-opacity-border { padding: 20px; border-radius: 16px; border: 2px solid rgba(0, 0, 0, 0.15) } @media (min-width: 1024px) { .panel-primary, .panel-green { padding: 32px; } } .panel-primary.bg-dark { color: var(--light); } .index-section { position: relative; padding-bottom: 80px; padding-left: 10px; padding-right: 10px; } @media (min-width: 1024px) { .index-section { padding-left: 0; padding-right: 0; } } .index-section.bg-dark { color: #fff } .index-section-bg { position: absolute; z-index: 0; left: 0; right: 0; bottom: 0; top: 175px; } .daily-index-section-bg-top { bottom: auto; top: -2px; height: 35%; } @media (min-width: 576px) { .daily-index-section-bg-top { height: 50%; } } .index-section-container { position: relative; z-index: 1; } .index-section-try-us .btn-landing--primary { border: 4px solid #094C41; } .index-section-try-us .btn-landing--primary:hover { border-color: var(--gray-700); } .index-section-pricing .pricing-tab-daily { border-top-left-radius: 0 !important; } .index-section-pricing .pricing-tab-screen { border-top-right-radius: 0 !important; } .index-section-pricing .pricing-tab { text-align: center; padding-top: 20px; padding-bottom: 20px; cursor: pointer; border-radius: 16px 16px 0 0; font-weight: 700; font-size: 20px; } @media (min-width: 576px) { .index-section-pricing .pricing-tab { font-size: 27px; } } .index-section-pricing .pricing-tab.is-active { color: var(--light); background-color: var(--primary); } .daily-figure-img { border-radius: 8px; } .daily-figure-img-1 { width: 44.2%; top: 23.5%; left: 13.6%; } .daily-figure-img-2 { width: 44.2%; top: 62%; left: 13.6%; } .daily-figure-img-3 { width: 38%; top: 23.5%; left: 57.9%; } .daily-figure-btn { position: absolute; width: 32px; height: 32px; opacity: 0; cursor: pointer; } .daily-figure-btn-top-1 { top: 4.5%; left: 42.2%; } .daily-figure-btn-top-2 { top: 4.5%; left: 48%; } .daily-figure-btn-top-3 { top: 4.5%; left: 54%; } .daily-figure-btn-top-4 { top: 4.5%; left: 59.8%; } .daily-figure-btn-top-5 { top: 4.5%; left: 65.6%; } .daily-figure-btn-left-1 { top: 15.5%; left: 4.5%; } .daily-figure-btn-left-2 { top: 29.7%; left: 4.5%; } .daily-figure-btn-left-3 { top: 37%; left: 4.5%; } .daily-figure-btn-left-4 { top: 44.3%; left: 4.5%; } .daily-figure-btn-left-5 { top: 51.6%; left: 4.5%; } .daily-figure-btn-left-6 { top: 58.9%; left: 4.5%; } @keyframes dailyBlock4FadeInOut { 0% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 60% { opacity: 0; } 100% { opacity: 0; } } .daily-block-4-figure { position: absolute; top: 0; width: calc(100% - 40px); } .daily-block-4-img { animation-name: dailyBlock4FadeInOut; animation-timing-function: cubic-bezier(0.75, 0, 0.25, 1); animation-iteration-count: infinite; animation-duration: 20s; animation-fill-mode: both; } .daily-block-4-img:nth-of-type(1) { animation-delay: 0s; } .daily-block-4-img:nth-of-type(2) { animation-delay: 4s; } .daily-block-4-img:nth-of-type(3) { animation-delay: 8s; } .daily-block-4-img:nth-of-type(4) { animation-delay: 12s; } .daily-block-4-img:nth-of-type(5) { animation-delay: 16s; } .trello-page-top { background-color: #fff; text-align: center; justify-content: center; align-items: center; gap: 20px; padding: 20px; position: relative; z-index: 50; } @media (min-width: 576px) { .trello-page-top { display: flex; } } .task-page-block, .stream-block, .ai-inbox-block { position: absolute; width: 25%; font-size: 17px; } @media (min-width: 1280px) { .task-page-block, .stream-block, .ai-inbox-block { font-size: 20px; } } .task-page-block-action { border: solid 1px var(--primary); background-color: var(--gray-200); height: 32px; display: flex; align-items: center; gap: 4px; border-radius: 4px; padding: 10px; font-size: 13px; font-weight: 500; color: var(--gray-600); white-space: nowrap; } .task-page-block-action-icon { min-width: 16px; min-height: 16px; text-align: center; line-height: 16px; } .task-page-block-1 { left: 0; top: 13%; } .task-page-block-2 { left: 0; bottom: 13%; } .task-page-block-3 { right: 0; top: 0; } .task-page-block-4 { right: 0; bottom: 42%; } .task-page-block-5 { right: 0; bottom: 13%; } .ai-inbox-block:before, .stream-block:before { content: ''; display: block; width: 4px; position: absolute; top: 0; bottom: 0; } .stream-block-1 { right: 0; top: 4%; } .stream-block-1:before { left: 2px; background-color: var(--palette-common-3); } .stream-block-2 { left: 0; top: 18%; } .stream-block-2:before { top: -50%; bottom: -50%; right: 2px; background-color: var(--palette-common-6); } .stream-block-3 { right: 0; top: 37%; } .stream-block-3:before { top: -50%; bottom: -50%; left: 2px; background-color: var(--palette-common-9); } .stream-block-4 { left: 0; top: 51%; } .stream-block-4:before { right: 2px; top: -40%; bottom: -40%; background-color: var(--palette-common-2); } .stream-block-5 { right: 0; top: 65%; } .stream-block-5:before { top: -50%; bottom: -50%; left: 2px; background-color: var(--palette-common-18); } .stream-block-6 { left: 0; bottom: 13%; } .stream-block-6:before { top: -50%; bottom: -50%; right: 2px; background-color: var(--palette-common-16); } .stream-block-7 { right: 0; bottom: 0; } .stream-block-7:before { left: 2px; top: 31%; bottom: 5%; background-color: var(--palette-common-1); } .ai-inbox-panel-floating { background-color: #007A52; color: var(--light); border-radius: 0 0 8px 8px; padding: 16px; width: 100%; } .ai-inbox-panel-floating-wrapper { position: relative; } .ai-inbox-panel-floating-wrapper .rounded-2xl { border-radius: 8px 8px 0 0; } @media (min-width: 768px) { .ai-inbox-panel-floating { bottom: 8px; position: absolute; left: 50%; right: 50%; transform: translateX(-50%); border-radius: 8px 8px 0 0; padding: 16px 16px 10px 16px; max-width: 370px; } .ai-inbox-panel-floating-wrapper .rounded-2xl { border-radius: 8px; } } .ai-inbox-block-1 { right: 0; top: 9.5%; padding-left: 20px; } .ai-inbox-block-1:before { left: 0; top: -100%; bottom: -100%; background-color: var(--palette-common-3); } .ai-inbox-block-2 { left: 0; top: 22%; padding-right: 20px; } .ai-inbox-block-2:before { right: 0; bottom: -30%; top: -20%; background-color: var(--palette-common-6); } .ai-inbox-block-3 { right: 0; top: 35%; padding-left: 20px; } .ai-inbox-block-3:before { left: 0; top: -100%; bottom: -100%; background-color: var(--palette-common-9); } .ai-inbox-block-4 { left: 0; top: 50%; padding-right: 20px; } .ai-inbox-block-4:before { right: 0; top: -80%; bottom: -80%; background-color: var(--palette-common-2); } .ai-inbox-block-5 { right: 0; top: 68%; padding-left: 20px; } .ai-inbox-block-5:before { left: 0; bottom: -60%; top: -90%; background-color: var(--palette-common-18); } .ai-inbox-block-6 { left: 0; bottom: 12%; padding-right: 20px; } .ai-inbox-block-6:before { right: 0; bottom: -110%; top: -100%; background-color: var(--palette-common-16); } @media (min-width: 1024px) { .ai-inbox-panel-floating { bottom: 16px; } } .help-page h3 { font-size: 27px; line-height: 32px; font-weight: 500; margin-bottom: 30px; margin-top: 0; } .help-page p { margin-bottom: 30px; margin-top: 0; font-size: 20px; line-height: 28px; } .help-page a { text-decoration: underline; } .help-page .faq-panel a:not(:hover) { text-decoration: none; } .help-page b { font-weight: bold; } .help-page figure { display: flex; justify-content: center; margin-bottom: 30px; } .help-page img:not(.logo) { border-radius: 16px; padding: 8px; background-color: var(--gray-300); max-width: 100%; min-width: calc(200px + (8px * 2)); } .help-page a figure img { padding: 0 !important; } .help-page ul { margin-bottom: 30px; margin-top: 0; } .help-page ul li { font-size: 20px; line-height: 28px; } .help-page ol { font-size: 20px; line-height: 28px; padding-left: 30px; margin-top: 0; } .help-page ol ol { list-style-type: lower-alpha; } .help-page .logo { display: block; height: 20px; margin: 30px 0; } .help-page .nav-links { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; padding: 20px 0; } .help-page .nav-links .nav-link { display: flex; align-items: center; gap: 5px; } .help-page .nav-links .nav-link:last-of-type { margin-left: auto; } .help-page .nav-links .nav-link a { font-weight: 500; } .help-page h4 { font-size: 22px; line-height: 28px; font-weight: 500; margin-bottom: 20px; margin-top: 30px; } .help-page table { width: 100%; border-collapse: collapse; margin-bottom: 30px; font-size: 16px; line-height: 24px; } .help-page table th, .help-page table td { padding: 10px 12px; border: 1px solid var(--gray-400); vertical-align: top; text-align: left; } .help-page table th { font-weight: 600; background-color: var(--gray-200); } .help-page code { font-family: monospace; font-size: 0.9em; background-color: var(--gray-200); padding: 2px 6px; border-radius: 4px; } .help-page pre { margin-bottom: 20px; margin-top: 10px; overflow-x: auto; -webkit-overflow-scrolling: touch; } .help-page pre code { display: block; padding: 12px 16px; border-radius: 8px; background-color: var(--gray-200); white-space: pre; } .help-page blockquote { margin: 0 0 30px 0; padding: 16px 20px; border-left: 4px solid var(--gray-400); background-color: var(--gray-200); border-radius: 0 8px 8px 0; } .help-page blockquote p:last-child { margin-bottom: 0; } .help-page .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 30px; } .help-page .table-responsive table { margin-bottom: 0; min-width: 500px; } @media (max-width: 767px) { .help-page h3 { font-size: 22px; line-height: 28px; } .help-page h4 { font-size: 18px; line-height: 24px; } .help-page p, .help-page ul li, .help-page ol { font-size: 16px; line-height: 24px; } .help-page table { font-size: 14px; line-height: 20px; } .help-page blockquote { padding: 12px 16px; } } .glabixGPT-pricing-picker-wrapper { border-radius: 32px; padding: 4px; background-color: #fff; cursor: pointer; } .glabixGPT-pricing-picker-wrapper.is-active { padding: 7px; background: linear-gradient(90deg, #FAC1A3, #22C4E4, #585DEC, #FAC1A3); background-size: 500%; animation: rainbowBg 20s linear infinite; } .glabixGPT-pricing-picker-body { border-radius: 32px; padding: 30px; background-color: var(--gray-700); color: #fff; } .glabixGPT-pricing-picker-wrapper.is-active .glabixGPT-pricing-picker-body { background-color: #fff; padding: 27px; color: var(--dark); } .glabixGPT-pricing-picker-label { background-color: #32D74C; color: #fff; border-radius: 11px; height: 40px; display: inline-flex; justify-content: center; align-items: center; padding: 0 20px; } .glabixGPT-pricing-picker-icon { font-size: 27px; } .glabixGPT-pricing-picker-icon:before { content: "\e98b"; } .glabixGPT-pricing-picker-wrapper.is-active .glabixGPT-pricing-picker-icon:before { content: "\e984"; color: var(--primary); } .glabixGPT-pricing-picker-wrapper.is-active .glabixGPT-pricing-picker-body {} .glabixGPT-pricing-info { border-radius: 36px; padding: 20px; background-image: url('/images/index/ai-inbox/glabix-gpt-bg.jpg'); background-size: cover; background-position: center; } .screen-slider { display: flex; flex-direction: column-reverse; } .screen-slider .screen { position: sticky; top: 0; padding-top: 20px; height: 60vh; } .screen-slider .screen-frame { max-height: 60vh; } .screen-slider .screen-frame { max-width: 100%; } .screen-slider .screen-scroll-col { text-align: center; } .screen-slider .screen-sticky-col { position: sticky; background-color: var(--dark); box-shadow: 0px 20px 10px 0px var(--dark); top: 0; } @media (min-width: 768px) { .screen-slider { flex-direction: row; } .screen-slider .screen { height: 100dvh; padding-top: 0; } .screen-slider .screen-frame { max-height: none; } .screen-slider .screen-scroll-col { text-align: left; } .screen-slider .screen-sticky-col { position: static; box-shadow: none; background-color: none; } .screen-slider .screen-slide-img { min-width: 310px; max-width: 420px; max-height: 100dvh; } .screen-slider .screen-slide-img img { max-height: 100dvh; } } .screen-slider .screen-slide-text { height: 100dvh; } .screen-slider .screen-slide-frame { position: relative; } .screen-slider .screen-slide-frame .screen-slide { position: absolute; left: 0; top: 0; opacity: 0; } .screen-slider .screen-slide-frame .screen-slide.is-active { animation-name: fadeIn; animation-timing-function: ease-out; animation-duration: 0.8s; animation-fill-mode: both; } @media (min-width: 768px) { .screen-slider .screen-slide-frame .screen-slide.is-active { animation-duration: 0.5s; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .swiper-button-next, .swiper-button-prev { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; background-color: var(--light); color: var(--dark); border-radius: 100%; box-shadow: 0px 4px 24px 0px #565ADD33; } .swiper-button-next::after, .swiper-button-prev::after { content: ""; } .install-section-holder .page-footer-nav-container { @media (min-width: 768px) { padding-top: 240px; } @media (min-width: 1024px) { padding-top: 120px; } } .install-section { @media (min-width: 768px) { position: absolute; top: -160px; z-index: 2; } } .landing-ai-email { --primary: #00FFAA; } .landing-ai-email .btn-landing--primary { color: var(--dark); border: none; } .landing-ai-email .btn-landing--primary:hover { color: var(--light); } @media (min-width: 1024px) { .landing-ai-email .h1 { font-size: 60px; line-height: 1.15; } .landing-ai-email .screen-slider .screen-slide-text .h2-xs { line-height: 1.2; max-width: 720px; } } @media (min-width: 1200px) { .landing-ai-email .h1 { font-size: 70px; } .landing-ai-email .screen-slider .screen-slide-text .h2-xs { font-size: 48px; } } @media (min-width: 1400px) { .landing-ai-email .h1 { font-size: 90px; } } .glabix-screen { color: var(--dark) !important; } .glabix-screen .btn-landing--primary { border: 8px solid #6bc4a6; border-radius: 16px; height: auto; } .glabix-screen .btn-landing--primary:hover { border-color: var(--gray-700); } .glabix-screen .card { min-width: 248px; max-width: 380px; } .glabix-screen .price-card { max-width: 425px; } @media (min-width: 1024px) { .glabix-screen .h1 { font-size: 64px; line-height: 64px; } .glabix-screen .h2-xs { font-size: 40px; line-height: 48px; } .glabix-screen .h3 { font-size: 36px; line-height: 44px; } .glabix-screen .h4 { font-size: 24px; line-height: 43px; } .glabix-screen .text-lg { font-size: 24px; line-height: 30px; } } .glabix-screen .text-md { font-size: 18px; line-height: 30px; } .glabix-screen .text-sm { font-size: 16px; line-height: 20px; } .glabix-screen .text-xs { font-size: 14px; line-height: 24px; } .glabix-screen .text-2xs { font-size: 12px; line-height: 14px; } .glabix-screen .page-header .text-lg { font-size: 20px; line-height: 28px; } .landing-ai-guide { --primary: #00E0FF; } .landing-ai-guide .z-1 { z-index: 1px; } .landing-ai-guide .page-header { background-color: var(--dark); } .landing-ai-guide .glabix-landing-logo { aspect-ratio: 233 / 60; width: 179px; height: 46px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 233 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M115.141 40.863v-7.652c.006-.146.009-.292.009-.439v-5.824c0-5.692-4.596-10.307-10.264-10.307h-5.821c-5.669 0-10.264 4.615-10.264 10.307v5.824c0 5.692 4.595 10.307 10.264 10.307h5.821c1.302 0 2.548-.244 3.695-.688-.089.37-.21.727-.364 1.07l-.009.02-.009.02a6.05 6.05 0 0 1-1.42 2.124l-.018.017-.016.018a6.025 6.025 0 0 1-2.115 1.426l-.02.008-.02.01a6.167 6.167 0 0 1-2.536.539l-.686.001h-7.186c-1.766 0-3.197 1.456-3.197 3.229 0 1.773 1.431 3.229 3.197 3.229h7.868c1.801-.006 3.505-.355 5.099-1.054a12.393 12.393 0 0 0 4.151-2.814 12.958 12.958 0 0 0 2.791-4.203c.702-1.615 1.05-3.341 1.05-5.168Zm-10.255-17.809h-5.821a3.886 3.886 0 0 0-3.878 3.894v5.824a3.886 3.886 0 0 0 3.878 3.894h5.821a3.886 3.886 0 0 0 3.877-3.894v-5.824a3.885 3.885 0 0 0-3.877-3.894Z' fill='%23fff'/%3E%3Cpath d='M197.318 42.131c.618-.62.927-1.403.927-2.275V19.883c0-.872-.309-1.656-.927-2.275a3.116 3.116 0 0 0-2.266-.931c-.869 0-1.649.31-2.266.93a3.143 3.143 0 0 0-.927 2.276v19.973c0 .872.31 1.656.927 2.275.617.62 1.397.931 2.266.931s1.649-.311 2.266-.93Zm5.23-22.449a3.162 3.162 0 0 0 .775 2.275l6.794 7.91-6.79 7.864-.004.005a3.226 3.226 0 0 0-.775 2.317l.002.03.003.03c.09.86.466 1.605 1.122 2.17l.018.015.019.016c.588.463 1.271.748 2.028.748.96 0 1.782-.404 2.409-1.124l6.167-7.157 11.891 14.021.004.005c.627.72 1.449 1.124 2.409 1.124.771 0 1.47-.273 2.073-.748l.019-.016.019-.016a3.074 3.074 0 0 0 1.079-2.2 2.995 2.995 0 0 0-.787-2.363l-12.466-14.72 6.739-7.895c.588-.645.874-1.441.786-2.32a3.23 3.23 0 0 0-1.045-2.212l-.035-.032-.037-.03c-.603-.475-1.302-.748-2.073-.748-.96 0-1.782.404-2.409 1.124l-6.167 7.198-6.161-7.19-.006-.008c-.627-.72-1.449-1.124-2.409-1.124-.757 0-1.44.285-2.028.748l-.037.03-.034.032a3.412 3.412 0 0 0-1.088 2.185l-.003.028-.002.028Z' fill='%23fff'/%3E%3Cpath d='M125.393 42.13c.617-.62.927-1.404.927-2.276V9.529c0-.873-.31-1.656-.927-2.276a3.116 3.116 0 0 0-2.266-.93c-.869 0-1.649.31-2.266.93a3.143 3.143 0 0 0-.927 2.276v30.325c0 .873.31 1.656.927 2.276.617.62 1.397.93 2.266.93s1.649-.31 2.266-.93Z' fill='%2300E0FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M156.821 34.565c-.017 0 .002-.81.002-.81v-6.809c0-5.692-4.595-10.306-10.264-10.306h-5.821c-5.668 0-10.264 4.614-10.264 10.306v5.824c0 5.693 4.596 10.307 10.264 10.307h5.203c2.43 0 3.737-1.688 4.496-2.472 0 0 .147.353.435.792.287.436.623.823 1.066 1.136.443.313 1.017.544 1.886.544s1.452-.328 2.07-.947c.617-.62.927-1.404.927-2.276v-5.29Zm-10.262-11.512h-5.821a3.886 3.886 0 0 0-3.877 3.893v5.824a3.885 3.885 0 0 0 3.877 3.894h5.821a3.886 3.886 0 0 0 3.878-3.894v-5.824a3.886 3.886 0 0 0-3.878-3.893Zm14.461 4.261.009 5.462c0 5.692 4.596 10.307 10.264 10.307h5.821c5.669 0 10.264-4.615 10.264-10.307v-5.824c0-5.692-4.595-10.307-10.264-10.307h-5.821a10.2 10.2 0 0 0-3.887.765V9.529c0-.873-.31-1.656-.927-2.276a3.116 3.116 0 0 0-2.266-.93c-.869 0-1.649.31-2.266.93a3.143 3.143 0 0 0-.927 2.276v17.785Zm10.273-4.256h5.821a3.886 3.886 0 0 1 3.878 3.894v5.824a3.886 3.886 0 0 1-3.878 3.893h-5.821a3.886 3.886 0 0 1-3.877-3.893v-5.824a3.885 3.885 0 0 1 3.877-3.894Z' fill='%2300E0FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.359 11.617a3.12 3.12 0 0 0-3.12 3.12v36a3.12 3.12 0 0 0 3.12 3.12h58.8a3.12 3.12 0 0 0 3.12-3.12V37.856a2.88 2.88 0 1 1 5.76 0v12.881a8.88 8.88 0 0 1-8.88 8.88h-58.8a8.88 8.88 0 0 1-8.88-8.88v-36a8.88 8.88 0 0 1 8.88-8.88h38.206a2.88 2.88 0 1 1 0 5.76H9.359Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M51.25 27.127c4.32 2.494 4.32 8.73 0 11.224L31.072 50c-4.32 2.494-9.72-.624-9.72-5.612v-23.3c0-4.988 5.4-8.106 9.72-5.612l20.178 11.65Zm-2.88 6.236a.72.72 0 0 0 0-1.248l-20.178-11.65a.72.72 0 0 0-1.08.624v23.3c0 .554.6.9 1.08.623l20.178-11.65Z' fill='%2300E0FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M63.654 2.272c1.121-3.03 5.407-3.03 6.528 0l1.567 4.238a9.72 9.72 0 0 0 5.743 5.742l4.237 1.568c3.03 1.121 3.03 5.407 0 6.528l-4.237 1.568a9.72 9.72 0 0 0-5.743 5.742l-1.567 4.237c-1.121 3.03-5.407 3.03-6.528 0l-1.568-4.237a9.72 9.72 0 0 0-5.742-5.742l-4.238-1.568c-3.03-1.121-3.03-5.407 0-6.528l4.237-1.568a9.72 9.72 0 0 0 5.743-5.742l1.568-4.238Zm3.264 7.58a15.481 15.481 0 0 1-7.232 7.232 15.482 15.482 0 0 1 7.232 7.232 15.481 15.481 0 0 1 7.232-7.232 15.481 15.481 0 0 1-7.232-7.232Zm-.334 33.896c2.419 1.027 2.419 4.486 0 5.513-1.028 2.42-4.486 2.42-5.514 0-2.419-1.027-2.419-4.486 0-5.513 1.028-2.42 4.486-2.42 5.514 0Zm-1.752 1.751a2.847 2.847 0 0 1 0 2.011 2.847 2.847 0 0 1-2.01 0 2.847 2.847 0 0 1 0-2.01 2.847 2.847 0 0 1 2.01 0Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h232.8v60H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; } .landing-ai-guide .btn-landing { border-radius: 20px; } .landing-ai-guide .btn-landing--primary { color: var(--dark); border: none; } .landing-ai-guide .btn-landing--primary:hover { color: var(--light); } .landing-ai-guide .page-header, .landing-ai-guide .page-header .page-nav { background-color: var(--dark) !important; color: var(--light); } .landing-ai-guide .page-nav-modal { color: var(--dark); } .landing-ai-guide .page-nav-menu { width: 70%; padding-left: 7%; } .landing-ai-guide .hero { overflow: hidden; position: relative; } .landing-ai-guide .hero .dots-line.red { position: absolute; bottom: 40px; left: -8px; } .landing-ai-guide .hero .dots-line.blue { position: absolute; bottom: 52%; right: -8px; } .landing-ai-guide .hero .dots-line.text-primary { position: absolute; top: 100px; left: -64px; transform: rotate(-90deg); } .landing-ai-guide .faq-panel.is-active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .landing-ai-guide .faq-panel-content { background-color: var(--light); padding-bottom: 30px; border-radius: 0 0 16px 16px; } .landing-ai-guide .divider { height: 4px; max-width: 280px; width: 100%; margin-left: auto; margin-right: auto; } .landing-ai-guide .panel-guide { max-width: 300px; } .landing-ai-guide .panel-border { position: relative; } .landing-ai-guide .panel-border-label-1 { position: absolute; right: 20px; top: -30px; width: 80px; } .landing-ai-guide .panel-border-label-2 { position: absolute; right: 20px; top: 20px; width: 48px; } .landing-ai-guide .dots-line { width: 216px; height: 16px; position: absolute; } .landing-ai-guide .dots-line .line { margin-left: 48px; margin-right: 24px; position: relative; width: 144px; border-radius: 16px; height: 100%; background-color: currentColor; } .landing-ai-guide .dots-line .line:before, .landing-ai-guide .dots-line:before, .landing-ai-guide .dots-line:after { content: ''; display: block; width: 16px; height: 16px; position: absolute; top: 0; left: 0; background-color: currentColor; border-radius: 16px; } .landing-ai-guide .dots-line:after { left: auto; right: 0; } .landing-ai-guide .dots-line .line:before { left: -24px; } .landing-ai-guide .dots-line.red { color: #EA5455; } .landing-ai-guide .dots-line.blue { color: #047FCC; } .landing-ai-guide .step { text-align: center; overflow: hidden; } .landing-ai-guide .step .btn-landing { height: 55px; line-height: 55px; } .landing-ai-guide .step .step-suptitle { color: #CB0000; position: relative; display: inline-flex; align-items: center; gap: 5px; } .landing-ai-guide .step .step-title { position: relative; overflow: hidden; } .landing-ai-guide .step-1 .step-title-bg:after { content: ''; display: inline-block; position: absolute; top: -20px; right: -40px; width: 329px; height: 46px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 329 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' fill='%2300E0FF'%3E%3Cpath d='M221.122 14.02a2 2 0 0 1-.503-3.968l.503 3.969Zm46.195 8.9a2 2 0 0 1-1.48 2.41l-17.506 4.188a2 2 0 1 1-.93-3.89l15.561-3.722-3.722-15.561a2 2 0 0 1 3.89-.93l4.187 17.505Zm-46.446-10.884c-.252-1.984-.251-1.984-.25-1.984h.008l.018-.003.059-.007.211-.023c.181-.018.441-.042.777-.067.671-.05 1.642-.104 2.874-.122 2.464-.038 5.973.064 10.211.617a80.426 80.426 0 0 1 31.64 11.234l-2.093 3.409a76.427 76.427 0 0 0-30.064-10.677c-4.021-.524-7.336-.619-9.633-.584-1.148.018-2.04.067-2.638.112a25.574 25.574 0 0 0-.871.08c.001 0 .002 0-.249-1.985Zm-60.164 2.567a2 2 0 0 0-1.332 3.772l1.332-3.772Zm53.232.854a2 2 0 0 0-.936-2.669L196.78 4.991a2 2 0 1 0-1.732 3.605l14.42 6.931-6.931 14.421a2 2 0 1 0 3.604 1.733l7.798-16.224Zm-53.898 1.032c-.666 1.886-.665 1.886-.664 1.887h.002l.006.002.019.007.062.021a25.108 25.108 0 0 0 1.064.334 55.73 55.73 0 0 0 3.144.823c2.712.63 6.617 1.358 11.437 1.762a91.025 91.025 0 0 0 37.688-4.847l-1.324-3.774a87.019 87.019 0 0 1-36.03 4.635c-4.602-.386-8.315-1.08-10.866-1.673a51.233 51.233 0 0 1-2.914-.761 29.581 29.581 0 0 1-.914-.287l-.039-.013-.006-.002h-.001.001l-.665 1.886Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h329v45H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 60px 0; } .landing-ai-guide .step-2 .step-title-bg:after { content: ''; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); left: -40px; width: 40px; height: 81px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 81' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cg clip-path='url(%23b)'%3E%3Cg clip-path='url(%23c)' stroke='%2300E0FF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 6.242 12.712 9.626m-7.091 10.144 10.772-2.227m.845-20.597 5.654 10.063M3.988 47.25c5.537 3.16 11.87 9.161 10.235 16.667 2.854-6.622 12.648-6.643 18.115-4.286-10.98-3.75-8.65-16.865-8.65-16.865s-5.998 10.381-19.7 4.485Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .48h40v80H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23fff' d='M0 .48h40v80H0z'/%3E%3C/clipPath%3E%3CclipPath id='c'%3E%3Cpath fill='%23fff' d='M0 .48h213v69H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; } .landing-ai-guide .step-3 .step-title-bg-1 { padding-left: 40px; } .landing-ai-guide .step-3 .step-title-bg-1:before { content: ''; display: inline-block; position: absolute; top: 50%; left: 0; width: 36px; height: 47px; transform: translateY(-50%); background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.996 25.89c.746-2.48 2.941-6.323 5.755-1.86 3.516 5.578 3.916-3.254 5.355-2.557 1.438.697 1.678 6.276 3.516 4.416 1.839-1.86 4.236-4.416 5.116-4.416.879 0 1.198 2.557 2.557 2.557s3.277-2.557 4.955-2.557c1.679 0 .8 2.557 3.357 2.557m.533 9.707c-1.323.76-2.91-1.276-3.765-.784-.856.492-1.915 4.05-2.777 6.692-.863 2.64-3.877-2.06-5.625-1.86-1.748.201 2.267 8.082-3.938 5.215-2.953-1.365-4.228-.303-4.668 1.321M11.984 2.46c.479 6.578 4.987-1.028 5.929.264.941 1.292-1.472 6.328 1.025 5.552 2.497-.776 5.816-1.904 6.591-1.49.776.413-.145 2.82 1.054 3.459 1.2.639 4.095-.715 5.576.075 1.481.79-.498 2.632 1.76 3.835' stroke='%2300E0FF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; } .landing-ai-guide .step-3 .step-title-bg-2 { white-space: nowrap; } .landing-ai-guide .step-3 .step-title-bg-2:after { content: ''; display: inline-block; vertical-align: middle; margin-left: 0.125em; width: 36px; height: 47px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 37 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.142 18.569c-.746 2.48-2.94 6.322-5.754 1.86-3.517-5.58-3.917 3.254-5.355 2.556-1.439-.697-1.679-6.276-3.517-4.416-1.838 1.86-4.236 4.416-5.115 4.416-.879 0-1.199-2.557-2.558-2.557-1.359 0-3.277 2.557-4.955 2.557-1.679 0-.799-2.557-3.357-2.557m-.535-7.711c1.322-.76 2.908 1.277 3.764.784.856-.492 1.915-4.05 2.777-6.692.862-2.64 3.877 2.06 5.625 1.86C16.91 8.468 12.895.588 19.1 3.455c2.953 1.364 4.227.302 4.668-1.322m.385 38.862c-.48-6.577-4.987 1.03-5.93-.263-.94-1.292 1.473-6.327-1.024-5.551-2.497.776-5.816 1.904-6.591 1.49-.776-.414.145-2.82-1.054-3.46-1.2-.639-4.095.715-5.576-.075-1.481-.79.498-2.632-1.76-3.835' stroke='%2300E0FF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; } .landing-ai-guide .step-3 .step-title-bg-1:after { content: ''; display: inline-block; position: absolute; bottom: -5px; left: 60px; width: 130px; height: 9px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 195 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6.688c1.584-2.052 6.245-5.233 12.22-1.54 7.467 4.617 8.315-2.692 11.37-2.115 3.055.577 3.564 5.194 7.467 3.655 3.904-1.54 8.995-3.655 10.862-3.655 1.867 0 2.546 2.116 5.431 2.116 2.885 0 6.958-2.116 10.522-2.116s2.197 2.116 7.628 2.116c4.5.351 6.745-3.694 12.719 0 7.468 4.616 8.316-2.693 11.371-2.116 3.055.577 3.564 5.194 7.467 3.655 3.904-1.54 8.995-3.655 10.862-3.655 1.867 0 2.546 2.116 5.431 2.116 2.885 0 7.074-3.018 10.522-2.116 3.128.818 8.373 4.512 14.347.818 7.468-4.616 8.316 2.693 11.371 2.116 3.055-.577 3.564-5.193 7.467-3.655 3.904 1.54 8.995 3.655 10.862 3.655 1.867 0 2.546-2.116 5.431-2.116 2.885 0 6.958 2.116 10.522 2.116s1.697-2.116 7.128-2.116' stroke='%2300E0FF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; } .landing-ai-guide .step-4 .step-title-bg-1:before { content: ''; display: inline-block; position: absolute; top: 50%; left: -40px; width: 39px; height: 99px; transform: translateY(-50%); background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 39 99' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.707 25.433 23.483 2.922l.074 17.302-12.623-7.404 6.784 16.488c-5.21 1.23-15.402 6.542-15.402 6.542s14.457 5.163 21.57 6.319M13.64 96.126l8.96-11.871 3.438 10.603 7.857-10.975' stroke='%2300E0FF' stroke-width='4.038' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; } .landing-ai-guide .step-4 .step-title-bg-2 { white-space: nowrap; } .landing-ai-guide .step-4 .step-title-bg-2:after { content: ''; display: inline-block; vertical-align: middle; margin-left: 0.125em; width: 43px; height: 78px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 43 78' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.928 16.018c4.026-2.288 4.769-8.216.863-8.603-3.124-.31-7.28 4.235-8.967 6.546C22.986 9.6 20.411.536 16.99 2.481c-2.424 1.378-1.734 4.172-.893 12.676.435 4.406-2.273 8.343-5.097 11.098m25.251-14.733c3.319.72 6.211 5.334-.564 11.04m3.096-3.307c3.319 3.137 4.267 10.923-8.404 16.755-4.404 2.026-7.734 3.753-10.186 5.15m14.855 29.282L18.341 59.21l-.467 16.082L3 64.684' stroke='%2300E0FF' stroke-width='4.038' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; } .landing-ai-guide .step-5 .step-title-bg:after { content: ''; position: absolute; bottom: -25px; pointer-events: none; left: -15px; width: 329px; height: 46px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 329 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m82.19 31.328 1.587 1.218a2 2 0 0 0-2.219-3.115l.633 1.897Zm129.514-18.283a2 2 0 0 0-.881-2.687l-16.059-8.13a2 2 0 0 0-1.807 3.569l14.275 7.226-7.226 14.275a2 2 0 1 0 3.568 1.807l8.13-16.06ZM1.106 37.787a2 2 0 1 0 1.789 3.578l-1.789-3.578Zm33.168-1.653c-.628.892-1.123 1.852-1.26 2.849-.154 1.107.152 2.18.957 3 .714.727 1.662 1.093 2.52 1.294.887.208 1.9.291 2.966.297 4.2.023 10.472-1.167 16.795-2.683 6.383-1.53 13.027-3.448 18.064-4.978a417.997 417.997 0 0 0 7.882-2.481 216.426 216.426 0 0 0 .583-.192l.03-.01.009-.003.002-.001-.631-1.898-.633-1.897h-.002l-.007.003-.028.01-.116.038-.452.148a414.671 414.671 0 0 1-7.8 2.455c-5 1.52-11.56 3.412-17.834 4.916-6.336 1.52-12.179 2.593-15.84 2.573-.9-.005-1.586-.077-2.075-.191-.517-.122-.622-.247-.578-.203a.568.568 0 0 1 .126.221c.032.101.02.157.024.13.013-.093.109-.44.57-1.095l-3.272-2.302Zm47.917-4.806c-1.587-1.218-1.588-1.216-1.59-1.214l-.004.005-.008.012-.024.032a8.182 8.182 0 0 0-.286.42c-.17.267-.391.645-.606 1.106-.414.888-.883 2.248-.752 3.774.14 1.632.953 3.242 2.72 4.483 1.682 1.18 4.148 1.975 7.577 2.34 6.86.731 18.365-.18 37.464-4.309 19.146-4.139 46.076-11.548 83.861-23.934l-1.246-3.801c-37.715 12.363-64.501 19.727-83.46 23.826-19.007 4.109-29.997 4.901-36.195 4.24-3.099-.33-4.803-1.004-5.703-1.636-.813-.57-.995-1.116-1.032-1.552-.047-.543.123-1.165.391-1.74a5.768 5.768 0 0 1 .486-.843c0-.001.001-.002 0 0l-.002.003-.002.003c-.002.001-.003.003-1.59-1.215Zm-44.646 7.108c1.144-1.625 1.982-3.442 1.532-5.195-.502-1.96-2.27-2.766-3.708-3.09-1.506-.34-3.371-.342-5.325-.175-1.986.17-4.212.529-6.505.996-4.588.935-9.571 2.331-13.686 3.633-4.065 1.286-7.442 2.53-8.747 3.183l1.789 3.577c.986-.493 4.081-1.654 8.164-2.946 4.034-1.276 8.874-2.63 13.279-3.527 2.203-.45 4.266-.778 6.047-.93 1.815-.155 3.197-.114 4.104.09.975.22.785.459.714.182-.018-.07.104.433-.93 1.9l3.272 2.302ZM221.12 13.974a2 2 0 0 1-.503-3.969l.503 3.969Zm46.195 8.9a2 2 0 0 1-1.48 2.41l-17.506 4.187a2 2 0 1 1-.93-3.89l15.561-3.722-3.722-15.561a2 2 0 0 1 3.89-.93l4.187 17.506ZM220.869 11.99c-.252-1.985-.251-1.985-.25-1.985h.008l.018-.003.059-.007.211-.022c.181-.019.441-.043.777-.068.671-.05 1.642-.103 2.874-.122 2.464-.038 5.973.064 10.211.617a80.426 80.426 0 0 1 31.64 11.234l-2.093 3.41a76.427 76.427 0 0 0-30.064-10.678c-4.021-.524-7.336-.619-9.633-.584-1.148.018-2.04.068-2.638.112a25.574 25.574 0 0 0-.865.08h-.006c.001 0 .002 0-.249-1.984Zm55.339 17.506a2 2 0 0 0-.416 3.979l.416-3.979Zm51.967-11.57a2 2 0 0 0-1.532-2.377l-17.593-3.804a2 2 0 0 0-.845 3.91l15.638 3.381-3.381 15.639a2 2 0 1 0 3.909.845l3.804-17.594ZM276 31.486c-.208 1.989-.207 1.989-.206 1.989h.008l.02.003a9.932 9.932 0 0 0 .302.026c.203.016.497.037.876.057.757.04 1.856.076 3.249.067 2.785-.018 6.752-.22 11.533-.95a91.024 91.024 0 0 0 35.522-13.493l-2.167-3.362a87.017 87.017 0 0 1-33.959 12.9c-4.565.698-8.337.888-10.956.905a51.398 51.398 0 0 1-3.012-.062 29.135 29.135 0 0 1-.955-.065l-.041-.004h-.008.001L276 31.484Z' fill='%2300E0FF'/%3E%3C/svg%3E"); background-repeat: no-repeat; display: none; } @media (min-width: 576px) { .landing-ai-guide .step-3 .step-title-bg-1:after { width: 155px; } } @media (min-width: 768px) { .landing-ai-guide .step { text-align: left; overflow: visible; } .landing-ai-guide .step-3 .step-title-bg-1:after { width: 195px; } .landing-ai-guide .step-5 .step-title-bg:after { display: inline-block; } .landing-ai-guide .h2-xs.xs { font-size: 32px; } } @media (min-width: 1024px) { .landing-ai-guide .step .step-title { font-size: 50px; } .landing-ai-guide .step-3 .step-title-bg-1 { padding-left: 0; } .landing-ai-guide .step-3 .step-title-bg-1:before { left: -40px; } } @media (min-width: 1024px) { .landing-ai-guide.rounded-2xl { border-radius: 32px; } .landing-ai-guide .page-header .page-nav { background-color: var(--dark); color: var(--light); } .landing-ai-guide .h1 { font-size: 80px; line-height: 1.15; } .landing-ai-guide .hero .h1 { font-size: 80px; } .landing-ai-guide .hero .h4 { font-size: 39px; line-height: 1.2; } } .download-page .qr-code-wrapper { max-width: 160px; } @media (min-width: 1024px) { .download-page .h1 { font-size: 64px; line-height: 78px; } } .bg-gradient-figures { background-repeat: no-repeat; background-size: 100% auto; background-position: top center; background-image: url('data:image/svg+xml,'); } .bg-pink-gradient { background: linear-gradient(357.31deg, #f96377 0.58%, #f963b3 96.1%); } .bg-indigo-gradint { background: linear-gradient(11.67deg, #AC76D1 -21.29%, #7F79D2 34.88%, #7A8CD2 92.13%); } .inline-block { display: inline-block; } .block { display: block; } .img-fluid { max-width: 100%; } .w-20 { width: 20px !important; } .w-full { width: 100% !important; } .min-w-half { min-width: 50% !important; } .w-full-lg { @media (min-width: 1024px) { width: 100% !important; } } .w-fit { width: fit-content !important; } .w-max-lg { @media (min-width: 1024px) { width: max-content !important; } } .max-w-full { max-width: 100% !important; } .max-w-500 { max-width: 500px; } .w-1\/2 { width: 50% !important; } .w-1\/2\:md { @media (min-width: 768px) { width: 50% !important; } } .w-3\/5\:md { @media (min-width: 768px) { width: 60% !important; } } .w-auto { width: auto !important; } .w-auto-md { @media (min-width: 768px) { width: auto !important; } } .w-auto-lg { @media (min-width: 1024px) { width: auto !important; } } .h-px { height: 1px; } .h-10 { height: 10px; } .h-20 { height: 20px !important; } .h-full { height: 100% !important; } .min-h-60 { min-height: 60px; } .absolute { position: absolute; } .absolute-center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .relative { position: relative; } .-top-4 { top: -1rem !important; } .left-0 { left: 0 !important; } .-left-4 { left: -1rem !important; } .-right-4 { right: -1rem !important; } .bottom-0 { bottom: 0 !important; } .z-10 { z-index: 10; } .pointer-events-none { pointer-events: none !important; } .cursor-pointer { cursor: pointer !important; } .uppercase { text-transform: uppercase !important; } .bg-color-1 { background-color: var(--bg-color-1); } .bg-color-2 { background-color: var(--bg-color-2); } .bg-color-3 { background-color: var(--bg-color-3); } .bg-color-4 { background-color: var(--bg-color-4); } .bg-color-5 { background-color: var(--bg-color-5); } .bg-color-6 { background-color: var(--bg-color-6); } .bg-color-7 { background-color: var(--bg-color-7); } .bg-color-8 { background-color: var(--bg-color-8); } .bg-color-9 { background-color: var(--bg-color-9); } .bg-palette-0 { background-color: var(--palette-common-0); } .bg-palette-1 { background-color: var(--palette-common-1); } .bg-palette-2 { background-color: var(--palette-common-2); } .bg-palette-3 { background-color: var(--palette-common-3); } .bg-palette-4 { background-color: var(--palette-common-4); } .bg-palette-5 { background-color: var(--palette-common-5); } .bg-palette-6 { background-color: var(--palette-common-6); } .bg-palette-7 { background-color: var(--palette-common-7); } .bg-palette-8 { background-color: var(--palette-common-8); } .bg-palette-9 { background-color: var(--palette-common-9); } .bg-palette-10 { background-color: var(--palette-common-10); } .bg-palette-11 { background-color: var(--palette-common-11); } .bg-palette-12 { background-color: var(--palette-common-12); } .bg-palette-13 { background-color: var(--palette-common-13); } .bg-palette-14 { background-color: var(--palette-common-14); } .bg-palette-15 { background-color: var(--palette-common-15); } .bg-palette-16 { background-color: var(--palette-common-16); } .bg-palette-17 { background-color: var(--palette-common-17); } .bg-palette-18 { background-color: var(--palette-common-18); } .bg-palette-19 { background-color: var(--palette-common-19); } .bg-palette-light-0 { background-color: var(--palette-light-0); } .bg-palette-light-1 { background-color: var(--palette-light-1); } .bg-palette-light-2 { background-color: var(--palette-light-2); } .bg-palette-light-3 { background-color: var(--palette-light-3); } .bg-palette-light-4 { background-color: var(--palette-light-4); } .bg-palette-light-5 { background-color: var(--palette-light-5); } .bg-palette-light-6 { background-color: var(--palette-light-6); } .bg-palette-light-7 { background-color: var(--palette-light-7); } .bg-palette-light-8 { background-color: var(--palette-light-8); } .bg-palette-light-9 { background-color: var(--palette-light-9); } .bg-palette-light-10 { background-color: var(--palette-light-10); } .bg-palette-light-11 { background-color: var(--palette-light-11); } .bg-palette-light-12 { background-color: var(--palette-light-12); } .bg-palette-light-13 { background-color: var(--palette-light-13); } .bg-palette-light-14 { background-color: var(--palette-light-14); } .bg-palette-light-15 { background-color: var(--palette-light-15); } .bg-palette-light-16 { background-color: var(--palette-light-16); } .bg-palette-light-17 { background-color: var(--palette-light-17); } .bg-palette-light-18 { background-color: var(--palette-light-18); } .bg-palette-light-19 { background-color: var(--palette-light-19); } .bg-palette-light-0-hover:hover { background-color: var(--palette-light-0); } .bg-palette-light-1-hover:hover { background-color: var(--palette-light-1); } .bg-palette-light-2-hover:hover { background-color: var(--palette-light-2); } .bg-palette-light-3-hover:hover { background-color: var(--palette-light-3); } .bg-palette-light-4-hover:hover { background-color: var(--palette-light-4); } .bg-palette-light-5-hover:hover { background-color: var(--palette-light-5); } .bg-palette-light-6-hover:hover { background-color: var(--palette-light-6); } .bg-palette-light-7-hover:hover { background-color: var(--palette-light-7); } .bg-palette-light-8-hover:hover { background-color: var(--palette-light-8); } .bg-palette-light-9-hover:hover { background-color: var(--palette-light-9); } .bg-palette-light-10-hover:hover { background-color: var(--palette-light-10); } .bg-palette-light-11-hover:hover { background-color: var(--palette-light-11); } .bg-palette-light-12-hover:hover { background-color: var(--palette-light-12); } .bg-palette-light-13-hover:hover { background-color: var(--palette-light-13); } .bg-palette-light-14-hover:hover { background-color: var(--palette-light-14); } .bg-palette-light-15-hover:hover { background-color: var(--palette-light-15); } .bg-palette-light-16-hover:hover { background-color: var(--palette-light-16); } .bg-palette-light-17-hover:hover { background-color: var(--palette-light-17); } .bg-palette-light-18-hover:hover { background-color: var(--palette-light-18); } .bg-palette-light-19-hover:hover { background-color: var(--palette-light-19); } .bg-dark-hover:hover { background-color: #cfd1d4; } .bg-yellow-hover:hover { background-color: #fef6cc; } .bg-light { background-color: var(--light); } .bg-dark { background-color: var(--dark) !important; } .bg-primary-100 { background-color: var(--primary-100) !important; } .bg-primary-200 { background-color: var(--primary-200) !important; } .bg-primary { background-color: var(--primary) !important; } .bg-primary-700 { background-color: var(--primary-700) !important; } .bg-primary-gradient { background: var(--primary-gradient) !important; } .bg-blue { background-color: #2e62d5 !important; } .bg-gray-100 { background-color: var(--gray-100); } .bg-gray-200 { background-color: var(--gray-200); } .bg-gray-300 { background-color: var(--gray-300); } .bg-gray-200-hover:hover { background-color: #f5f6f6; } .bg-gray-400 { background-color: var(--gray-400); } .bg-gray-600 { background-color: var(--gray-600); } .bg-gray-900 { background-color: var(--gray-900) !important; } .bg-yellow { background-color: var(--yellow); } .bg-orange { background-color: var(--orange); } .bg-magenta { background-color: var(--magenta) !important; } .bg-magenta-gradient { background: var(--magenta-gradient) !important; } .bg-purple-pink-gradient { background: var(--purple-pink-gradient) !important; } .bg-beige { background-color: #f9faf7; } .bg-transparent { background-color: transparent !important; } .text-gray-600 { color: var(--gray-600) !important; } .text-gray-500 { color: var(--gray-500) !important; } .text-gray-400 { color: var(--gray-400) !important; } .text-primary { color: var(--primary) !important; } .text-error { color: var(--error) !important; } .text-primary-gradient { color: transparent; background: var(--primary-gradient); background-clip: text; } .text-orange { color: var(--orange) !important; } .text-magenta-gradient { color: transparent; background: var(--magenta-gradient); background-clip: text; } .text-nowrap { white-space: nowrap; } .text-right { text-align: right; } .border-none { border: none !important; } .border-b { border-bottom-width: 1px !important; } .border-gray-400 { border-color: var(--gray-400) !important; } .img-border { max-width: 100%; border-radius: 16px; padding: 8px; background-color: var(--gray-300); } .img-border--rainbow { background: linear-gradient(90deg, #fac1a3, #22c4e4, #585dec, #fac1a3); background-size: 500%; animation: rainbowBg 20s linear infinite; } .video-holder iframe { aspect-ratio: 16 / 9; } .invisible { visibility: hidden; } .overflow-hidden { overflow: hidden; } .rounded-hg { border-radius: 16px; } @media (min-width: 768px) { .rounded-hg { border-radius: 32px; } } @media (min-width: 1024px) { .rounded-hg { border-radius: 48px; } } @media (min-width: 1200px) { .rounded-hg { border-radius: 64px; } } .rounded-none { border-radius: 0 !important; } .rounded-sm { border-radius: 4px; } .rounded-8 { border-radius: 8px; } .rounded-2xl { border-radius: 8px; @media (min-width: 1024px) { border-radius: 16px; } } .rounded-16 { border-radius: 16px; } .rounded-20 { border-radius: 20px; } .rounded-32 { border-radius: 32px; } .rounded-36 { border-radius: 36px; } .rounded-40 { border-radius: 40px; } .rounded-44 { border-radius: 44px; } .rounded-60 { border-radius: 60px; } .rounded-72 { border-radius: 72px !important; } .rounded-full { border-radius: 9999px; } @media (min-width: 768px) { .rounded-32\:md { border-radius: 32px; } .rounded-44\:md { border-radius: 44px; } .rounded-md-60 { border-radius: 60px; } .rounded-md-72 { border-radius: 72px; } } @media (min-width: 1024px) { .rounded-lg-72 { border-radius: 72px; } } .rounded-tr-2xl { border-top-right-radius: 1rem; } @media (min-width: 1024px) { .img-border { border-radius: 32px; padding: 16px; } } .img-border img, .img-border video { display: block; } .marker-list { list-style: none; padding-left: 0; } .marker-list-even-grey > li:nth-child(even) { background-color: var(--gray-100); } .marker-list > li { position: relative; display: flex; align-items: center; gap: 20px; padding-left: 2em; padding-top: 14px; padding-bottom: 14px; } .marker-list > li.items-start > .i { padding-top: 0.25em; } .marker-list .marker { position: absolute; left: 0; top: 0.18em; font-size: 1em; } .marker-list .divider { background-color: var(--gray-300); width: 0.5px; height: 28px; } .vertical-middle { vertical-align: middle; } .fade-in { animation-duration: 1s; animation-name: fadeIn; } .fade-in-right { animation-duration: 1s; animation-name: fadeInRight; } .fade-in-left { animation-duration: 1s; animation-name: fadeInLeft; } .fade-in-up { animation-duration: 1s; animation-name: fadeInUp; } .animation-delay-2 { animation-delay: 0.5s; animation-fill-mode: both; } .animation-delay-4 { animation-delay: 1s; animation-fill-mode: both; } .video-box-shadow { box-shadow: 0 0 54px 0 rgba(0, 153, 102, 0.5); } .fs-32 { font-size: 32px; } .fs-italic { font-style: italic; } .flex-content-center { align-content: center; } .flex-items-center { align-items: center; } @media (min-width: 768px) { .flex-items-center\:md { align-items: center; } } .rotate-90 { transform: rotate(90deg) !important; } .rotate-180 { transform: rotate(180deg) !important; } .-rotate-90 { transform: rotate(-90deg) !important; } .filter-invert { filter: invert(1); } .list-inside { list-style-position: inside; } .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .ml-auto { margin-left: auto !important; } .mt-auto { margin-top: auto !important; } .mx-auto { margin: 0 auto !important; } .m-0 { margin: 0 !important; } .p-0 { padding: 0 !important; } .p-10 { padding: 10px !important; } .p-15 { padding: 15px !important; } .p-20 { padding: 20px !important; } .p-30 { padding: 30px !important; } .p-40 { padding: 40px !important; } .p-80 { padding: 80px !important; } .py-6 { padding-top: 6px; padding-bottom: 6px; } .px-6 { padding-left: 6px; padding-right: 6px; } .py-12 { padding-top: 12px; padding-bottom: 12px; } .px-12 { padding-left: 12px; padding-right: 12px; } .mt-0 { margin-top: 0 !important; } .mr-0 { margin-right: 0 !important; } .ml-0 { margin-left: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .pt-0 { padding-top: 0 !important; } .pr-0 { padding-right: 0 !important; } .pl-0 { padding-left: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .mb-4 { margin-bottom: 4px !important; } .pt-4 { padding-top: 4px !important; } .mt-5 { margin-top: 5px !important; } .mr-5 { margin-right: 5px !important; } .mb-5 { margin-bottom: 5px !important; } .ml-5 { margin-left: 5px !important; } .pt-5 { padding-top: 5px !important; } .pr-5 { padding-right: 5px !important; } .pb-5 { padding-bottom: 5px !important; } .pl-5 { padding-left: 5px !important; } .mt-8 { margin-top: 8px !important; } .mr-8 { margin-right: 8px !important; } .mb-8 { margin-bottom: 8px !important; } .ml-8 { margin-left: 8px !important; } .mt-10 { margin-top: 10px !important; } .mr-10 { margin-right: 10px !important; } .mb-10 { margin-bottom: 10px !important; } .ml-10 { margin-left: 10px !important; } .pt-10 { padding-top: 10px !important; } .pr-10 { padding-right: 10px !important; } .pb-10 { padding-bottom: 10px !important; } .pl-10 { padding-left: 10px !important; } .mt-12 { margin-top: 12px !important; } .mr-12 { margin-right: 12px !important; } .mb-12 { margin-bottom: 12px !important; } .ml-12 { margin-left: 12px !important; } .pt-12 { padding-top: 12px !important; } .pr-12 { padding-right: 12px !important; } .pb-12 { padding-bottom: 12px !important; } .pl-12 { padding-left: 12px !important; } .mt-16 { margin-top: 16px !important; } .mr-16 { margin-right: 16px !important; } .mb-16 { margin-bottom: 16px !important; } .ml-16 { margin-left: 16px !important; } .pt-16 { padding-top: 16px !important; } .pr-16 { padding-right: 16px !important; } .pb-16 { padding-bottom: 16px !important; } .pl-16 { padding-left: 16px !important; } .mt-20 { margin-top: 20px !important; } .mr-20 { margin-right: 20px !important; } .mb-20 { margin-bottom: 20px !important; } .ml-20 { margin-left: 20px !important; } .pt-20 { padding-top: 20px !important; } .pr-20 { padding-right: 20px !important; } .pb-20 { padding-bottom: 20px !important; } .pl-20 { padding-left: 20px !important; } .mt-24 { margin-top: 24px !important; } .mr-24 { margin-right: 24px !important; } .mb-24 { margin-bottom: 24px !important; } .ml-24 { margin-left: 24px !important; } .pt-24 { padding-top: 24px !important; } .pr-24 { padding-right: 24px !important; } .pb-24 { padding-bottom: 24px !important; } .pl-24 { padding-left: 24px !important; } .mt-30 { margin-top: 30px !important; } .mr-30 { margin-right: 30px !important; } .mb-30 { margin-bottom: 30px !important; } .ml-30 { margin-left: 30px !important; } .pt-30 { padding-top: 30px !important; } .pr-30 { padding-right: 30px !important; } .pb-30 { padding-bottom: 30px !important; } .pl-30 { padding-left: 30px !important; } .mt-32 { margin-top: 32px !important; } .mr-32 { margin-right: 30px !important; } .mb-32 { margin-bottom: 32px !important; } .ml-32 { margin-left: 32px !important; } .pt-32 { padding-top: 32px !important; } .pr-32 { padding-right: 32px !important; } .pb-32 { padding-bottom: 32px !important; } .pl-32 { padding-left: 32px !important; } .pt-36 { padding-top: 36px !important; } .pr-36 { padding-right: 36px !important; } .pb-36 { padding-bottom: 36px !important; } .pl-36 { padding-left: 36px !important; } .mt-40 { margin-top: 40px !important; } .mr-40 { margin-right: 40px !important; } .mb-40 { margin-bottom: 40px !important; } .ml-40 { margin-left: 40px !important; } .pt-40 { padding-top: 40px !important; } .pr-40 { padding-right: 40px !important; } .pb-40 { padding-bottom: 40px !important; } .pl-40 { padding-left: 40px !important; } .mt-50 { margin-top: 50px !important; } .mr-50 { margin-right: 50px !important; } .mb-50 { margin-bottom: 50px !important; } .ml-50 { margin-left: 50px !important; } .pt-50 { padding-top: 50px !important; } .pr-50 { padding-right: 50px !important; } .pb-50 { padding-bottom: 50px !important; } .pl-50 { padding-left: 50px !important; } .mt-60 { margin-top: 60px !important; } .mr-60 { margin-right: 60px !important; } .mb-60 { margin-bottom: 60px !important; } .ml-60 { margin-left: 60px !important; } .pt-60 { padding-top: 60px !important; } .pr-60 { padding-right: 60px !important; } .pb-60 { padding-bottom: 60px !important; } .pl-60 { padding-left: 60px !important; } .mt-72 { margin-top: 72px !important; } .mr-72 { margin-right: 72px !important; } .mb-72 { margin-bottom: 72px !important; } .ml-72 { margin-left: 72px !important; } .pt-72 { padding-top: 72px !important; } .pr-72 { padding-right: 72px !important; } .pb-72 { padding-bottom: 72px !important; } .pl-72 { padding-left: 72px !important; } .mt-80{ margin-top: 80px !important; } .mr-80 { margin-right: 80px !important; } .mb-80 { margin-bottom: 80px !important; } .ml-80 { margin-left: 80px !important; } .pt-80 { padding-top: 80px !important; } .pr-80 { padding-right: 80px !important; } .pb-80 { padding-bottom: 80px !important; } .pl-80 { padding-left: 80px !important; } .mt-90{ margin-top: 90px !important; } .mr-90 { margin-right: 90px !important; } .mb-90 { margin-bottom: 90px !important; } .ml-90 { margin-left: 90px !important; } .pt-90 { padding-top: 90px !important; } .pr-90 { padding-right: 90px !important; } .pb-90 { padding-bottom: 90px !important; } .pl-90 { padding-left: 90px !important; } .mt-100 { margin-top: 100px !important; } .mr-100 { margin-right: 100px !important; } .mb-100 { margin-bottom: 100px !important; } .ml-100 { margin-left: 100px !important; } .pt-100 { padding-top: 100px !important; } .pr-100 { padding-right: 100px !important; } .pb-100 { padding-bottom: 100px !important; } .pl-100 { padding-left: 100px !important; } .mt-140 { margin-top: 140px !important; } .mr-140 { margin-right: 140px !important; } .mb-140 { margin-bottom: 140px !important; } .ml-140 { margin-left: 140px !important; } .pt-140 { padding-top: 140px !important; } .pr-140 { padding-right: 140px !important; } .pb-140 { padding-bottom: 140px !important; } .pl-140 { padding-left: 140px !important; } .mt-120 { margin-top: 120px !important; } .mr-120 { margin-right: 120px !important; } .mb-120 { margin-bottom: 120px !important; } .ml-120 { margin-left: 120px !important; } .pt-120 { padding-top: 120px !important; } .pr-120 { padding-right: 120px !important; } .pb-120 { padding-bottom: 120px !important; } .pl-120 { padding-left: 120px !important; } .mt-150 { margin-top: 150px !important; } .mr-150 { margin-right: 150px !important; } .mb-150 { margin-bottom: 150px !important; } .ml-150 { margin-left: 150px !important; } .pt-150 { padding-top: 150px !important; } .pr-150 { padding-right: 150px !important; } .pb-150 { padding-bottom: 150px !important; } .pl-150 { padding-left: 150px !important; } .mt-160 { margin-top: 160px !important; } .mr-160 { margin-right: 160px !important; } .mb-160 { margin-bottom: 160px !important; } .ml-160 { margin-left: 160px !important; } .pt-160 { padding-top: 160px !important; } .pr-160 { padding-right: 160px !important; } .pb-160 { padding-bottom: 160px !important; } .pl-160 { padding-left: 160px !important; } .mt-200 { margin-top: 200px !important; } .mr-200 { margin-right: 200px !important; } .mb-200 { margin-bottom: 200px !important; } .ml-200 { margin-left: 200px !important; } .pt-200 { padding-top: 200px !important; } .pr-200 { padding-right: 200px !important; } .pb-200 { padding-bottom: 200px !important; } .pl-200 { padding-left: 200px !important; } @media (min-width: 576px) { .mt-sm-10 { margin-top: 10px !important; } .mr-sm-10 { margin-right: 10px !important; } .mb-sm-10 { margin-bottom: 10px !important; } .ml-sm-10 { margin-left: 10px !important; } .pt-sm-10 { padding-top: 10px !important; } .pr-sm-10 { padding-right: 10px !important; } .pb-sm-10 { padding-bottom: 10px !important; } .pl-sm-10 { padding-left: 10px !important; } .mt-sm-20 { margin-top: 20px !important; } .mr-sm-20 { margin-right: 20px !important; } .mb-sm-20 { margin-bottom: 20px !important; } .ml-sm-20 { margin-left: 20px !important; } .pt-sm-20 { padding-top: 20px !important; } .pr-sm-20 { padding-right: 20px !important; } .pb-sm-20 { padding-bottom: 20px !important; } .pl-sm-20 { padding-left: 20px !important; } .mt-sm-30 { margin-top: 30px !important; } .mr-sm-30 { margin-right: 30px !important; } .mb-sm-30 { margin-bottom: 30px !important; } .ml-sm-30 { margin-left: 30px !important; } .pt-sm-30 { padding-top: 30px !important; } .pr-sm-30 { padding-right: 30px !important; } .pb-sm-30 { padding-bottom: 30px !important; } .pl-sm-30 { padding-left: 30px !important; } .mt-sm-40 { margin-top: 40px !important; } .mr-sm-40 { margin-right: 40px !important; } .mb-sm-40 { margin-bottom: 40px !important; } .ml-sm-40 { margin-left: 40px !important; } .pt-sm-40 { padding-top: 40px !important; } .pr-sm-40 { padding-right: 40px !important; } .pb-sm-40 { padding-bottom: 40px !important; } .pl-sm-40 { padding-left: 40px !important; } .mt-sm-60 { margin-top: 60px !important; } .mr-sm-60 { margin-right: 60px !important; } .mb-sm-60 { margin-bottom: 60px !important; } .ml-sm-60 { margin-left: 60px !important; } .pt-sm-60 { padding-top: 60px !important; } .pr-sm-60 { padding-right: 60px !important; } .pb-sm-60 { padding-bottom: 60px !important; } .pl-sm-60 { padding-left: 60px !important; } } @media (min-width: 768px) { .p-md-40 { padding: 40px !important; } .mt-md-0 { margin-top: 0px !important; } .mr-md-0 { margin-right: 0px !important; } .mb-md-0 { margin-bottom: 0px !important; } .ml-md-0 { margin-left: 0px !important; } .pt-md-0 { padding-top: 0px !important; } .pr-md-0 { padding-right: 0px !important; } .pb-md-0 { padding-bottom: 0px !important; } .pl-md-0 { padding-left: 0px !important; } .mt-md-10 { margin-top: 10px !important; } .mr-md-10 { margin-right: 10px !important; } .mb-md-10 { margin-bottom: 10px !important; } .ml-md-10 { margin-left: 10px !important; } .pt-md-10 { padding-top: 10px !important; } .pr-md-10 { padding-right: 10px !important; } .pb-md-10 { padding-bottom: 10px !important; } .pl-md-10 { padding-left: 10px !important; } .mt-md-20 { margin-top: 20px !important; } .mr-md-20 { margin-right: 20px !important; } .mb-md-20 { margin-bottom: 20px !important; } .ml-md-20 { margin-left: 20px !important; } .pt-md-20 { padding-top: 20px !important; } .pr-md-20 { padding-right: 20px !important; } .pb-md-20 { padding-bottom: 20px !important; } .pl-md-20 { padding-left: 20px !important; } .mt-md-30 { margin-top: 30px !important; } .mr-md-30 { margin-right: 30px !important; } .mb-md-30 { margin-bottom: 30px !important; } .ml-md-30 { margin-left: 30px !important; } .pt-md-30 { padding-top: 30px !important; } .pr-md-30 { padding-right: 30px !important; } .pb-md-30 { padding-bottom: 30px !important; } .pl-md-30 { padding-left: 30px !important; } .mt-md-40 { margin-top: 40px !important; } .mr-md-40 { margin-right: 40px !important; } .mb-md-40 { margin-bottom: 40px !important; } .ml-md-40 { margin-left: 40px !important; } .p-md-40 { padding: 40px !important; } .pt-md-40 { padding-top: 40px !important; } .pr-md-40 { padding-right: 40px !important; } .pb-md-40 { padding-bottom: 40px !important; } .pl-md-40 { padding-left: 40px !important; } .mt-md-50 { margin-top: 50px !important; } .mr-md-50 { margin-right: 50px !important; } .mb-md-50 { margin-bottom: 50px !important; } .ml-md-50 { margin-left: 50px !important; } .p-md-50 { padding: 50px !important; } .pt-md-50 { padding-top: 50px !important; } .pr-md-50 { padding-right: 50px !important; } .pb-md-50 { padding-bottom: 50px !important; } .pl-md-50 { padding-left: 50px !important; } .mt-md-60 { margin-top: 60px !important; } .mr-md-60 { margin-right: 60px !important; } .mb-md-60 { margin-bottom: 60px !important; } .ml-md-60 { margin-left: 60px !important; } .pt-md-60 { padding-top: 60px !important; } .pr-md-60 { padding-right: 60px !important; } .pb-md-60 { padding-bottom: 60px !important; } .pl-md-60 { padding-left: 60px !important; } .mt-md-70 { margin-top: 70px !important; } .mr-md-70 { margin-right: 70px !important; } .mb-md-70 { margin-bottom: 70px !important; } .ml-md-70 { margin-left: 70px !important; } .pt-md-70 { padding-top: 70px !important; } .pr-md-70 { padding-right: 70px !important; } .pb-md-70 { padding-bottom: 70px !important; } .pl-md-70 { padding-left: 70px !important; } .mt-md-80 { margin-top: 80px !important; } .mr-md-80 { margin-right: 80px !important; } .mb-md-80 { margin-bottom: 80px !important; } .ml-md-80 { margin-left: 80px !important; } .pt-md-80 { padding-top: 80px !important; } .pr-md-80 { padding-right: 80px !important; } .pb-md-80 { padding-bottom: 80px !important; } .pl-md-80 { padding-left: 80px !important; } .p-md-80 { padding: 80px !important; } .mt-md-90 { margin-top: 90px !important; } .mr-md-90 { margin-right: 90px !important; } .mb-md-90 { margin-bottom: 90px !important; } .ml-md-90 { margin-left: 90px !important; } .pt-md-90 { padding-top: 90px !important; } .pr-md-90 { padding-right: 90px !important; } .pb-md-90 { padding-bottom: 90px !important; } .pl-md-90 { padding-left: 90px !important; } .mt-md-100 { margin-top: 100px !important; } .mr-md-100 { margin-right: 100px !important; } .mb-md-100 { margin-bottom: 100px !important; } .ml-md-100 { margin-left: 100px !important; } .pt-md-100 { padding-top: 100px !important; } .pr-md-100 { padding-right: 100px !important; } .pb-md-100 { padding-bottom: 100px !important; } .pl-md-100 { padding-left: 100px !important; } .mt-md-110 { margin-top: 110px !important; } .mr-md-110 { margin-right: 110px !important; } .mb-md-110 { margin-bottom: 110px !important; } .ml-md-110 { margin-left: 110px !important; } .pt-md-110 { padding-top: 110px !important; } .pr-md-110 { padding-right: 110px !important; } .pb-md-110 { padding-bottom: 110px !important; } .pl-md-110 { padding-left: 110px !important; } .mt-md-120 { margin-top: 120px !important; } .mr-md-120 { margin-right: 120px !important; } .mb-md-120 { margin-bottom: 120px !important; } .ml-md-120 { margin-left: 120px !important; } .pt-md-120 { padding-top: 120px !important; } .pr-md-120 { padding-right: 120px !important; } .pb-md-120 { padding-bottom: 120px !important; } .pl-md-120 { padding-left: 120px !important; } .mt-md-140 { margin-top: 140px !important; } .mr-md-140 { margin-right: 140px !important; } .mb-md-140 { margin-bottom: 140px !important; } .ml-md-140 { margin-left: 140px !important; } .pt-md-140 { padding-top: 140px !important; } .pr-md-140 { padding-right: 140px !important; } .pb-md-140 { padding-bottom: 140px !important; } .pl-md-140 { padding-left: 140px !important; } .mt-md-150 { margin-top: 150px !important; } .mr-md-150 { margin-right: 150px !important; } .mb-md-150 { margin-bottom: 150px !important; } .ml-md-150 { margin-left: 150px !important; } .pt-md-150 { padding-top: 150px !important; } .pr-md-150 { padding-right: 150px !important; } .pb-md-150 { padding-bottom: 150px !important; } .pl-md-150 { padding-left: 150px !important; } .mt-md-160 { margin-top: 160px !important; } .mr-md-160 { margin-right: 160px !important; } .mb-md-160 { margin-bottom: 160px !important; } .ml-md-160 { margin-left: 160px !important; } .pt-md-160 { padding-top: 160px !important; } .pr-md-160 { padding-right: 160px !important; } .pb-md-160 { padding-bottom: 160px !important; } .pl-md-160 { padding-left: 160px !important; } .mt-md-180 { margin-top: 180px !important; } .mr-md-180 { margin-right: 180px !important; } .mb-md-180 { margin-bottom: 180px !important; } .ml-md-180 { margin-left: 180px !important; } .pt-md-180 { padding-top: 180px !important; } .pr-md-180 { padding-right: 180px !important; } .pb-md-180 { padding-bottom: 180px !important; } .pl-md-180 { padding-left: 180px !important; } .mt-md-240 { margin-top: 240px !important; } .mr-md-240 { margin-right: 240px !important; } .mb-md-240 { margin-bottom: 240px !important; } .ml-md-240 { margin-left: 240px !important; } .pt-md-240 { padding-top: 240px !important; } .pr-md-240 { padding-right: 240px !important; } .pb-md-240 { padding-bottom: 240px !important; } .pl-md-240 { padding-left: 240px !important; } } @media (min-width: 1024px) { .p-lg-60 { padding: 60px !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mt-lg-0 { margin-top: 0 !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pl-lg-0 { padding-left: 0 !important; } .pr-lg-0 { padding-right: 0 !important; } .mt-lg-10 { margin-top: 10px !important; } .mr-lg-10 { margin-right: 10px !important; } .mb-lg-10 { margin-bottom: 10px !important; } .ml-lg-10 { margin-left: 10px !important; } .pt-lg-10 { padding-top: 10px !important; } .pr-lg-10 { padding-right: 10px !important; } .pb-lg-10 { padding-bottom: 10px !important; } .pl-lg-10 { padding-left: 10px !important; } .p-lg-10 { padding: 10px !important; } .p-lg-20 { padding: 20px !important; } .mt-lg-20 { margin-top: 20px !important; } .mr-lg-20 { margin-right: 20px !important; } .mb-lg-20 { margin-bottom: 20px !important; } .ml-lg-20 { margin-left: 20px !important; } .pt-lg-20 { padding-top: 20px !important; } .pr-lg-20 { padding-right: 20px !important; } .pb-lg-20 { padding-bottom: 20px !important; } .pl-lg-20 { padding-left: 20px !important; } .mt-lg-30 { margin-top: 30px !important; } .mr-lg-30 { margin-right: 30px !important; } .mb-lg-30 { margin-bottom: 30px !important; } .ml-lg-30 { margin-left: 30px !important; } .p-lg-30 { padding: 30px !important; } .pt-lg-30 { padding-top: 30px !important; } .pr-lg-30 { padding-right: 30px !important; } .pb-lg-30 { padding-bottom: 30px !important; } .pl-lg-30 { padding-left: 30px !important; } .mt-lg-40 { margin-top: 40px !important; } .mr-lg-40 { margin-right: 40px !important; } .mb-lg-40 { margin-bottom: 40px !important; } .ml-lg-40 { margin-left: 40px !important; } .p-lg-40 { padding: 40px !important; } .pt-lg-40 { padding-top: 40px !important; } .pr-lg-40 { padding-right: 40px !important; } .pb-lg-40 { padding-bottom: 40px !important; } .pl-lg-40 { padding-left: 40px !important; } .mt-lg-50 { margin-top: 50px !important; } .mr-lg-50 { margin-right: 50px !important; } .mb-lg-50 { margin-bottom: 50px !important; } .ml-lg-50 { margin-left: 50px !important; } .p-lg-50 { padding: 50px !important; } .pt-lg-5 { padding-top: 5px !important; } .pt-lg-50 { padding-top: 50px !important; } .pr-lg-50 { padding-right: 50px !important; } .pb-lg-50 { padding-bottom: 50px !important; } .pl-lg-50 { padding-left: 50px !important; } .mt-lg-60 { margin-top: 60px !important; } .mr-lg-60 { margin-right: 60px !important; } .mb-lg-60 { margin-bottom: 60px !important; } .ml-lg-60 { margin-left: 60px !important; } .p-lg-60 { padding: 60px !important; } .pt-lg-60 { padding-top: 60px !important; } .pr-lg-60 { padding-right: 60px !important; } .pb-lg-60 { padding-bottom: 60px !important; } .pl-lg-60 { padding-left: 60px !important; } .mt-lg-80 { margin-top: 80px !important; } .mb-lg-80 { margin-bottom: 80px !important; } .pt-lg-80 { padding-top: 80px !important; } .pb-lg-80 { padding-bottom: 80px !important; } .pr-lg-80 { padding-right: 80px !important; } .pl-lg-80 { padding-left: 80px !important; } .p-lg-80 { padding: 80px !important; } .mt-lg-90 { margin-top: 90px !important; } .mr-lg-90 { margin-right: 90px !important; } .mb-lg-90 { margin-bottom: 90px !important; } .ml-lg-90 { margin-left: 90px !important; } .pt-lg-90 { padding-top: 90px !important; } .pr-lg-90 { padding-right: 90px !important; } .pb-lg-90 { padding-bottom: 90px !important; } .pl-lg-90 { padding-left: 90px !important; } .mt-lg-100 { margin-top: 100px !important; } .mr-lg-100 { margin-right: 100px !important; } .mb-lg-100 { margin-bottom: 100px !important; } .ml-lg-100 { margin-left: 100px !important; } .p-lg-100 { padding: 100px !important; } .pt-lg-100 { padding-top: 100px !important; } .pr-lg-100 { padding-right: 100px !important; } .pb-lg-100 { padding-bottom: 100px !important; } .pl-lg-100 { padding-left: 100px !important; } .mt-lg-110 { margin-top: 110px !important; } .mr-lg-110 { margin-right: 110px !important; } .mb-lg-110 { margin-bottom: 110px !important; } .ml-lg-110 { margin-left: 110px !important; } .pt-lg-110 { padding-top: 110px !important; } .pr-lg-110 { padding-right: 110px !important; } .pb-lg-110 { padding-bottom: 110px !important; } .pl-lg-110 { padding-left: 110px !important; } .mt-lg-120 { margin-top: 120px !important; } .mr-lg-120 { margin-right: 120px !important; } .mb-lg-120 { margin-bottom: 120px !important; } .ml-lg-120 { margin-left: 120px !important; } .pt-lg-120 { padding-top: 120px !important; } .pr-lg-120 { padding-right: 120px !important; } .pb-lg-120 { padding-bottom: 120px !important; } .pl-lg-120 { padding-left: 120px !important; } .mt-lg-130 { margin-top: 130px !important; } .mr-lg-130 { margin-right: 130px !important; } .mb-lg-130 { margin-bottom: 130px !important; } .ml-lg-130 { margin-left: 130px !important; } .pt-lg-130 { padding-top: 130px !important; } .pr-lg-130 { padding-right: 130px !important; } .pb-lg-130 { padding-bottom: 130px !important; } .pl-lg-130 { padding-left: 130px !important; } .mt-lg-140 { margin-top: 140px !important; } .mr-lg-140 { margin-right: 140px !important; } .mb-lg-140 { margin-bottom: 140px !important; } .ml-lg-140 { margin-left: 140px !important; } .pt-lg-140 { padding-top: 140px !important; } .pr-lg-140 { padding-right: 140px !important; } .pb-lg-140 { padding-bottom: 140px !important; } .pl-lg-140 { padding-left: 140px !important; } .mt-lg-145 { margin-top: 145px !important; } .mr-lg-145 { margin-right: 145px !important; } .mb-lg-145 { margin-bottom: 145px !important; } .ml-lg-145 { margin-left: 145px !important; } .pt-lg-145 { padding-top: 145px !important; } .pr-lg-145 { padding-right: 145px !important; } .pb-lg-145 { padding-bottom: 145px !important; } .pl-lg-145 { padding-left: 145px !important; } .mt-lg-150 { margin-top: 150px !important; } .mr-lg-150 { margin-right: 150px !important; } .mb-lg-150 { margin-bottom: 150px !important; } .ml-lg-150 { margin-left: 150px !important; } .pt-lg-150 { padding-top: 150px !important; } .pr-lg-150 { padding-right: 150px !important; } .pb-lg-150 { padding-bottom: 150px !important; } .pl-lg-150 { padding-left: 150px !important; } .mt-lg-160 { margin-top: 160px !important; } .mr-lg-160 { margin-right: 160px !important; } .mb-lg-160 { margin-bottom: 160px !important; } .ml-lg-160 { margin-left: 160px !important; } .pt-lg-160 { padding-top: 160px !important; } .pr-lg-160 { padding-right: 160px !important; } .pb-lg-160 { padding-bottom: 160px !important; } .pl-lg-160 { padding-left: 160px !important; } .mt-lg-180 { margin-top: 180px !important; } .mr-lg-180 { margin-right: 180px !important; } .mb-lg-180 { margin-bottom: 180px !important; } .ml-lg-180 { margin-left: 180px !important; } .pt-lg-180 { padding-top: 180px !important; } .pr-lg-180 { padding-right: 180px !important; } .pb-lg-180 { padding-bottom: 180px !important; } .pl-lg-180 { padding-left: 180px !important; } .mt-lg-200 { margin-top: 200px !important; } .mr-lg-200 { margin-right: 200px !important; } .mb-lg-200 { margin-bottom: 200px !important; } .ml-lg-200 { margin-left: 200px !important; } .pt-lg-200 { padding-top: 200px !important; } .pr-lg-200 { padding-right: 200px !important; } .pb-lg-200 { padding-bottom: 200px !important; } .pl-lg-200 { padding-left: 200px !important; } } @media (min-width: 1200px) { .mt-xl-10 { margin-top: 10px !important; } .mr-xl-10 { margin-right: 10px !important; } .mb-xl-10 { margin-bottom: 10px !important; } .ml-xl-10 { margin-left: 10px !important; } .pt-xl-10 { padding-top: 10px !important; } .pr-xl-10 { padding-right: 10px !important; } .pb-xl-10 { padding-bottom: 10px !important; } .pl-xl-10 { padding-left: 10px !important; } .mt-xl-20 { margin-top: 20px !important; } .mr-xl-20 { margin-right: 20px !important; } .mb-xl-20 { margin-bottom: 20px !important; } .ml-xl-20 { margin-left: 20px !important; } .pt-xl-20 { padding-top: 20px !important; } .pr-xl-20 { padding-right: 20px !important; } .pr-xl-60 { padding-right: 60px !important; } .pb-xl-20 { padding-bottom: 20px !important; } .pl-xl-20 { padding-left: 20px !important; } .pl-xl-60 { padding-left: 60px !important; } .mt-xl-30 { margin-top: 30px !important; } .mr-xl-30 { margin-right: 30px !important; } .mb-xl-30 { margin-bottom: 30px !important; } .ml-xl-30 { margin-left: 30px !important; } .pt-xl-30 { padding-top: 30px !important; } .pr-xl-30 { padding-right: 30px !important; } .pb-xl-30 { padding-bottom: 30px !important; } .pl-xl-30 { padding-left: 30px !important; } .mt-xl-40 { margin-top: 40px !important; } .mr-xl-40 { margin-right: 40px !important; } .mb-xl-40 { margin-bottom: 40px !important; } .ml-xl-40 { margin-left: 40px !important; } .pt-xl-40 { padding-top: 40px !important; } .pr-xl-40 { padding-right: 40px !important; } .pb-xl-40 { padding-bottom: 40px !important; } .pl-xl-40 { padding-left: 40px !important; } .mt-xl-60 { margin-top: 60px !important; } .mr-xl-60 { margin-right: 60px !important; } .mb-xl-60 { margin-bottom: 60px !important; } .ml-xl-60 { margin-left: 60px !important; } .pt-xl-60 { padding-top: 60px !important; } .pr-xl-60 { padding-right: 60px !important; } .pb-xl-60 { padding-bottom: 60px !important; } .pl-xl-60 { padding-left: 60px !important; } } @media (min-width: 1400px) { .mt-xxl-10 { margin-top: 10px !important; } .mr-xxl-10 { margin-right: 10px !important; } .mb-xxl-10 { margin-bottom: 10px !important; } .ml-xxl-10 { margin-left: 10px !important; } .pt-xxl-10 { padding-top: 10px !important; } .pr-xxl-10 { padding-right: 10px !important; } .pb-xxl-10 { padding-bottom: 10px !important; } .pl-xxl-10 { padding-left: 10px !important; } .mt-xxl-20 { margin-top: 20px !important; } .mr-xxl-20 { margin-right: 20px !important; } .mb-xxl-20 { margin-bottom: 20px !important; } .ml-xxl-20 { margin-left: 20px !important; } .pt-xxl-20 { padding-top: 20px !important; } .pr-xxl-20 { padding-right: 20px !important; } .pb-xxl-20 { padding-bottom: 20px !important; } .pl-xxl-20 { padding-left: 20px !important; } .mt-xxl-30 { margin-top: 30px !important; } .mr-xxl-30 { margin-right: 30px !important; } .mb-xxl-30 { margin-bottom: 30px !important; } .ml-xxl-30 { margin-left: 30px !important; } .pt-xxl-30 { padding-top: 30px !important; } .pr-xxl-30 { padding-right: 30px !important; } .pb-xxl-30 { padding-bottom: 30px !important; } .pl-xxl-30 { padding-left: 30px !important; } .mt-xxl-40 { margin-top: 40px !important; } .mr-xxl-40 { margin-right: 40px !important; } .mb-xxl-40 { margin-bottom: 40px !important; } .ml-xxl-40 { margin-left: 40px !important; } .pt-xxl-40 { padding-top: 40px !important; } .pr-xxl-40 { padding-right: 40px !important; } .pb-xxl-40 { padding-bottom: 40px !important; } .pl-xxl-40 { padding-left: 40px !important; } .mt-xxl-60 { margin-top: 60px !important; } .mr-xxl-60 { margin-right: 60px !important; } .mb-xxl-60 { margin-bottom: 60px !important; } .ml-xxl-60 { margin-left: 60px !important; } .pt-xxl-60 { padding-top: 60px !important; } .pr-xxl-60 { padding-right: 60px !important; } .pb-xxl-60 { padding-bottom: 60px !important; } .pl-xxl-60 { padding-left: 60px !important; } } .pl-30px { padding-left: 30px; } .pl-26px { padding-left: 26px; } .-mb-80 { margin-bottom: -80px; }