@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}:where(.brxe-accordion){list-style-type:none;margin:0;padding:0;width:100%}:where(.brxe-accordion) .brx-open .accordion-content-wrapper{display:block}:where(.brxe-accordion) .brx-open .icon.expanded{display:block!important}:where(.brxe-accordion) .brx-open .icon.expanded+.icon{display:none}:where(.brxe-accordion) .accordion-title-wrapper{cursor:pointer;margin-bottom:-1px;padding:15px 0;transition:var(--bricks-transition)}:where(.brxe-accordion) .accordion-title{align-items:center;display:flex}:where(.brxe-accordion) .accordion-title:empty{display:none!important}:where(.brxe-accordion) .accordion-title.icon-left{flex-direction:row-reverse}:where(.brxe-accordion) .accordion-title.icon-left .icon{margin-left:0;margin-right:10px}:where(.brxe-accordion) .accordion-title.icon-right .icon{margin-left:10px;margin-right:0}:where(.brxe-accordion) .accordion-title .title{flex:1;line-height:30px;margin:0}:where(.brxe-accordion) .accordion-title .icon{font-size:.8em;line-height:1;position:relative;top:1px;transform-origin:center}:where(.brxe-accordion) .accordion-title .icon.expanded{display:none}:where(.brxe-accordion) .accordion-subtitle{opacity:.8}:where(.brxe-accordion) .accordion-content-wrapper{animation:height .5s ease;display:none;overflow:hidden;padding:0 0 15px}:where(.brxe-accordion) .accordion-content-wrapper:empty{display:none!important}.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}:where(.brxe-divider){align-items:center;display:flex;font-size:30px;gap:30px}:where(.brxe-divider).horizontal{width:100%}:where(.brxe-divider).horizontal .line{border-top:1px solid}:where(.brxe-divider).vertical{flex-direction:column}:where(.brxe-divider).vertical .line{border-right:1px solid;width:auto}:where(.brxe-divider) .line{position:relative;width:100%}:where(.brxe-divider) .icon{flex-shrink:0;position:relative}:where(.brxe-divider) a{display:inline-flex}:where(.brxe-svg){height:auto;width:auto}:where(.brxe-svg) svg{height:auto;max-width:100%;overflow:visible;width:auto}.brxe-counter{width:auto}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{overflow:hidden;position:relative}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute!important;text-align:center;width:100%;z-index:1}.brxe-button{width:auto}:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}.brxe-code{width:100%}#breadcrumbs .a-breadcrumbs__item {color: var(--a-gray-600)}#breadcrumbs .a-breadcrumbs__sep {color: var(--a-gray-600)}@media (max-width: 432px) {#breadcrumbs {margin-right: auto; margin-left: auto}}#hero-title {font-size: var(--h1); line-height: 110%; text-align: left; letter-spacing: -0.8px; font-weight: 600}@media (max-width: 991px) {#hero-title {font-size: calc(var(--h1) * 0.8)}}@media (max-width: 767px) {#hero-title {letter-spacing: -0.6px; font-size: var(--h1); width: 100%}}@media (max-width: 432px) {#hero-title {text-align: center; text-wrap: wrap; font-size: calc(var(--h1) * 0.8)}}@media (max-width: 358px) {#hero-title {font-size: calc(var(--h1) * 0.8)}}#hero-desc {font-weight: 500; line-height: 140%; color: var(--a-gray-800); font-size: calc(var(--text-m) + 4px); margin-top: 2px; margin-bottom: 8px}@media (max-width: 1280px) {#hero-desc {font-size: calc(var(--text-m) + 2px)}}@media (max-width: 991px) {#hero-desc {font-size: var(--text-m)}}@media (max-width: 767px) {#hero-desc {font-size: calc(var(--text-m) + 1px)}}@media (max-width: 432px) {#hero-desc {text-align: center; font-size: var(--text-m)}}#hero-mobile-cta-btn {margin-right: auto; margin-left: auto; display: none}@media (max-width: 432px) {#hero-mobile-cta-btn {display: flex; margin-bottom: var(--space-s)}}@media (max-width: 358px) {#hero-mobile-cta-btn {min-width: 100%}}#hero-cover {background-color: #edebec}@media (max-width: 991px) {#hero-cover {width: 100%; height: 100%}}@media (max-width: 767px) {#hero-cover {width: 100%; height: 100%}#brxe-omylya:before { width: 200%; height: 350%; top: -50%; left: -50%;}}#hero-content {min-width: 60%}@media (max-width: 991px) {#hero-content {min-width: 50%}}@media (max-width: 767px) {#hero-content {width: 100%; min-width: 100%}}#hero-media-title {font-size: calc(var(--h2) - 2px); font-family: "Gilroy"; font-weight: 600; text-wrap: balance; line-height: 1.1; letter-spacing: -0.8px; padding-bottom: 4px}@media (max-width: 767px) {#hero-media-title {text-align: center; width: 100%}}@media (max-width: 432px) {#hero-media-title {margin-top: var(--space-s); font-size: calc(var(--h2) - 4px)}}#completion-notify { --color: var(--a-primary); --color-hover: var(--a-primary--hover); --color-active: var(--a-primary--active); font-size: calc(var(--text-m) - 2px); text-wrap: wrap; text-align: left; color: var(--a-black); font-weight: 500; line-height: 1.24; margin-top: var(--space-xs); width: 100%; max-width: 100%; border: 1px solid var(--a-gray-150); border-radius: var(--radius-m); padding: var(--space-xs); background-color: var(--a-gray-100); opacity: .75;}#get-report:not([data-lang="en"]) #completion-notify br { display: none}#completion-notify a { font-weight: 700;}@media (max-width: 432px) {#completion-notify {text-align: center}}.loader { --size: 48px; --weight: 5px; width: var(--size); height: var(--size); border: var(--weight) solid var(--a-primary); border-bottom-color: transparent; border-radius: 50%; opacity: 0.5; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite;}@keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }} #form-loader-box {min-height: 290px; justify-content: center; align-items: center; border: 2px dashed var(--a-gray-200); border-radius: var(--radius-m); margin-top: 10px}#form-loader-box.--hidden { display: none;}#contact-form { --field-height: 52px; --field-border: 1px solid var(--a-gray-200); --pp-font-size: 13px; min-height: 285px;}#contact-form form { display: flex; flex-direction: column;}#contact-form form > div:nth-child(5) { order: 6;}#contact-form form > div:nth-child(6) { order: 5;}#contact-form.hs-contact-form .hs-error-msg { background-color: var(--a-const-white); margin-top: -.3rem;}#contact-form.hs-contact-form .hs-richtext { margin: 1rem 0; opacity: .7; transition: var(--a-anim);}#contact-form.hs-contact-form .hs-richtext:is(:hover,:focus-within,:focus-visible) { opacity: .9;}#contact-form.hs-contact-form .input, #contact-form.hs-contact-form input:not([type=submit]), #contact-form.hs-contact-form select, #contact-form.hs-contact-form textarea { font-size: calc(var(--text-m) - 1px);}#contact-form.hs-contact-form input[type=submit] { color: var(--a-const-white); background-color: var(--a-primary); border-color: var(--a-primary); box-shadow: none; transition: var(--a-anim); min-height: 5.4rem; margin-top: .6rem; text-transform: initial; letter-spacing: 0px; font-weight: 500; font-size: calc(var(--text-m) + 1px); line-height: 24px;}#contact-form.hs-contact-form input[type=submit]:hover { box-shadow: 0px 0px 20px -3px var(--a-primary--hover); background-color: var(--a-primary--hover); color: var(--a-const-white); border-color: var(--a-primary--hover);}#contact-form.hs-contact-form input[type=submit]:active { background-color: var(--a-primary--active); border-color: var(--a-primary--active);}#contact-form .hs-main-font-element p span { color: var(--a-gray-700) !important; width: 100%; text-align: center; display: block; font-size: 13px; max-width: 320px; margin: 0rem auto .5rem; transform: var(--a-anim);}#contact-form .hs-main-font-element p span a:hover { color: var(--a-black) !important;}#contact-form .submitted-message p span { font-size: 16px; font-weight: 600; max-width: 330px; text-wrap: wrap; font-family: 'Gilroy', sans-serif; color: var(--a-gray-900) !important;}#contact-form .submitted-message span { color: var(--a-black) !important; font-family: 'Gilroy', sans-serif; font-weight: 700; letter-spacing: -0.1px; line-height: 1.2 !important;}#contact-form .submitted-message:before { top: var(--space-s);}#contact-form .submitted-message { --px: var(--space-m); --p-bottom: 0; --p-top: calc(var(--space-l) + 1rem + var(--logo-size)); border-radius: 1rem; border: none !important; margin-bottom: var(--space-xl); margin-top: 0;}#alternative { --color: var(--a-primary--active); --color-hover: var(--a-primary); --color-active: var(--a-primary--hover); padding-bottom: var(--space-s); color: var(--a-gray-700);}#form-result.--hidden { display: none;}#hero-media {align-self: center !important; margin-top: var(--space-m)}@media (max-width: 767px) {#hero-media {margin-right: auto; margin-left: auto; width: 100%; min-width: 100%}}#hero-container {align-items: center}@media (max-width: 991px) {#hero-container {column-gap: var(--space-m)}}@media (max-width: 432px) {#hero-container {row-gap: 0px}}#hero {justify-content: center; padding-top: var(--space-l); padding-bottom: var(--space-l)}#hero { --thb-height: calc(var(--thb-height) * 1px); }@media (max-width: 767px) {#hero {padding-bottom: var(--space-xl)}}@media (max-width: 432px) {#hero {padding-bottom: var(--space-l)}}#adapty-counters-title {font-weight: 600; letter-spacing: -0.8px; margin-bottom: 0}#reality-sep-top {z-index: 1; margin-top: -1px}#ac-1-l {text-align: right}#ac-3-c .count {letter-spacing: 1px}#counters {justify-content: space-evenly}#counters { --line: 1px solid var(--a-gray-200);}#counters .rp__counter-value {font-size: var(--h1); font-weight: 600; letter-spacing: -1px !important;}#counters .rp__counter-label { color: var(--a-gray-600);font-size: calc(var(--text-m) + 2px); font-weight: 500; line-height: 1.3; text-wrap: balance; text-align: center; max-width: 240px; margin-top: calc(var(--space-xs) - 2px);}#counters > .rp__counter { width: 100%; border-radius: 0; border-left: var(--line); min-height: 180px; justify-content: center;}#counters > .rp__counter:last-child { border-right: var(--line);}@media (max-width: 991px) {#counters {max-width: 100%}#counters > .rp__counter { min-height: 160px;}#counters .rp__counter-label {font-size: calc(var(--text-m) + 1px);}}@media (max-width: 767px) {#counters { display: flex; flex-direction: row !important; gap: 0;}#counters > .rp__counter { --w: calc((100% / 2) - 2px); flex: 1 1 var(--w); width: var(--w);}#counters .rp__counter-label { font-size: calc(var(--text-m) - 2px); max-width: 180px;}#counters > .rp__counter:nth-child(2) { border-right: var(--line);}#counters > .rp__counter:nth-child(3),#counters > .rp__counter:nth-child(4) { border-top: var(--line);}}@media (max-width: 575px) {#counters {flex-direction: column; align-items: center; row-gap: var(--space-s)}#counters { gap: 0;}#counters .rp__counter-label { font-size: calc(var(--text-m) - 0px);}#counters > .rp__counter { min-height: 150px;}}@media (max-width: 432px) {#counters { gap: 0; flex-wrap: wrap;}#counters .rp__counter-label { font-size: calc(var(--text-m) - 1px);}}@media (max-width: 358px) {#counters {flex-direction: column}#counters { display: flex; flex-direction: column !important; border-left: var(--line); border-right: var(--line);}#counters > .rp__counter { --w: 100%; border-bottom: var(--line) !important; min-height: 130px;}#counters > .rp__counter,#counters > .rp__counter:last-child { border-left: none; border-right: none; border-bottom: none;}#counters > .rp__counter:nth-child(2),#counters > .rp__counter:nth-child(3),#counters > .rp__counter:nth-child(4) { border-top: none; border-right: none;}}#reality-sep-bottom {z-index: 1}#adapty-counters-wrap {position: relative}#adapty-counters-wrapper {row-gap: calc(var(--space-m) - 4px)}@media (max-width: 767px) {#adapty-counters-wrapper {row-gap: calc(var(--space-m) + 4px)}}#adapty-counters {padding-top: var(--space-m); padding-bottom: var(--space-xl)}#charts-title {width: 100%; padding-top: 3px; padding-bottom: 3px; letter-spacing: -0.4px; line-height: 1.14; text-align: center; max-width: 850px; margin-right: auto; margin-bottom: var(--space-s); margin-left: auto}#charts-title span { text-wrap: nowrap;}@media (max-width: 575px) {#charts-title span { text-wrap: wrap;}}@media (max-width: 432px) {#cpa-title {font-size: var(--h3)}}@media (max-width: 767px) {#cpa-header {padding-top: var(--space-m); padding-right: var(--space-m); padding-left: var(--space-m)}}#cpa-table {margin-right: auto; margin-left: auto}#cpa-footer > svg > g > * {  transition: opacity .25s;}#cpa-footer > svg > g > *:nth-child(-n + 167) { transition: opacity .25s;}#cpa-footer > svg > g > *:nth-child(-n + 167):hover { filter: brightness(0.8) contrast(1.25) drop-shadow(0px 0px 1px #00000020); z-index: 2;}#cpa-footer > svg > g > *:nth-child(n + 168):nth-child(-n + 336) { pointer-events: none;}#cpa-footer > svg > g > .shadow { filter: drop-shadow(1px 2px 3px #00000050);}#cpa-footer > svg > g > .line-shadow { filter: drop-shadow(1px 2px 3px #000000); stroke-opacity: 1;}#cpa-footer > svg > g > *:nth-child(3470) { filter: brightness(10);}#cpa-footer[data-cell-active='20'] > svg > g > *:nth-child(338),#cpa-footer[data-cell-active='20'] > svg > g > *:nth-child(339),#cpa-footer[data-cell-active='80'] > svg > g > *:nth-child(346),#cpa-footer[data-cell-active='80'] > svg > g > *:nth-child(347),#cpa-footer[data-cell-active='17'] > svg > g > *:nth-child(344),#cpa-footer[data-cell-active='17'] > svg > g > *:nth-child(345),#cpa-footer[data-cell-active='129'] > svg > g > *:nth-child(359),#cpa-footer[data-cell-active='129'] > svg > g > *:nth-child(360),#cpa-footer[data-cell-active='3'] > svg > g > *:nth-child(349),#cpa-footer[data-cell-active='3'] > svg > g > *:nth-child(348),#cpa-footer[data-cell-active='7'] > svg > g > *:nth-child(350),#cpa-footer[data-cell-active='7'] > svg > g > *:nth-child(351) { filter: drop-shadow(1px 2px 3px #00000050);}#cpa-footer[data-cell-active='20'] > svg > g > *:nth-child(337),#cpa-footer[data-cell-active='80'] > svg > g > *:nth-child(342),#cpa-footer[data-cell-active='17'] > svg > g > *:nth-child(343),#cpa-footer[data-cell-active='129'] > svg > g > *:nth-child(358),#cpa-footer[data-cell-active='3'] > svg > g > *:nth-child(341),#cpa-footer[data-cell-active='7'] > svg > g > *:nth-child(340) { filter: drop-shadow(1px 2px 3px #000000); stroke-opacity: 1;}@media (max-width: 767px) {#cpa-table {margin-right: -1rem; margin-left: -1rem; min-width: calc(100% + 2rem)}}@media (max-width: 432px) {#cpa-table {display: none}}#cpa-table-mobile {margin-right: auto; margin-left: auto; display: none}#cpa-footer > svg > g > * {  transition: opacity .25s;}#cpa-footer > svg > g > *:nth-child(-n + 167) { transition: opacity .25s;}#cpa-footer > svg > g > *:nth-child(-n + 167):hover { filter: brightness(0.8) contrast(1.25) drop-shadow(0px 0px 1px #00000020); z-index: 2;}#cpa-footer > svg > g > *:nth-child(n + 168):nth-child(-n + 336) { pointer-events: none;}#cpa-footer > svg > g > .shadow { filter: drop-shadow(1px 2px 3px #00000050);}#cpa-footer > svg > g > .line-shadow { filter: drop-shadow(1px 2px 3px #000000); stroke-opacity: 1;}#cpa-footer > svg > g > *:nth-child(3470) { filter: brightness(10);}#cpa-footer[data-cell-active='20'] > svg > g > *:nth-child(338),#cpa-footer[data-cell-active='20'] > svg > g > *:nth-child(339),#cpa-footer[data-cell-active='80'] > svg > g > *:nth-child(346),#cpa-footer[data-cell-active='80'] > svg > g > *:nth-child(347),#cpa-footer[data-cell-active='17'] > svg > g > *:nth-child(344),#cpa-footer[data-cell-active='17'] > svg > g > *:nth-child(345),#cpa-footer[data-cell-active='129'] > svg > g > *:nth-child(359),#cpa-footer[data-cell-active='129'] > svg > g > *:nth-child(360),#cpa-footer[data-cell-active='3'] > svg > g > *:nth-child(349),#cpa-footer[data-cell-active='3'] > svg > g > *:nth-child(348),#cpa-footer[data-cell-active='7'] > svg > g > *:nth-child(350),#cpa-footer[data-cell-active='7'] > svg > g > *:nth-child(351) { filter: drop-shadow(1px 2px 3px #00000050);}#cpa-footer[data-cell-active='20'] > svg > g > *:nth-child(337),#cpa-footer[data-cell-active='80'] > svg > g > *:nth-child(342),#cpa-footer[data-cell-active='17'] > svg > g > *:nth-child(343),#cpa-footer[data-cell-active='129'] > svg > g > *:nth-child(358),#cpa-footer[data-cell-active='3'] > svg > g > *:nth-child(341),#cpa-footer[data-cell-active='7'] > svg > g > *:nth-child(340) { filter: drop-shadow(1px 2px 3px #000000); stroke-opacity: 1;}@media (max-width: 767px) {#cpa-table-mobile {margin-right: -1rem; margin-left: -1rem; min-width: calc(100% + 2rem)}}@media (max-width: 432px) {#cpa-table-mobile {margin-right: 0; margin-left: 0; min-width: 100%; display: block}}#cpa-footer .chart-desc { margin-bottom: var(--space-m);}@media (max-width: 767px) {#cpa-footer {padding-right: var(--space-s); padding-bottom: var(--space-xs); padding-left: var(--space-s); overflow: auto hidden}}@media (max-width: 767px) {#cpa-wrap { padding: 0 !important}}@media (max-width: 575px) {#cpa-wrap {overflow: hidden}}#cpa {flex-direction: column; flex-wrap: wrap}@media (max-width: 767px) {#cpa {padding-bottom: var(--space-xs); overflow: hidden}}@media (max-width: 432px) {#opc-title {font-size: var(--h3)}}#opc-footer { --color-bar-default: #A280EA; --color-bar-default-hover: #8A5FE0; --color-bar-tailored: #DCC9FF; --color-bar-tailored-hover: #C9AEFF;}#opc-stage-1 { --bar-default-height: 212px; --bar-tailored-height-1: 84px; --line-height: 166px;}#opc-stage-2 { --bar-default-height: 111px; --bar-tailored-height-2: 53px; --line-height: 96px;}#opc-stage-1 .stage__uplift-value { top: 60px; right: 3px; transform: translateX(-25%); padding: 2px 10px 3px;}#opc-stage-2 .stage__uplift-value { top: 0px; transform: translateY(calc(-50% + 1px)); padding-left: 4px; padding-right: 4px;}@media (max-width: 767px) {#opc-stage-1 { --bar-default-height: 138px; --bar-tailored-height-1: 55px; --line-height: 121px;}#opc-stage-2 { --bar-default-height: 72px; --bar-tailored-height-2: 34px; --line-height: 76px;}}@media (max-width: 432px) {#brxe-zevlcu {font-size: var(--h3)}}#paid-compare-other-header {min-width: calc(100% + 50px)}#paid-compare-grid {min-width: 425px}@media (max-width: 575px) {#paid-compare-grid {padding-right: var(--space-m); padding-left: var(--space-m)}}@media (max-width: 432px) {#paid-compare-grid {padding-right: var(--space-s); padding-left: var(--space-s)}}.paid-compare { --pc-color-text-primary: #191919; --pc-color-text-row: #242424; --pc-color-text-muted: #666666; --pc-color-bar-apple: #B7A3E8; --pc-color-bar-other: #8ACFBA; --pc-color-bar-apple-hover: #A98FE2; --pc-color-bar-other-hover: #79C7AF; --pc-color-bar-value-light: #FFFFFF; --pc-color-bar-value-dark: #2C4A41; --pc-color-diff: #3B9179; --pc-color-diff-neutral: #565656; --pc-color-diff-muted: #9D9D9D; --pc-color-bar-track: rgba(0, 0, 0, 0.04); --pc-color-scroll-divider: var(--a-gray-200); --pc-color-bg: var(--a-bg-cold); --pc-transition-fast: 0.15s ease; --pc-font-body: 'Inter', system-ui, sans-serif; --pc-fs-header: calc(var(--text-m) - 3px); --pc-fs-row: 14px; --pc-fs-bar-value: 12px; --pc-fw-regular: 400; --pc-fw-medium: 500; --pc-fw-semibold: 600; --pc-lh-row: 18px; --pc-row-gap: 4px; --pc-col-gap: 8px; --pc-cell-padding-y: 1px; --pc-col-country-width: 102px; --pc-col-diff-width: 64px; --pc-fr-apple: 1.6fr; --pc-fr-other: 1fr; --pc-max-width: 768px; --pc-min-width: 220px; --pc-bar-height: 20px; --pc-bar-radius: 3px; --pc-bar-padding-x: 8px; --pc-bar-min-width: 48px; --pc-bar-max-apple: 19; --pc-bar-max-other: 6; --pc-reveal-duration: 0.2s; --pc-reveal-row-stagger: 0.05s; --pc-reveal-easing: cubic-bezier(0.22, 0.61, 0.36, 1); box-sizing: border-box; width: 100%; overflow-x: auto; overflow-y: hidden; min-width: 0; background: var(--pc-color-bg); font-family: var(--pc-font-body); font-size: var(--pc-fs-row); font-weight: var(--pc-fw-regular); line-height: var(--pc-lh-row); color: var(--pc-color-text-row); -webkit-overflow-scrolling: touch; scrollbar-width: thin;} .paid-compare *,.paid-compare *::before,.paid-compare *::after { box-sizing: border-box;} .paid-compare__grid { display: grid; grid-template-columns: var(--pc-col-country-width) minmax(0, var(--pc-fr-apple)) minmax(0, var(--pc-fr-other)) var(--pc-col-diff-width); justify-content: start; row-gap: var(--pc-row-gap); column-gap: var(--pc-col-gap); width: 100%; min-width: var(--pc-min-width); max-width: var(--pc-max-width); align-items: center;} .paid-compare__sticky-bg { position: sticky; left: 0; grid-column: 1; grid-row: 1 / -1; background: var(--pc-color-bg); z-index: 1; align-self: stretch; width: calc(var(--pc-col-country-width) + var(--pc-col-gap) / 2); margin-left: 0; pointer-events: none;} .paid-compare__cell { padding: var(--pc-cell-padding-y) 0; min-height: var(--pc-bar-height); min-width: 0; text-wrap: nowrap; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 0; transform: translateY(50px); transition: opacity var(--pc-reveal-duration) var(--pc-reveal-easing), transform var(--pc-reveal-duration) var(--pc-reveal-easing), text-shadow var(--pc-transition-fast), color var(--pc-transition-fast), background-color var(--pc-transition-fast);} .paid-compare__cell--country { overflow: visible; position: sticky; display: flex; left: 0; z-index: 2; background: var(--pc-color-bg); padding-right: var(--pc-col-gap); margin-right: calc(var(--pc-col-gap) * -1); box-shadow: 1px 0 0 transparent; transition: box-shadow var(--pc-transition-fast);} .paid-compare__cell--country:before { content: ''; width: 2px; height: calc(100% + var(--pc-row-gap)); background-color: var(--pc-color-scroll-divider); position: absolute; right: 0px; top: calc(var(--pc-row-gap) * -1); display: block; opacity: 0; transition: opacity .2s ease-in;} .paid-compare--scrolled .paid-compare__cell--country:before { opacity: .75;} .paid-compare__cell--header { color: var(--pc-color-text-primary); font-weight: var(--pc-fw-regular); font-size: var(--pc-fs-header); min-height: calc(var(--pc-bar-height) + 4px); margin-bottom: calc(var(--space-xs) / 2); white-space: normal; text-wrap: balance; line-height: 1; display: block;} .paid-compare__cell--header span {white-space: nowrap;} .paid-compare__cell--header.paid-compare__cell--country { z-index: 3;} .paid-compare__name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .paid-compare__bar { height: var(--pc-bar-height); min-height: var(--pc-bar-height); border-radius: var(--pc-bar-radius); display: flex; align-items: center; justify-content: flex-end; padding: 0 var(--pc-bar-padding-x); flex-shrink: 0; transition: background-color var(--pc-transition-fast), filter var(--pc-transition-fast);} .paid-compare__bar--apple { background: var(--pc-color-bar-apple); width: calc(var(--pc-value, 0) / var(--pc-bar-max-apple) * 100%); min-width: var(--pc-bar-min-width);} .paid-compare__bar--other { background: var(--pc-color-bar-other); width: calc(var(--pc-value, 0) / var(--pc-bar-max-other) * 100%); min-width: var(--pc-bar-min-width);} .paid-compare__bar-value { color: var(--pc-color-bar-value-light); font-size: var(--pc-fs-bar-value); font-weight: var(--pc-fw-medium); line-height: 1; white-space: nowrap;} .paid-compare__bar-value--dark { color: var(--pc-color-bar-value-dark);} .paid-compare__cell--diff { text-align: right; justify-content: flex-end; color: var(--pc-color-diff); font-weight: var(--pc-fw-regular); white-space: nowrap; letter-spacing: -0.2px;} .paid-compare__cell--diff-neutral { color: var(--pc-color-diff-neutral);} .paid-compare__cell--diff-muted { color: var(--pc-color-diff-muted);} .paid-compare__cell--bar { height: var(--pc-bar-height); border-radius: var(--pc-bar-radius); background: transparent; transition: background-color var(--pc-transition-fast);} .paid-compare__cell--row-hover { text-shadow: 0 0 0.5px currentColor;} .paid-compare__cell--row-hover.paid-compare__cell--bar { background: var(--pc-color-bar-track);} .paid-compare__cell--row-hover .paid-compare__bar--apple { background: var(--pc-color-bar-apple-hover); filter: brightness(1.03);} .paid-compare__cell--row-hover .paid-compare__bar--other { background: var(--pc-color-bar-other-hover); filter: brightness(1.03);} .paid-compare--visible .paid-compare__cell { opacity: 1; transform: translateY(0); transition: opacity var(--pc-reveal-duration) var(--pc-reveal-easing), transform var(--pc-reveal-duration) var(--pc-reveal-easing), text-shadow var(--pc-transition-fast) 0s, color var(--pc-transition-fast) 0s, background-color var(--pc-transition-fast) 0s;} .paid-compare--visible .paid-compare__cell--header { transition-delay: 0s;} .paid-compare--visible .paid-compare__cell[data-prow="1"] { transition-delay: calc(var(--pc-reveal-row-stagger) * 1); } .paid-compare--visible .paid-compare__cell[data-prow="2"] { transition-delay: calc(var(--pc-reveal-row-stagger) * 2); } .paid-compare--visible .paid-compare__cell[data-prow="3"] { transition-delay: calc(var(--pc-reveal-row-stagger) * 3); } .paid-compare--visible .paid-compare__cell[data-prow="4"] { transition-delay: calc(var(--pc-reveal-row-stagger) * 4); } .paid-compare--visible .paid-compare__cell[data-prow="5"] { transition-delay: calc(var(--pc-reveal-row-stagger) * 5); } .paid-compare--visible .paid-compare__cell[data-prow="6"] { transition-delay: calc(var(--pc-reveal-row-stagger) * 6); } .paid-compare--visible .paid-compare__cell[data-prow="7"] { transition-delay: calc(var(--pc-reveal-row-stagger) * 7); } .paid-compare--visible .paid-compare__cell[data-prow="8"] { transition-delay: calc(var(--pc-reveal-row-stagger) * 8); } .paid-compare--visible .paid-compare__cell[data-prow="9"] { transition-delay: calc(var(--pc-reveal-row-stagger) * 9); } .paid-compare--visible .paid-compare__cell[data-prow="10"] { transition-delay: calc(var(--pc-reveal-row-stagger) * 10); } .paid-compare--done .paid-compare__cell { transition-delay: 0s !important;}@media (prefers-reduced-motion: reduce) { .paid-compare__cell { transition-duration: 0.01ms !important; transition-delay: 0s !important; }}@media (max-width: 575px) {#paid-compare {margin-right: calc(var(--space-m) * -1); margin-left: calc(var(--space-m) * -1); min-width: calc(100% + (var(--space-m) * 2))}}@media (max-width: 358px) {#paid-compare {min-width: calc(100% + (var(--space-s) * 2)); margin-right: calc(var(--space-s) * -1); margin-left: calc(var(--space-s) * -1)}}@media (max-width: 432px) {#cpp-title {font-size: var(--h3)}}@media (max-width: 991px) {#cpp-arena > .cpp-circle:nth-child(n + 801) { display: none;}}@media (max-width: 575px) {#cpp-arena > .cpp-circle:nth-child(n + 501) { display: none;}}@media (max-width: 358px) {#cpp-arena > .cpp-circle:nth-child(n + 401) { display: none;}}:root { --color-text-primary: #242424; --color-text-secondary: #7F7F7F; --color-text-operator: #919191; --color-accent: #56B79C; --font-family: 'Inter', sans-serif; --font-size-label: 14px; --font-size-value: 18px; --font-size-desc: 14px; --font-size-operator: 16px; --font-weight-normal: 400; --font-weight-medium: 600; --line-height-label: 1.3; --line-height-value: 1.4; --line-height-desc: 1.3; --line-height-operator: 1.3; --gap-row: 0.46px; --gap-layout: 8px;} .uplift { display: inline-flex; align-items: center; gap: var(--gap-layout); font-family: var(--font-family); margin-top: var(--space-s);} .uplift__item { display: flex; flex-direction: column; gap: var(--gap-row);} .uplift__label { color: var(--color-text-secondary); font-size: var(--font-size-label); font-weight: var(--font-weight-normal); line-height: var(--line-height-label); white-space: nowrap; text-wrap: nowrap;} .uplift__value { color: var(--color-text-primary); font-size: var(--font-size-value); font-weight: var(--font-weight-medium); line-height: var(--line-height-value); letter-spacing: -0.6px;} .uplift__value--accent { color: var(--color-accent);} .uplift__desc { color: var(--color-text-primary); font-size: var(--font-size-desc); font-weight: var(--font-weight-normal); line-height: var(--line-height-desc); letter-spacing: -0.2px;} .uplift__operator { color: var(--color-text-operator); font-size: var(--font-size-operator); font-weight: var(--font-weight-normal); line-height: var(--line-height-operator);} .uplift__item:nth-child(1) .uplift__desc,.uplift__item:nth-child(2) .uplift__desc { white-space: nowrap; text-wrap: nowrap;}@media (max-width: 991px) {:root { --font-size-label: 12px; --font-size-value: 17px; --font-size-desc: 12px; --gap-layout: 6px;}}@media (max-width: 767px) {:root { --font-size-label: 14px; --font-size-value: 18px; --font-size-desc: 14px; --gap-layout: 10px;}}@media (max-width: 432px) {:root { --font-size-label: 13px; --font-size-desc: 12px; --line-height-desc: 1.1; --gap-layout: 7px;}}@media (max-width: 358px) {:root { --font-size-label: 12px; --font-size-value: 16px; --font-size-desc: 12px; --gap-layout: 5px;}.uplift { display: flex; flex-direction: column; width: 100%;}.uplift > * { text-align: center;}#uplift {margin-bottom: -1px}}#cpp-formula {opacity: .3}@media (max-width: 358px) {#cpp-formula {overflow: auto hidden}}@media (max-width: 432px) {#roas-title {font-size: var(--h3)}}#roas-footer {margin-top: var(--space-s)}.roas-card { --color-bg: var(--a-bg-cold); --color-text-primary: #111111; --color-text-secondary: #4D4D4D; --color-text-dark: #0D0D0D; --color-accent: #6E3ADF; --color-bar-default: #DCC9FF; --color-bar-tailored: #A280EA; --color-bar-default-hover: #C9AEFF; --color-bar-tailored-hover: #8A5FE0; --color-dashed: #6E3ADF; --font-heading: 'Gilroy', system-ui, sans-serif; --font-body: 'Inter', system-ui, sans-serif; --fs-title: 26px; --fs-subtitle: 16px; --fs-chart-title: 14px; --fs-label: 14px; --fs-percent-accent: 14px; --fw-bold: 600; --fw-regular: 400; --lh-title: 32px; --lh-subtitle: 22px; --lh-label: 14px; --card-padding: 0px; --card-radius: 8px; --header-gap: 16px; --chart-gap: var(--space-m); --bar-width: min(92px, 9vw); --bar-gap: var(--space-s); --bar-default-height: 154px; --bar-tailored-height-1: 218px; --bar-tailored-height-2: 190px; --label-margin-top: 12px; --stage-label-margin-top: 16px; --percent-margin-bottom: 4px; --dashed-offset: 24px; --line-offset: 0px; --line-height: 100%; --transition-fast: .2s ease; --transition-medium: .3s ease; --reveal-bar-duration: 0.8s; --reveal-label-duration: 0.5s; --reveal-stage-delay: 0.35s; --reveal-bar-delay: 0.15s; --reveal-label-delay: 0.4s; --reveal-easing: cubic-bezier(0.22, 0.61, 0.36, 1);} .roas-card { box-sizing: border-box; width: 100%; max-width: 540px; margin: 0 auto; padding: var(--card-padding); background: var(--color-bg); border-radius: var(--card-radius); font-family: var(--font-body); display: flex; flex-direction: row; gap: var(--chart-gap); align-items: flex-end; justify-content: center;} .roas-card *,.roas-card *::before,.roas-card *::after { box-sizing: border-box;} .stage { display: flex; flex-direction: column; align-items: center;} .stage__bars { display: flex; align-items: flex-end; gap: var(--bar-gap); position: relative; padding-top: 26px; height: 100%;} .bar { position: relative; display: block; cursor: pointer;} .bar__value { position: absolute; bottom: calc(100% + var(--percent-margin-bottom)); left: 50%; white-space: nowrap; color: var(--color-text-primary); font-size: var(--fs-label); line-height: var(--lh-label); background-color: var(--color-bg); opacity: 0; transform: translateX(-50%) scale(0.75); transform-origin: center bottom; transition: opacity var(--reveal-label-duration) var(--reveal-easing), transform var(--reveal-label-duration) var(--reveal-easing);} .bar__value:after { content: ''; background-color: var(--color-bg); width: 100%; height: 200%; position: absolute; display: block; bottom: -70%; z-index: -1;} .bar__rect { display: block; width: var(--bar-width); max-width: 100%; min-width: 0px; min-height: 0px; border-radius: var(--radius-s) var(--radius-s) 0 0; transform: scaleY(0); transform-origin: bottom center; transition: transform var(--reveal-bar-duration) var(--reveal-easing), background-color var(--transition-fast), filter var(--transition-fast); z-index: 1; position: relative;} .bar--default .bar__rect { height: var(--bar-default-height); background: var(--color-bar-default);} .bar--tailored .bar__rect { background: var(--color-bar-tailored);} .stage--install .bar--tailored .bar__rect { height: var(--bar-tailored-height-1);} .stage--paid .bar--tailored .bar__rect { height: var(--bar-tailored-height-2);} .bar:hover .bar__rect { filter: brightness(0.95);} .bar--default:hover .bar__rect { background: var(--color-bar-default-hover);} .bar--tailored:hover .bar__rect { background: var(--color-bar-tailored-hover);} .bar:hover .bar__value { font-weight: var(--fw-bold); letter-spacing: -0.3px;} .stage__legend { display: flex; gap: var(--bar-gap); margin-top: var(--label-margin-top);} .stage__legend-item { width: var(--bar-width); text-align: center; color: var(--color-text-secondary); font-size: var(--fs-label); line-height: var(--lh-label); opacity: 0; overflow-wrap: break-word; transform: scale(.75); transition: opacity var(--reveal-label-duration) var(--reveal-easing), transform var(--reveal-label-duration) var(--reveal-easing), color var(--transition-fast);} .stage__legend-item--active { text-shadow: 0 0 0 var(--a-black); color: var(--a-black);} .stage__name { margin-top: var(--stage-label-margin-top); color: var(--color-text-dark); font-size: var(--fs-label); line-height: var(--lh-label); opacity: 0; transform: scale(0.75); transition: opacity var(--reveal-label-duration) var(--reveal-easing), transform var(--reveal-label-duration) var(--reveal-easing);} .stage__uplift { position: absolute; top: -12px; left: 0; right: 0; height: 100%; display: flex; justify-content: center; align-items: center; pointer-events: none;} .stage__uplift-value { color: var(--color-accent); font-size: var(--fs-percent-accent); font-weight: var(--fw-regular); line-height: 1; background: var(--color-bg); padding: 0 8px; z-index: 3; top: -18px; position: absolute; margin-left: 2.5%; opacity: 0; transform: scale(0.75); transition: opacity var(--reveal-label-duration) var(--reveal-easing), transform var(--reveal-label-duration) var(--reveal-easing);} .stage__uplift-line { position: absolute; left: calc(var(--bar-width) / 2); right: calc(var(--bar-width) / 2); top: var(--line-offset, 0px); height: var(--line-height, 24px); border-left: 1.5px dashed var(--color-dashed); border-top: 1.5px dashed var(--color-dashed); border-right: 1.5px dashed var(--color-dashed); border-radius: 6px 6px 0 0; opacity: 0; transition: opacity var(--reveal-label-duration) var(--reveal-easing);} .roas-card--visible .stage--install .bar--default .bar__rect { transform: scaleY(1); transition-delay: 0s;} .roas-card--visible .stage--install .bar--tailored .bar__rect { transform: scaleY(1); transition-delay: var(--reveal-bar-delay);} .roas-card--visible .stage--install .bar--default .bar__value { opacity: 1; transform: translateX(-50%) scale(1); transition-delay: var(--reveal-label-delay);} .roas-card--visible .stage--install .bar--tailored .bar__value { opacity: 1; transform: translateX(-50%) scale(1); transition-delay: calc(var(--reveal-bar-delay) + var(--reveal-label-delay));} .roas-card--visible .stage--install .stage__uplift-line { opacity: 1; transition-delay: calc(var(--reveal-bar-delay) + var(--reveal-label-delay) + 0.05s);} .roas-card--visible .stage--install .stage__uplift-value { opacity: 1; transform: scale(1); transition-delay: calc(var(--reveal-bar-delay) + var(--reveal-label-delay) + 0.15s);} .roas-card--visible .stage--install .stage__legend-item:nth-child(1) { opacity: 1; transform: scale(1); transition-delay: var(--reveal-label-delay);} .roas-card--visible .stage--install .stage__legend-item:nth-child(2) { opacity: 1; transform: scale(1); transition-delay: calc(var(--reveal-bar-delay) + var(--reveal-label-delay));} .roas-card--visible .stage--install .stage__name { opacity: 1; transform: scale(1); transition-delay: calc(var(--reveal-bar-delay) + var(--reveal-label-delay) + 0.1s);} .roas-card--visible .stage--paid .bar--default .bar__rect { transform: scaleY(1); transition-delay: var(--reveal-stage-delay);} .roas-card--visible .stage--paid .bar--tailored .bar__rect { transform: scaleY(1); transition-delay: calc(var(--reveal-stage-delay) + var(--reveal-bar-delay));} .roas-card--visible .stage--paid .bar--default .bar__value { opacity: 1; transform: translateX(-50%) scale(1); transition-delay: calc(var(--reveal-stage-delay) + var(--reveal-label-delay));} .roas-card--visible .stage--paid .bar--tailored .bar__value { opacity: 1; transform: translateX(-50%) scale(1); transition-delay: calc(var(--reveal-stage-delay) + var(--reveal-bar-delay) + var(--reveal-label-delay));} .roas-card--visible .stage--paid .stage__uplift-line { opacity: 1; transition-delay: calc(var(--reveal-stage-delay) + var(--reveal-bar-delay) + var(--reveal-label-delay) + 0.05s);} .roas-card--visible .stage--paid .stage__uplift-value { opacity: 1; transform: scale(1); transition-delay: calc(var(--reveal-stage-delay) + var(--reveal-bar-delay) + var(--reveal-label-delay) + 0.15s);} .roas-card--visible .stage--paid .stage__legend-item:nth-child(1) { opacity: 1; transform: scale(1); transition-delay: calc(var(--reveal-stage-delay) + var(--reveal-label-delay));} .roas-card--visible .stage--paid .stage__legend-item:nth-child(2) { opacity: 1; transform: scale(1); transition-delay: calc(var(--reveal-stage-delay) + var(--reveal-bar-delay) + var(--reveal-label-delay));} .roas-card--visible .stage--paid .stage__name { opacity: 1; transform: scale(1); transition-delay: calc(var(--reveal-stage-delay) + var(--reveal-bar-delay) + var(--reveal-label-delay) + 0.1s);} .roas-card--done .bar__rect,.roas-card--done .bar__value,.roas-card--done .stage__legend-item,.roas-card--done .stage__name,.roas-card--done .stage__uplift-value,.roas-card--done .stage__uplift-line { transition-delay: 0s !important;}@media (prefers-reduced-motion: reduce) { .roas-card *, .roas-card *::before, .roas-card *::after { transition-duration: 0.01ms !important; transition-delay: 0s !important; }}@media (max-width: 1280px) {.roas-card { --chart-gap: var(--space-s); --bar-gap: var(--space-s); --bar-width: max(78px, 7vw);}}@media (max-width: 991px) {.roas-card { --fs-label: 12px; --lh-label: 12px; --chart-gap: var(--space-s); --bar-gap: var(--space-xs); --bar-width: max(62px, 8vw);}}@media (max-width: 767px) {.roas-card { --fs-label: 14px; --lh-label: 16px; --bar-width: 88px; --bar-default-height: 110px; --bar-tailored-height-1: 156px; --bar-tailored-height-2: 136px; --bar-gap: var(--space-m); --chart-gap: var(--space-s); row-gap: 100px; max-width: 100%;}}@media (max-width: 575px) {.roas-card { --fs-percent-accent: 16px; --fs-label: 15px; --lh-label: 16px; --bar-width: 98px; --bar-gap: var(--space-l);}.stage { width: 100%; min-width: 100%;}}@media (max-width: 432px) {.roas-card { --fs-percent-accent: 15px; --fs-label: 16px; --bar-width: max(22vw, 92px); --bar-gap: var(--space-l); padding: 0;}}@media (max-width: 358px) {.roas-card { --fs-percent-accent: 14px; --fs-label: 14px; --bar-width: min(25vw, 76px); --bar-gap: var(--space-m);}}@media (max-width: 432px) {#growing-title {font-size: var(--h3)}}#growing-desc {color: #1e0c45; font-weight: 500; font-size: calc(var(--text-m) + 2px); line-height: 1.1; letter-spacing: -0.2px; text-align: left; padding-bottom: 4px}@media (max-width: 1280px) {#growing-desc {font-size: calc(var(--text-m) + 1px)}}@media (max-width: 991px) {#growing-desc {font-size: calc(var(--text-m) + 0px)}}@media (max-width: 767px) {#growing-desc {font-size: calc(var(--text-m) + 1px)}}@media (max-width: 432px) {#growing-desc {font-size: var(--text-m)}}@media (max-width: 358px) {#growing-desc {font-size: calc(var(--text-m) - 1px)}}#growing-content {margin-bottom: 0}#cpi-axis-value {text-align: right}#cpi-axis-value { position: absolute; top: 1rem; right: 1rem; line-height: 1;}#cpi-axis { position: absolute; top: 0; right: 0; transform: scale(1.05); opacity: 0; filter: blur(5px); transition: opacity var(--reveal-duration) var(--reveal-easing) 1.5s, filter var(--reveal-duration) var(--reveal-easing) 1.5s;} .cpi-list--visible #cpi-axis { opacity: 1; filter: blur(0);}@media screen and (max-width: 320px) { #cpi-axis { display: none; }}#cpi-list-1 {display: none}#cpi-list-1 { --color-text-third: var(--a-gray-600); --color-bar: var(--a-violet-200, #E3D8F9); --bar-correct: 78px;}@media (max-width: 1280px) {#cpi-list-1 { --bar-correct: 108px;}}@media (max-width: 991px) {#cpi-list-1 { --bar-correct: 130px;}}@media (max-width: 767px) {#cpi-list-1 { --color-text-third: var(--a-gray-600); --color-bar: var(--a-violet-200, #E3D8F9); --bar-correct: 50%;}}@media (max-width: 575px) {#cpi-list-1 { --bar-correct: calc(100% - 250px);}}@media (max-width: 432px) {#cpi-list-1 { --bar-correct: calc(100% - 210px);}}@media (max-width: 358px) {#cpi-list-1 { --bar-correct: calc(100% - 210px);}#cpi-list-1 .cpi-list__bar { min-width: var(--bar-min-width);}}#growing-footer-sep.horizontal .line {border-top-color: var(--a-gray-200)}#growing-footer-sep.vertical .line {border-right-color: var(--a-gray-200)}#growing-footer-sep .icon {color: var(--a-gray-200)}#growing-footer-sep {margin-top: var(--space-m); margin-bottom: var(--space-m); display: none}#cpi-list-2 { --color-text-third: var(--a-gray-700); --color-bar: var(--a-violet-500, #875CE4);}.cpi-list { --color-text-primary: var(--a-black); --color-text-third: var(--a-gray-600); --color-bar: var(--a-gray-200, #E3D8F9); --color-bar-hover: var(--a-violet-300, #C9B0F2); --font-body: 'Inter', system-ui, sans-serif; --fs-row: 14px; --fw-regular: 400; --lh-row: 18px; --row-gap: 10px; --cell-gap: 6px; --flag-gap: 8px; --col-country-width: 120px; --col-value-width: 56px; --flag-width: 22px; --flag-height: 16px; --flag-radius: 3px; --bar-height: 16px; --bar-radius: 2px; --bar-min-width: 9px; --bar-max-width: 13px; --bar-correct: 0px; --bar-track-width: calc( 100% - var(--col-country-width) - var(--col-value-width) - (var(--cell-gap) * 2) - var(--bar-correct) ); --bar-max: 1; --reveal-duration: 0.2s; --reveal-cell-stagger: 0.1s; --reveal-row-stagger: 0.1s; --reveal-easing: cubic-bezier(0.22, 0.61, 0.36, 1); box-sizing: border-box; display: flex; flex-direction: column; gap: var(--row-gap); font-family: var(--font-body); font-size: var(--fs-row); font-weight: var(--fw-regular); line-height: var(--lh-row); position: relative; width: 100%;} .cpi-list *,.cpi-list *::before,.cpi-list *::after { box-sizing: border-box;} .cpi-list__row { display: flex; align-items: center; gap: var(--cell-gap);} .cpi-list__country { display: flex; align-items: center; gap: var(--flag-gap); width: var(--col-country-width); color: var(--color-text-primary);} .cpi-list__flag { flex-shrink: 0; width: var(--flag-width); height: var(--flag-height); border-radius: var(--flag-radius); object-fit: cover; display: block; outline: 1px solid var(--a-gray-200);} .cpi-list__name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .cpi-list__bar { min-width: var(--bar-min-width, 10px); min-height: 0px; flex-shrink: 0; width: calc(var(--bar-track-width) * var(--bar-value, 0) / var(--bar-max)); height: var(--bar-height); background: var(--color-bar); border-radius: var(--bar-radius);} .cpi-list__value { width: var(--col-value-width); color: var(--color-text-third);} .cpi-list__country,.cpi-list__bar,.cpi-list__value { opacity: 0; transform: translateY(4px); transition: opacity var(--reveal-duration) var(--reveal-easing), background-color 0.2s ease, color 0.2s ease, text-shadow 0.2s ease;} .cpi-list--visible .cpi-list__country { transition-delay: calc(var(--row-index, 0) * var(--reveal-row-stagger));} .cpi-list--visible .cpi-list__bar { transition-delay: calc(var(--row-index, 0) * var(--reveal-row-stagger) + var(--reveal-cell-stagger));} .cpi-list--visible .cpi-list__value { transition-delay: calc(var(--row-index, 0) * var(--reveal-row-stagger) + var(--reveal-cell-stagger) * 2);} .cpi-list--visible .cpi-list__country,.cpi-list--visible .cpi-list__bar,.cpi-list--visible .cpi-list__value { opacity: 1; transform: translateY(0);} .cpi-list--done .cpi-list__country,.cpi-list--done .cpi-list__bar,.cpi-list--done .cpi-list__value { transition-delay: 0s !important;} .cpi-list__row:hover .cpi-list__country,.cpi-list__row:hover .cpi-list__value,.cpi-list__row:hover .cpi-list__name { color: var(--a-black); text-shadow: 0 0 var(--a-black);} .cpi-list__row:hover .cpi-list__bar { background: var(--color-bar-hover);}@media (prefers-reduced-motion: reduce) { .cpi-list__country, .cpi-list__bar, .cpi-list__value { transition-duration: 0.01ms !important; transition-delay: 0s !important; }}#growing {max-width: 370px; min-width: 370px}#growing { padding-bottom: var(--space-xl);}@media (max-width: 1280px) {#growing { padding-bottom: var(--space-l);}}@media (max-width: 991px) {#growing { padding-bottom: var(--space-m);}}@media (max-width: 767px) {#growing {min-width: 100%; max-width: 100%}}@media (max-width: 432px) {#break-title {font-size: var(--h3)}#break-title br { display: none;}}#break-desk {color: #1e0c45; font-weight: 500; font-size: calc(var(--text-m) + 2px); line-height: 1.1; letter-spacing: -0.2px; padding-bottom: 4px}.apps-table { --color-text-primary: #191919; --color-text-row: #242424; --color-text-muted: #666666; --color-bar-cr: #875CE4; --color-bar-cpa: #6EC3AB; --color-bar-cr-hover: #7849D6; --color-bar-cpa-hover: #5BB99C; --color-bar-value: #FFFFFF; --color-bar-track: rgba(0, 0, 0, 0.04); --color-scroll-divider: var(--a-gray-200); --color-border: #EEE8F5; --color-bg: var(--a-bg-cold); --transition-fast: 0.15s ease; --font-body: 'Inter', system-ui, sans-serif; --fs-heaader: calc(var(--text-m) - 1px); --fs-row: 14px; --fs-bar-value: 12px; --fw-regular: 400; --fw-medium: 500; --lh-row: 18px; --row-gap: 3px; --col-gap: 8px; --cell-padding-y: 1px; --col-app-width: 168px; --col-category-width: 128px; --col-cr-width: 160px; --col-cpa-width: 60px; --col-cpa-value-width: 44px; --bar-height: 20px; --bar-radius: 3px; --bar-padding-x: 8px; --bar-max-cr: 100; --bar-max-cpa: 5; --reveal-duration: 0.2s; --reveal-row-stagger: 0.05s; --reveal-easing: cubic-bezier(0.22, 0.61, 0.36, 1); box-sizing: border-box; width: 100%; overflow-x: auto; overflow-y: hidden; min-width: 0; background: var(--color-bg); font-family: var(--font-body); font-size: var(--fs-row); font-weight: var(--fw-regular); line-height: var(--lh-row); color: var(--color-text-row); -webkit-overflow-scrolling: touch; scrollbar-width: thin;} .apps-table *,.apps-table *::before,.apps-table *::after { box-sizing: border-box;} .apps-table__grid { display: grid; grid-template-columns: var(--col-app-width) minmax(var(--col-category-width), 1fr) minmax(var(--col-cr-width), 1fr) var(--col-cpa-width) var(--col-cpa-value-width); row-gap: var(--row-gap); column-gap: var(--col-gap); min-width: max-content; align-items: center;} .apps-table__header { color: var(--color-text-primary);} .apps-table__sticky-bg { position: sticky; left: 0; grid-column: 1; grid-row: 1 / -1; background: var(--color-bg); z-index: 1; align-self: stretch; width: calc(var(--col-app-width) + var(--col-gap) / 2); margin-left: 0; pointer-events: none;} .apps-table__cell { padding: var(--cell-padding-y) 0; min-height: var(--bar-height); min-width: 0; text-wrap: nowrap; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 0; transform: translateY(50px); transition: opacity var(--reveal-duration) var(--reveal-easing), transform var(--reveal-duration) var(--reveal-easing), text-shadow var(--transition-fast), color var(--transition-fast), background-color var(--transition-fast);} .apps-table__cell--app { overflow: visible; position: sticky; display: flex; left: 0; z-index: 2; background: var(--color-bg); padding-right: var(--col-gap); margin-right: calc(var(--col-gap) * -1); box-shadow: 1px 0 0 transparent; transition: box-shadow var(--transition-fast);} .apps-table__cell--app:before { content: ''; width: 2px; height: calc(100% + var(--row-gap)); background-color: var(--color-scroll-divider); position: absolute; right: 0px; top: calc(var(--row-gap) * -1); display: block; opacity: 0; transition: opacity .2s ease-in;} .apps-table--scrolled .apps-table__cell--app:before { opacity: .75;} .apps-table__cell--category { color: var(--color-text-muted);} .apps-table__cell--header { color: var(--color-text-primary); font-weight: 600; font-size: var(--fs-heaader); min-height: calc(var(--bar-height) + 4px);} .apps-table__cell--header.apps-table__cell--app { z-index: 3;} .apps-table__name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .apps-table__bar { height: var(--bar-height); min-height: var(--bar-height); border-radius: var(--bar-radius); display: flex; align-items: center; flex-shrink: 0;} .apps-table__bar--cr { background: var(--color-bar-cr); padding: 0 var(--bar-padding-x); width: calc(var(--bar-value, 0) / var(--bar-max-cr) * 100%); min-width: 48px;} .apps-table__bar--cpa { background: var(--color-bar-cpa); width: calc(var(--col-cpa-width) * var(--bar-value, 0) / var(--bar-max-cpa)); min-width: 3px;} .apps-table__cell { transition: text-shadow var(--transition-fast), color var(--transition-fast);} .apps-table__bar { transition: background-color var(--transition-fast), filter var(--transition-fast);} .apps-table__cell--row-hover { text-shadow: 0 0 0.5px currentColor;} .apps-table__cell--row-hover.apps-table__cell--category { color: var(--color-text-row);} .apps-table__cell--row-hover .apps-table__bar--cr { background: var(--color-bar-cr-hover); filter: brightness(1.05);} .apps-table__cell--row-hover .apps-table__bar--cpa { background: var(--color-bar-cpa-hover); filter: brightness(1.05);} .apps-table__bar-value { color: var(--color-bar-value); font-size: var(--fs-bar-value); font-weight: var(--fw-medium); line-height: 1; white-space: nowrap;} .apps-table__value { color: var(--color-text-row); white-space: nowrap;} .apps-table__cell--value { text-align: right; color: var(--color-text-row); white-space: nowrap;} .apps-table__cell--bar { height: var(--bar-height); border-radius: var(--bar-radius); background: transparent; transition: background-color var(--transition-fast);} .apps-table__cell--row-hover.apps-table__cell--bar { background: var(--color-bar-track);} .apps-table--visible .apps-table__cell { opacity: 1; transform: translateY(0); transition: opacity var(--reveal-duration) var(--reveal-easing), transform var(--reveal-duration) var(--reveal-easing), text-shadow var(--transition-fast) 0s, color var(--transition-fast) 0s, background-color var(--transition-fast) 0s;} .apps-table--visible .apps-table__cell--header { transition-delay: 0s;} .apps-table--visible .apps-table__cell[data-row="1"] { transition-delay: calc(var(--reveal-row-stagger) * 1); } .apps-table--visible .apps-table__cell[data-row="2"] { transition-delay: calc(var(--reveal-row-stagger) * 2); } .apps-table--visible .apps-table__cell[data-row="3"] { transition-delay: calc(var(--reveal-row-stagger) * 3); } .apps-table--visible .apps-table__cell[data-row="4"] { transition-delay: calc(var(--reveal-row-stagger) * 4); } .apps-table--visible .apps-table__cell[data-row="5"] { transition-delay: calc(var(--reveal-row-stagger) * 5); } .apps-table--visible .apps-table__cell[data-row="6"] { transition-delay: calc(var(--reveal-row-stagger) * 6); } .apps-table--visible .apps-table__cell[data-row="7"] { transition-delay: calc(var(--reveal-row-stagger) * 7); } .apps-table--visible .apps-table__cell[data-row="8"] { transition-delay: calc(var(--reveal-row-stagger) * 8); } .apps-table--visible .apps-table__cell[data-row="9"] { transition-delay: calc(var(--reveal-row-stagger) * 9); } .apps-table--visible .apps-table__cell[data-row="10"] { transition-delay: calc(var(--reveal-row-stagger) * 10); } .apps-table--visible .apps-table__cell[data-row="11"] { transition-delay: calc(var(--reveal-row-stagger) * 11); } .apps-table--visible .apps-table__cell[data-row="12"] { transition-delay: calc(var(--reveal-row-stagger) * 12); } .apps-table--visible .apps-table__cell[data-row="13"] { transition-delay: calc(var(--reveal-row-stagger) * 13); } .apps-table--visible .apps-table__cell[data-row="14"] { transition-delay: calc(var(--reveal-row-stagger) * 14); } .apps-table--visible .apps-table__cell[data-row="15"] { transition-delay: calc(var(--reveal-row-stagger) * 15); } .apps-table--visible .apps-table__cell[data-row="16"] { transition-delay: calc(var(--reveal-row-stagger) * 16); } .apps-table--visible .apps-table__cell[data-row="17"] { transition-delay: calc(var(--reveal-row-stagger) * 17); } .apps-table--visible .apps-table__cell[data-row="18"] { transition-delay: calc(var(--reveal-row-stagger) * 18); } .apps-table--visible .apps-table__cell[data-row="19"] { transition-delay: calc(var(--reveal-row-stagger) * 19); } .apps-table--visible .apps-table__cell[data-row="20"] { transition-delay: calc(var(--reveal-row-stagger) * 20); } .apps-table--done .apps-table__cell { transition-delay: 0s !important;}@media (prefers-reduced-motion: reduce) { .apps-table__cell { transition-duration: 0.01ms !important; transition-delay: 0s !important; }}#apps-table > .apps-table__grid > *:nth-child(n + 56) { display: none;}@media (max-width: 1280px) {.apps-table { --col-app-width: 158px; --col-category-width: 128px; --col-cr-width: 140px; --col-cpa-width: 50px;}#break-desk {font-size: calc(var(--text-m) + 1px)}}@media (max-width: 991px) {.apps-table__name,.apps-table__cell--value { letter-spacing: -0.3px;}.apps-table__cell--category { letter-spacing: -0.2px;}#break-desk {font-size: calc(var(--text-m) + 0px)}}@media (max-width: 767px) {.apps-table { --offset: var(--space-m); --col-app-width: 160px; --col-category-width: 138px; --col-cr-width: 180px; --col-cpa-width: 54px; --col-cpa-value-width: calc(44px + var(--offset)); --col-gap: 16px; --fs-row: 13px; --fs-bar-value: 12px; margin-right: calc(var(--offset) * -1); min-width: calc(100% + var(--offset)) !important;}.apps-table__cell--value { padding-right: var(--offset);}#break-desk {font-size: calc(var(--text-m) + 1px)}}@media (max-width: 432px) {.apps-table { --offset: var(--space-m); --col-app-width: calc(var(--space-s) + 132px); --col-category-width: 128px; --col-cr-width: 140px; --col-cpa-width: 58px; --col-cpa-value-width: calc(44px + var(--offset)); --col-gap: 8px; --fs-row: 12px; --fs-bar-value: 10px; --bar-height: 18px; margin-right: calc(var(--offset) * -1); margin-left: calc(var(--offset) * -1); min-width: calc(100% + (var(--offset) * 2)) !important;}.apps-table__cell--app { padding-left: var(--space-s);}#break-desk {font-size: var(--text-m)}}@media (max-width: 358px) {.apps-table { --offset: var(--space-s);}#break-desk {font-size: calc(var(--text-m) - 1px)}}#break-content {min-width: 0px; margin-top: var(--space-xs); margin-bottom: var(--space-xs)}#apps-table-grid {min-width: 0px}#apps-table {min-width: 0px}.apps-table { --color-text-primary: #191919; --color-text-row: #242424; --color-text-muted: #666666; --color-bar-cr: #875CE4; --color-bar-cpa: #6EC3AB; --color-bar-cr-hover: #7849D6; --color-bar-cpa-hover: #5BB99C; --color-bar-value: #FFFFFF; --color-bar-track: rgba(0, 0, 0, 0.04); --color-scroll-divider: var(--a-gray-200); --color-border: #EEE8F5; --color-bg: var(--a-bg-cold); --transition-fast: 0.15s ease; --font-body: 'Inter', system-ui, sans-serif; --fs-heaader: calc(var(--text-m) - 1px); --fs-row: 14px; --fs-bar-value: 12px; --fw-regular: 400; --fw-medium: 500; --lh-row: 18px; --row-gap: 3px; --col-gap: 8px; --cell-padding-y: 1px; --col-app-width: 168px; --col-category-width: 128px; --col-cr-width: 160px; --col-cpa-width: 60px; --col-cpa-value-width: 44px; --bar-height: 20px; --bar-radius: 3px; --bar-padding-x: 8px; --bar-max-cr: 100; --bar-max-cpa: 5; --reveal-duration: 0.2s; --reveal-row-stagger: 0.05s; --reveal-easing: cubic-bezier(0.22, 0.61, 0.36, 1); box-sizing: border-box; width: 100%; overflow-x: auto; overflow-y: hidden; min-width: 0; background: var(--color-bg); font-family: var(--font-body); font-size: var(--fs-row); font-weight: var(--fw-regular); line-height: var(--lh-row); color: var(--color-text-row); -webkit-overflow-scrolling: touch; scrollbar-width: thin;} .apps-table *,.apps-table *::before,.apps-table *::after { box-sizing: border-box;} .apps-table__grid { display: grid; grid-template-columns: var(--col-app-width) minmax(var(--col-category-width), 1fr) minmax(var(--col-cr-width), 1fr) var(--col-cpa-width) var(--col-cpa-value-width); row-gap: var(--row-gap); column-gap: var(--col-gap); min-width: max-content; align-items: center;} .apps-table__header { color: var(--color-text-primary);} .apps-table__sticky-bg { position: sticky; left: 0; grid-column: 1; grid-row: 1 / -1; background: var(--color-bg); z-index: 1; align-self: stretch; width: calc(var(--col-app-width) + var(--col-gap) / 2); margin-left: 0; pointer-events: none;} .apps-table__cell { padding: var(--cell-padding-y) 0; min-height: var(--bar-height); min-width: 0; text-wrap: nowrap; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 0; transform: translateY(50px); transition: opacity var(--reveal-duration) var(--reveal-easing), transform var(--reveal-duration) var(--reveal-easing), text-shadow var(--transition-fast), color var(--transition-fast), background-color var(--transition-fast);} .apps-table__cell--app { overflow: visible; position: sticky; display: flex; left: 0; z-index: 2; background: var(--color-bg); padding-right: var(--col-gap); margin-right: calc(var(--col-gap) * -1); box-shadow: 1px 0 0 transparent; transition: box-shadow var(--transition-fast);} .apps-table__cell--app:before { content: ''; width: 2px; height: calc(100% + var(--row-gap)); background-color: var(--color-scroll-divider); position: absolute; right: 0px; top: calc(var(--row-gap) * -1); display: block; opacity: 0; transition: opacity .2s ease-in;} .apps-table--scrolled .apps-table__cell--app:before { opacity: .75;} .apps-table__cell--category { color: var(--color-text-muted);} .apps-table__cell--header { color: var(--color-text-primary); font-weight: 600; font-size: var(--fs-heaader); min-height: calc(var(--bar-height) + 4px);} .apps-table__cell--header.apps-table__cell--app { z-index: 3;} .apps-table__name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .apps-table__bar { height: var(--bar-height); min-height: var(--bar-height); border-radius: var(--bar-radius); display: flex; align-items: center; flex-shrink: 0;} .apps-table__bar--cr { background: var(--color-bar-cr); padding: 0 var(--bar-padding-x); width: calc(var(--bar-value, 0) / var(--bar-max-cr) * 100%); min-width: 48px;} .apps-table__bar--cpa { background: var(--color-bar-cpa); width: calc(var(--col-cpa-width) * var(--bar-value, 0) / var(--bar-max-cpa)); min-width: 3px;} .apps-table__cell { transition: text-shadow var(--transition-fast), color var(--transition-fast);} .apps-table__bar { transition: background-color var(--transition-fast), filter var(--transition-fast);} .apps-table__cell--row-hover { text-shadow: 0 0 0.5px currentColor;} .apps-table__cell--row-hover.apps-table__cell--category { color: var(--color-text-row);} .apps-table__cell--row-hover .apps-table__bar--cr { background: var(--color-bar-cr-hover); filter: brightness(1.05);} .apps-table__cell--row-hover .apps-table__bar--cpa { background: var(--color-bar-cpa-hover); filter: brightness(1.05);} .apps-table__bar-value { color: var(--color-bar-value); font-size: var(--fs-bar-value); font-weight: var(--fw-medium); line-height: 1; white-space: nowrap;} .apps-table__value { color: var(--color-text-row); white-space: nowrap;} .apps-table__cell--value { text-align: right; color: var(--color-text-row); white-space: nowrap;} .apps-table__cell--bar { height: var(--bar-height); border-radius: var(--bar-radius); background: transparent; transition: background-color var(--transition-fast);} .apps-table__cell--row-hover.apps-table__cell--bar { background: var(--color-bar-track);} .apps-table--visible .apps-table__cell { opacity: 1; transform: translateY(0); transition: opacity var(--reveal-duration) var(--reveal-easing), transform var(--reveal-duration) var(--reveal-easing), text-shadow var(--transition-fast) 0s, color var(--transition-fast) 0s, background-color var(--transition-fast) 0s;} .apps-table--visible .apps-table__cell--header { transition-delay: 0s;} .apps-table--visible .apps-table__cell[data-row="1"] { transition-delay: calc(var(--reveal-row-stagger) * 1); } .apps-table--visible .apps-table__cell[data-row="2"] { transition-delay: calc(var(--reveal-row-stagger) * 2); } .apps-table--visible .apps-table__cell[data-row="3"] { transition-delay: calc(var(--reveal-row-stagger) * 3); } .apps-table--visible .apps-table__cell[data-row="4"] { transition-delay: calc(var(--reveal-row-stagger) * 4); } .apps-table--visible .apps-table__cell[data-row="5"] { transition-delay: calc(var(--reveal-row-stagger) * 5); } .apps-table--visible .apps-table__cell[data-row="6"] { transition-delay: calc(var(--reveal-row-stagger) * 6); } .apps-table--visible .apps-table__cell[data-row="7"] { transition-delay: calc(var(--reveal-row-stagger) * 7); } .apps-table--visible .apps-table__cell[data-row="8"] { transition-delay: calc(var(--reveal-row-stagger) * 8); } .apps-table--visible .apps-table__cell[data-row="9"] { transition-delay: calc(var(--reveal-row-stagger) * 9); } .apps-table--visible .apps-table__cell[data-row="10"] { transition-delay: calc(var(--reveal-row-stagger) * 10); } .apps-table--visible .apps-table__cell[data-row="11"] { transition-delay: calc(var(--reveal-row-stagger) * 11); } .apps-table--visible .apps-table__cell[data-row="12"] { transition-delay: calc(var(--reveal-row-stagger) * 12); } .apps-table--visible .apps-table__cell[data-row="13"] { transition-delay: calc(var(--reveal-row-stagger) * 13); } .apps-table--visible .apps-table__cell[data-row="14"] { transition-delay: calc(var(--reveal-row-stagger) * 14); } .apps-table--visible .apps-table__cell[data-row="15"] { transition-delay: calc(var(--reveal-row-stagger) * 15); } .apps-table--visible .apps-table__cell[data-row="16"] { transition-delay: calc(var(--reveal-row-stagger) * 16); } .apps-table--visible .apps-table__cell[data-row="17"] { transition-delay: calc(var(--reveal-row-stagger) * 17); } .apps-table--visible .apps-table__cell[data-row="18"] { transition-delay: calc(var(--reveal-row-stagger) * 18); } .apps-table--visible .apps-table__cell[data-row="19"] { transition-delay: calc(var(--reveal-row-stagger) * 19); } .apps-table--visible .apps-table__cell[data-row="20"] { transition-delay: calc(var(--reveal-row-stagger) * 20); } .apps-table--done .apps-table__cell { transition-delay: 0s !important;}@media (prefers-reduced-motion: reduce) { .apps-table__cell { transition-duration: 0.01ms !important; transition-delay: 0s !important; }}#apps-table > .apps-table__grid > *:nth-child(n + 56) { display: none;}@media (max-width: 1280px) {.apps-table { --col-app-width: 158px; --col-category-width: 128px; --col-cr-width: 140px; --col-cpa-width: 50px;}}@media (max-width: 991px) {.apps-table__name,.apps-table__cell--value { letter-spacing: -0.3px;}.apps-table__cell--category { letter-spacing: -0.2px;}}@media (max-width: 767px) {.apps-table { --offset: var(--space-m); --col-app-width: 160px; --col-category-width: 138px; --col-cr-width: 180px; --col-cpa-width: 54px; --col-cpa-value-width: calc(44px + var(--offset)); --col-gap: 16px; --fs-row: 13px; --fs-bar-value: 12px; margin-right: calc(var(--offset) * -1); min-width: calc(100% + var(--offset)) !important;}.apps-table__cell--value { padding-right: var(--offset);}}@media (max-width: 432px) {.apps-table { --offset: var(--space-m); --col-app-width: calc(var(--space-s) + 132px); --col-category-width: 128px; --col-cr-width: 140px; --col-cpa-width: 58px; --col-cpa-value-width: calc(44px + var(--offset)); --col-gap: 8px; --fs-row: 12px; --fs-bar-value: 10px; --bar-height: 18px; margin-right: calc(var(--offset) * -1); margin-left: calc(var(--offset) * -1); min-width: calc(100% + (var(--offset) * 2)) !important;}.apps-table__cell--app { padding-left: var(--space-s);}}@media (max-width: 358px) {.apps-table { --offset: var(--space-s);}}#brxe-uavqme:after { content: '/'; margin-left: var(--space-xs);}@media (max-width: 991px) {#brxe-uavqme:after { display: none;}}@media (max-width: 767px) {#brxe-uavqme:after { display: inline;}}@media (max-width: 575px) {#brxe-uavqme:after { display: none;}}#brxe-sfohmv {width: 100%}#apps-caption {width: 100%; flex-direction: row; display: flex; flex-wrap: wrap; column-gap: var(--space-xs); row-gap: 6px; margin-top: var(--space-s)}#apps-caption { --lines: 10; --delay: calc(var(--lines) * .075s); opacity: 0; filter: blur(5px); transition: opacity var(--reveal-duration, 0.4s) var(--reveal-easing, cubic-bezier(0.22, 0.61, 0.36, 1)) var(--delay, 1s), filter var(--reveal-duration, 0.4s) var(--reveal-easing, cubic-bezier(0.22, 0.61, 0.36, 1)) var(--delay, 1s);} .apps-table--visible #apps-caption { opacity: 1; filter: blur(0);}#apps-caption > div { width: fit-content; line-height: 1; padding: 1px 0px 2px; color: var(--a-grey-700, #666666); font-size: calc(var(--text-m) - 3px);}@media (max-width: 575px) {#apps-caption {flex-direction: column}}@media (max-width: 432px) {#apps-caption {row-gap: 4px; margin-top: var(--space-s)}}@media (max-width: 358px) {#apps-caption > div { font-size: calc(var(--text-s) + 1px);}}#break-footer {min-width: 0px}#break {min-width: 0px}#break { gap: var(--space-s) !important; padding-bottom: var(--space-m) !important;}@media (max-width: 432px) {#break { padding-bottom: var(--space-s) !important;}}#charts-wrap {column-gap: var(--gap, var(--space-s)); row-gap: var(--gap, var(--space-s))}#charts {padding-top: var(--space-xl); padding-bottom: var(--space-l)}#charts { --gap: var(--space-s); --padding: var(--space-l);}#charts .chart-title { width: 100%; text-align: center; letter-spacing: -0.5px; font-size: var(--h3); line-height: 1.22; text-wrap: balance;}#charts .chart-desc { width: 100%; text-align: center; font-size: calc(var(--text-m) + 1px); font-weight: 400; line-height: 1.28; letter-spacing: -0.3px; color: var(--a-gray-700); margin-top: var(--space-xs); text-wrap: wrap; margin-left: auto; margin-right: auto; max-width: 440px;}#charts .chart-label { width: 100%; text-align: center; font-weight: 400; line-height: 1.2; color: var(--a-gray-800); margin-top: var(--space-m); font-size: calc(var(--text-m) - 2px);}#charts .chart-placeholder { width: 100%; margin: auto;}#charts .chart-wrap { display: flex; gap: var(--gap); flex-direction: row; align-items: stretch;}#charts .chart-block { display: flex; background-color: var(--a-bg-cold); border-radius: var(--radius-m); overflow: visible; padding: var(--padding); height: auto; gap: var(--space-m); justify-content: space-between;}#charts .chart-block--white { background-color: var(--a-white);}#charts :is(.chart-placeholder,.chart-interactive) { margin-top: auto; margin-bottom: 0;}#charts .chart-60-40 > .chart-block:nth-child(2),#charts .chart-40-60 > .chart-block:nth-child(1) { width: calc(40% - (var(--gap) / 2));}#charts .chart-60-40 > .chart-block:nth-child(1),#charts .chart-40-60 > .chart-block:nth-child(2) { width: calc(60% - (var(--gap) / 2));}#charts .chart-50-50 > .chart-block:nth-child(1),#charts .chart-50-50 > .chart-block:nth-child(2) { width: calc(50% - (var(--gap) / 2));} .apexcharts-tooltip { border: 1px solid var(--a-gray-50) !important; background: rgba(255, 255, 255, .96) !important; border-radius: var(--radius-m) !important; padding-top: 1px !important; padding-bottom: 3px !important; box-shadow: 0px 12px 15px 0px #192E9C12, 0px -6px 14px 0px #071A7908 !important;} .apexcharts-tooltip .apexcharts-tooltip-title { background: transparent !important; border-bottom: none !important; border-radius: 8px !important; padding: .8rem 1.2rem 0 1.2rem !important; margin-bottom: 0px !important; font-weight: 500 !important; font-family: 'Gilroy', sans-serif !important;} .apexcharts-tooltip .apexcharts-tooltip-y-group { display: flex; padding: 4px 0 1px !important; width: 100%; min-width: 100%; max-width: 100%; justify-content: space-between;} .apexcharts-tooltip-text-goals-value, .apexcharts-tooltip-text-y-value, .apexcharts-tooltip-text-z-value { font-weight: 400 !important;} .apexcharts-tooltip-text-y-value { margin-left: 8px !important;} .apexcharts-tooltip-text { width: 100% !important;} .apexcharts-tooltip-series-group { background: transparent !important; color: var(--a-const-black); margin-top: 3px; margin-bottom: -3px;}@media (max-width: 1280px) {#charts { --padding: var(--space-m);}}@media (max-width: 991px) {#charts { --gap: var(--space-xs); --padding: var(--space-m) var(--space-s);}#charts .chart-title { font-size: calc(var(--h3) - 4px);}#charts .chart-desc { font-size: calc(var(--text-m) - 1px);}#charts .chart-60-40 > .chart-block:nth-child(2),#charts .chart-40-60 > .chart-block:nth-child(1),#charts .chart-60-40 > .chart-block:nth-child(1),#charts .chart-40-60 > .chart-block:nth-child(2) { width: 50%;}}@media (max-width: 767px) {#charts { --gap: var(--space-s); --padding: var(--space-m);}#charts .chart-block { display: flex; flex-direction: column; width: 100%; gap: var(--space-m);}#charts .chart-title { font-size: calc(var(--h3) - 2px); line-height: 1.1;}#charts .chart-desc { font-size: var(--text-m); max-width: 100%;}#charts .chart-desc br { display: none;}#charts .chart-60-40 > .chart-block:nth-child(2),#charts .chart-40-60 > .chart-block:nth-child(1),#charts .chart-60-40 > .chart-block:nth-child(1),#charts .chart-40-60 > .chart-block:nth-child(2),#charts .chart-50-50 > .chart-block:nth-child(1),#charts .chart-50-50 > .chart-block:nth-child(2) { width: 100%;}}@media (max-width: 575px) {#charts {overflow: hidden}}@media (max-width: 432px) {#charts .chart-desc { font-size: calc(var(--text-m) - 1px);}}@media (max-width: 358px) {#charts { --gap: var(--space-xs); --padding: var(--space-s);}#charts .chart-title { font-size: calc(var(--h3) - 3px);}#charts .chart-desc { font-size: calc(var(--text-m) - 2px);}}#promo-title {text-align: center; font-weight: 800; font-size: var(--h1); line-height: 1.1; letter-spacing: -0.2px; text-wrap: wrap; padding-bottom: 4px}@media (max-width: 575px) {#promo-title {letter-spacing: -0.8px; font-size: calc(var(--h2) + 3px); font-weight: 700; line-height: 1}}#promo-desc {margin-top: var(--space-s); text-align: center; font-weight: 500; font-size: calc(var(--text-m) + 2px); line-height: 140%}@media (max-width: 575px) {#promo-desc {letter-spacing: -0.4px; font-size: calc(var(--text-m) + 1px); text-wrap: wrap}}@media (max-width: 432px) {#promo-desc br { display: none;}}@media (max-width: 358px) {#promo-desc {font-size: var(--text-m)}}#promo-cta-btn {margin-top: var(--space-m); margin-right: auto; margin-left: auto}@media (max-width: 358px) {#promo-cta-btn {min-width: 100%}}#promo-content {margin-right: auto; margin-left: auto; align-items: center; max-width: 650px}#promo-wrap {z-index: 1}#promo-img {z-index: -1; bottom: 0px; position: absolute; width: 100vw; margin-bottom: -3.5%; max-width: 2560px}#promo-img:not(.tag), #promo-img img {object-fit: contain}@media (max-width: 1280px) {#promo-img {margin-bottom: -5%; max-width: 1280px; min-width: 1280px}}@media (max-width: 991px) {#promo-img {margin-bottom: -6%; min-width: 1280px}}@media (max-width: 767px) {#promo-img {margin-bottom: -8%}}@media (max-width: 575px) {#promo-img {margin-bottom: -10%}}@media (max-width: 432px) {#promo-img {margin-bottom: -11%; min-width: 960px}}@media (max-width: 358px) {#promo-img {margin-bottom: -12%; min-width: 1280px}}#promo {padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); min-height: 540px; position: relative; overflow: hidden; border-bottom: 1px solid var(--a-gray-150)}@media (max-width: 1280px) {#promo {min-height: 520px}}@media (max-width: 991px) {#promo {min-height: 500px}}@media (max-width: 767px) {#promo {min-height: 440px}}@media (max-width: 575px) {#promo {min-height: 400px}}@media (max-width: 432px) {#promo {min-height: 300px; padding-bottom: calc(var(--space-xxl) * 1.5)}}#faq-header-icon {margin-top: -1px; margin-right: 5px; height: 20px; width: 20px; transform: translateY(1px)}.color-scheme--alt #faq-header-icon path { fill: #fff;}#faq-header-label {margin-left: 4px; font-weight: 500; letter-spacing: -.2px; line-height: 1; font-size: calc(var(--text-m) + 1px)}#faq-header-wrap {margin-bottom: var(--space-xs); flex-direction: row; display: flex}#faq-header-title {margin-top: var(--space-xs); font-weight: 500; letter-spacing: -0.7px; line-height: 110%; font-size: calc(var(--h2) + 2px); max-width: 400px; padding-bottom: 2px}@media (max-width: 991px) {#faq-header-title {font-size: var(--h2); letter-spacing: -1px; max-width: 100%; width: 100%}}#faq-header {flex-direction: column; z-index: 1}#brxe-eyszos {z-index: 2}#faq-list {z-index: 1; margin-top: 0; margin-right: 0; margin-left: auto}#faq-list svg {height: 22px; width: 22px}#faq-list .accordion-item {padding-top: var(--space-xs); padding-right: var(--space-l); padding-bottom: var(--space-xs); padding-left: var(--space-l)}#faq-list { max-width: calc(50% + 1px); border-left: 1px solid var(--a-gray-200); border-right: 1px solid var(--a-gray-200);}#faq-list .accordion-content-wrapper { padding-right: var(--space-xl); font-size: calc(var(--text-m) + 1px); line-height: 148%; font-weight: 400; color: var(--a-gray-800); margin-top: var(--space-s);}#faq-list .accordion-title .title { font-size: var(--text-l) !important; font-weight: 600; padding-right: var(--space-xl);} .color-scheme--alt .faq .accordion-title:hover .title { color: var(--a-const-violet-400) !important;} .color-scheme--alt .faq .listening:focus-within > div[role="button"] .title,.color-scheme--alt .faq .listening.brx-open .title { color: var(--a-const-violet-300) !important; text-shadow: 1px 1px 1px var(--a-const-gray-1100) !important;} .color-scheme--alt .faq .listening.brx-open .icon { fill: var(--a-const-violet-300) !important;}#faq-list a { color: var(--a-primary);}#faq-list a:is(:hover,:focus) { color: var(--a-primary--hover);}#faq-list a:is(:active) { color: var(--a-primary--active);} .color-scheme--alt #faq-list a { color: var(--a-const-white);}#faq-list.am,#faq-list.am .accordion-item { --am-start-opacity: 0; --am-start-delay: 0s; --am-start-translateX: 0; --am-start-translateY: 0; --am-config-speed: .6s; --am-config-transition-type: ease-in-out; --am-transition: transform var(--am-config-speed) var(--am-config-transition-type), opacity var(--am-config-speed) var(--am-config-transition-type); opacity: 1; transform: translate(0,0) scale(1); transition: var(--am-transition); transition-delay: var(--am-start-delay);}#faq-list.am--hidden .accordion-item { opacity: var(--am-start-opacity); transform: translate(var(--am-start-translateX), var(--am-start-translateY)) scale(var(--am-start-scale));}#faq-list .accordion-item { --am-start-opacity: 0; --am-start-translateX: 0rem; --am-start-translateY: 0rem;}#faq-list .accordion-item:nth-child(1){--am-start-delay:.3s}#faq-list .accordion-item:nth-child(2){--am-start-delay:.4s}#faq-list .accordion-item:nth-child(3){--am-start-delay:.5s}#faq-list .accordion-item:nth-child(4){--am-start-delay:.6s}#faq-list .accordion-item:nth-child(5){--am-start-delay:.7s}#faq-list .accordion-item:nth-child(6){--am-start-delay:.8s}#faq-list .accordion-item:nth-child(7){--am-start-delay:.9s}#faq-list .accordion-item:nth-child(8){--am-start-delay:1.0s}#faq-list .accordion-item:nth-child(9){--am-start-delay:1.1s}#faq-list .accordion-item:nth-child(10){--am-start-delay:1.2s}#faq-list li { --size-big: 163px; --size-small: 91px; --color: #CBB9F41A; --anim: .2s ease-out; --trans: 6rem; position: relative; overflow: hidden;}#faq-list li:before { --current-size: var(--size-big);}#faq-list li:after { --current-size: var(--size-small);}#faq-list li:before,#faq-list li:after { content: ""; --offset: calc(var(--current-size, 100px) / -1.9); width: var(--current-size, 100px); height: var(--current-size, 100px); background-color: var(--color); z-index: 0; position: absolute; border-radius: var(--current-size, 100px); bottom: var(--offset); right: var(--offset); opacity: 0; transform: scale(.5); transition: opacity var(--anim), transform var(--anim);}#faq-list li.brx-open:before,#faq-list li.brx-open:after { opacity: 1; transform: scale(1);}@media (max-width: 991px) {#faq-list { max-width: 100%;}#faq-list .accordion-title .title { font-size: calc(var(--text-m) + 2px) !important;}#faq-list .accordion-content-wrapper { padding-right: var(--space-l);}#faq-list {margin-right: 0; margin-left: 0; max-width: 100%}}@media (max-width: 767px) {#faq-list .accordion-title .title { font-size: var(--text-m) !important; padding-right: var(--space-m);}#faq-list .accordion-content-wrapper { padding-right: var(--space-xs); font-size: calc(var(--text-m) - 1px);}#faq-list .accordion-item {padding-right: var(--space-s); padding-left: var(--space-s)}}@media (max-width: 432px) {#faq-list .accordion-content-wrapper { font-size: calc(var(--text-m) - 2px) !important;}}#brxe-kxnkoy {z-index: 2}#faq-body {margin-top: var(--space-xl); position: relative}#faq-body .accordion-title .title { font-weight: 500 !important; font-size: var(--text-l) !important;}#faq-body .faq .listening { --line: 1px solid var(--a-gray-150);}#faq-body .faq .listening:focus-within > div[role="button"] .title,#faq-body .faq .listening.brx-open .title,#faq-body .faq .accordion-item,#faq-body .faq .accordion-item:hover .accordion-title .title { color: var(--a-black) !important; text-shadow: none !important;}#faq-body .faq .listening.brx-open .icon, #faq-body .faq .listening:is(:hover,:focus,:active) .icon { fill: var(--a-black) !important; transform: rotate(0deg);}#faq-body .faq .listening .icon { fill: var(--a-black) !important; height: 20px; width: 20px; transform: rotate(90deg);}#faq-body .faq .listening.brx-open .icon { fill: var(--a-black) !important; transform: rotate(-45deg);}@media (max-width: 991px) {#faq-body {margin-top: var(--space-l)}}@media (max-width: 432px) {#faq-body {margin-top: var(--space-m)}}#faq {padding-top: var(--space-xl); padding-bottom: var(--space-xl)}@media screen and (min-width: 991.02px) { #faq { padding-top: var(--space-xxl); } #faq #faq-header { transform: translateY(calc(100% + var(--space-m))); margin-top: -7.5%; } #faq #faq-body { margin-top: 0; }}@media (max-width: 575px) {#progressive-blur { display: none !important;}}