.lp-root (co comment danh dau tung khoi). · Anh, .lp-root font, .lp-root thu vien JS (jQuery/Webflow/GSAP/Swiper) van lay tu CDN. · Da go bo toan bo script tracking: GTM, .lp-root HubSpot, .lp-root Facebook, .lp-root LinkedIn, .lp-root ... · Menu "Ad Pay" chuyen trang bang JS - xem khoi OPAL LOCAL o cuoi file. --> Earn Cash-Back on your Agency Customers Ad-Spend \3c !-- ============ 1. SWIPER CSS ============ --> \3c style data-opal="swiper-css"> :root{--swiper-theme-color:#007aff}.lp-root :host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.lp-root .swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.lp-root .swiper-vertical>.swiper-wrapper{flex-direction:column}.lp-root .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}.lp-root .swiper-android .swiper-slide,.lp-root .swiper-ios .swiper-slide,.lp-root .swiper-wrapper{transform:translateZ(0)}.lp-root .swiper-horizontal{touch-action:pan-y}.lp-root .swiper-vertical{touch-action:pan-x}.lp-root .swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.lp-root .swiper-slide-invisible-blank{visibility:hidden}.lp-root .swiper-autoheight,.lp-root .swiper-autoheight .swiper-slide{height:auto}.lp-root .swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.lp-root .swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.lp-root .swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.lp-root .swiper-3d .swiper-wrapper{transform-style:preserve-3d}.lp-root .swiper-3d{perspective:1200px;.lp-root .swiper-cube-shadow,.lp-root .swiper-slide{transform-style:preserve-3d}}.lp-root .swiper-css-mode{.lp-root >.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;.lp-root &::-webkit-scrollbar{display:none}}.lp-root >.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.lp-root &.swiper-horizontal{.lp-root >.swiper-wrapper{scroll-snap-type:x mandatory}.lp-root >.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.lp-root >.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}.lp-root &.swiper-vertical{.lp-root >.swiper-wrapper{scroll-snap-type:y mandatory}.lp-root >.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.lp-root >.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}.lp-root &.swiper-free-mode{.lp-root >.swiper-wrapper{scroll-snap-type:none}.lp-root >.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}.lp-root &.swiper-centered{.lp-root >.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.lp-root >.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}.lp-root &.swiper-centered.swiper-horizontal{.lp-root >.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.lp-root >.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}.lp-root &.swiper-centered.swiper-vertical{.lp-root >.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.lp-root >.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.lp-root .swiper-3d{.lp-root .swiper-slide-shadow,.lp-root .swiper-slide-shadow-bottom,.lp-root .swiper-slide-shadow-left,.lp-root .swiper-slide-shadow-right,.lp-root .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.lp-root .swiper-slide-shadow{background:#00000026}.lp-root .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.lp-root .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.lp-root .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.lp-root .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.lp-root .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}.lp-root .swiper-watch-progress .swiper-slide-visible,.lp-root .swiper:not(.swiper-watch-progress){.lp-root .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.lp-root .swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.lp-root .swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lp-root .swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.lp-root .swiper-virtual.swiper-css-mode{.lp-root .swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.lp-root .swiper-virtual.swiper-css-mode.swiper-horizontal{.lp-root .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.lp-root .swiper-virtual.swiper-css-mode.swiper-vertical{.lp-root .swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}.lp-root{--swiper-navigation-size:44px}.lp-root .swiper-button-next,.lp-root .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;.lp-root &.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.lp-root &.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.lp-root .swiper-navigation-disabled &{display:none!important}.lp-root ::slotted(svg),.lp-root svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.lp-root .swiper-button-lock{display:none}.lp-root .swiper-button-next,.lp-root .swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.lp-root .swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.lp-root .swiper-navigation-icon,.lp-root ::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.lp-root .swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.lp-root .swiper-horizontal{.lp-root .swiper-button-next,.lp-root .swiper-button-prev,.lp-root ~.swiper-button-next,.lp-root ~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.lp-root &.swiper-rtl .swiper-button-next,.lp-root &.swiper-rtl~.swiper-button-next,.lp-root &~.swiper-button-prev,.lp-root .swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.lp-root &.swiper-rtl .swiper-button-prev,.lp-root &.swiper-rtl~.swiper-button-prev,.lp-root &~.swiper-button-next,.lp-root .swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.lp-root &.swiper-rtl .swiper-button-next,.lp-root &.swiper-rtl~.swiper-button-next,.lp-root &~.swiper-button-prev,.lp-root .swiper-button-prev{.lp-root .swiper-navigation-icon,.lp-root ::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.lp-root &.swiper-rtl .swiper-button-prev,.lp-root &.swiper-rtl~.swiper-button-prev{.lp-root .swiper-navigation-icon,.lp-root ::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.lp-root .swiper-vertical{.lp-root .swiper-button-next,.lp-root .swiper-button-prev,.lp-root ~.swiper-button-next,.lp-root ~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.lp-root .swiper-button-prev,.lp-root ~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.lp-root .swiper-navigation-icon,.lp-root ::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.lp-root .swiper-button-next,.lp-root ~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.lp-root .swiper-navigation-icon,.lp-root ::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.lp-root .swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;.lp-root &.swiper-pagination-hidden{opacity:0}.lp-root &.swiper-pagination-disabled,.lp-root .swiper-pagination-disabled>&{display:none!important}}.lp-root .swiper-horizontal>.swiper-pagination-bullets,.lp-root .swiper-pagination-bullets.swiper-pagination-horizontal,.lp-root .swiper-pagination-custom,.lp-root .swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.lp-root .swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.lp-root .swiper-pagination-bullet{position:relative;transform:scale(.33)}.lp-root .swiper-pagination-bullet-active,.lp-root .swiper-pagination-bullet-active-main{transform:scale(1)}.lp-root .swiper-pagination-bullet-active-prev{transform:scale(.66)}.lp-root .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.lp-root .swiper-pagination-bullet-active-next{transform:scale(.66)}.lp-root .swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.lp-root .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));.lp-root button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.lp-root .swiper-pagination-clickable &{cursor:pointer}.lp-root &:only-child{display:none!important}}.lp-root .swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.lp-root .swiper-pagination-vertical.swiper-pagination-bullets,.lp-root .swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.lp-root .swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.lp-root &.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.lp-root .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.lp-root .swiper-horizontal>.swiper-pagination-bullets,.lp-root .swiper-pagination-horizontal.swiper-pagination-bullets{.lp-root .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.lp-root &.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.lp-root .swiper-pagination-bullet{transition:transform .2s,left .2s}}}.lp-root .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.lp-root .swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.lp-root .swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.lp-root .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%}.lp-root .swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}.lp-root &.swiper-pagination-horizontal,.lp-root &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.lp-root .swiper-horizontal>&,.lp-root .swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.lp-root &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.lp-root &.swiper-pagination-vertical,.lp-root .swiper-horizontal>&.swiper-pagination-progressbar-opposite,.lp-root .swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.lp-root .swiper-pagination-lock{display:none}.lp-root .swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;.lp-root &.swiper-scrollbar-disabled,.lp-root .swiper-scrollbar-disabled>&{display:none!important}.lp-root &.swiper-scrollbar-horizontal,.lp-root .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}.lp-root &.swiper-scrollbar-vertical,.lp-root .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}}.lp-root .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%}.lp-root .swiper-scrollbar-cursor-drag{cursor:move}.lp-root .swiper-scrollbar-lock{display:none}.lp-root .swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;.lp-root >canvas,.lp-root >img,.lp-root >svg{max-height:100%;max-width:100%;object-fit:contain}}.lp-root .swiper-slide-zoomed{cursor:move;touch-action:none}.lp-root .swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.lp-root .swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.lp-root .swiper-grid>.swiper-wrapper{flex-wrap:wrap}.lp-root .swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.lp-root .swiper-fade{.lp-root &.swiper-free-mode{.lp-root .swiper-slide{transition-timing-function:ease-out}}.lp-root .swiper-slide{pointer-events:none;transition-property:opacity;.lp-root .swiper-slide{pointer-events:none}}.lp-root .swiper-slide-active{pointer-events:auto;.lp-root & .swiper-slide-active{pointer-events:auto}}}.lp-root .swiper.swiper-cube{overflow:visible}.lp-root .swiper-cube{.lp-root .swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.lp-root .swiper-slide{pointer-events:none}}.lp-root &.swiper-rtl .swiper-slide{transform-origin:100% 0}.lp-root .swiper-slide-active{.lp-root &,.lp-root & .swiper-slide-active{pointer-events:auto}}.lp-root .swiper-slide-active,.lp-root .swiper-slide-next,.lp-root .swiper-slide-prev{pointer-events:auto;visibility:visible}.lp-root .swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;.lp-root &:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.lp-root .swiper-cube{.lp-root .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.lp-root .swiper-cube{.lp-root .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.lp-root .swiper-slide-shadow-cube.swiper-slide-shadow-left,.lp-root .swiper-slide-shadow-cube.swiper-slide-shadow-right,.lp-root .swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.lp-root .swiper.swiper-flip{overflow:visible}.lp-root .swiper-flip{.lp-root .swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.lp-root .swiper-slide{pointer-events:none}}.lp-root .swiper-slide-active{.lp-root &,.lp-root & .swiper-slide-active{pointer-events:auto}}}.lp-root .swiper-flip{.lp-root .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.lp-root .swiper-slide-shadow-flip.swiper-slide-shadow-left,.lp-root .swiper-slide-shadow-flip.swiper-slide-shadow-right,.lp-root .swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.lp-root .swiper-creative{.lp-root .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.lp-root .swiper.swiper-cards{overflow:visible}.lp-root .swiper-cards{.lp-root .swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}} .lp-root { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: sans-serif; } .lp-root { margin: 0; } .lp-root article, .lp-root aside, .lp-root details, .lp-root figcaption, .lp-root figure, .lp-root footer, .lp-root header, .lp-root hgroup, .lp-root main, .lp-root menu, .lp-root nav, .lp-root section, .lp-root summary { display: block; } .lp-root audio, .lp-root canvas, .lp-root progress, .lp-root video { vertical-align: baseline; display: inline-block; } .lp-root audio:not([controls]) { height: 0; display: none; } .lp-root [hidden], .lp-root template { display: none; } .lp-root a { background-color: #0000; } .lp-root a:active, .lp-root a:hover { outline: 0; } .lp-root abbr[title] { border-bottom: 1px dotted; } .lp-root b, .lp-root strong { font-weight: bold; } .lp-root dfn { font-style: italic; } .lp-root h1 { margin: .67em 0; font-size: 2em; } .lp-root mark { color: #000; background: #ff0; } .lp-root small { font-size: 80%; } .lp-root sub, .lp-root sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } .lp-root sup { top: -.5em; } .lp-root sub { bottom: -.25em; } .lp-root img { border: 0; } .lp-root svg:not(:root) { overflow: hidden; } .lp-root hr { box-sizing: content-box; height: 0; } .lp-root pre { overflow: auto; } .lp-root code, .lp-root kbd, .lp-root pre, .lp-root samp { font-family: monospace; font-size: 1em; } .lp-root button, .lp-root input, .lp-root optgroup, .lp-root select, .lp-root textarea { color: inherit; font: inherit; margin: 0; } .lp-root button { overflow: visible; } .lp-root button, .lp-root select { text-transform: none; } .lp-root button, .lp-root input[type="button"], .lp-root input[type="reset"] { -webkit-appearance: button; cursor: pointer; } .lp-root button[disabled], .lp-root input[disabled] { cursor: default; } .lp-root button::-moz-focus-inner, .lp-root input::-moz-focus-inner { border: 0; padding: 0; } .lp-root input { line-height: normal; } .lp-root input[type="checkbox"], .lp-root input[type="radio"] { box-sizing: border-box; padding: 0; } .lp-root input[type="number"]::-webkit-inner-spin-button, .lp-root input[type="number"]::-webkit-outer-spin-button { height: auto; } .lp-root input[type="search"] { -webkit-appearance: none; } .lp-root input[type="search"]::-webkit-search-cancel-button, .lp-root input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .lp-root legend { border: 0; padding: 0; } .lp-root textarea { overflow: auto; } .lp-root optgroup { font-weight: bold; } .lp-root table { border-collapse: collapse; border-spacing: 0; } .lp-root td, .lp-root th { padding: 0; } @font-face { font-family: webflow-icons; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype"); font-weight: normal; font-style: normal; } .lp-root [class^="w-icon-"], .lp-root [class*=" w-icon-"] { speak: none; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-weight: normal; line-height: 1; font-family: webflow-icons !important; } .lp-root .w-icon-slider-right:before { content: ""; } .lp-root .w-icon-slider-left:before { content: ""; } .lp-root .w-icon-nav-menu:before { content: ""; } .lp-root .w-icon-arrow-down:before, .lp-root .w-icon-dropdown-toggle:before { content: ""; } .lp-root .w-icon-file-upload-remove:before { content: ""; } .lp-root .w-icon-file-upload-icon:before { content: ""; } .lp-root * { box-sizing: border-box; } .lp-root { height: 100%; } .lp-root { color: #333; background-color: #fff; min-height: 100%; margin: 0; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; } .lp-root img { vertical-align: middle; max-width: 100%; display: inline-block; } .lp-root.w-mod-touch * { background-attachment: scroll !important; } .lp-root .w-block { display: block; } .lp-root .w-inline-block { max-width: 100%; display: inline-block; } .lp-root .w-clearfix:before, .lp-root .w-clearfix:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .lp-root .w-clearfix:after { clear: both; } .lp-root .w-hidden { display: none; } .lp-root .w-button { color: #fff; line-height: inherit; cursor: pointer; background-color: #3898ec; border: 0; border-radius: 0; padding: 9px 15px; text-decoration: none; display: inline-block; } .lp-root input.w-button { -webkit-appearance: button; } .lp-root :where(button.w-popover-trigger) { color: inherit; cursor: pointer; font: inherit; line-height: inherit; text-align: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; background-color: #0000; border: 0; margin: 0; padding: 0; } .lp-root .w-popover { color: inherit; position-anchor: auto; position-area: top center; background-color: #0000; border: 0; margin: 8px; padding: 0; position: fixed; inset: auto; overflow: visible; } .lp-root[data-w-dynpage] [data-w-cloak] { color: #0000 !important; } .lp-root .w-code-block { margin: unset; } .lp-root pre.w-code-block code { all: inherit; } .lp-root pre.w-code-block code > span { display: block !important; } .lp-root .w-optimization { display: contents; } .lp-root .w-webflow-badge, .lp-root .w-webflow-badge > img { box-sizing: unset; width: unset; height: unset; max-height: unset; max-width: unset; min-height: unset; min-width: unset; margin: unset; padding: unset; float: unset; clear: unset; border: unset; border-radius: unset; background: unset; background-image: unset; background-position: unset; background-size: unset; background-repeat: unset; background-origin: unset; background-clip: unset; background-attachment: unset; background-color: unset; box-shadow: unset; transform: unset; direction: unset; font-family: unset; font-weight: unset; color: unset; font-size: unset; line-height: unset; font-style: unset; font-variant: unset; text-align: unset; letter-spacing: unset; -webkit-text-decoration: unset; text-decoration: unset; text-indent: unset; text-transform: unset; list-style-type: unset; text-shadow: unset; vertical-align: unset; cursor: unset; white-space: unset; word-break: unset; word-spacing: unset; word-wrap: unset; transition: unset; } .lp-root .w-webflow-badge { white-space: nowrap; cursor: pointer; box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a; visibility: visible !important; opacity: 1 !important; z-index: 2147483647 !important; color: #aaadb0 !important; width: auto !important; height: auto !important; overflow: unset !important; background-color: #fff !important; border-radius: 3px !important; margin: 0 !important; padding: 6px !important; font-size: 12px !important; line-height: 14px !important; text-decoration: none !important; display: inline-block !important; position: fixed !important; inset: auto 12px 12px auto !important; transform: none !important; } .lp-root .w-webflow-badge > img { position: unset; visibility: unset !important; opacity: 1 !important; vertical-align: middle !important; display: inline-block !important; } .lp-root h1, .lp-root h2, .lp-root h3, .lp-root h4, .lp-root h5, .lp-root h6 { margin-bottom: 10px; font-weight: bold; } .lp-root h1 { margin-top: 20px; font-size: 38px; line-height: 44px; } .lp-root h2 { margin-top: 20px; font-size: 32px; line-height: 36px; } .lp-root h3 { margin-top: 20px; font-size: 24px; line-height: 30px; } .lp-root h4 { margin-top: 10px; font-size: 18px; line-height: 24px; } .lp-root h5 { margin-top: 10px; font-size: 14px; line-height: 20px; } .lp-root h6 { margin-top: 10px; font-size: 12px; line-height: 18px; } .lp-root p { margin-top: 0; margin-bottom: 10px; } .lp-root blockquote { border-left: 5px solid #e2e2e2; margin: 0 0 10px; padding: 10px 20px; font-size: 18px; line-height: 22px; } .lp-root figure { margin: 0 0 10px; } .lp-root figcaption { text-align: center; margin-top: 5px; } .lp-root ul, .lp-root ol { margin-top: 0; margin-bottom: 10px; padding-left: 40px; } .lp-root .w-list-unstyled { padding-left: 0; list-style: none; } .lp-root .w-embed:before, .lp-root .w-embed:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .lp-root .w-embed:after { clear: both; } .lp-root .w-video { width: 100%; padding: 0; position: relative; } .lp-root .w-video iframe, .lp-root .w-video object, .lp-root .w-video embed { border: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .lp-root fieldset { border: 0; margin: 0; padding: 0; } .lp-root button, .lp-root [type="button"], .lp-root [type="reset"] { cursor: pointer; -webkit-appearance: button; border: 0; } .lp-root .w-form { margin: 0 0 15px; } .lp-root .w-form-done { text-align: center; background-color: #ddd; padding: 20px; display: none; } .lp-root .w-form-fail { background-color: #ffdede; margin-top: 10px; padding: 10px; display: none; } .lp-root label { margin-bottom: 5px; font-weight: bold; display: block; } .lp-root .w-input, .lp-root .w-select { color: #333; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; width: 100%; height: 38px; margin-bottom: 10px; padding: 8px 12px; font-size: 14px; line-height: 1.42857; display: block; } .lp-root .w-input::placeholder, .lp-root .w-select::placeholder { color: #999; } .lp-root .w-input:focus, .lp-root .w-select:focus { border-color: #3898ec; outline: 0; } .lp-root .w-input[disabled], .lp-root .w-select[disabled], .lp-root .w-input[readonly], .lp-root .w-select[readonly], .lp-root fieldset[disabled] .w-input, .lp-root fieldset[disabled] .w-select { cursor: not-allowed; } .lp-root .w-input[disabled]:not(.w-input-disabled), .lp-root .w-select[disabled]:not(.w-input-disabled), .lp-root .w-input[readonly], .lp-root .w-select[readonly], .lp-root fieldset[disabled]:not(.w-input-disabled) .w-input, .lp-root fieldset[disabled]:not(.w-input-disabled) .w-select { background-color: #eee; } .lp-root textarea.w-input, .lp-root textarea.w-select { height: auto; } .lp-root .w-select { background-color: #f3f3f3; } .lp-root .w-select[multiple] { height: auto; } .lp-root .w-form-label { cursor: pointer; margin-bottom: 0; font-weight: normal; display: inline-block; } .lp-root .w-radio { margin-bottom: 5px; padding-left: 20px; display: block; } .lp-root .w-radio:before, .lp-root .w-radio:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .lp-root .w-radio:after { clear: both; } .lp-root .w-radio-input { float: left; margin: 3px 0 0 -20px; line-height: normal; } .lp-root .w-file-upload { margin-bottom: 10px; display: block; } .lp-root .w-file-upload-input { opacity: 0; z-index: -100; width: .1px; height: .1px; position: absolute; overflow: hidden; } .lp-root .w-file-upload-default, .lp-root .w-file-upload-uploading, .lp-root .w-file-upload-success { color: #333; display: inline-block; } .lp-root .w-file-upload-error { margin-top: 10px; display: block; } .lp-root .w-file-upload-default.w-hidden, .lp-root .w-file-upload-uploading.w-hidden, .lp-root .w-file-upload-error.w-hidden, .lp-root .w-file-upload-success.w-hidden { display: none; } .lp-root .w-file-upload-uploading-btn { cursor: pointer; background-color: #fafafa; border: 1px solid #ccc; margin: 0; padding: 8px 12px; font-size: 14px; font-weight: normal; display: flex; } .lp-root .w-file-upload-file { background-color: #fafafa; border: 1px solid #ccc; flex-grow: 1; justify-content: space-between; margin: 0; padding: 8px 9px 8px 11px; display: flex; } .lp-root .w-file-upload-file-name { font-size: 14px; font-weight: normal; display: block; } .lp-root .w-file-remove-link { cursor: pointer; width: auto; height: auto; margin-top: 3px; margin-left: 10px; padding: 3px; display: block; } .lp-root .w-icon-file-upload-remove { margin: auto; font-size: 10px; } .lp-root .w-file-upload-error-msg { color: #ea384c; padding: 2px 0; display: inline-block; } .lp-root .w-file-upload-info { padding: 0 12px; line-height: 38px; display: inline-block; } .lp-root .w-file-upload-label { cursor: pointer; background-color: #fafafa; border: 1px solid #ccc; margin: 0; padding: 8px 12px; font-size: 14px; font-weight: normal; display: inline-block; } .lp-root .w-icon-file-upload-icon, .lp-root .w-icon-file-upload-uploading { width: 20px; margin-right: 8px; display: inline-block; } .lp-root .w-icon-file-upload-uploading { height: 20px; } .lp-root .w-container { max-width: 940px; margin-left: auto; margin-right: auto; } .lp-root .w-container:before, .lp-root .w-container:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .lp-root .w-container:after { clear: both; } .lp-root .w-container .w-row { margin-left: -10px; margin-right: -10px; } .lp-root .w-row:before, .lp-root .w-row:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .lp-root .w-row:after { clear: both; } .lp-root .w-row .w-row { margin-left: 0; margin-right: 0; } .lp-root .w-col { float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; } .lp-root .w-col .w-col { padding-left: 0; padding-right: 0; } .lp-root .w-col-1 { width: 8.33333%; } .lp-root .w-col-2 { width: 16.6667%; } .lp-root .w-col-3 { width: 25%; } .lp-root .w-col-4 { width: 33.3333%; } .lp-root .w-col-5 { width: 41.6667%; } .lp-root .w-col-6 { width: 50%; } .lp-root .w-col-7 { width: 58.3333%; } .lp-root .w-col-8 { width: 66.6667%; } .lp-root .w-col-9 { width: 75%; } .lp-root .w-col-10 { width: 83.3333%; } .lp-root .w-col-11 { width: 91.6667%; } .lp-root .w-col-12 { width: 100%; } .lp-root .w-hidden-main { display: none !important; } @media screen and (max-width: 991px) { .lp-root .w-container { max-width: 728px; } .lp-root .w-hidden-main { display: inherit !important; } .lp-root .w-hidden-medium { display: none !important; } .lp-root .w-col-medium-1 { width: 8.33333%; } .lp-root .w-col-medium-2 { width: 16.6667%; } .lp-root .w-col-medium-3 { width: 25%; } .lp-root .w-col-medium-4 { width: 33.3333%; } .lp-root .w-col-medium-5 { width: 41.6667%; } .lp-root .w-col-medium-6 { width: 50%; } .lp-root .w-col-medium-7 { width: 58.3333%; } .lp-root .w-col-medium-8 { width: 66.6667%; } .lp-root .w-col-medium-9 { width: 75%; } .lp-root .w-col-medium-10 { width: 83.3333%; } .lp-root .w-col-medium-11 { width: 91.6667%; } .lp-root .w-col-medium-12 { width: 100%; } .lp-root .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 767px) { .lp-root .w-hidden-main, .lp-root .w-hidden-medium { display: inherit !important; } .lp-root .w-hidden-small { display: none !important; } .lp-root .w-row, .lp-root .w-container .w-row { margin-left: 0; margin-right: 0; } .lp-root .w-col { width: 100%; left: auto; right: auto; } .lp-root .w-col-small-1 { width: 8.33333%; } .lp-root .w-col-small-2 { width: 16.6667%; } .lp-root .w-col-small-3 { width: 25%; } .lp-root .w-col-small-4 { width: 33.3333%; } .lp-root .w-col-small-5 { width: 41.6667%; } .lp-root .w-col-small-6 { width: 50%; } .lp-root .w-col-small-7 { width: 58.3333%; } .lp-root .w-col-small-8 { width: 66.6667%; } .lp-root .w-col-small-9 { width: 75%; } .lp-root .w-col-small-10 { width: 83.3333%; } .lp-root .w-col-small-11 { width: 91.6667%; } .lp-root .w-col-small-12 { width: 100%; } } @media screen and (max-width: 479px) { .lp-root .w-container { max-width: none; } .lp-root .w-hidden-main, .lp-root .w-hidden-medium, .lp-root .w-hidden-small { display: inherit !important; } .lp-root .w-hidden-tiny { display: none !important; } .lp-root .w-col { width: 100%; } .lp-root .w-col-tiny-1 { width: 8.33333%; } .lp-root .w-col-tiny-2 { width: 16.6667%; } .lp-root .w-col-tiny-3 { width: 25%; } .lp-root .w-col-tiny-4 { width: 33.3333%; } .lp-root .w-col-tiny-5 { width: 41.6667%; } .lp-root .w-col-tiny-6 { width: 50%; } .lp-root .w-col-tiny-7 { width: 58.3333%; } .lp-root .w-col-tiny-8 { width: 66.6667%; } .lp-root .w-col-tiny-9 { width: 75%; } .lp-root .w-col-tiny-10 { width: 83.3333%; } .lp-root .w-col-tiny-11 { width: 91.6667%; } .lp-root .w-col-tiny-12 { width: 100%; } } .lp-root .w-widget { position: relative; } .lp-root .w-widget-map { width: 100%; height: 400px; } .lp-root .w-widget-map label { width: auto; display: inline; } .lp-root .w-widget-map img { max-width: inherit; } .lp-root .w-widget-map .gm-style-iw { text-align: center; } .lp-root .w-widget-map .gm-style-iw > button { display: none !important; } .lp-root .w-widget-twitter { overflow: hidden; } .lp-root .w-widget-twitter-count-shim { vertical-align: top; text-align: center; background: #fff; border: 1px solid #758696; border-radius: 3px; width: 28px; height: 20px; display: inline-block; position: relative; } .lp-root .w-widget-twitter-count-shim * { pointer-events: none; -webkit-user-select: none; user-select: none; } .lp-root .w-widget-twitter-count-shim .w-widget-twitter-count-inner { text-align: center; color: #999; font-family: serif; font-size: 15px; line-height: 12px; position: relative; } .lp-root .w-widget-twitter-count-shim .w-widget-twitter-count-clear { display: block; position: relative; } .lp-root .w-widget-twitter-count-shim.w--large { width: 36px; height: 28px; } .lp-root .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; line-height: 18px; } .lp-root .w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px; } .lp-root .w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px; } .lp-root .w-widget-twitter-count-shim:not(.w--vertical):before, .lp-root .w-widget-twitter-count-shim:not(.w--vertical):after { content: " "; pointer-events: none; border: solid #0000; width: 0; height: 0; position: absolute; top: 50%; left: 0; } .lp-root .w-widget-twitter-count-shim:not(.w--vertical):before { border-width: 4px; border-color: #75869600 #5d6c7b #75869600 #75869600; margin-top: -4px; margin-left: -9px; } .lp-root .w-widget-twitter-count-shim:not(.w--vertical).w--large:before { border-width: 5px; margin-top: -5px; margin-left: -10px; } .lp-root .w-widget-twitter-count-shim:not(.w--vertical):after { border-width: 4px; border-color: #fff0 #fff #fff0 #fff0; margin-top: -4px; margin-left: -8px; } .lp-root .w-widget-twitter-count-shim:not(.w--vertical).w--large:after { border-width: 5px; margin-top: -5px; margin-left: -9px; } .lp-root .w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; margin-bottom: 8px; } .lp-root .w-widget-twitter-count-shim.w--vertical:before, .lp-root .w-widget-twitter-count-shim.w--vertical:after { content: " "; pointer-events: none; border: solid #0000; width: 0; height: 0; position: absolute; top: 100%; left: 50%; } .lp-root .w-widget-twitter-count-shim.w--vertical:before { border-width: 5px; border-color: #5d6c7b #75869600 #75869600; margin-left: -5px; } .lp-root .w-widget-twitter-count-shim.w--vertical:after { border-width: 4px; border-color: #fff #fff0 #fff0; margin-left: -4px; } .lp-root .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; line-height: 22px; } .lp-root .w-widget-twitter-count-shim.w--vertical.w--large { width: 76px; } .lp-root .w-background-video { color: #fff; height: 500px; position: relative; overflow: hidden; } .lp-root .w-background-video > video { object-fit: cover; z-index: -100; background-position: 50%; background-size: cover; width: 100%; height: 100%; margin: auto; position: absolute; inset: -100%; } .lp-root .w-background-video > video::-webkit-media-controls-start-playback-button { -webkit-appearance: none; display: none !important; } .lp-root .w-background-video--control { background-color: #0000; padding: 0; position: absolute; bottom: 1em; right: 1em; } .lp-root .w-background-video--control > [hidden] { display: none !important; } .lp-root .w-slider { text-align: center; clear: both; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; background: #ddd; height: 300px; position: relative; } .lp-root .w-slider-mask { z-index: 1; white-space: nowrap; height: 100%; display: block; position: relative; left: 0; right: 0; overflow: hidden; } .lp-root .w-slide { vertical-align: top; white-space: normal; text-align: left; width: 100%; height: 100%; display: inline-block; position: relative; } .lp-root .w-slider-nav { z-index: 2; text-align: center; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; height: 40px; margin: auto; padding-top: 10px; position: absolute; inset: auto 0 0; } .lp-root .w-slider-nav.w-round > div { border-radius: 100%; } .lp-root .w-slider-nav.w-num > div { width: auto; height: auto; font-size: inherit; line-height: inherit; padding: .2em .5em; } .lp-root .w-slider-nav.w-shadow > div { box-shadow: 0 0 3px #3336; } .lp-root .w-slider-nav-invert { color: #fff; } .lp-root .w-slider-nav-invert > div { background-color: #2226; } .lp-root .w-slider-nav-invert > div.w-active { background-color: #222; } .lp-root .w-slider-dot { cursor: pointer; background-color: #fff6; width: 1em; height: 1em; margin: 0 3px .5em; transition: background-color .1s, color .1s; display: inline-block; position: relative; } .lp-root .w-slider-dot.w-active { background-color: #fff; } .lp-root .w-slider-dot:focus { outline: none; box-shadow: 0 0 0 2px #fff; } .lp-root .w-slider-dot:focus.w-active { box-shadow: none; } .lp-root .w-slider-arrow-left, .lp-root .w-slider-arrow-right { cursor: pointer; color: #fff; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; -webkit-user-select: none; user-select: none; width: 80px; margin: auto; font-size: 40px; position: absolute; inset: 0; overflow: hidden; } .lp-root .w-slider-arrow-left [class^="w-icon-"], .lp-root .w-slider-arrow-right [class^="w-icon-"], .lp-root .w-slider-arrow-left [class*=" w-icon-"], .lp-root .w-slider-arrow-right [class*=" w-icon-"] { position: absolute; } .lp-root .w-slider-arrow-left:focus, .lp-root .w-slider-arrow-right:focus { outline: 0; } .lp-root .w-slider-arrow-left { z-index: 3; right: auto; } .lp-root .w-slider-arrow-right { z-index: 4; left: auto; } .lp-root .w-icon-slider-left, .lp-root .w-icon-slider-right { width: 1em; height: 1em; margin: auto; inset: 0; } .lp-root .w-slider-aria-label { clip: rect(0 0 0 0); border: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .lp-root .w-slider-force-show { display: block !important; } .lp-root .w-dropdown { text-align: left; z-index: 900; margin-left: auto; margin-right: auto; display: inline-block; position: relative; } .lp-root .w-dropdown-btn, .lp-root .w-dropdown-toggle, .lp-root .w-dropdown-link { vertical-align: top; color: #222; text-align: left; white-space: nowrap; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; position: relative; } .lp-root .w-dropdown-toggle { -webkit-user-select: none; user-select: none; cursor: pointer; padding-right: 40px; display: inline-block; } .lp-root .w-dropdown-toggle:focus { outline: 0; } .lp-root .w-icon-dropdown-toggle { width: 1em; height: 1em; margin: auto 20px auto auto; position: absolute; top: 0; bottom: 0; right: 0; } .lp-root .w-dropdown-list { background: #ddd; min-width: 100%; display: none; position: absolute; } .lp-root .w-dropdown-list.w--open { display: block; } .lp-root .w-dropdown-link { color: #222; padding: 10px 20px; display: block; } .lp-root .w-dropdown-link.w--current { color: #0082f3; } .lp-root .w-dropdown-link:focus { outline: 0; } .lp-root .w-lightbox-backdrop { cursor: auto; letter-spacing: normal; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; color: #fff; text-align: center; z-index: 2000; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -webkit-tap-highlight-color: transparent; background: #000000e6; outline: 0; font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif; font-size: 17px; font-style: normal; font-weight: 300; line-height: 1.2; list-style: disc; position: fixed; inset: 0; -webkit-transform: translate(0); } .lp-root .w-lightbox-backdrop, .lp-root .w-lightbox-container { -webkit-overflow-scrolling: touch; height: 100%; overflow: auto; } .lp-root .w-lightbox-content { height: 100vh; position: relative; overflow: hidden; } .lp-root .w-lightbox-view { opacity: 0; width: 100vw; height: 100vh; position: absolute; } .lp-root .w-lightbox-view:before { content: ""; height: 100vh; } .lp-root .w-lightbox-group, .lp-root .w-lightbox-group .w-lightbox-view, .lp-root .w-lightbox-group .w-lightbox-view:before { height: 86vh; } .lp-root .w-lightbox-frame, .lp-root .w-lightbox-view:before { vertical-align: middle; display: inline-block; } .lp-root .w-lightbox-figure { margin: 0; position: relative; } .lp-root .w-lightbox-group .w-lightbox-figure { cursor: pointer; } .lp-root .w-lightbox-img { width: auto; max-width: none; height: auto; } .lp-root .w-lightbox-image { float: none; max-width: 100vw; max-height: 100vh; display: block; } .lp-root .w-lightbox-group .w-lightbox-image { max-height: 86vh; } .lp-root .w-lightbox-caption { text-align: left; text-overflow: ellipsis; white-space: nowrap; background: #0006; padding: .5em 1em; position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; } .lp-root .w-lightbox-embed { width: 100%; height: 100%; position: absolute; inset: 0; } .lp-root .w-lightbox-control { cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: 24px; width: 4em; transition: all .3s; position: absolute; top: 0; } .lp-root .w-lightbox-left { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); display: none; bottom: 0; left: 0; } .lp-root .w-lightbox-right { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); display: none; bottom: 0; right: 0; } .lp-root .w-lightbox-close { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); background-size: 18px; height: 2.6em; right: 0; } .lp-root .w-lightbox-strip { white-space: nowrap; padding: 0 1vh; line-height: 0; position: absolute; bottom: 0; left: 0; right: 0; overflow: auto hidden; } .lp-root .w-lightbox-item { box-sizing: content-box; cursor: pointer; width: 10vh; padding: 2vh 1vh; display: inline-block; -webkit-transform: translate3d(0, 0, 0); } .lp-root .w-lightbox-active { opacity: .3; } .lp-root .w-lightbox-thumbnail { background: #222; height: 10vh; position: relative; overflow: hidden; } .lp-root .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0; } .lp-root .w-lightbox-thumbnail .w-lightbox-tall { width: 100%; top: 50%; transform: translate(0, -50%); } .lp-root .w-lightbox-thumbnail .w-lightbox-wide { height: 100%; left: 50%; transform: translate(-50%); } .lp-root .w-lightbox-spinner { box-sizing: border-box; border: 5px solid #0006; border-radius: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; animation: .8s linear infinite spin; position: absolute; top: 50%; left: 50%; } .lp-root .w-lightbox-spinner:after { content: ""; border: 3px solid #0000; border-bottom-color: #fff; border-radius: 50%; position: absolute; inset: -4px; } .lp-root .w-lightbox-hide { display: none; } .lp-root .w-lightbox-noscroll { overflow: hidden; } @media (min-width: 768px) { .lp-root .w-lightbox-content { height: 96vh; margin-top: 2vh; } .lp-root .w-lightbox-view, .lp-root .w-lightbox-view:before { height: 96vh; } .lp-root .w-lightbox-group, .lp-root .w-lightbox-group .w-lightbox-view, .lp-root .w-lightbox-group .w-lightbox-view:before { height: 84vh; } .lp-root .w-lightbox-image { max-width: 96vw; max-height: 96vh; } .lp-root .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; } .lp-root .w-lightbox-left, .lp-root .w-lightbox-right { opacity: .5; display: block; } .lp-root .w-lightbox-close { opacity: .8; } .lp-root .w-lightbox-control:hover { opacity: 1; } } .lp-root .w-lightbox-inactive, .lp-root .w-lightbox-inactive:hover { opacity: 0; } .lp-root .w-richtext:before, .lp-root .w-richtext:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .lp-root .w-richtext:after { clear: both; } .lp-root .w-richtext[contenteditable="true"]:before, .lp-root .w-richtext[contenteditable="true"]:after { white-space: initial; } .lp-root .w-richtext ol, .lp-root .w-richtext ul { overflow: hidden; } .lp-root .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .lp-root .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .lp-root .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .lp-root .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: 2px solid #2895f7; } .lp-root .w-richtext figure.w-richtext-figure-type-video > div:after, .lp-root .w-richtext figure[data-rt-type="video"] > div:after { content: ""; display: none; position: absolute; inset: 0; } .lp-root .w-richtext figure { max-width: 60%; position: relative; } .lp-root .w-richtext figure > div:before { cursor: default !important; } .lp-root .w-richtext figure img { width: 100%; } .lp-root .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: .6; } .lp-root .w-richtext figure div { color: #0000; font-size: 0; } .lp-root .w-richtext figure.w-richtext-figure-type-image, .lp-root .w-richtext figure[data-rt-type="image"] { display: table; } .lp-root .w-richtext figure.w-richtext-figure-type-image > div, .lp-root .w-richtext figure[data-rt-type="image"] > div { display: inline-block; } .lp-root .w-richtext figure.w-richtext-figure-type-image > figcaption, .lp-root .w-richtext figure[data-rt-type="image"] > figcaption { caption-side: bottom; display: table-caption; } .lp-root .w-richtext figure.w-richtext-figure-type-video, .lp-root .w-richtext figure[data-rt-type="video"] { width: 60%; height: 0; } .lp-root .w-richtext figure.w-richtext-figure-type-video iframe, .lp-root .w-richtext figure[data-rt-type="video"] iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .lp-root .w-richtext figure.w-richtext-figure-type-video > div, .lp-root .w-richtext figure[data-rt-type="video"] > div { width: 100%; } .lp-root .w-richtext figure.w-richtext-align-center { clear: both; margin-left: auto; margin-right: auto; } .lp-root .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .lp-root .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { max-width: 100%; } .lp-root .w-richtext figure.w-richtext-align-normal { clear: both; } .lp-root .w-richtext figure.w-richtext-align-fullwidth { text-align: center; clear: both; width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; display: block; } .lp-root .w-richtext figure.w-richtext-align-fullwidth > div { padding-bottom: inherit; display: inline-block; } .lp-root .w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block; } .lp-root .w-richtext figure.w-richtext-align-floatleft { float: left; clear: none; margin-right: 15px; } .lp-root .w-richtext figure.w-richtext-align-floatright { float: right; clear: none; margin-left: 15px; } .lp-root .w-nav { z-index: 1000; background: #ddd; position: relative; } .lp-root .w-nav:before, .lp-root .w-nav:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .lp-root .w-nav:after { clear: both; } .lp-root .w-nav-brand { float: left; color: #333; text-decoration: none; position: relative; } .lp-root .w-nav-link { vertical-align: top; color: #222; text-align: left; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; display: inline-block; position: relative; } .lp-root .w-nav-link.w--current { color: #0082f3; } .lp-root .w-nav-menu { float: right; position: relative; } .lp-root [data-nav-menu-open] { text-align: center; background: #c8c8c8; min-width: 200px; position: absolute; top: 100%; left: 0; right: 0; overflow: visible; display: block !important; } .lp-root .w--nav-link-open { display: block; position: relative; } .lp-root .w-nav-overlay { width: 100%; display: none; position: absolute; top: 100%; left: 0; right: 0; overflow: hidden; } .lp-root .w-nav-overlay [data-nav-menu-open] { top: 0; } .lp-root .w-nav[data-animation="over-left"] .w-nav-overlay { width: auto; } .lp-root .w-nav[data-animation="over-left"] .w-nav-overlay, .lp-root .w-nav[data-animation="over-left"] [data-nav-menu-open] { z-index: 1; top: 0; right: auto; } .lp-root .w-nav[data-animation="over-right"] .w-nav-overlay { width: auto; } .lp-root .w-nav[data-animation="over-right"] .w-nav-overlay, .lp-root .w-nav[data-animation="over-right"] [data-nav-menu-open] { z-index: 1; top: 0; left: auto; } .lp-root .w-nav-button { float: right; cursor: pointer; -webkit-tap-highlight-color: #0000; tap-highlight-color: #0000; -webkit-user-select: none; user-select: none; padding: 18px; font-size: 24px; display: none; position: relative; } .lp-root .w-nav-button:focus { outline: 0; } .lp-root .w-nav-button.w--open { color: #fff; background-color: #c8c8c8; } .lp-root .w-nav[data-collapse="all"] .w-nav-menu { display: none; } .lp-root .w-nav[data-collapse="all"] .w-nav-button, .lp-root .w--nav-dropdown-open, .lp-root .w--nav-dropdown-toggle-open { display: block; } .lp-root .w--nav-dropdown-list-open { position: static; } @media screen and (max-width: 991px) { .lp-root .w-nav[data-collapse="medium"] .w-nav-menu { display: none; } .lp-root .w-nav[data-collapse="medium"] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { .lp-root .w-nav[data-collapse="small"] .w-nav-menu { display: none; } .lp-root .w-nav[data-collapse="small"] .w-nav-button { display: block; } .lp-root .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .lp-root .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; } .lp-root .w-nav[data-collapse="tiny"] .w-nav-button { display: block; } } .lp-root .w-tabs { position: relative; } .lp-root .w-tabs:before, .lp-root .w-tabs:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .lp-root .w-tabs:after { clear: both; } .lp-root .w-tab-menu { position: relative; } .lp-root .w-tab-link { vertical-align: top; text-align: left; cursor: pointer; color: #222; background-color: #ddd; padding: 9px 30px; text-decoration: none; display: inline-block; position: relative; } .lp-root .w-tab-link.w--current { background-color: #c8c8c8; } .lp-root .w-tab-link:focus { outline: 0; } .lp-root .w-tab-content { display: block; position: relative; overflow: hidden; } .lp-root .w-tab-pane { display: none; position: relative; } .lp-root .w--tab-active { display: block; } @media screen and (max-width: 479px) { .lp-root .w-tab-link { display: block; } } .lp-root .w-ix-emptyfix:after { content: ""; } @keyframes spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .lp-root .w-dyn-empty { background-color: #ddd; padding: 10px; } .lp-root .w-dyn-hide, .lp-root .w-dyn-bind-empty, .lp-root .w-condition-invisible { display: none !important; } .lp-root .wf-layout-layout { display: grid; } .lp-root { --body: Inter, sans-serif; --_colors---grey: #b6b6b6; --_colors---white: #fff; --_sizes---title--title_6-4: calc(6.4 * var(--lprem)); --_colors---grey-50: #f9f9f9; --_sizes---title--title_2-4: calc(2.4 * var(--lprem)); --_sizes---title--title_2-2: calc(2.2 * var(--lprem)); --title_2: calc(2 * var(--lprem)); --_sizes---description--desc_1-8: calc(1.8 * var(--lprem)); --_sizes---description--desc_1-6: calc(1.6 * var(--lprem)); --_sizes---description--desc_1-4: calc(1.4 * var(--lprem)); --_sizes---radius--radius_0-2: 2px; --_colors---default_black: #0d0d0d; --_sizes---section-padding--default_padding: calc(7.2 * var(--lprem)); --_sizes---radius--radius_2-0: calc(2 * var(--lprem)); --label: "Azeret Mono", sans-serif; --_sizes---title--title_3-2: calc(3.2 * var(--lprem)); --_sizes---description--desc_2-0: calc(2 * var(--lprem)); --_colors---grey-700: #373737; --_colors---grey-450: #878787; --_colors---silver: #adadad; --_sizes---title--title_2-8: calc(2.8 * var(--lprem)); --_sizes---radius--radius_1-6: calc(1.6 * var(--lprem)); --_sizes---radius_circle: 100vw; --_colors---pink: #e7b7f2; --_colors---light_blue: #39e7ff; --_colors---default_black_50: #0d0d0d80; --_sizes---radius--radius_1-2: calc(1.2 * var(--lprem)); --_colors---grey-850: #151515; --_sizes---description--desc_2-4: calc(2.4 * var(--lprem)); --gray-300: #adadad; --gray: #080809; --untitled-ui--gray600: #475467; --untitled-ui--gray500: #667085; --untitled-ui--gray900: var(--_colors---grey-450); --untitled-ui--gray200: #eaecf0; --untitled-ui--gray700: #344054; --untitled-ui--primary700: #6941c6; --untitled-ui--primary800: #53389e; --untitled-ui--gray400: #98a2b3; --untitled-ui--gray100: #f2f4f7; --untitled-ui--primary50: #f9f5ff; --untitled-ui--pink50: #fdf2fa; --untitled-ui--pink700: #c11574; --untitled-ui--indigo50: #eef4ff; --untitled-ui--indigo700: #3538cd; --untitled-ui--gray300: #d0d5dd; --untitled-ui--white: var(--_colors---grey-850); --untitled-ui--gray50-2: #f9fafb; --untitled-ui--gray800: #1d2939; --untitled-ui--primary600: #7f56d9; --relume-library-lite--rl-gray: #f4f4f4; --_sizes---radius--radius_0-4: 4px; --untitled-ui--primary100: #f4ebff; --_sizes---description--desc_2-1: calc(2.1 * var(--lprem)); --untitled-ui--primary300: #d6bbfb; } .lp-root .w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .lp-root .w-form-formradioinput--inputType-custom { border: 1px solid #ccc; border-radius: 50%; width: 12px; height: 12px; } .lp-root .w-form-formradioinput--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } .lp-root .w-form-formradioinput--inputType-custom.w--redirected-checked { border-width: 4px; border-color: #3898ec; } .lp-root .w-layout-blockcontainer { max-width: 940px; margin-left: auto; margin-right: auto; display: block; } .lp-root .w-checkbox { margin-bottom: 5px; padding-left: 20px; display: block; } .lp-root .w-checkbox:before { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .lp-root .w-checkbox:after { content: " "; clear: both; grid-area: 1 / 1 / 2 / 2; display: table; } .lp-root .w-checkbox-input { float: left; margin: 4px 0 0 -20px; line-height: normal; } .lp-root .w-checkbox-input--inputType-custom { border: 1px solid #ccc; border-radius: 2px; width: 12px; height: 12px; } .lp-root .w-checkbox-input--inputType-custom.w--redirected-checked { background-color: #3898ec; background-image: url("/landing/custom-checkbox-checkmark.svg"); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-color: #3898ec; } .lp-root .w-checkbox-input--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } @media screen and (max-width: 991px) { .lp-root .w-layout-blockcontainer { max-width: 728px; } } @media screen and (max-width: 767px) { .lp-root .w-layout-blockcontainer { max-width: none; } } .lp-root { font-family: var(--body); color: var(--_colors---grey); background-color: #080809; font-size: calc(1.8 * var(--lprem)); line-height: 1.5; } .lp-root h1 { color: var(--_colors---white); margin-top: 0; margin-bottom: 40px; padding-bottom: calc(.3 * var(--lprem)); font-size: calc(7.2 * var(--lprem)); font-weight: 600; line-height: 1.1; } .lp-root h2 { color: var(--_colors---white); font-size: var(--_sizes---title--title_6-4); margin-top: 0; margin-bottom: 0; padding-bottom: calc(.3 * var(--lprem)); font-weight: 600; line-height: 1.1; } .lp-root h3 { color: var(--_colors---grey-50); margin-top: 0; margin-bottom: 0; font-size: calc(3.2 * var(--lprem)); font-weight: 600; line-height: 1.4; } .lp-root h4 { color: var(--_colors---grey-50); font-size: var(--_sizes---title--title_2-4); margin-top: 0; margin-bottom: 0; font-weight: 600; line-height: 1.4; } .lp-root h5 { color: var(--_colors---grey-50); font-size: var(--_sizes---title--title_2-2); margin-top: 0; margin-bottom: 0; font-weight: 600; line-height: 1.4; } .lp-root h6 { color: var(--_colors---grey-50); font-size: var(--title_2); margin-top: 0; margin-bottom: 0; font-weight: 600; line-height: 1.4; } .lp-root p { font-size: var(--_sizes---description--desc_1-8); margin-bottom: 0; } .lp-root a { text-decoration: underline; } .lp-root ul, .lp-root ol { margin-top: 0; margin-bottom: 10px; padding-left: 40px; } .lp-root blockquote { border-left: 5px solid #e2e2e2; margin-bottom: 10px; padding: 10px 20px; font-size: 18px; line-height: 22px; } .lp-root .global_styles { display: none; } .lp-root .navbar_wrapper { z-index: 99; padding-top: calc(2 * var(--lprem)); padding-left: calc(2 * var(--lprem)); padding-right: calc(2 * var(--lprem)); transition: transform .3s; position: fixed; inset: 0% 0% auto; } .lp-root .navbar { background-color: #ddd0; padding-top: calc(1.2 * var(--lprem)); padding-bottom: calc(1.2 * var(--lprem)); } .lp-root .navbar.is_scrolled { background-color: #1a1a1a; } .lp-root .container { border: 1px #000; width: calc(114 * var(--lprem)); max-width: none; margin-bottom: 0; margin-left: auto; margin-right: auto; } .lp-root .container.has_nav { justify-content: space-between; align-items: center; display: flex; } .lp-root .container.has_slider { width: 90%; max-width: calc(132 * var(--lprem)); } .lp-root .container.on_hero, .lp-root .container.on_blog { width: calc(144 * var(--lprem)); } .lp-root .container.ad_landing { margin-top: 0; } .lp-root .container.is_small { width: calc(100 * var(--lprem)); } .lp-root .container.article_related_container { width: 100%; margin-top: 40px; margin-left: 0; margin-right: 0; } .lp-root .menu_button_wrapper { display: none; } .lp-root .nav_menu { grid-column-gap: calc(4.2 * var(--lprem)); grid-row-gap: calc(4.2 * var(--lprem)); justify-content: center; align-items: center; display: flex; position: relative; } .lp-root .brand_logo { width: calc(7.95 * var(--lprem)); height: calc(3.2 * var(--lprem)); } .lp-root .brand_logo.logo-gravity { width: auto; } .lp-root .nav_link { grid-column-gap: calc(.8 * var(--lprem)); grid-row-gap: calc(.8 * var(--lprem)); color: var(--_colors---grey); font-size: var(--_sizes---description--desc_1-6); justify-content: flex-start; align-items: center; padding: 0; transition: color .4s; display: flex; position: relative; } .lp-root .nav_link:hover, .lp-root .nav_link.w--current { color: var(--_colors---grey-50); } .lp-root .navbar_desktop_cta { grid-column-gap: calc(2.8 * var(--lprem)); grid-row-gap: calc(2.8 * var(--lprem)); justify-content: flex-start; align-items: center; display: flex; } .lp-root .button_primary { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); border-radius: var(--_sizes---radius--radius_0-2); background-color: var(--_colors---white); min-width: calc(18.4 * var(--lprem)); color: var(--_colors---default_black); font-size: var(--_sizes---description--desc_1-4); text-align: center; flex-flow: row; justify-content: space-between; align-items: center; padding: calc(1.6 * var(--lprem)) calc(2.4 * var(--lprem)); font-weight: 500; transition: all .6s; display: flex; } .lp-root .button_primary:where(.w-variant-6d5122dd-bbcd-f6a6-0190-ee17118a028e) { min-width: calc(14 * var(--lprem)); } .lp-root .button_primary:where(.w-variant-2b1bbf57-2577-95a2-fa1d-b916254268b8) { justify-content: center; min-width: calc(14 * var(--lprem)); } .lp-root .button_primary:hover { background-color: #ffffffe6; } .lp-root .button_primary.is_nav { justify-content: center; min-width: auto; padding-top: calc(1 * var(--lprem)); padding-bottom: calc(1 * var(--lprem)); } .lp-root .button_primary.on_form { min-width: calc(8 * var(--lprem)); } .lp-root .button_primary.no-icon { justify-content: center; min-width: calc(14 * var(--lprem)); } .lp-root .button_primary.no-icon.on_success { min-width: calc(8.5 * var(--lprem)); } .lp-root .button_primary.smaller-width, .lp-root .button_primary.smaller-width-3 { min-width: calc(14 * var(--lprem)); } .lp-root .button_primary.no-icon-3 { justify-content: center; min-width: calc(14 * var(--lprem)); } .lp-root .button_arrow { flex: none; justify-content: center; align-items: center; width: calc(.6 * var(--lprem)); height: calc(1.2 * var(--lprem)); display: flex; } .lp-root .button_arrow:where(.w-variant-2b1bbf57-2577-95a2-fa1d-b916254268b8), .lp-root .button_arrow:where(.w-variant-c29831d8-cfa2-7c29-40f0-398ae2b62ac8), .lp-root .button_arrow.no-icon-2, .lp-root .button_arrow.no-icon-4 { display: none; } .lp-root .button_border { z-index: 2; grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); width: 100%; height: 100%; color: var(--_colors---grey); font-size: var(--_sizes---description--desc_1-4); text-align: center; justify-content: space-between; align-items: center; padding: calc(1.6 * var(--lprem)) calc(2.4 * var(--lprem)); font-weight: 500; transition: all .6s; display: flex; position: absolute; inset: 0%; overflow: hidden; } .lp-root .button_border:where(.w-variant-6d5122dd-bbcd-f6a6-0190-ee17118a028e), .lp-root .button_border:where(.w-variant-bb5becf2-3231-0da2-3e1a-f5ac27a97bc4) { min-width: calc(14 * var(--lprem)); } .lp-root .button_border:where(.w-variant-c29831d8-cfa2-7c29-40f0-398ae2b62ac8) { justify-content: center; min-width: calc(14 * var(--lprem)); } .lp-root .main { width: 100%; overflow: visible; } .lp-root .section { padding-top: var(--_sizes---section-padding--default_padding); padding-bottom: var(--_sizes---section-padding--default_padding); display: block; } .lp-root .section.is_home_hero { margin-top: calc(2 * var(--lprem)); margin-left: calc(2 * var(--lprem)); margin-right: calc(2 * var(--lprem)); padding-top: 0; padding-bottom: 0; display: block; position: relative; overflow: hidden; } .lp-root .section.is_logos { padding-top: 0; display: block; } .lp-root .section.is_logos.ad_landing { margin-top: 88px; } .lp-root .section.is_rewards { padding-bottom: 0; position: relative; } .lp-root .section.is_legal_hero { padding-top: calc(15.2 * var(--lprem)); padding-bottom: var(--_sizes---radius--radius_0-2); } .lp-root .section.is_hero { margin-left: calc(8 * var(--lprem)); margin-right: calc(8 * var(--lprem)); padding-top: calc(8 * var(--lprem)); padding-bottom: 0; position: relative; overflow: hidden; } .lp-root .section.is_hero.ads_landing_hero.mobile_margins.ads_landing_hero_v2, .lp-root .section.is_hero.ads_landing_hero.mobile_margins.is-hidden-temp { display: none; } .lp-root .section.has_hero-media { padding-top: 0; padding-bottom: 0; } .lp-root .section.main_blogs { margin-top: calc(10 * var(--lprem)); } .lp-root .section.has_blog_hero { padding-top: calc(20 * var(--lprem)); padding-bottom: 0; } .lp-root .section.has_content { padding-top: calc(12 * var(--lprem)); padding-bottom: calc(12 * var(--lprem)); } .lp-root .section.has_comparison { padding-top: calc(4 * var(--lprem)); padding-bottom: calc(12 * var(--lprem)); } .lp-root .section.has_why_mercury_wins { padding-top: calc(5.6 * var(--lprem)); } .lp-root .section.why_opal { padding-top: calc(8 * var(--lprem)); padding-bottom: calc(12 * var(--lprem)); } .lp-root .section.has_cta { padding-top: calc(4 * var(--lprem)); padding-bottom: calc(12 * var(--lprem)); } .lp-root .section.is_comparison { display: block; } .lp-root .home_hero_gradient { z-index: 0; border-radius: var(--_sizes---radius--radius_2-0); background-image: radial-gradient(circle at 50% 100%, #1a1a1a, #151515 50%, #181818); border: 1px solid #ffffff1a; padding-top: calc(16.4 * var(--lprem)); } .lp-root .home_hero_gradient.geadient_gravity { padding-top: calc(5 * var(--lprem)); } .lp-root .home_hero_header { z-index: 3; text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; position: relative; } .lp-root .home_hero_header.ad_landing { z-index: 3; grid-column-gap: 0px; grid-row-gap: 0px; justify-content: space-between; align-items: flex-start; max-width: none; margin: 0; position: static; overflow: visible; } .lp-root .label { min-width: auto; min-height: auto; font-family: var(--label); font-size: var(--_sizes---description--desc_1-6); line-height: var(--_sizes---description--desc_1-8); text-align: left; -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, #e6aff3, #f4f5ea 50%); -webkit-background-clip: text; background-clip: text; overflow: visible; } .lp-root .label.is_menu { margin-left: auto; margin-right: auto; } .lp-root .label.hero-label { line-height: calc(1.7 * var(--lprem)); } .lp-root .label.hero-label.is_meta_recovery { margin-bottom: 40px; } .lp-root .home_hero_title { flex-flow: column; margin-top: calc(2 * var(--lprem)); margin-bottom: calc(2.4 * var(--lprem)); display: flex; } .lp-root .home_hero_title.ad_landing { text-align: left; justify-content: flex-start; align-items: flex-start; margin-top: calc(2.3 * var(--lprem)); } .lp-root .home_hero_cta_wrapper { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); flex-flow: row; justify-content: center; align-items: center; margin-top: calc(3.2 * var(--lprem)); display: flex; } .lp-root .home_hero_cta_wrapper.on_adpay { flex-flow: column; } .lp-root .home_hero_cta_wrapper.on_adpay.ad_landing { text-align: left; justify-content: center; align-items: flex-start; margin-top: calc(3 * var(--lprem)); } .lp-root .home_hero_cta_wrapper.glossary_hero_content { justify-content: flex-start; align-items: center; } .lp-root .home_hero_desc { max-width: calc(70 * var(--lprem)); } .lp-root .home_hero_desc.ad_landing { text-align: left; margin-top: calc(2 * var(--lprem)); } .lp-root .home_hero_media { pointer-events: none; justify-content: center; align-items: center; display: flex; position: relative; } .lp-root .home_hero_rock { z-index: 1; width: calc(118.3 * var(--lprem)); max-width: none; height: calc(57 * var(--lprem)); position: absolute; top: auto; bottom: 0%; } .lp-root .home_hero_rock.is-mobile { display: none; } .lp-root .home_hero_abs2 { width: calc(31.6 * var(--lprem)); max-width: none; height: calc(13.4667 * var(--lprem)); position: absolute; inset: auto auto calc(5 * var(--lprem)) calc(-15 * var(--lprem)); } .lp-root .home_hero_abs3 { width: calc(39 * var(--lprem)); max-width: none; height: calc(17.8667 * var(--lprem)); position: absolute; bottom: calc(20 * var(--lprem)); left: calc(6.3 * var(--lprem)); right: auto; } .lp-root .home_hero_abs4 { width: calc(28.2667 * var(--lprem)); max-width: none; height: calc(35.0667 * var(--lprem)); position: absolute; bottom: calc(20 * var(--lprem)); left: auto; right: calc(20 * var(--lprem)); } .lp-root .home_hero_abs5 { width: calc(22.3333 * var(--lprem)); max-width: none; height: calc(24.5333 * var(--lprem)); position: absolute; inset: auto calc(-12.6 * var(--lprem)) calc(5 * var(--lprem)) auto; } .lp-root .home_hero_blur { z-index: 3; filter: blur(3px); flex: none; width: calc(112 * var(--lprem)); height: calc(62 * var(--lprem)); position: absolute; inset: auto 0% calc(-5 * var(--lprem)); transform: translate(0); } .lp-root .home_hero_blur.is_mobile { display: none; } .lp-root .home_hero_abs6 { width: calc(96.8 * var(--lprem)); height: calc(32.6 * var(--lprem)); position: absolute; inset: auto 0% calc(5 * var(--lprem)); } .lp-root .title_3-2 { font-size: var(--_sizes---title--title_3-2); } .lp-root .title_3-2.text-align-left { text-align: left; } .lp-root .title_3-2.is_blog { padding-bottom: 12px; } .lp-root .section_header { grid-column-gap: calc(3.2 * var(--lprem)); grid-row-gap: calc(3.2 * var(--lprem)); text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .lp-root .section_header.is_featured_cards_header { max-width: calc(70 * var(--lprem)); margin-left: auto; margin-right: auto; } .lp-root .section_header.is_comparison_table_header { z-index: 1; max-width: calc(80 * var(--lprem)); margin-left: auto; margin-right: auto; position: relative; } .lp-root .section_header.is_small { grid-column-gap: calc(1.6 * var(--lprem)); grid-row-gap: calc(1.6 * var(--lprem)); } .lp-root .section_header.is_small.glossary_header { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: row; justify-content: space-between; align-items: center; width: auto; margin-bottom: 16px; } .lp-root .section_header.is_small.glossary_header.related_terms_header { flex-flow: column; justify-content: center; align-items: stretch; width: 100%; } .lp-root .section_header.is_how_it_works { grid-column-gap: calc(1.6 * var(--lprem)); grid-row-gap: calc(1.6 * var(--lprem)); } .lp-root .section_header.is_how_it_works.align_left { text-align: left; justify-content: center; align-items: flex-start; } .lp-root .section_header.on_slider { max-width: calc(74 * var(--lprem)); margin-left: auto; margin-right: auto; } .lp-root .section_header.glossaries_template_faq_header { justify-content: flex-start; align-items: flex-start; } .lp-root .accordion_wrapper { margin-top: calc(2 * var(--lprem)); } .lp-root .accordion { border-bottom: 1px solid #373737; padding-top: calc(2 * var(--lprem)); padding-bottom: calc(2 * var(--lprem)); } .lp-root .accordion_header { grid-column-gap: calc(4 * var(--lprem)); grid-row-gap: calc(4 * var(--lprem)); justify-content: space-between; align-items: center; padding-top: calc(1 * var(--lprem)); padding-bottom: calc(1 * var(--lprem)); line-height: 1.7; display: flex; } .lp-root .accordion_icon { flex: none; justify-content: center; align-items: center; width: calc(1.2 * var(--lprem)); height: calc(.7 * var(--lprem)); transition: color .4s, transform .6s; display: flex; } .lp-root .accordion_title { color: var(--_colors---grey-50); font-size: var(--_sizes---description--desc_2-0); line-height: 1.4; } .lp-root .accordion_body { max-height: 0; color: var(--_colors---grey); font-size: var(--_sizes---description--desc_1-6); transition: max-height .6s; overflow: hidden; } .lp-root .page_styles { display: none; } .lp-root .footer_wrapper { z-index: -1; border-top-left-radius: var(--_sizes---radius--radius_2-0); border-top-right-radius: var(--_sizes---radius--radius_2-0); background-image: linear-gradient(#080809, #181818); border: 1px solid #ffffff1a; margin-left: calc(2 * var(--lprem)); margin-right: calc(2 * var(--lprem)); padding: calc(5.6 * var(--lprem)) 160px calc(3 * var(--lprem)); } .lp-root .footer_content { position: relative; } .lp-root .footer_logo { height: calc(4.2 * var(--lprem)); } .lp-root .copyright_grid { grid-column-gap: calc(16 * var(--lprem)); grid-row-gap: calc(16 * var(--lprem)); border-bottom: 1px solid var(--_colors---grey-700); grid-template-rows: auto; grid-template-columns: 1fr calc(65 * var(--lprem)); grid-auto-columns: 1fr; padding-top: calc(2 * var(--lprem)); padding-bottom: calc(2 * var(--lprem)); display: grid; } .lp-root .copyright_grid.on_adpay { justify-content: space-between; display: flex; } .lp-root .footer_grid_left { grid-column-gap: calc(.5 * var(--lprem)); grid-row-gap: calc(.5 * var(--lprem)); flex-flow: column; padding-top: calc(2 * var(--lprem)); display: flex; } .lp-root .desc_1-6 { font-size: var(--_sizes---description--desc_1-6); } .lp-root .desc_1-6.has_weight_600 { font-weight: 600; } .lp-root .title_6-4 { font-size: var(--_sizes---title--title_6-4); justify-content: flex-start; align-self: center; font-weight: 500; display: flex; } .lp-root .title_6-4.glossary_heading_hero { margin-bottom: 20px; } .lp-root .title_6-4.glossary_heading_hero.glossary_template_heading_hero { margin-top: 20px; font-size: calc(5 * var(--lprem)); } .lp-root .title_6-4.is_case_study { margin-bottom: 0; } .lp-root .footer_cta_wrapper { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); flex-flow: wrap; display: flex; } .lp-root .footer_grid_right { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); flex-flow: column; display: flex; } .lp-root .footer_grid_right.on_adpay { width: calc(45 * var(--lprem)); } .lp-root .copyright_links_wrapper { justify-content: space-between; display: flex; } .lp-root .copyright_links_wrapper.on_adpay { width: calc(45 * var(--lprem)); } .lp-root .copyright_link { font-size: var(--_sizes---description--desc_1-4); transition: color .4s; } .lp-root .copyright_link:hover, .lp-root .copyright_link.w--current { color: var(--_colors---grey-50); } .lp-root .footer_grid { z-index: 1; grid-column-gap: calc(16 * var(--lprem)); grid-row-gap: calc(16 * var(--lprem)); grid-template-rows: auto; grid-template-columns: 1fr calc(65 * var(--lprem)); grid-auto-columns: 1fr; justify-content: space-between; margin-top: calc(9 * var(--lprem)); padding-bottom: calc(2 * var(--lprem)); display: grid; position: relative; } .lp-root .footer_grid.on_adpay { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); display: flex; } .lp-root .copyright_grid_wrapper { z-index: 1; grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); flex-flow: column; margin-top: calc(3 * var(--lprem)); display: flex; position: relative; } .lp-root .copyright { font-size: calc(1.2 * var(--lprem)); } .lp-root .footer { margin-left: 0; margin-right: 0; position: relative; overflow: hidden; } .lp-root .footer_abs1 { width: calc(25.15 * var(--lprem)); height: calc(59.95 * var(--lprem)); position: absolute; inset: auto auto 0% 0%; } .lp-root .footer_abs1.mobile_hidden { left: calc(2 * var(--lprem)); } .lp-root .footer_abs2 { z-index: 0; width: calc(38.2 * var(--lprem)); height: calc(96.3 * var(--lprem)); position: absolute; inset: 0% calc(2 * var(--lprem)) auto auto; } .lp-root .featuers_grid { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; margin-top: calc(4.8 * var(--lprem)); margin-bottom: calc(4.8 * var(--lprem)); display: grid; } .lp-root .featuers_grid.on_mercury { margin-top: calc(7.8 * var(--lprem)); margin-bottom: calc(7.8 * var(--lprem)); } .lp-root .feature_card { grid-column-gap: calc(1.6 * var(--lprem)); grid-row-gap: calc(1.6 * var(--lprem)); border-right: 1px solid var(--_colors---grey-700); border-left: 1px solid var(--_colors---grey-700); flex-flow: column; padding: calc(1 * var(--lprem)) calc(2.4 * var(--lprem)); display: flex; } .lp-root .feature_card_title { font-size: var(--_sizes---title--title_2-4); } .lp-root .feature_card_label { color: var(--_colors---grey-450); font-size: var(--_sizes---description--desc_1-4); margin-bottom: calc(2.4 * var(--lprem)); } .lp-root .feature_card_desc { color: var(--_colors---silver); font-size: var(--_sizes---description--desc_1-6); margin-bottom: 10px; } .lp-root .feature_card_desc.perks_gravity { font-family: var(--body); color: var(--_colors---white); font-size: var(--_sizes---description--desc_1-8); margin-bottom: 0; font-weight: 600; } .lp-root .feature_card_desc.perks_gravity.mobile-perk-description { font-size: var(--title_2); } .lp-root .feature_card_desc.perks { color: var(--_colors---grey-50); font-size: var(--_sizes---description--desc_1-6); margin-bottom: 0; } .lp-root .feature_grid_cta_wrapper { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); justify-content: center; align-items: center; display: flex; } .lp-root .text_white { width: 100%; max-width: 638px; color: var(--_colors---white); font-size: var(--_sizes---description--desc_1-8); text-align: center; justify-content: center; margin-left: auto; margin-right: auto; display: flex; } .lp-root .comparison_card { border-radius: var(--_sizes---radius--radius_2-0); outline-offset: 0px; background-image: radial-gradient(circle at 0%, #1a1a1a, #151515 55%, #101010); border: 1px solid #ffffff1a; outline: 3px #f5c7c7; flex-flow: column; justify-content: flex-start; align-items: center; padding-top: calc(5.4 * var(--lprem)); padding-bottom: calc(5.4 * var(--lprem)); display: flex; position: relative; overflow: hidden; } .lp-root .comparison_card.case_cta_block { background-image: radial-gradient(circle at 0%, #1a1a1a, #151515 55%, #101010); padding-bottom: 0; } .lp-root .comparison_card.case_cta_block.is_meta_recovery { background-image: url("/landing/cta_background.png"), radial-gradient(circle at 0%, #1a1a1a, #151515 55%, #101010); background-position: 50%, 0 0; background-repeat: no-repeat, repeat; background-size: cover, auto; margin-top: 72px; } .lp-root .comparison_table { width: 100%; } .lp-root .comparison_table_row { grid-column-gap: calc(1 * var(--lprem)); grid-row-gap: calc(1 * var(--lprem)); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; place-items: center; width: 100%; height: 48px; padding-top: calc(1.2 * var(--lprem)); padding-bottom: calc(1.2 * var(--lprem)); display: flex; position: relative; } .lp-root .comparison_table_row.is_heading { padding-top: 0; padding-bottom: calc(.8 * var(--lprem)); } .lp-root .comparison_table_cell { width: 220px; min-width: calc(8 * var(--lprem)); color: var(--_colors---silver); font-size: var(--_sizes---description--desc_1-6); justify-content: center; align-items: center; display: flex; } .lp-root .comparison_table_cell.is_center { width: calc(40 * var(--lprem)); min-width: calc(40 * var(--lprem)); } .lp-root .comparison_table_cell.opal-green { color: #36c970; } .lp-root .comparison_table_cell.two-lines { flex-flow: column; } .lp-root .comparison_table_title { width: 200%; color: var(--_colors---grey-50); font-size: var(--_sizes---title--title_2-4); text-align: center; font-weight: 600; } .lp-root .comparison_table_title.small { color: var(--_colors---silver); font-size: var(--_sizes---description--desc_1-6); font-weight: 500; } .lp-root .comparison_table_icon { width: calc(2.4 * var(--lprem)); height: calc(2.5 * var(--lprem)); } .lp-root .comparision_table_border { background-image: linear-gradient(90deg, #37373700, var(--_colors---grey-700) 25%, var(--_colors---grey-700) 50%, var(--_colors---grey-700) 75%, #37373700); width: 100%; height: 1px; position: absolute; inset: auto 0% 0%; } .lp-root .comparision_card_blur { filter: blur(5px); pointer-events: none; width: calc(74.5 * var(--lprem)); height: calc(30.9 * var(--lprem)); position: absolute; top: 0%; bottom: auto; transform: translate(0); } .lp-root .comparison_card_media { flex-flow: column; justify-content: center; align-items: stretch; width: 90%; height: calc(25.4 * var(--lprem)); margin-top: calc(4 * var(--lprem)); margin-bottom: calc(2.4 * var(--lprem)); display: flex; position: relative; } .lp-root .comparison_card_abs { background-image: linear-gradient(90deg, #1a1a1a00, #131313 20%, #373737 80%, #494949); border: 1px solid #ffffff1a; border-radius: 100vw; width: 100%; height: calc(7.2 * var(--lprem)); } .lp-root .comparison_card_abs.is_r2_1 { z-index: 1; background-image: linear-gradient(270deg, #10101000, #373737 25%, #131313 50% 75%, #494949); border-top-style: none; border-bottom-style: none; border-right-style: none; border-radius: 100vw 0 0 100vw; position: relative; } .lp-root .comparison_card_abs.is_r2_2 { z-index: 0; background-image: linear-gradient(270deg, #101010, #373737 19%, #141414 66%, #494949); border-style: none; border-radius: 0; flex: none; width: 60%; margin-left: -10%; position: relative; } .lp-root .comparison_card_abs.is_r1, .lp-root .comparison_card_abs.is_r3 { border-top-style: none; border-bottom-style: none; border-left-style: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .lp-root .comparison_card_abs_row { justify-content: center; align-items: center; height: calc(7.2 * var(--lprem)); display: none; } .lp-root .comparison_card_abs_row.is_center { justify-content: flex-end; align-items: center; } .lp-root .comparison_card_image_wrapper { z-index: 3; grid-column-gap: 100px; grid-row-gap: 100px; justify-content: center; align-items: center; width: calc(100 * var(--lprem)); height: 230px; margin-left: auto; margin-right: auto; display: flex; position: absolute; inset: 0%; } .lp-root .comparison_card_image_wrapper.new-comparison { grid-column-gap: calc(26 * var(--lprem)); grid-row-gap: calc(26 * var(--lprem)); justify-content: center; align-items: center; width: 100%; display: flex; inset: 54px 0% 0%; } .lp-root .comparison_card_image { flex: none; width: 354px; height: 230px; overflow: visible; } .lp-root .adspend_grid { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: flex-start; margin-bottom: calc(4 * var(--lprem)); display: flex; } .lp-root .adspend_card { grid-column-gap: calc(1.6 * var(--lprem)); grid-row-gap: calc(1.6 * var(--lprem)); text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; max-width: calc(34 * var(--lprem)); display: flex; } .lp-root .adspend_card_title { color: var(--_colors---grey-50); font-size: var(--_sizes---title--title_2-2); font-weight: 600; } .lp-root .adspend_card_title.case-study-bold { padding-bottom: 8px; } .lp-root .adspend_media { justify-content: center; align-items: center; margin-top: calc(8 * var(--lprem)); margin-bottom: calc(6 * var(--lprem)); display: flex; position: relative; } .lp-root .adspend_media.desktop_hidden { display: none; } .lp-root .adspend_tag { z-index: 3; grid-column-gap: calc(1.2 * var(--lprem)); grid-row-gap: calc(1.2 * var(--lprem)); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); color: #b9b9b9; background-image: linear-gradient(45deg, #08080933, #fff3); border: 1px solid #9993; border-radius: calc(1.6 * var(--lprem)); flex: none; justify-content: center; align-items: center; width: calc(19 * var(--lprem)); padding: calc(1.2 * var(--lprem)); font-size: calc(1.2 * var(--lprem)); display: flex; position: absolute; inset: 0% auto auto 0%; } .lp-root .adspend_tag.is_fb { top: calc(6 * var(--lprem)); left: calc(12 * var(--lprem)); } .lp-root .adspend_tag.is_google_ads { top: calc(16 * var(--lprem)); } .lp-root .adspend_tag.is_amazon { top: calc(27 * var(--lprem)); left: calc(15 * var(--lprem)); } .lp-root .adspend_tag.is_snapchat { top: calc(16 * var(--lprem)); left: auto; right: 0; } .lp-root .adspend_tag.is_tradedesk { width: calc(22 * var(--lprem)); top: calc(27 * var(--lprem)); left: auto; right: calc(15 * var(--lprem)); } .lp-root .adspend_tag.is_tiktok { top: calc(6 * var(--lprem)); left: auto; right: calc(12 * var(--lprem)); } .lp-root .adspend_tag_icon { object-fit: contain; width: calc(3.6 * var(--lprem)); height: calc(3.6 * var(--lprem)); } .lp-root .text_gradient_2 { -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, #e6aff3, #faf5ea); -webkit-background-clip: text; background-clip: text; } .lp-root .adspend_image { z-index: 2; width: calc(45 * var(--lprem)); height: calc(32 * var(--lprem)); position: relative; overflow: visible; } .lp-root .adspend_blur { z-index: 3; filter: blur(9px); pointer-events: none; width: calc(112 * var(--lprem)); max-width: none; height: calc(30 * var(--lprem)); position: absolute; } .lp-root .adspend_blur.is_bottom { z-index: 0; width: calc(51.9 * var(--lprem)); height: calc(32.5 * var(--lprem)); } .lp-root .adspend_bg_lines { z-index: 0; width: calc(100.8 * var(--lprem)); height: calc(27 * var(--lprem)); margin-left: auto; margin-right: auto; position: absolute; inset: calc(5 * var(--lprem)) 0% auto; } .lp-root .adspend_comet { background-image: linear-gradient(90deg, #1a1a1a00, #60578b33 25%, #39e7ff 54%, #60578b33 75%, #1a1a1a00); width: calc(8 * var(--lprem)); height: 1px; position: absolute; inset: calc(5 * var(--lprem)) auto auto calc(10 * var(--lprem)); } .lp-root .adspend_comet.is_2 { top: calc(13.9 * var(--lprem)); left: auto; right: calc(10 * var(--lprem)); } .lp-root .adsped_abs { width: calc(112 * var(--lprem)); height: calc(5.6 * var(--lprem)); position: absolute; } .lp-root .marquee_wrapper { width: 100%; max-width: 100%; padding-top: calc(4 * var(--lprem)); padding-bottom: calc(4 * var(--lprem)); display: flex; overflow: hidden; } .lp-root .marquee_wrapper.ad_landing { justify-content: space-between; align-items: flex-start; width: 100%; max-width: calc(114 * var(--lprem)); margin-top: calc(1 * var(--lprem)); overflow: hidden; } .lp-root .logo_list { flex: none; justify-content: flex-start; align-items: center; display: flex; } .lp-root .logo_list_item { flex: none; padding-left: calc(9.5 * var(--lprem)); padding-right: calc(9.5 * var(--lprem)); position: relative; } .lp-root .logo { object-fit: contain; max-height: calc(2.8 * var(--lprem)); } .lp-root .logo_separator { background-color: var(--_colors---grey-700); width: 1px; height: 90%; position: absolute; inset: 0% 0% 0% auto; } .lp-root .marquee { flex: none; display: flex; } .lp-root .marquee.ad_landing { justify-content: flex-start; align-items: center; width: auto; max-width: none; } .lp-root .logo_list_wrapper { flex: none; display: flex; } .lp-root .button_group { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); display: flex; } .lp-root .button_group.is_center { justify-content: center; align-items: center; } .lp-root .comparison_card_abs2 { -webkit-text-fill-color: inherit; object-fit: contain; background-clip: border-box; border-radius: 0; flex: 1; width: 100%; max-width: none; height: 310px; margin-left: auto; margin-right: auto; padding-top: 0; overflow: visible; } .lp-root .growth_card_grid { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .lp-root .growth_card_grid.in_key_features { margin-top: calc(7.2 * var(--lprem)); } .lp-root .growth_card_grid.in_how_it_works { grid-column-gap: calc(2.8 * var(--lprem)); grid-row-gap: calc(2.8 * var(--lprem)); flex-flow: column; justify-content: center; place-items: center stretch; margin-top: calc(7.2 * var(--lprem)); } .lp-root .growth_card_wrapper { border-radius: var(--_sizes---radius--radius_2-0); background-image: linear-gradient(315deg, #fff0 39%, #fff3); padding: 1px; position: relative; overflow: hidden; } .lp-root .growth_card { z-index: 2; grid-column-gap: calc(3.2 * var(--lprem)); grid-row-gap: calc(3.2 * var(--lprem)); border-radius: var(--_sizes---radius--radius_2-0); background-image: radial-gradient(circle at 0 0, #1a1a1a, #151515 50%, #101010 99%); flex-flow: column; padding: calc(4.8 * var(--lprem)); display: flex; position: relative; } .lp-root .growth_card.on_adpay { padding: calc(4.8 * var(--lprem)); } .lp-root .growth_card_media { position: relative; } .lp-root .growth_card_content { grid-column-gap: calc(2.4 * var(--lprem)); grid-row-gap: calc(2.4 * var(--lprem)); flex-flow: column; display: flex; } .lp-root .growth_card_title { font-size: var(--_sizes---title--title_3-2); flex-flow: column; line-height: 1.4; display: flex; } .lp-root .growth_card_title.case_study_h2 { margin-bottom: calc(2.4 * var(--lprem)); } .lp-root .growth_card_title.ad_landing_h3 { font-size: calc(3.6 * var(--lprem)); } .lp-root .growth_card_bar_content { color: #e8bbf2; flex-flow: column; justify-content: flex-start; align-items: center; width: calc(1.6 * var(--lprem)); font-size: calc(1 * var(--lprem)); display: flex; position: absolute; inset: auto auto calc(3.2 * var(--lprem)) calc(28.9 * var(--lprem)); } .lp-root .growth_card_bar_wrapper { border-top-left-radius: calc(.04 * var(--lprem)); border-top-right-radius: calc(.04 * var(--lprem)); flex-flow: column; flex: none; justify-content: flex-end; align-items: center; width: calc(1.6 * var(--lprem)); height: calc(7.4 * var(--lprem)); display: flex; position: relative; } .lp-root .growth_card_bar { background-image: linear-gradient(90deg, #f4f5ea, #e6aff3 70%, #7647fe); border-top-left-radius: calc(.4 * var(--lprem)); border-top-right-radius: calc(.4 * var(--lprem)); width: calc(1.6 * var(--lprem)); height: 100%; max-height: 0%; transition: max-height 1.5s; } .lp-root .growth_card_bar.is_blur { filter: blur(3px); position: absolute; inset: auto 0% 0%; } .lp-root .growth_card_chart_wrapper { color: #e8bbf2; flex-flow: column; justify-content: flex-start; align-items: center; width: 100%; font-size: calc(1 * var(--lprem)); display: flex; position: absolute; inset: auto 0% 0% auto; } .lp-root .growth_card_graph2 { flex: none; width: calc(12 * var(--lprem)); height: calc(9.8 * var(--lprem)); position: absolute; inset: auto calc(3 * var(--lprem)) calc(4 * var(--lprem)) auto; } .lp-root .growth_card_graph1 { flex: none; width: calc(15.2 * var(--lprem)); height: calc(8.8 * var(--lprem)); position: absolute; inset: auto calc(3 * var(--lprem)) calc(4 * var(--lprem)) auto; } .lp-root .circle { z-index: 1; background-image: radial-gradient(circle, #a594fd, #fff0 41%); border-radius: 100vw; width: calc(10 * var(--lprem)); height: calc(10 * var(--lprem)); position: absolute; inset: 0% auto auto 0%; transform: translate(calc(-5 * var(--lprem)), calc(-5 * var(--lprem))); } .lp-root .circle.is_reward_card { left: 30%; } .lp-root .circle.is_white { opacity: 0; background-image: radial-gradient(circle, #ffffffdb, #fff0 69%); transition: opacity .35s; } .lp-root .circle.is_white_arrow { opacity: 0; background-image: radial-gradient(circle, #ffffffdb, #fff0 69%); width: calc(4 * var(--lprem)); height: calc(4 * var(--lprem)); transition: opacity .35s; inset: 0% auto auto 0%; transform: translate(calc(-1.5 * var(--lprem)), calc(-1.5 * var(--lprem))); } .lp-root .rewards_grid { grid-column-gap: calc(4 * var(--lprem)); grid-row-gap: calc(4 * var(--lprem)); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; margin-top: calc(8 * var(--lprem)); display: grid; } .lp-root .rewards_grid_left_image { width: calc(55.3 * var(--lprem)); height: calc(40.7 * var(--lprem)); } .lp-root .rewards_grid_left { width: calc(55.3 * var(--lprem)); height: calc(40.7 * var(--lprem)); position: relative; } .lp-root .rewards_grid_left_abs { width: calc(4.35 * var(--lprem)); height: calc(4.4 * var(--lprem)); position: absolute; inset: calc(15 * var(--lprem)) auto auto calc(14.1 * var(--lprem)); } .lp-root .rewards_grid_right_content { grid-column-gap: calc(2.4 * var(--lprem)); grid-row-gap: calc(2.4 * var(--lprem)); flex-flow: column; padding-left: calc(7.2 * var(--lprem)); display: flex; } .lp-root .reward_card { z-index: 2; border-radius: var(--_sizes---radius--radius_2-0); background-image: linear-gradient(90deg, #080809, #2f2f2f); padding: calc(3.6 * var(--lprem)) calc(3.6 * var(--lprem)) calc(3.6 * var(--lprem)) calc(12 * var(--lprem)); position: relative; overflow: hidden; } .lp-root .reward_card_wrapper { z-index: 2; border-radius: var(--_sizes---radius--radius_2-0); background-image: linear-gradient(315deg, #cbcbcba6, #fff0 36%); width: calc(45.4 * var(--lprem)); margin-bottom: calc(4 * var(--lprem)); padding: 1px; position: relative; overflow: hidden; transform: skew(30deg); } .lp-root .reward_card_header { justify-content: space-between; display: flex; } .lp-root .reward_card_tag { grid-column-gap: calc(1.4 * var(--lprem)); grid-row-gap: calc(1.4 * var(--lprem)); border-radius: var(--_sizes---radius_circle); background-color: #30303080; justify-content: center; align-items: center; padding: calc(.8 * var(--lprem)) calc(1.5 * var(--lprem)); font-size: calc(1.2 * var(--lprem)); display: flex; } .lp-root .reward_card_bars_wrapper { grid-column-gap: calc(.4 * var(--lprem)); grid-row-gap: calc(.4 * var(--lprem)); margin-top: calc(4 * var(--lprem)); margin-bottom: calc(1.2 * var(--lprem)); display: flex; } .lp-root .reward_card_bar_wrapper { justify-content: center; align-items: center; display: flex; position: relative; } .lp-root .reward_card_bar { border-radius: var(--_sizes---radius_circle); height: calc(.5 * var(--lprem)); } .lp-root .reward_card_bar.is_1_blur { filter: blur(2px); background-color: #3c50e0; width: 100%; position: absolute; inset: 0%; } .lp-root .reward_card_bar.is_2 { background-color: #e7b7f2; width: calc(5 * var(--lprem)); } .lp-root .reward_card_bar.is_1 { background-color: #3c50e0; flex: 1; width: calc(7.2 * var(--lprem)); } .lp-root .reward_card_bar.is_2_blur { filter: blur(2px); background-color: #e7b7f2; width: 100%; position: absolute; inset: 0%; } .lp-root .reward_card_bar.is_3 { background-color: #39e7ff; width: calc(17 * var(--lprem)); } .lp-root .reward_card_point { border-bottom: 1px solid var(--_colors---grey-700); color: #838383; flex-flow: row; justify-content: space-between; align-items: center; padding-top: calc(1.2 * var(--lprem)); padding-bottom: calc(1.2 * var(--lprem)); font-size: calc(1.4 * var(--lprem)); line-height: 1; display: flex; } .lp-root .reward_card_point_left { grid-column-gap: calc(1 * var(--lprem)); grid-row-gap: calc(1 * var(--lprem)); justify-content: flex-start; align-items: center; display: flex; } .lp-root .reward_card_point_right { grid-column-gap: calc(1 * var(--lprem)); grid-row-gap: calc(1 * var(--lprem)); justify-content: flex-end; align-items: center; display: flex; } .lp-root .reward_card_point_dot { border-radius: var(--_sizes---radius_circle); background-color: #3c50e0; flex: none; width: calc(.8 * var(--lprem)); height: calc(.8 * var(--lprem)); } .lp-root .reward_card_point_dot.is_pink { background-color: var(--_colors---pink); } .lp-root .reward_card_point_dot.is_light_blue { background-color: var(--_colors---light_blue); } .lp-root .reward_card_point_icon { flex: none; width: calc(1 * var(--lprem)); height: calc(1 * var(--lprem)); } .lp-root .reward_card_title { font-size: var(--_sizes---description--desc_2-0); } .lp-root .reward_card_tag_icon { flex: none; width: calc(1 * var(--lprem)); height: calc(.7 * var(--lprem)); } .lp-root .reward_card_bar_blur { border-radius: var(--_sizes---radius_circle); filter: blur(3px); width: 100%; height: 100%; position: absolute; inset: 0%; } .lp-root .reward_card_bar_blur.is_1_blur { filter: blur(2px); background-color: #3c50e0; width: 100%; position: absolute; inset: 0%; } .lp-root .reward_card_bar_blur.is_2 { background-color: #e7b7f2; width: calc(5 * var(--lprem)); } .lp-root .reward_card_bar_blur.is_1 { background-color: #3c50e0; flex: 1; } .lp-root .reward_card_bar_blur.is_2_blur { filter: blur(2px); background-color: #e7b7f2; width: 100%; position: absolute; inset: 0%; } .lp-root .reward_card_bar_blur.is_3 { background-color: #39e7ff; } .lp-root .reward_separator { background-color: var(--_colors---grey-700); width: calc(112 * var(--lprem)); height: 1px; margin-left: auto; margin-right: auto; position: absolute; inset: auto 0% 0%; } .lp-root .home_tabs { z-index: 5; border-top-left-radius: var(--_sizes---radius--radius_1-6); border-top-right-radius: var(--_sizes---radius--radius_1-6); -webkit-backdrop-filter: blur(); backdrop-filter: blur(); background-image: linear-gradient(#ffffffb3, #ffffffe6); min-height: calc(35 * var(--lprem)); padding-top: calc(1.6 * var(--lprem)); padding-bottom: calc(1.6 * var(--lprem)); } .lp-root .home_tabs_wrapper { z-index: 5; border-top-left-radius: var(--_sizes---radius--radius_1-6); border-top-right-radius: var(--_sizes---radius--radius_1-6); -webkit-backdrop-filter: saturate(150%) blur(6px); backdrop-filter: saturate(150%) blur(6px); border-top: 1px solid #ffffff4d; border-left: 1px solid #ffffff4d; border-right: 1px solid #ffffff4d; max-width: calc(50 * var(--lprem)); min-height: calc(35 * var(--lprem)); margin-top: calc(13 * var(--lprem)); margin-left: auto; margin-right: auto; padding-top: calc(1.2 * var(--lprem)); padding-left: calc(1.2 * var(--lprem)); padding-right: calc(1.2 * var(--lprem)); position: relative; box-shadow: inset 0 2px 5px #ffffff2e; } .lp-root .home_tab_menu { grid-column-gap: calc(2.4 * var(--lprem)); grid-row-gap: calc(2.4 * var(--lprem)); border-bottom: 1px solid #eef; justify-content: center; align-items: center; display: flex; } .lp-root .home_tab_link { color: var(--_colors---default_black_50); font-size: var(--_sizes---description--desc_1-6); background-color: #ddd0; padding: calc(1 * var(--lprem)) 0; transform: translate(0, 1px); } .lp-root .home_tab_link.w--current { border-bottom: 1px solid var(--_colors---default_black); color: var(--_colors---default_black); background-color: #c8c8c800; } .lp-root .home_tab_link.is_last { pointer-events: none; } .lp-root .home_tabs_content { color: var(--_colors---default_black); padding: calc(3.2 * var(--lprem)) calc(4 * var(--lprem)); } .lp-root .home_tab_content_header { grid-column-gap: calc(4 * var(--lprem)); grid-row-gap: calc(4 * var(--lprem)); font-size: var(--_sizes---description--desc_1-4); grid-template-rows: auto; grid-template-columns: 1fr calc(10 * var(--lprem)); grid-auto-columns: 1fr; justify-content: space-between; align-items: center; display: grid; } .lp-root .credit_limit_card { grid-column-gap: calc(4 * var(--lprem)); grid-row-gap: calc(4 * var(--lprem)); border-radius: var(--_sizes---radius--radius_1-2); background-color: var(--_colors---grey-850); color: var(--_colors---white); font-size: var(--_sizes---description--desc_1-6); background-image: url("/landing/hero-credit-blur.avif"); background-position: 50% 100%; background-repeat: no-repeat; background-size: cover; border: 1px solid #e0d3ff; grid-template-rows: auto; grid-template-columns: 1fr calc(12 * var(--lprem)); grid-auto-columns: 1fr; justify-content: space-between; align-items: center; padding: calc(2.8 * var(--lprem)); display: grid; position: relative; } .lp-root .credit_limit { font-size: var(--_sizes---description--desc_2-4); font-weight: 600; } .lp-root .monthly_investment { font-size: var(--_sizes---description--desc_1-6); } .lp-root .credit_slider { border-radius: var(--_sizes---radius_circle); background-image: linear-gradient(90deg, #fff, #ffffff80); justify-content: flex-start; align-items: center; width: 100%; height: calc(1 * var(--lprem)); margin-top: calc(2.4 * var(--lprem)); margin-bottom: calc(2.4 * var(--lprem)); padding: 1px; display: flex; } .lp-root .credit_slider_inner { justify-content: flex-start; align-items: center; width: 20%; height: calc(.8 * var(--lprem)); display: flex; position: relative; } .lp-root .credit_slider_fill { border-radius: var(--_sizes---radius_circle); background-image: linear-gradient(90deg, #e6aff3, #8e5dfc 50%, #7647fe); width: 5%; height: 100%; display: flex; position: relative; } .lp-root .credit_slider_handle { flex: none; width: calc(2.8 * var(--lprem)); max-width: none; height: calc(2.8 * var(--lprem)); position: absolute; inset: calc(-1 * var(--lprem)) calc(-1 * var(--lprem)) 0% auto; } .lp-root .home_tab_blur { z-index: -1; border-radius: var(--_sizes---radius--radius_1-6); width: 100%; height: 100%; position: absolute; inset: 0%; } .lp-root .brand { padding-left: 0; } .lp-root .footer_brand.footer-logo-with-gravity { padding-bottom: 20px; } .lp-root .legal_hero_content { grid-column-gap: calc(1.6 * var(--lprem)); grid-row-gap: calc(1.6 * var(--lprem)); flex-flow: column; display: flex; } .lp-root .legal_hero_content.glossary_hero_content { justify-content: space-between; align-items: flex-start; margin-bottom: 72px; } .lp-root .legal_rtf_wrapper { margin-top: calc(5.6 * var(--lprem)); } .lp-root .rtf { color: var(--_colors---grey); font-weight: 400; } .lp-root .rtf h1 { font-size: var(--_sizes---title--title_3-2); margin-bottom: calc(2.4 * var(--lprem)); } .lp-root .rtf h2 { font-size: var(--_sizes---title--title_3-2); text-align: left; margin-bottom: calc(2.4 * var(--lprem)); padding-top: 0; line-height: 1.3; } .lp-root .rtf h3 { font-size: var(--_sizes---title--title_2-8); margin-bottom: calc(2.4 * var(--lprem)); } .lp-root .rtf h4 { margin-bottom: calc(2.4 * var(--lprem)); } .lp-root .rtf h6 { margin-bottom: calc(2.4 * var(--lprem)); font-weight: 600; } .lp-root .rtf p { margin-bottom: calc(2.4 * var(--lprem)); } .lp-root .rtf blockquote { color: var(--_colors---grey-50); font-size: var(--_sizes---description--desc_1-8); font-weight: 500; } .lp-root .rtf li { font-size: var(--_sizes---description--desc_1-8); margin-bottom: calc(1.2 * var(--lprem)); } .lp-root .rtf a { color: var(--_colors---grey-50); text-decoration: underline; } .lp-root .circle_growth { z-index: 1; background-image: radial-gradient(circle, #a594fd, #fff0 73%); border-radius: 100vw; width: calc(10 * var(--lprem)); height: calc(10 * var(--lprem)); position: absolute; inset: 0% auto auto 0%; transform: translate(calc(-5 * var(--lprem)), calc(-5 * var(--lprem))); } .lp-root .desc_1-4 { color: var(--_colors---silver); font-size: var(--_sizes---description--desc_1-4); font-weight: 400; } .lp-root .desc_1-4.font_azret { font-family: var(--label); } .lp-root .growth_card_bar_text { opacity: 0; } .lp-root .navbar_ring { border-radius: var(--_sizes---radius_circle); opacity: 0; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); pointer-events: none; background-color: #ffffff1a; width: 100%; max-width: calc(144 * var(--lprem)); margin-left: auto; margin-right: auto; padding: 1px; transition: opacity .6s, max-width .5s cubic-bezier(.165, .84, .44, 1); position: absolute; inset: 0%; overflow: clip; transform: translate(0); box-shadow: inset 0 0 3px 1px #ffffff4d; } .lp-root .hidden { display: none; } .lp-root .nav_link_underline { opacity: 0; pointer-events: none; background-image: radial-gradient(circle, #a594fd, #a594fd00 75%); width: 100%; height: 1px; position: absolute; inset: auto auto calc(-1 * var(--lprem)) 0%; } .lp-root .navbar_ring-inner { z-index: 3; border-radius: var(--_sizes---radius_circle); background-color: #181818; width: 100%; height: 100%; position: relative; } .lp-root .footer_title { font-size: var(--_sizes---title--title_6-4); } .lp-root .nav_menu_cta { display: none; } .lp-root .reward_card_abs { z-index: 1; border-radius: var(--_sizes---title--title_2-2); background-image: linear-gradient(90deg, #ccc0 2% 36%, #ffffff1a), linear-gradient(#080809, #080809); width: 100%; height: 100%; position: absolute; inset: 0%; overflow: hidden; } .lp-root .rewards_grid_right_inner { max-width: calc(45.4 * var(--lprem)); position: relative; } .lp-root .reward_card_abs_wrapper { z-index: 1; border-radius: var(--_sizes---radius--radius_2-0); pointer-events: none; background-image: linear-gradient(315deg, #cbcbcba6, #fff0 36%); width: 100%; height: 100%; padding: 1px; position: absolute; inset: 0%; overflow: hidden; transform: rotate(12deg)skew(30deg); } .lp-root .home_hero_content { margin-top: calc(8 * var(--lprem)); } .lp-root .home_hero_content.ad_landing { flex-flow: column; justify-content: center; align-items: flex-start; max-width: none; margin-top: 0; margin-bottom: 0; display: flex; position: static; overflow: visible; } .lp-root .menu_open_bg { display: none; } .lp-root .nav_link_underline_mobile { opacity: 0; pointer-events: none; background-image: radial-gradient(circle, #a594fd, #a594fd00 75%); width: 100%; height: 1px; position: absolute; inset: auto auto calc(-1 * var(--lprem)) 0%; } .lp-root .button_border_wrapper { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); min-width: calc(18.4 * var(--lprem)); font-size: var(--_sizes---description--desc_1-4); border: 1px solid #b6b6b666; border-radius: 2px; flex: none; justify-content: space-between; align-items: center; padding: calc(1.6 * var(--lprem)) calc(2.4 * var(--lprem)); display: flex; position: relative; overflow: hidden; } .lp-root .button_border_wrapper:where(.w-variant-c29831d8-cfa2-7c29-40f0-398ae2b62ac8) { justify-content: center; align-items: center; min-width: auto; display: flex; } .lp-root .button_border_wrapper:where(.w-variant-bb5becf2-3231-0da2-3e1a-f5ac27a97bc4) { min-width: calc(14 * var(--lprem)); } .lp-root .button_border_stars { opacity: 0; object-fit: contain; transition: transform .35s, opacity .35s; position: absolute; inset: 0%; } .lp-root .navbar_ring_circle { z-index: 2; border-radius: var(--_sizes---radius_circle); background-image: radial-gradient(circle at 0 0, #212122 17%, #18181800 63%); width: calc(6 * var(--lprem)); height: 100%; position: absolute; inset: 0% auto 0% 0; } .lp-root .navbar_ring_circle.is_bottom { background-image: radial-gradient(circle at 0 0, #18181800 62%, #212122); inset: auto 0% 0% auto; } .lp-root .adspend_card_mobile { display: none; } .lp-root .how_it_works_title { margin-top: calc(1.6 * var(--lprem)); } .lp-root .home_hero_gradient_mobile { display: none; } .lp-root .button_glow { z-index: 1; background-image: none; width: 100%; height: 100%; transition: background-position .7s, opacity .7s; display: none; position: absolute; inset: 0%; } .lp-root .button_border_hover_fill { z-index: 0; width: 100%; max-width: none; height: 100%; transition: transform .4s; position: absolute; inset: 0%; transform: translate(0, 100%); } .lp-root .nav_menu_ring { border-radius: var(--_sizes---radius_circle); opacity: 0; pointer-events: none; transition: height .2s; display: none; position: absolute; bottom: 0%; left: calc(2 * var(--lprem)); right: calc(2 * var(--lprem)); } .lp-root .navbar_rings_wrapper { position: absolute; inset: calc(2 * var(--lprem)) calc(2 * var(--lprem)) 0%; } .lp-root .nav_menu_bg_blur { pointer-events: none; display: none; } .lp-root .adspend_gradient { z-index: 2; background-image: linear-gradient(0deg, #080809, #08080900); flex: none; height: 100%; position: absolute; inset: auto 0% 0%; } .lp-root .nav_menu_inner { display: flex; } .lp-root .mobile_only { display: none; } .lp-root .button_border_stars_wrapper { z-index: 2; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; place-items: center; width: calc(10 * var(--lprem)); height: 100%; margin-left: auto; margin-right: auto; display: grid; position: absolute; inset: 0%; } .lp-root .button_border_star { z-index: 1; opacity: 0; width: calc(2.4 * var(--lprem)); height: calc(2.4 * var(--lprem)); transition: opacity .35s; } .lp-root .button_border_star:hover { opacity: 100; } .lp-root .button_border_side_stars { z-index: 2; width: calc(5.1 * var(--lprem)); height: calc(6.3 * var(--lprem)); transition: opacity .6s; position: absolute; inset: 0% auto 0% 0%; } .lp-root .button_border_side_stars.is_right { left: auto; right: 0%; } .lp-root .button_border_side_stars_wrapper { opacity: 0; transition: opacity .5s; } .lp-root .no_click { pointer-events: none; } .lp-root .circle_wrapper { height: 3px; position: absolute; inset: 0% auto auto 0%; } .lp-root .footer_logo_wrapper { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .lp-root .cs-hero-wrap { width: 100%; max-width: 817px; margin: auto; } .lp-root .heading { text-align: center; } .lp-root .case_header { grid-column-gap: calc(3.2 * var(--lprem)); grid-row-gap: calc(3.2 * var(--lprem)); text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .lp-root .case_header.is_featured_cards_header { max-width: calc(70 * var(--lprem)); margin-left: auto; margin-right: auto; } .lp-root .case_header.is_comparison_table_header { z-index: 1; max-width: calc(80 * var(--lprem)); margin-left: auto; margin-right: auto; position: relative; } .lp-root .case_header.is_small, .lp-root .case_header.is_how_it_works { grid-column-gap: calc(1.6 * var(--lprem)); grid-row-gap: calc(1.6 * var(--lprem)); } .lp-root .body { grid-column-gap: calc(3.2 * var(--lprem)); grid-row-gap: calc(3.2 * var(--lprem)); flex-flow: column; align-items: center; display: flex; } .lp-root .rl-padding-section-large { padding-top: calc(7 * var(--lprem)); padding-bottom: calc(7 * var(--lprem)); } .lp-root .rl_faq1_spacing-block-1 { width: 100%; padding-bottom: calc(1.5 * var(--lprem)); } .lp-root .rl-heading-style-h2 { color: var(--gray-300); margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(3 * var(--lprem)); font-weight: 700; line-height: 1.2; } .lp-root .rl-text-style-regular { color: var(--gray-300); margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(1 * var(--lprem)); font-weight: 400; line-height: 1.5; } .lp-root .rl_section_faq1 { background-color: var(--gray); margin-top: calc(4 * var(--lprem)); padding-bottom: 0; } .lp-root .rl_faq1_component { flex-direction: column; align-items: center; display: flex; } .lp-root .rl_faq1_accordion { flex-direction: column; justify-content: flex-start; align-items: stretch; } .lp-root .rl-button-secondary { border: 1px solid var(--gray-300); background-color: var(--gray); color: var(--gray-300); text-align: center; padding: calc(.75 * var(--lprem)) calc(1.5 * var(--lprem)); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(1 * var(--lprem)); } .lp-root .rl-container-small { width: 100%; max-width: calc(48 * var(--lprem)); margin-left: auto; margin-right: auto; } .lp-root .rl_faq1_spacing-block-3 { width: 100%; padding-bottom: calc(5 * var(--lprem)); } .lp-root .rl_faq1_spacing-block-5 { width: 100%; padding-bottom: calc(2 * var(--lprem)); } .lp-root .rl_faq1_question-text { color: var(--gray-300); margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(1.125 * var(--lprem)); font-weight: 700; line-height: 1.5; } .lp-root .rl_faq1_question { grid-column-gap: calc(1.5 * var(--lprem)); grid-row-gap: calc(1.5 * var(--lprem)); border-top: 1px none var(--_colors---grey-700); cursor: pointer; justify-content: space-between; align-items: center; padding-top: calc(1.25 * var(--lprem)); padding-bottom: calc(1.25 * var(--lprem)); display: flex; } .lp-root .rl_faq1_question.has-top-line { border-top-style: solid; } .lp-root .rl-text-style-medium { color: var(--gray-300); margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(1.125 * var(--lprem)); font-weight: 400; line-height: 1.5; } .lp-root .rl-heading-style-h4 { color: var(--gray-300); margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(2 * var(--lprem)); font-weight: 700; line-height: 1.3; } .lp-root .rl_faq1_list { border-bottom: 1px none var(--gray); mix-blend-mode: normal; } .lp-root .rl_faq1_spacing-block-4 { width: 100%; padding-bottom: calc(1 * var(--lprem)); } .lp-root .rl_faq1_icon-wrapper { align-self: flex-start; } .lp-root .rl_faq1_heading-wrapper { text-align: center; width: 100%; max-width: calc(48 * var(--lprem)); } .lp-root .rl_faq1_answer { overflow: hidden; } .lp-root .rl_faq1_spacing-block-2 { width: 100%; padding-bottom: calc(5 * var(--lprem)); } .lp-root .rl_faq1_cta-wrapper { text-align: center; width: 100%; max-width: calc(35 * var(--lprem)); } .lp-root .rl-padding-global { padding-left: 5%; padding-right: 5%; } .lp-root .rl_faq1_answer-wrapper { margin-bottom: calc(1.5 * var(--lprem)); padding-top: calc(.25 * var(--lprem)); } .lp-root .rl_faq1_icon { width: calc(2 * var(--lprem)); height: calc(2 * var(--lprem)); color: var(--gray-300); flex-direction: column; justify-content: center; align-items: center; display: flex; } .lp-root .heading-2 { font-size: var(--_sizes---title--title_3-2); } .lp-root .bold-text, .lp-root .bold-text-2, .lp-root .bold-text-3, .lp-root .bold-text-4, .lp-root .bold-text-5, .lp-root .bold-text-6, .lp-root .bold-text-7, .lp-root .bold-text-8, .lp-root .bold-text-9, .lp-root .bold-text-10, .lp-root .bold-text-11 { font-weight: 600; } .lp-root .uui-text-size-medium { color: var(--untitled-ui--gray600); letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(1 * var(--lprem)); line-height: 1.5; } .lp-root .uui-text-rich-text { color: var(--untitled-ui--gray600); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; } .lp-root .uui-text-rich-text h1 { margin-top: calc(2 * var(--lprem)); margin-bottom: calc(1.5 * var(--lprem)); } .lp-root .uui-text-rich-text h2 { margin-top: calc(1.5 * var(--lprem)); margin-bottom: calc(1 * var(--lprem)); } .lp-root .uui-text-rich-text h3 { margin-top: calc(1.5 * var(--lprem)); margin-bottom: calc(1.5 * var(--lprem)); } .lp-root .uui-text-rich-text h4 { margin-top: calc(1.5 * var(--lprem)); margin-bottom: calc(1.25 * var(--lprem)); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; } .lp-root .uui-text-rich-text h6 { margin-top: calc(1.25 * var(--lprem)); margin-bottom: calc(1 * var(--lprem)); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; } .lp-root .uui-text-rich-text p { margin-bottom: calc(1 * var(--lprem)); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; } .lp-root .uui-text-rich-text blockquote { margin-top: calc(1.5 * var(--lprem)); margin-bottom: calc(1.5 * var(--lprem)); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-style: italic; } .lp-root .uui-text-rich-text a { text-decoration: underline; } .lp-root .uui-text-rich-text figcaption { color: var(--untitled-ui--gray500); text-align: left; margin-top: calc(1 * var(--lprem)); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(.875 * var(--lprem)); } .lp-root .uui-container-large { width: 100%; max-width: calc(80 * var(--lprem)); margin-left: auto; margin-right: auto; } .lp-root .align-center { margin-left: auto; margin-right: auto; } .lp-root .uui-page-padding { padding-left: calc(2 * var(--lprem)); padding-right: calc(2 * var(--lprem)); } .lp-root .uui-max-width-large { width: 100%; max-width: calc(48 * var(--lprem)); } .lp-root .uui-max-width-large.align-center { max-width: calc(70 * var(--lprem)); margin-left: auto; margin-right: auto; } .lp-root .uui-heading-large { color: var(--untitled-ui--gray900); margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(3 * var(--lprem)); font-weight: 600; line-height: 1.2; } .lp-root .uui-blogpost01_author-wrapper { align-items: center; display: flex; } .lp-root .uui-blogpost01_title-wrapper { flex-direction: column; justify-content: center; align-items: center; margin-bottom: calc(5 * var(--lprem)); margin-left: auto; margin-right: auto; display: flex; } .lp-root .uui-blogpost01_image-wrapper { width: 100%; margin-bottom: calc(4 * var(--lprem)); margin-left: auto; margin-right: auto; padding-top: 50%; position: relative; overflow: hidden; } .lp-root .uui-blogpost01_content { margin-bottom: calc(4 * var(--lprem)); } .lp-root .uui-blogpost01_content-bottom { justify-content: space-between; align-items: flex-end; display: flex; } .lp-root .uui-blogpost01_share-wrapper { flex-direction: column; align-items: flex-start; width: 50%; display: flex; } .lp-root .uui-blogpost01_share { grid-column-gap: calc(.75 * var(--lprem)); grid-row-gap: calc(.75 * var(--lprem)); grid-template-rows: auto; grid-template-columns: max-content; grid-auto-columns: 1fr; grid-auto-flow: column; justify-items: start; margin-top: calc(1 * var(--lprem)); display: grid; } .lp-root .uui-blogpost01_tag-list-wrapper { width: 50%; } .lp-root .uui-blogpost01_tag-list { grid-column-gap: calc(.5 * var(--lprem)); flex-wrap: wrap; justify-content: flex-end; display: flex; } .lp-root .uui-blogpost01_divider { background-color: var(--untitled-ui--gray200); width: 100%; max-width: calc(48 * var(--lprem)); height: 1px; margin-top: calc(3 * var(--lprem)); margin-bottom: calc(1.5 * var(--lprem)); } .lp-root .uui-blogpost01_date-wrapper { align-items: center; display: flex; } .lp-root .uui-blogpost01_author-image { object-fit: cover; border-radius: 100%; width: calc(3.5 * var(--lprem)); min-width: calc(3.5 * var(--lprem)); height: calc(3.5 * var(--lprem)); min-height: calc(3.5 * var(--lprem)); } .lp-root .uui-blogpost01_author-image-wrapper { margin-right: calc(1 * var(--lprem)); } .lp-root .uui-text-divider { color: var(--untitled-ui--gray600); margin-left: calc(.25 * var(--lprem)); margin-right: calc(.25 * var(--lprem)); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(1 * var(--lprem)); line-height: 1.5; } .lp-root .uui-blogpost01_content-top { justify-content: space-between; align-items: flex-start; width: 100%; margin-top: calc(3 * var(--lprem)); display: flex; } .lp-root .uui-blogpost01_breadcrumb { justify-content: center; align-items: center; width: 100%; margin-bottom: calc(1.5 * var(--lprem)); display: flex; } .lp-root .uui-breadcrumb-link { color: var(--untitled-ui--gray600); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 500; text-decoration: none; transition: all .3s; } .lp-root .uui-breadcrumb-link:hover { color: var(--untitled-ui--gray700); } .lp-root .uui-breadcrumb-link.w--current { color: var(--untitled-ui--primary700); font-weight: 600; } .lp-root .uui-breadcrumb-link.w--current:hover { color: var(--untitled-ui--primary800); } .lp-root .uui-breadcrumb-divider { width: calc(1 * var(--lprem)); height: calc(1 * var(--lprem)); color: var(--untitled-ui--gray500); justify-content: center; align-items: center; margin-left: calc(.5 * var(--lprem)); margin-right: calc(.5 * var(--lprem)); display: flex; } .lp-root .uui-blogpost01_image { object-fit: cover; border: 0 #ffffff30; border-radius: 20px; width: 100%; height: 100%; position: absolute; inset: 0%; } .lp-root .uui-button-icon { flex-direction: column; justify-content: center; align-items: center; width: calc(1.25 * var(--lprem)); min-width: calc(1.25 * var(--lprem)); height: calc(1.25 * var(--lprem)); min-height: calc(1.25 * var(--lprem)); display: flex; } .lp-root .uui-button-icon.text-color-gray400 { color: var(--untitled-ui--gray400); } .lp-root .uui-badge { grid-column-gap: calc(.375 * var(--lprem)); background-color: var(--untitled-ui--gray100); color: var(--untitled-ui--gray700); white-space: nowrap; border-radius: calc(10 * var(--lprem)); align-items: center; padding: calc(.125 * var(--lprem)) calc(.625 * var(--lprem)); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(.875 * var(--lprem)); font-weight: 500; line-height: 1.5; text-decoration: none; display: flex; } .lp-root .uui-badge.is-primary { background-color: var(--untitled-ui--primary50); color: var(--untitled-ui--primary700); } .lp-root .uui-badge.is-pink { background-color: var(--untitled-ui--pink50); color: var(--untitled-ui--pink700); } .lp-root .uui-badge.is-indigo { background-color: var(--untitled-ui--indigo50); color: var(--untitled-ui--indigo700); } .lp-root .uui-button-secondary-gray { grid-column-gap: calc(.5 * var(--lprem)); border: 1px solid var(--untitled-ui--gray300); background-color: var(--untitled-ui--white); color: var(--untitled-ui--gray700); text-align: center; white-space: nowrap; border-radius: calc(.5 * var(--lprem)); justify-content: center; align-items: center; padding: calc(.625 * var(--lprem)) calc(1.125 * var(--lprem)); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(1 * var(--lprem)); font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px #1018280d; } .lp-root .uui-button-secondary-gray:hover { background-color: var(--untitled-ui--gray50-2); color: var(--untitled-ui--gray800); } .lp-root .uui-button-secondary-gray:focus { background-color: var(--untitled-ui--white); box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100); } .lp-root .uui-button-secondary-gray.is-button-small { grid-column-gap: calc(.5 * var(--lprem)); padding: calc(.5 * var(--lprem)) calc(1 * var(--lprem)); font-size: calc(1 * var(--lprem)); } .lp-root .uui-button-secondary-gray.is-button-small.icon-only { width: calc(2.5 * var(--lprem)); height: calc(2.5 * var(--lprem)); padding: 0; } .lp-root .uui-button-secondary-gray.icon-only { justify-content: center; align-items: center; width: calc(2.75 * var(--lprem)); height: calc(2.75 * var(--lprem)); padding: 0; display: flex; } .lp-root .uui-padding-vertical-xhuge { padding-top: calc(15.2 * var(--lprem)); padding-bottom: var(--_sizes---section-padding--default_padding); } .lp-root .uui-blogpost01_author-heading { color: var(--untitled-ui--gray900); letter-spacing: normal; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(1.125 * var(--lprem)); font-weight: 600; } .lp-root .uui-blogpost01_share-heading { color: var(--untitled-ui--gray900); letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(1 * var(--lprem)); font-weight: 600; } .lp-root .list, .lp-root .list-2 { padding-left: 12px; } .lp-root .h5-case-custom, .lp-root .h3-with-body { padding-bottom: 8px; } .lp-root .div-block-3 { background-image: linear-gradient(#373737, #373737); width: 100%; height: 1px; margin-bottom: 28px; } .lp-root .div-block-3.bottom_line { margin-top: 28px; margin-bottom: 0; } .lp-root .grid { grid-column-gap: 26px; grid-row-gap: 28px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; } .lp-root .grid.results-impact { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; } .lp-root .paragraph { border: 0 solid #0000; border-radius: 0; margin-bottom: calc(2.4 * var(--lprem)); } .lp-root .div-block-4 { border-radius: 20px; width: 100%; margin-top: 80px; padding-bottom: 80px; } .lp-root .div-block-5 { margin-bottom: 80px; } .lp-root .heading-3, .lp-root .heading-3.is_meta_recovery { text-align: center; } .lp-root .case_cta_block { margin-bottom: 80px; } .lp-root .case_cta_block.ad_landing { margin-bottom: 72px; } .lp-root .case_cta_block.ad_landing_cta { margin-bottom: 0; padding-top: 20px; padding-bottom: 0; } .lp-root .grid-2 { grid-column-gap: 64px; grid-row-gap: 64px; grid-template-rows: auto; width: 100%; } .lp-root .grid-2.is_meta_recovery { grid-template-columns: 1fr; } .lp-root .div-block-6 { width: 100%; } .lp-root .div-block-7 { max-width: 200px; } .lp-root .div-block-7.button_2 { max-width: 180px; } .lp-root .div-block-8 { flex-flow: column; justify-content: space-between; align-items: flex-start; padding-left: 72px; display: flex; } .lp-root .div-block-8.cta-case-study-mobile.ad_landing { justify-content: space-between; align-items: flex-start; } .lp-root .div-block-8.cta-case-study-mobile.is_meta_recovery { justify-content: center; align-items: center; padding-left: 0; } .lp-root .cta_case-study_heading { margin-bottom: calc(3 * var(--lprem)); } .lp-root .div-block-9 { flex-flow: column; justify-content: flex-end; display: flex; } .lp-root .image { height: 100%; } .lp-root .div-block-10 { margin: auto auto 72px; } .lp-root .paragraph-2 { margin-bottom: 0; } .lp-root .paragraph-2.mobile-white-text.is_meta_recovery { max-width: 500px; color: var(--untitled-ui--gray50-2); text-align: center; } .lp-root .cta-section-case-study-desktop { display: block; } .lp-root .cta-section-case-study-desktop.ad_landing { flex-flow: column; justify-content: flex-start; align-items: stretch; padding-top: 0; display: flex; } .lp-root .cta-section-case-study-desktop.is_meta_recovery { text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; display: flex; } .lp-root .descktop-white-text-wrapper { margin-top: auto; margin-bottom: 72px; } .lp-root .descktop-white-text-wrapper.mobile-text-wrapper.is_meta_recovery { margin-bottom: 28px; } .lp-root .image-2 { border-radius: 20px; height: auto; } .lp-root .div-block-12 { padding-top: 72px; } .lp-root .tab_link { text-align: center; background-color: #ddd0; flex: 1; justify-content: center; align-items: center; height: 56px; padding: 0; display: flex; position: relative; } .lp-root .tab_link.w--current { height: 56px; color: var(--untitled-ui--gray100); -webkit-text-fill-color: inherit; background-color: #1110; background-image: linear-gradient(#ffffff0d, #fff0); background-clip: border-box; border: 1px solid #ffffff40; border-radius: 12px; flex-flow: row; flex: 1; justify-content: center; align-items: center; padding-top: 0; padding-bottom: 0; font-size: 1.8svw; display: flex; } .lp-root .text-block { font-weight: 400; } .lp-root .text-block-2 { color: var(--untitled-ui--gray100); text-align: center; font-size: 14px; line-height: 20px; } .lp-root .text-block-2.no-active { color: var(--untitled-ui--gray100); } .lp-root .text-block-3 { color: var(--gray-300); text-align: center; font-size: 12px; } .lp-root .div-block-13 { border-radius: 12px; } .lp-root .tab-link-tab-2 { background-color: #ddd0; flex-flow: column; justify-content: center; align-items: center; height: 56px; display: inline-flex; } .lp-root .tab-link-tab-3, .lp-root .tab-link-tab-6, .lp-root .tab-link-tab-5, .lp-root .tab-link-tab-4 { background-color: #ddd0; height: 56px; } .lp-root .tab-link-tab-7 { background-color: #ddd0; } .lp-root .div-block-14 { flex-flow: row; justify-content: center; align-items: center; width: 100%; height: auto; display: flex; } .lp-root .text-block-4 { font-size: var(--_sizes---description--desc_1-6); text-align: center; } .lp-root .div-block-15 { padding-top: 40px; } .lp-root .tab-centring { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; padding-top: 0; display: flex; } .lp-root .tabs-menu { grid-column-gap: 20px; grid-row-gap: 20px; justify-content: center; align-items: center; width: 100%; margin-bottom: 20px; display: flex; } .lp-root ._2-lines-tab-text { flex-flow: column; flex: 1; display: flex; } .lp-root .div-block-16 { width: 100%; max-width: 1120px; margin-left: auto; margin-right: auto; padding-top: 0; } .lp-root .tabs-content { width: 100%; } .lp-root .swiper { overflow: clip; } .lp-root .swiper-wrapper { flex-flow: row; display: flex; } .lp-root .swiper-slide { flex: none; width: calc(103 * var(--lprem)); } .lp-root .swiper-slide.prev { transform-style: preserve-3d; transform: scale(.7)rotateX(0)rotateY(-18deg)rotateZ(0); } .lp-root .card_slider { margin-top: calc(4 * var(--lprem)); } .lp-root .slide_content { background-image: linear-gradient(90deg, #1a1a1a, #151515 54%, #101010); border: 1px solid #ffffff1a; border-radius: calc(2 * var(--lprem)); justify-content: space-between; padding: calc(3 * var(--lprem)) calc(3.8 * var(--lprem)); display: flex; } .lp-root .slide_left { min-width: calc(44 * var(--lprem)); } .lp-root .slide_divider { justify-content: center; align-items: center; display: flex; position: relative; } .lp-root .slide_divider_line { background-image: linear-gradient(#7770 8%, #999 27%, #777 90%, #7770); width: 1px; height: 98%; position: absolute; } .lp-root .slide_divider_dot { background-color: #fff; border-radius: 50%; width: calc(1.5 * var(--lprem)); height: calc(1.5 * var(--lprem)); position: relative; } .lp-root .slide_left_content { background-image: linear-gradient(90deg, #1a1a1a, #151515 56%, #101010); border-radius: calc(2 * var(--lprem)); padding: calc(10 * var(--lprem)) calc(4 * var(--lprem)) calc(1 * var(--lprem)); } .lp-root .slide_left_media { margin-bottom: calc(-7 * var(--lprem)); position: relative; } .lp-root .text_purple { color: #b29fff; } .lp-root .slide_list { margin-top: calc(2 * var(--lprem)); } .lp-root .slide_list.on_right { margin-top: calc(4 * var(--lprem)); } .lp-root .slide_list_item { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1.25fr .75fr; grid-auto-columns: 1fr; padding-top: calc(1.6 * var(--lprem)); padding-bottom: calc(1.6 * var(--lprem)); display: grid; } .lp-root .slide_list_item.on_mobile { grid-template-columns: 1.25fr .75fr 1fr; justify-items: center; } .lp-root .slide_list_item.is_header { grid-column-gap: calc(25 * var(--lprem)); grid-row-gap: calc(25 * var(--lprem)); grid-template-columns: 1fr 1fr; justify-items: center; } .lp-root .slide_list_line { background-image: linear-gradient(90deg, #37373700, #5b5b5b 18%, #373737 88%, #37373700); width: 100%; height: 1px; } .lp-root .slide_list_check { object-fit: contain; width: calc(2 * var(--lprem)); height: calc(2 * var(--lprem)); } .lp-root .slide_left_card { object-fit: contain; width: calc(29 * var(--lprem)); height: calc(18.8 * var(--lprem)); margin-left: calc(4 * var(--lprem)); position: relative; } .lp-root .slide_left_media_bg { pointer-events: none; object-fit: contain; width: calc(38.9 * var(--lprem)); height: calc(15.3 * var(--lprem)); margin-top: auto; margin-bottom: auto; position: absolute; inset: 0%; } .lp-root .slide_left_media_glow { pointer-events: none; width: calc(34 * var(--lprem)); height: calc(34 * var(--lprem)); position: absolute; inset: calc(-3.9 * var(--lprem)) auto auto calc(-4.2 * var(--lprem)); } .lp-root .slide_right { min-width: calc(44 * var(--lprem)); } .lp-root .card_slider_nav { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); justify-content: center; align-items: center; margin-top: calc(3 * var(--lprem)); display: flex; } .lp-root .left_arrow { background-image: linear-gradient(90deg, #ccc0, #ffffff1a); border: 1px solid #cbcbcb1a; border-radius: calc(1.2 * var(--lprem)); padding: calc(.8 * var(--lprem)); } .lp-root .left_arrow.swiper-prev { transition: all .2s; position: relative; overflow: hidden; } .lp-root .left_arrow.swiper-prev:hover { border-color: #cbcbcb66; } .lp-root .swiper-button_icon { width: calc(3.2 * var(--lprem)); height: calc(3.2 * var(--lprem)); } .lp-root .right_arrow { background-image: linear-gradient(90deg, #ccc0, #ffffff1a); border: 1px solid #cbcbcb1a; border-radius: calc(1.2 * var(--lprem)); padding: calc(.8 * var(--lprem)); } .lp-root .right_arrow.swiper-next { transition: all .2s; position: relative; } .lp-root .right_arrow.swiper-next:hover { border-color: #cbcbcb66; } .lp-root .custom_slider_nav { font-size: calc(1.4 * var(--lprem)); font-weight: 500; } .lp-root .swiper-number-current { color: var(--untitled-ui--gray50-2); } .lp-root .slide_content_mobile { display: none; } .lp-root .slider_card_title { font-size: calc(2.2 * var(--lprem)); } .lp-root .desc_1-2 { font-size: var(--_sizes---description--desc_1-4); } .lp-root .button_border_arrow { z-index: 2; grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); width: 100%; height: 100%; color: var(--_colors---grey); font-size: var(--_sizes---description--desc_1-4); text-align: center; border-radius: calc(1.2 * var(--lprem)); justify-content: space-between; align-items: center; padding: calc(.8 * var(--lprem)); font-weight: 500; transition: all .6s; position: absolute; inset: 0%; overflow: hidden; } .lp-root .button_border_arrow:where(.w-variant-6d5122dd-bbcd-f6a6-0190-ee17118a028e), .lp-root .button_border_arrow:where(.w-variant-bb5becf2-3231-0da2-3e1a-f5ac27a97bc4) { min-width: calc(14 * var(--lprem)); } .lp-root .button_border_arrow:where(.w-variant-c29831d8-cfa2-7c29-40f0-398ae2b62ac8) { justify-content: center; min-width: calc(14 * var(--lprem)); } .lp-root .paragraph-3, .lp-root .paragraph-4, .lp-root .paragraph-5, .lp-root .paragraph-6, .lp-root .paragraph-7, .lp-root .paragraph-8, .lp-root .paragraph-9, .lp-root .new-content { text-align: center; } .lp-root .hero-heading-center { background-color: #f5f7fa; border-bottom: 1px solid #e4ebf3; padding: 80px 30px; position: relative; } .lp-root .container-2 { width: 100%; max-width: 940px; margin-left: auto; margin-right: auto; } .lp-root .centered-heading { text-align: center; margin-bottom: 16px; } .lp-root .centered-heading.margin-bottom-32px { margin-bottom: 32px; } .lp-root .hero-wrapper { justify-content: space-between; align-items: center; display: flex; } .lp-root .hero-split { flex-direction: column; justify-content: flex-start; align-items: flex-start; max-width: 46%; display: flex; } .lp-root .margin-bottom-24px { margin-bottom: 24px; } .lp-root .button-primary { opacity: 1; width: 180px; height: 100%; font-family: var(--body); color: #000; font-size: var(--_sizes---description--desc_1-4); letter-spacing: 0; -webkit-text-stroke-width: 0px; text-transform: capitalize; background-color: #fff; border-radius: 2px; padding: 12px 25px; font-weight: 500; line-height: 20px; transition: all .2s; } .lp-root .button-primary:hover { background-color: var(--untitled-ui--gray200); color: #000; } .lp-root .button-primary:active { background-color: #c4c4c4; } .lp-root .button-primary.button-apply { color: #fff; text-align: center; background-color: #fff0; border: 1px solid #4e4e4e; width: 100%; } .lp-root .button-primary.button-apply:hover { border-color: #fff; } .lp-root .button-primary.modal { width: 100%; } .lp-root .shadow-two { box-shadow: 0 4px 24px #96a3b514; } .lp-root .navbar-logo-center-container { z-index: 5; background-color: #0000; width: 1030px; max-width: 100%; margin-left: auto; margin-right: auto; padding: 20px; } .lp-root .navbar-logo-center-container.shadow-three { width: 100%; max-width: 1140px; } .lp-root .navbar-wrapper-three { justify-content: center; align-items: center; display: flex; position: relative; } .lp-root .navbar-brand-three { z-index: 5; position: absolute; } .lp-root .nav-menu-wrapper-three { width: 100%; } .lp-root .nav-menu-three { justify-content: space-between; align-items: center; margin-bottom: 0; display: flex; } .lp-root .nav-menu-block { justify-content: center; align-items: center; margin-bottom: 0; display: flex; } .lp-root .nav-link { color: #1a1b1f; letter-spacing: .25px; margin-left: 5px; margin-right: 5px; padding: 5px 10px; font-size: 14px; line-height: 20px; text-decoration: none; } .lp-root .nav-link:hover { color: #1a1b1fbf; } .lp-root .nav-link:focus-visible, .lp-root .nav-link[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 4px; outline: 2px solid #0050bd; } .lp-root .nav-dropdown { margin-left: 5px; margin-right: 5px; } .lp-root .nav-dropdown-toggle { letter-spacing: .25px; padding: 5px 30px 5px 10px; font-size: 14px; line-height: 20px; } .lp-root .nav-dropdown-toggle:hover { color: #1a1b1fbf; } .lp-root .nav-dropdown-toggle:focus-visible, .lp-root .nav-dropdown-toggle[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 5px; outline: 2px solid #0050bd; } .lp-root .nav-dropdown-icon { margin-right: 10px; } .lp-root .nav-dropdown-list { background-color: #fff; border-radius: 12px; } .lp-root .nav-dropdown-list.w--open { padding-top: 10px; padding-bottom: 10px; } .lp-root .nav-dropdown-link { padding-top: 5px; padding-bottom: 5px; font-size: 14px; } .lp-root .nav-dropdown-link:focus-visible, .lp-root .nav-dropdown-link[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 5px; outline: 2px solid #0050bd; } .lp-root .nav-link-accent { color: #1a1b1f; letter-spacing: .25px; margin-left: 5px; margin-right: 20px; padding: 5px 10px; font-size: 14px; font-weight: 700; line-height: 20px; text-decoration: none; } .lp-root .nav-link-accent:hover { color: #1a1b1fbf; } .lp-root .heading-5 { font-size: calc(4.5 * var(--lprem)); } .lp-root .section-2 { padding-top: 220px; padding-bottom: 100px; padding-left: 0; } .lp-root .text-block-5 { font-size: calc(1.1 * var(--lprem)); } .lp-root .rich-text-block { font-size: var(--_sizes---description--desc_1-8); } .lp-root .heading-6 { font-size: var(--_sizes---title--title_6-4); } .lp-root .rich-text-block-2 { width: calc(940 * var(--lprem)); } .lp-root .navbar-logo-center-container-2 { z-index: 5; background-color: #0000; width: 1030px; max-width: 100%; margin-left: auto; margin-right: auto; padding: 20px; } .lp-root .navbar-logo-center-container-2.shadow-three { width: 100%; max-width: 1140px; } .lp-root .container-3 { width: 100%; max-width: 940px; margin-left: auto; margin-right: auto; } .lp-root .navbar-wrapper-three-2 { justify-content: center; align-items: center; display: flex; position: relative; } .lp-root .navbar-brand-three-2 { z-index: 5; position: absolute; } .lp-root .nav-menu-wrapper-three-2 { width: 100%; } .lp-root .nav-menu-three-2 { justify-content: space-between; align-items: center; margin-bottom: 0; display: flex; } .lp-root .nav-menu-block-2 { justify-content: center; align-items: center; margin-bottom: 0; display: flex; } .lp-root .nav-link-2 { color: #1a1b1f; letter-spacing: .25px; margin-left: 5px; margin-right: 5px; padding: 5px 10px; font-size: 14px; line-height: 20px; text-decoration: none; } .lp-root .nav-link-2:hover { color: #1a1b1fbf; } .lp-root .nav-link-2:focus-visible, .lp-root .nav-link-2[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 4px; outline: 2px solid #0050bd; } .lp-root .nav-dropdown-2 { margin-left: 5px; margin-right: 5px; } .lp-root .nav-dropdown-toggle-2 { letter-spacing: .25px; padding: 5px 30px 5px 10px; font-size: 14px; line-height: 20px; } .lp-root .nav-dropdown-toggle-2:hover { color: #1a1b1fbf; } .lp-root .nav-dropdown-toggle-2:focus-visible, .lp-root .nav-dropdown-toggle-2[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 5px; outline: 2px solid #0050bd; } .lp-root .nav-dropdown-icon-2 { margin-right: 10px; } .lp-root .nav-dropdown-list-2 { background-color: #fff; border-radius: 12px; } .lp-root .nav-dropdown-list-2.w--open { padding-top: 10px; padding-bottom: 10px; } .lp-root .nav-dropdown-link-2 { padding-top: 5px; padding-bottom: 5px; font-size: 14px; } .lp-root .nav-dropdown-link-2:focus-visible, .lp-root .nav-dropdown-link-2[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 5px; outline: 2px solid #0050bd; } .lp-root .nav-link-accent-2 { color: #1a1b1f; letter-spacing: .25px; margin-left: 5px; margin-right: 20px; padding: 5px 10px; font-size: 14px; font-weight: 700; line-height: 20px; text-decoration: none; } .lp-root .nav-link-accent-2:hover { color: #1a1b1fbf; } .lp-root .button-primary-2 { color: #fff; letter-spacing: 2px; text-transform: uppercase; background-color: #1a1b1f; padding: 12px 25px; font-size: 12px; line-height: 20px; transition: all .2s; } .lp-root .button-primary-2:hover { color: #fff; background-color: #32343a; } .lp-root .button-primary-2:active { background-color: #43464d; } .lp-root .text-block-6 { width: var(--_sizes---radius_circle); font-size: var(--_sizes---description--desc_1-8); } .lp-root .container-4 { display: block; } .lp-root .rich-text-block-3 { width: auto; font-size: var(--_sizes---description--desc_1-8); } .lp-root .new-text { font-size: var(--_sizes---description--desc_1-8); } .lp-root .rich-text-block-4 { font-size: var(--_sizes---description--desc_1-8); line-height: var(--_sizes---description--desc_2-4); text-align: left; overflow-wrap: normal; } .lp-root .section-3 { margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } .lp-root .text-block-7 { font-size: calc(1.8 * var(--lprem)); } .lp-root .paragraph-10 { font-size: var(--_sizes---description--desc_2-4); } .lp-root .uui-text-size-medium-2 { color: var(--untitled-ui--gray600); letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(1 * var(--lprem)); line-height: 1.5; } .lp-root .uui-text-align-center { text-align: center; } .lp-root .uui-container-large-2 { width: 100%; max-width: calc(80 * var(--lprem)); margin-left: auto; margin-right: auto; } .lp-root .align-center-2 { margin-left: auto; margin-right: auto; } .lp-root .uui-page-padding-2 { padding-left: calc(2 * var(--lprem)); padding-right: calc(2 * var(--lprem)); } .lp-root .uui-max-width-large-2 { width: 100%; max-width: calc(48 * var(--lprem)); } .lp-root .uui-max-width-large-2.align-center-2 { margin-left: auto; margin-right: auto; } .lp-root .uui-text-size-large { color: var(--untitled-ui--gray600); letter-spacing: normal; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(1.125 * var(--lprem)); line-height: 1.5; } .lp-root .uui-heading-large-2 { color: var(--untitled-ui--gray900); margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(3 * var(--lprem)); font-weight: 600; line-height: 1.2; } .lp-root .uui-heading-xsmall { color: var(--untitled-ui--gray900); letter-spacing: 0; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(1.5 * var(--lprem)); font-weight: 600; line-height: 1.4; } .lp-root .uui-blog02_item { flex-direction: column; align-items: flex-start; display: flex; } .lp-root .uui-blog02_title-link { margin-bottom: calc(.5 * var(--lprem)); text-decoration: none; display: block; } .lp-root .uui-blog02_list { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(4 * var(--lprem)); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; } .lp-root .uui-blog02_category-menu { justify-content: center; align-items: center; width: 100%; margin-bottom: calc(4 * var(--lprem)); display: flex; } .lp-root .uui-blog02_category-menu.no-scrollbar { box-shadow: inset 0 -1px 0 0 var(--untitled-ui--gray200); justify-content: center; } .lp-root .uui-button-link { grid-column-gap: calc(.5 * var(--lprem)); color: var(--untitled-ui--primary700); white-space: nowrap; background-color: #0000; justify-content: center; align-items: center; padding: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(1 * var(--lprem)); font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; } .lp-root .uui-button-link:hover { color: var(--untitled-ui--primary800); } .lp-root .uui-button-icon-2 { flex-direction: column; justify-content: center; align-items: center; width: calc(1.25 * var(--lprem)); min-width: calc(1.25 * var(--lprem)); height: calc(1.25 * var(--lprem)); min-height: calc(1.25 * var(--lprem)); display: flex; } .lp-root .uui-blog02_menu-link { color: var(--untitled-ui--gray500); white-space: nowrap; border-bottom: 2px solid #0000; flex: none; margin-left: calc(.5 * var(--lprem)); margin-right: calc(.5 * var(--lprem)); padding: calc(.5 * var(--lprem)) calc(.25 * var(--lprem)); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-weight: 600; text-decoration: none; transition: all .3s; } .lp-root .uui-blog02_menu-link:hover, .lp-root .uui-blog02_menu-link.w--current { border-bottom-color: var(--untitled-ui--primary700); color: var(--untitled-ui--primary700); } .lp-root .uui-blog02_meta-wrapper { background-color: var(--untitled-ui--primary50); color: var(--untitled-ui--primary700); mix-blend-mode: multiply; border-radius: calc(10 * var(--lprem)); align-items: center; margin-bottom: calc(1 * var(--lprem)); padding: calc(.25 * var(--lprem)); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(.75 * var(--lprem)); font-weight: 500; display: flex; } .lp-root .uui-blog02_category-link { background-color: var(--untitled-ui--white); color: var(--untitled-ui--primary700); border-radius: calc(1 * var(--lprem)); align-items: center; padding: calc(.125 * var(--lprem)) calc(.5 * var(--lprem)); font-size: calc(.75 * var(--lprem)); font-weight: 500; transition: all .3s; display: flex; } .lp-root .uui-blog02_category-link:hover { color: var(--untitled-ui--primary800); } .lp-root .uui-blog02_read-time { align-items: center; padding-left: calc(.5 * var(--lprem)); padding-right: calc(.5 * var(--lprem)); display: flex; } .lp-root .uui-blog02_image-link { width: 100%; margin-bottom: calc(2 * var(--lprem)); transition: all .3s; } .lp-root .uui-blog02_image-link:hover { box-shadow: 0 24px 48px -12px #1018282e; } .lp-root .uui-blog02_image { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%; } .lp-root .uui-blog02_image-wrapper { width: 100%; padding-top: 66%; position: relative; overflow: hidden; } .lp-root .uui-blog02_component { flex-direction: column; justify-content: flex-start; align-items: stretch; margin-top: calc(6 * var(--lprem)); display: flex; } .lp-root .uui-space-small { width: 100%; min-height: calc(1.5 * var(--lprem)); } .lp-root .uui-padding-vertical-xhuge-2 { padding-top: calc(7 * var(--lprem)); padding-bottom: calc(7 * var(--lprem)); } .lp-root .uui-heading-subheading { color: var(--untitled-ui--primary600); margin-bottom: calc(.75 * var(--lprem)); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(1 * var(--lprem)); font-weight: 600; line-height: 1.5; } .lp-root .rl-padding-section-large-2 { padding-top: calc(7 * var(--lprem)); padding-bottom: calc(7 * var(--lprem)); } .lp-root .rl_blog44_image { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%; } .lp-root .rl-heading-style-h2-2 { color: var(--gray-300); margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(3 * var(--lprem)); font-weight: 700; line-height: 1.2; } .lp-root .rl_blog44_item { border: 1px solid var(--gray-300); } .lp-root .rl_blog44_read-time-text { color: var(--gray-300); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(.875 * var(--lprem)); font-weight: 600; line-height: 1.5; } .lp-root .rl-text-style-regular-2 { color: var(--gray-300); margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(1 * var(--lprem)); font-weight: 400; line-height: 1.5; } .lp-root .rl_blog44_spacing-block-5 { width: 100%; padding-bottom: calc(.5 * var(--lprem)); } .lp-root .rl_blog44_button-row-desktop { flex-wrap: wrap; justify-content: flex-end; align-items: center; display: flex; } .lp-root .rl_blog44_heading { flex: 1; } .lp-root .rl_blog44_category { background-color: var(--relume-library-lite--rl-gray); color: var(--gray-300); padding: calc(.25 * var(--lprem)) calc(.5 * var(--lprem)); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(.875 * var(--lprem)); font-weight: 600; line-height: 1.5; display: flex; } .lp-root .rl_blog44_list { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(4 * var(--lprem)); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; display: grid; } .lp-root .rl-button { border: 1px solid var(--gray-300); background-color: var(--gray-300); color: var(--gray); text-align: center; padding: calc(.75 * var(--lprem)) calc(1.5 * var(--lprem)); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(1 * var(--lprem)); } .lp-root .rl-button.is-secondary { color: var(--gray-300); background-color: #0000; } .lp-root .rl_blog44_item-link { flex-direction: column; justify-content: flex-start; height: 100%; text-decoration: none; display: flex; } .lp-root .rl-button-link-icon { flex-direction: column; justify-content: center; align-items: center; width: calc(1 * var(--lprem)); height: calc(1 * var(--lprem)); display: flex; } .lp-root .rl-button-link { grid-column-gap: calc(.5 * var(--lprem)); grid-row-gap: calc(.5 * var(--lprem)); border: 1px none var(--gray-300); color: var(--gray-300); text-align: center; background-color: #0000; padding: calc(.25 * var(--lprem)) 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(1 * var(--lprem)); line-height: 1; text-decoration: none; display: flex; } .lp-root .rl_blog44_spacing-block-7 { width: 100%; padding-bottom: calc(4 * var(--lprem)); } .lp-root .rl-heading-style-h5 { color: var(--gray-300); margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(1.5 * var(--lprem)); font-weight: 700; line-height: 1.4; } .lp-root .rl_blog44_button-row-mobile { flex-wrap: wrap; justify-content: flex-end; align-items: center; display: none; } .lp-root .rl-text-style-medium-2 { color: var(--gray-300); margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(1.125 * var(--lprem)); font-weight: 400; line-height: 1.5; } .lp-root .rl_blog44_spacing-block-2 { width: 100%; padding-bottom: calc(1.5 * var(--lprem)); } .lp-root .rl_blog44_meta-wrapper { grid-column-gap: calc(1 * var(--lprem)); grid-row-gap: calc(1 * var(--lprem)); align-items: center; display: flex; } .lp-root .rl_section_blog44 { background-color: var(--gray); } .lp-root .rl_blog44_spacing-block-6 { width: 100%; padding-bottom: calc(1.5 * var(--lprem)); } .lp-root .rl_blog44_item-content { flex-direction: column; flex: 1; justify-content: space-between; padding: calc(1.5 * var(--lprem)); display: flex; } .lp-root .rl_blog44_spacing-block-1 { width: 100%; padding-bottom: calc(1 * var(--lprem)); } .lp-root .rl_blog44_image-wrapper { width: 100%; padding-top: 66%; position: relative; overflow: hidden; } .lp-root .rl-text-style-subheading { color: #000; margin-top: 0; margin-bottom: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(1 * var(--lprem)); font-weight: 600; line-height: 1.5; } .lp-root .rl_blog44_heading-wrapper { grid-column-gap: calc(5 * var(--lprem)); grid-row-gap: calc(1 * var(--lprem)); grid-template-rows: auto; grid-template-columns: 1fr max-content; grid-auto-columns: 1fr; justify-content: space-between; align-items: end; display: grid; } .lp-root .rl_blog44_spacing-block-3 { width: 100%; padding-bottom: calc(5 * var(--lprem)); } .lp-root .rl-padding-global-2 { padding-left: 5%; padding-right: 5%; } .lp-root .rl_blog44_spacing-block-4 { width: 100%; padding-bottom: calc(1 * var(--lprem)); } .lp-root .rl-container-large { width: 100%; max-width: calc(80 * var(--lprem)); margin-left: auto; margin-right: auto; } .lp-root .container-5 { margin-top: 140px; } .lp-root .collection-list-wrapper { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: block; } .lp-root .collection-list { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .lp-root .text-block-8 { font-size: var(--_sizes---description--desc_1-8); } .lp-root .blog_header { font-family: var(--body); font-size: var(--_sizes---title--title_6-4); } .lp-root .blog_header.align-center { text-align: center; } .lp-root .text-block-9 { color: var(--_colors---grey-450); font-size: var(--_sizes---radius--radius_1-2); text-align: center; padding-top: 20px; } .lp-root .hero_media-wrapper { padding-left: calc(3.2 * var(--lprem)); padding-right: calc(3.2 * var(--lprem)); position: relative; } .lp-root .floating_card-1 { z-index: 2; background-color: #080809; border-radius: calc(1.4 * var(--lprem)); width: calc(32 * var(--lprem)); height: calc(11.2 * var(--lprem)); position: absolute; inset: 55% auto auto 1%; transform: rotate(-3deg); box-shadow: 6px 11px 20px #ffffff14; } .lp-root .floating_card-2 { z-index: 2; background-color: #f7f7fb; border-radius: calc(1.4 * var(--lprem)); width: calc(36 * var(--lprem)); height: calc(25.5 * var(--lprem)); position: absolute; inset: auto 2% 20% auto; overflow: visible; transform: rotate(4deg); box-shadow: 0 10px 20px #f7f7fb1a; } .lp-root .key_features-header { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-self: auto; place-items: start; display: block; } .lp-root .key_features-header.landing_features { flex-flow: column; justify-content: center; align-items: center; display: flex; } .lp-root .heading-8, .lp-root .key_features-heading { flex-flow: column; display: flex; } .lp-root .key_features-title { grid-column-gap: calc(4.8 * var(--lprem)); grid-row-gap: calc(4.8 * var(--lprem)); flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; margin-top: calc(1.6 * var(--lprem)); display: grid; } .lp-root .key_features-title.features_ad_landing { grid-column-gap: calc(2.1 * var(--lprem)); grid-row-gap: calc(2.1 * var(--lprem)); text-align: center; max-width: calc(70 * var(--lprem)); display: flex; } .lp-root .key_features-desc, .lp-root .key_features-desc.ad_landing_features { color: var(--_colors---white); } .lp-root .how_it_works-cta { grid-column-gap: calc(1.6 * var(--lprem)); grid-row-gap: calc(1.6 * var(--lprem)); flex-flow: column; justify-content: flex-end; align-items: flex-start; display: flex; } .lp-root .how_it_works-cta.features_ad_landing { justify-content: center; align-items: center; } .lp-root .section_media { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); grid-template-rows: auto auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; width: calc(63 * var(--lprem)); display: grid; } .lp-root .section_wrapper { grid-column-gap: calc(6 * var(--lprem)); grid-row-gap: calc(6 * var(--lprem)); flex-flow: column; justify-content: center; align-items: center; display: flex; } .lp-root .card_number { font-size: var(--_sizes---description--desc_1-4); } .lp-root .how_it_works-card { z-index: 2; border-radius: var(--_sizes---radius--radius_2-0); background-image: radial-gradient(circle at 0 0, #1a1a1a, #151515 50%, #101010 99%); flex-flow: column; height: 100%; padding: calc(1.4 * var(--lprem)) calc(1.6 * var(--lprem)); display: flex; } .lp-root .how_it_works-content { grid-column-gap: calc(.8 * var(--lprem)); grid-row-gap: calc(.8 * var(--lprem)); flex-flow: column; margin-top: calc(1.1 * var(--lprem)); display: flex; } .lp-root .how_it_works-wrapper { border-radius: var(--_sizes---radius--radius_2-0); background-image: linear-gradient(315deg, #fff0 39%, #fff3); padding: 1px; position: relative; overflow: hidden; } .lp-root .how_it_works-title { font-size: var(--_sizes---title--title_2-4); } .lp-root .how_it_works-card_desc { font-size: var(--_sizes---description--desc_1-4); } .lp-root .grid_content-wrapper { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); flex-flow: column; display: flex; } .lp-root .grid_media-wrapper { width: 100%; height: 100%; } .lp-root .cta_wrapper { border-radius: var(--_sizes---radius--radius_2-0); background-color: #111; border: 1px solid #ffffff14; position: relative; overflow: clip; } .lp-root .cta_card { z-index: 2; grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); border-radius: var(--_sizes---radius--radius_2-0); flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; padding: calc(7.2 * var(--lprem)) calc(2.6 * var(--lprem)) calc(7.2 * var(--lprem)) calc(4 * var(--lprem)); display: grid; } .lp-root .cta_card-left { z-index: 1; grid-column-gap: calc(2.4 * var(--lprem)); grid-row-gap: calc(2.4 * var(--lprem)); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; position: relative; } .lp-root .cta_card-right { padding-left: calc(1 * var(--lprem)); } .lp-root .cta_card-left_content { grid-column-gap: calc(2.4 * var(--lprem)); grid-row-gap: calc(2.4 * var(--lprem)); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .lp-root .color_white { color: var(--untitled-ui--white); } .lp-root .content_header { grid-column-gap: calc(1.6 * var(--lprem)); grid-row-gap: calc(1.6 * var(--lprem)); flex-flow: column; display: flex; } .lp-root .cta_card-content { grid-column-gap: calc(.8 * var(--lprem)); grid-row-gap: calc(.8 * var(--lprem)); flex-flow: column; padding: calc(1.6 * var(--lprem)); display: flex; } .lp-root .cta_bg-media { z-index: 0; pointer-events: none; width: 100%; height: 100%; position: absolute; overflow: hidden; } .lp-root .content_spacer { height: 1px; margin-bottom: calc(1.2 * var(--lprem)); } .lp-root .nav_link_tag { border-radius: var(--_sizes---radius--radius_0-4); width: calc(4 * var(--lprem)); color: var(--_colors---default_black); background-image: linear-gradient(#b3a8ff, #8c82ff 49%, #6e5fe6); padding: calc(.3 * var(--lprem)) calc(.7 * var(--lprem)); font-size: calc(1 * var(--lprem)); font-weight: 700; line-height: 1; } .lp-root .modal_wrapper { z-index: 999; background-color: #000; width: 100vw; height: 100vh; display: none; position: fixed; inset: 0%; } .lp-root .modal_wrapper.active { flex-flow: row; justify-content: center; align-items: center; display: flex; } .lp-root .modal { position: static; } .lp-root .modal_close { width: calc(2.8 * var(--lprem)); height: calc(2.8 * var(--lprem)); padding: calc(.4 * var(--lprem)); position: absolute; inset: calc(6 * var(--lprem)) calc(8 * var(--lprem)) auto auto; } .lp-root .modal_content { grid-column-gap: calc(2.4 * var(--lprem)); grid-row-gap: calc(2.4 * var(--lprem)); flex-flow: column; justify-content: center; align-items: center; display: flex; } .lp-root .modal_header { grid-column-gap: calc(2.8 * var(--lprem)); grid-row-gap: calc(2.8 * var(--lprem)); flex-flow: column; justify-content: center; align-items: center; display: flex; } .lp-root .heading-9, .lp-root .modal_heading { font-size: calc(4.8 * var(--lprem)); } .lp-root .modal_subheading { font-size: var(--_sizes---description--desc_1-8); text-align: center; } .lp-root .form_element { font-family: var(--body); color: var(--_colors---white); font-size: calc(1.4 * var(--lprem)); font-weight: 500; } .lp-root .modal_form-wrapper { grid-column-gap: calc(2.4 * var(--lprem)); grid-row-gap: calc(2.4 * var(--lprem)); flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; display: flex; } .lp-root .modal_form-inputs { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .lp-root .modal_form-disclaimer { font-size: calc(1.4 * var(--lprem)); } .lp-root .form_wrapper { grid-column-gap: calc(4.5 * var(--lprem)); grid-row-gap: calc(4.5 * var(--lprem)); flex-flow: column; display: flex; } .lp-root .form_submission-btn { min-width: calc(14 * var(--lprem)); color: var(--_colors---default_black); background-color: #fff; padding: calc(1.6 * var(--lprem)) calc(2.4 * var(--lprem)); font-weight: 500; } .lp-root .text_input { min-height: calc(4.4 * var(--lprem)); padding: 0; } .lp-root .text_input::placeholder { font-weight: 400; } .lp-root .dropdown_input { justify-content: space-between; align-items: center; padding: 0; display: flex; } .lp-root .dropdown_element { height: calc(4.4 * var(--lprem)); display: flex; } .lp-root .link { text-decoration: underline; } .lp-root .dropdown_trigger { background-color: #2a2a2a; border: 1px solid #3a3a3a; border-radius: calc(.6 * var(--lprem)); justify-content: space-between; align-items: center; min-height: calc(4.5 * var(--lprem)); padding: calc(1.2 * var(--lprem)) calc(1.6 * var(--lprem)); display: flex; } .lp-root .dropdown_placeholder { color: #666; font-size: calc(1.5 * var(--lprem)); } .lp-root .cta_bg-mobile { z-index: -1; background-color: #9c9c9c; display: none; position: absolute; inset: 0%; } .lp-root .cta_bg-img { overflow: visible; } .lp-root .ads_wrapper { color: var(--untitled-ui--white); font-size: var(--_sizes---description--desc_1-4); text-align: center; font-weight: 700; } .lp-root .success_state { background-color: #0000; } .lp-root .icon_wrapper { border-radius: var(--_sizes---radius--radius_2-0); width: calc(7.2 * var(--lprem)); height: calc(7.2 * var(--lprem)); } .lp-root .text_wrapper { grid-column-gap: calc(2.8 * var(--lprem)); grid-row-gap: calc(2.8 * var(--lprem)); flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .lp-root .success_header { font-size: calc(4.8 * var(--lprem)); } .lp-root .success_header.on_success { margin-bottom: 0; } .lp-root .success_state-wrapper { grid-column-gap: calc(2.8 * var(--lprem)); grid-row-gap: calc(2.8 * var(--lprem)); flex-flow: column; justify-content: center; align-items: center; display: flex; } .lp-root .pricing_card_dd_link { border-bottom: 1px solid #544f5b1a; padding: calc(1.2 * var(--lprem)); font-size: calc(1.8 * var(--lprem)); transition: background-color .2s; } .lp-root .pricing_card_dd_link:hover { background-color: #f0eff0; } .lp-root .pricing_card_dd_link.on_table { color: #fff; background-color: #666; padding-top: calc(.8 * var(--lprem)); padding-bottom: calc(.6 * var(--lprem)); font-size: calc(1.6 * var(--lprem)); } .lp-root .pricing_card_dd { color: #0f0320; background-color: #fff; border: 1px solid #0f032029; border-radius: calc(.8 * var(--lprem)); width: 100%; margin-top: calc(1.4 * var(--lprem)); padding: 0; font-size: calc(2.3 * var(--lprem)); font-weight: 500; } .lp-root .pricing_card_dd.on_table { height: 45px; margin-top: 0; margin-bottom: 0; } .lp-root .pricing_card_dd_nav.w--open { background-color: #fff; border: 1px solid #544f5b1a; border-radius: calc(.8 * var(--lprem)); } .lp-root .pricing_card_dd_toggle { width: 100%; padding: calc(1.2 * var(--lprem)); } .lp-root .pricing_card_dd_toggle.on_table { height: 45px; font-size: calc(2 * var(--lprem)); } .lp-root .pricing_card_dd-icon { margin-right: 10px; } .lp-root .text_color-grey { color: #666; } .lp-root .box_bg-grey { border-radius: var(--_sizes---radius--radius_2-0); background-color: #222223; width: calc(11 * var(--lprem)); height: calc(11 * var(--lprem)); } .lp-root .box_bg-grey.has_logo { background-color: #2e2e2f; border: 1px solid #4a4a4a; padding: calc(2.6 * var(--lprem)); } .lp-root .box_bg-grey.has_opal-logo { background-color: #2a2466; justify-content: center; align-items: center; display: flex; position: relative; } .lp-root .logo_bg { z-index: 1; object-fit: fill; height: auto; position: absolute; inset: 0%; overflow: visible; } .lp-root .opal-logo { z-index: 2; width: 100%; height: auto; position: relative; } .lp-root .animated_bg { z-index: 0; position: absolute; inset: 0%; } .lp-root .hero_media_wrapper { max-width: calc(144 * var(--lprem)); margin-left: auto; margin-right: auto; position: relative; } .lp-root .hero_media_table { width: calc(93.2 * var(--lprem)); height: calc(35.7 * var(--lprem)); margin-left: auto; margin-right: auto; position: absolute; inset: auto 0% calc(20 * var(--lprem)) calc(22 * var(--lprem)); } .lp-root .hero_table_row { width: 100%; } .lp-root .hero_table_row.is_first { width: calc(85 * var(--lprem)); } .lp-root .line_glow { z-index: -2; width: calc(18 * var(--lprem)); height: 2px; position: absolute; } .lp-root .border_box-group { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .lp-root .grid_video { overflow: visible; } .lp-root .blog_list-wrapper { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; margin-top: calc(8 * var(--lprem)); display: grid; } .lp-root .blog_img { border-radius: var(--_sizes---radius--radius_2-0); } .lp-root .img { width: 100%; } .lp-root .blog_card { flex-flow: column; align-items: stretch; } .lp-root .blog_heading { grid-column-gap: calc(1 * var(--lprem)); grid-row-gap: calc(1 * var(--lprem)); flex-flow: column; align-items: stretch; margin-top: calc(2 * var(--lprem)); display: flex; } .lp-root .blog_featured-card { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); border-radius: var(--_sizes---radius--radius_2-0); background-color: #111; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; padding: calc(4.8 * var(--lprem)); display: grid; } .lp-root .featured_card-left { flex-flow: column; justify-content: space-between; align-items: stretch; width: 100%; max-width: calc(50 * var(--lprem)); display: flex; } .lp-root .featured_card-right { width: 100%; overflow: hidden; } .lp-root .featured_card-img { border-radius: var(--_sizes---radius--radius_2-0); width: 100%; height: 100%; overflow: clip; } .lp-root .link_circle { border-radius: var(--_sizes---radius_circle); background-color: var(--untitled-ui--white); justify-content: center; align-items: center; width: calc(6 * var(--lprem)); height: calc(6 * var(--lprem)); display: flex; } .lp-root .blog_featured-title { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); flex-flow: column; display: flex; } .lp-root .cta_card_bg { pointer-events: none; width: calc(26.5 * var(--lprem)); height: calc(52 * var(--lprem)); position: absolute; inset: 0% auto 0% 30%; } .lp-root .blog_card_title { font-size: calc(2.4 * var(--lprem)); } .lp-root .blog_card_media { height: calc(28 * var(--lprem)); } .lp-root .rtf_blog h1 { font-size: calc(6 * var(--lprem)); font-weight: 500; } .lp-root .rtf_blog h2 { margin-top: calc(4 * var(--lprem)); margin-bottom: calc(2 * var(--lprem)); font-size: calc(4 * var(--lprem)); font-weight: 500; } .lp-root .rtf_blog ol { margin-top: calc(1 * var(--lprem)); padding-left: 20px; } .lp-root .rtf_blog li { margin-bottom: calc(1 * var(--lprem)); font-size: calc(1.8 * var(--lprem)); } .lp-root .rtf_blog ul { margin-top: calc(1 * var(--lprem)); padding-left: 20px; } .lp-root .rtf_blog h3 { margin-top: calc(4 * var(--lprem)); margin-bottom: calc(2 * var(--lprem)); font-weight: 500; } .lp-root .rtf_blog h4 { margin-top: calc(2 * var(--lprem)); margin-bottom: calc(2 * var(--lprem)); font-size: calc(2.4 * var(--lprem)); font-weight: 500; } .lp-root .rtf_blog h5 { margin-top: calc(2 * var(--lprem)); margin-bottom: calc(2 * var(--lprem)); font-size: calc(2.2 * var(--lprem)); font-weight: 500; } .lp-root .rtf_blog p { margin-top: calc(1 * var(--lprem)); margin-bottom: calc(1 * var(--lprem)); } .lp-root .rtf_blog blockquote { border-left-color: var(--untitled-ui--indigo700); background-color: var(--untitled-ui--gray800); color: var(--untitled-ui--gray50-2); border-top-right-radius: calc(1 * var(--lprem)); border-bottom-right-radius: calc(1 * var(--lprem)); margin-top: calc(3 * var(--lprem)); margin-bottom: calc(3 * var(--lprem)); padding-top: calc(2 * var(--lprem)); padding-bottom: calc(2 * var(--lprem)); padding-left: calc(3 * var(--lprem)); font-size: calc(1.6 * var(--lprem)); line-height: 1.4; } .lp-root .blog_info { max-width: calc(30 * var(--lprem)); margin-bottom: calc(4 * var(--lprem)); font-size: calc(1.6 * var(--lprem)); } .lp-root .blog_inner-media { border-radius: calc(1 * var(--lprem)); } .lp-root .card_1 { object-fit: contain; width: calc(12 * var(--lprem)); height: calc(8 * var(--lprem)); position: absolute; } .lp-root .card_2 { object-fit: contain; width: calc(14 * var(--lprem)); height: calc(9 * var(--lprem)); position: absolute; top: calc(2 * var(--lprem)); left: calc(6 * var(--lprem)); } .lp-root .card_3 { object-fit: contain; width: calc(15 * var(--lprem)); height: calc(9 * var(--lprem)); position: absolute; top: calc(24 * var(--lprem)); left: calc(10 * var(--lprem)); } .lp-root .card_4 { object-fit: contain; width: calc(14 * var(--lprem)); height: calc(9 * var(--lprem)); position: absolute; top: calc(41 * var(--lprem)); left: calc(5 * var(--lprem)); } .lp-root .card_5 { object-fit: contain; width: calc(12 * var(--lprem)); height: calc(9 * var(--lprem)); position: absolute; inset: auto 0% calc(-2 * var(--lprem)); } .lp-root .blog_category-wrapper { grid-column-gap: calc(1 * var(--lprem)); grid-row-gap: calc(1 * var(--lprem)); flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .lp-root .blog_filter-wrapper { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); flex-flow: wrap; justify-content: flex-start; align-items: center; margin-top: calc(4 * var(--lprem)); display: flex; } .lp-root .radio-btn { max-width: calc(40 * var(--lprem)); color: var(--untitled-ui--white); font-size: calc(2 * var(--lprem)); line-height: var(--_sizes---description--desc_1-8); cursor: pointer; border: 1px solid #adadad80; border-radius: calc(4 * var(--lprem)); margin-bottom: 0; padding: calc(1 * var(--lprem)) calc(1.5 * var(--lprem)); } .lp-root .radio-btn:hover { -webkit-text-fill-color: inherit; background-color: #37373700; background-clip: border-box; border-color: #adadad3b; } .lp-root .radio-btn.for-all-articles.is-active { background-color: var(--untitled-ui--primary800); } .lp-root .radio-btn.on_category { pointer-events: none; color: var(--_colors---grey-50); padding-top: calc(.5 * var(--lprem)); padding-bottom: calc(.5 * var(--lprem)); font-size: calc(1.2 * var(--lprem)); } .lp-root .btn-text { color: var(--untitled-ui--primary50); } .lp-root .btn-text.is_filters { font-size: var(--_sizes---description--desc_1-6); } .lp-root .blog_category { grid-column-gap: calc(.6 * var(--lprem)); grid-row-gap: calc(.6 * var(--lprem)); flex-flow: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; margin-top: calc(1 * var(--lprem)); display: flex; } .lp-root .blog-empty-state { font-family: var(--body); color: var(--_colors---white); font-size: var(--_sizes---title--title_3-2); text-align: center; display: none; } .lp-root .div-block-18 { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .lp-root .div-block-18.landing { margin-top: calc(4 * var(--lprem)); } .lp-root .div-block-18.landing.landing_hero { grid-column-gap: 16px; grid-row-gap: 16px; align-items: center; } .lp-root .div-block-19 { width: 100%; } .lp-root .image-4 { border-radius: 20px; width: 100%; } .lp-root .text-span { text-align: left; } .lp-root .ad_landing { width: 100%; max-width: calc(114 * var(--lprem)); margin: calc(4 * var(--lprem)) auto auto; padding-top: 0; position: relative; overflow: hidden; } .lp-root .div-block-20 { z-index: 10; background-color: #0000; background-image: linear-gradient(276deg, #080809, #0000); width: 100px; height: 100%; position: absolute; top: 0; right: 0; } .lp-root .div-block-20.left { background-image: linear-gradient(85deg, #080809, #0000); top: auto; right: auto; } .lp-root .empty-state { text-align: center; } .lp-root .text-block-10 { font-size: var(--_sizes---description--desc_1-6); text-align: center; margin-bottom: 0; font-weight: 400; } .lp-root .section-4 { width: 100%; padding-top: 0; padding-bottom: calc(8 * var(--lprem)); } .lp-root .feature_ad_landing { width: calc(114 * var(--lprem)); max-width: none; } .lp-root .ad_landing_features { flex-flow: column; justify-content: center; align-items: center; display: flex; } .lp-root .div-block-21 { grid-column-gap: calc(4 * var(--lprem)); grid-row-gap: calc(4 * var(--lprem)); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; width: 100%; max-width: none; margin-top: calc(5 * var(--lprem)); display: grid; } .lp-root .div-block-22 { grid-column-gap: calc(1.5 * var(--lprem)); grid-row-gap: calc(1.5 * var(--lprem)); flex-flow: column; justify-content: center; width: 100%; display: flex; } .lp-root .div-block-23 { border-radius: 20px; width: 100%; min-height: calc(20 * var(--lprem)); } .lp-root .image-5 { width: 100%; height: 100%; } .lp-root .hero_benefits { grid-column-gap: calc(2.2 * var(--lprem)); grid-row-gap: calc(2.2 * var(--lprem)); justify-content: flex-start; align-items: stretch; width: 100%; margin-top: calc(4 * var(--lprem)); display: flex; } .lp-root .div-block-24 { grid-column-gap: calc(.75 * var(--lprem)); grid-row-gap: calc(.75 * var(--lprem)); justify-content: center; align-items: center; display: flex; } .lp-root .benefit_icon { width: 20px; height: 20px; } .lp-root .benefit_text { color: var(--untitled-ui--primary50); font-size: var(--_sizes---description--desc_1-4); } .lp-root .div-block-25 { grid-column-gap: 8px; grid-row-gap: 8px; -webkit-text-stroke-width: 1px; border-radius: 16px; flex-flow: row; justify-content: space-between; align-items: center; width: 100%; max-width: 560px; height: 72%; padding: 0; display: flex; overflow: visible; } .lp-root .text-field { height: 100%; color: var(--untitled-ui--white); -webkit-text-stroke-width: 0px; background-color: #19191900; border: 0 solid #ffffff1a; border-radius: 8px; flex: 1; margin-bottom: 0; padding-top: 8px; font-weight: 400; } .lp-root .text-field:active { color: var(--untitled-ui--primary50); background-color: #19191900; } .lp-root .form { grid-column-gap: 8px; grid-row-gap: 8px; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; } .lp-root .form:active { color: var(--_colors---grey-700); } .lp-root .form-block { background-color: #191919; border: 1px solid #ffffff1a; border-radius: 4px; width: 100%; height: 64px; margin-bottom: 0; padding: 4px 4px 4px 8px; } .lp-root .form-block:hover { background-color: #1d1d1d; } .lp-root .form-block:active { background-color: #202020; border-color: #ffffff47; } .lp-root .lead_modal_wrapper { z-index: 999; opacity: 1; background-color: #080809; border-radius: 1px; justify-content: center; align-items: center; margin: 0; padding: 0; display: none; position: fixed; inset: 0; } .lp-root .lead_modal_wrapper.thank_you_modal_wrapper, .lp-root .lead_modal_wrapper.lead_modal_wrapper_header { display: none; } .lp-root .div-block-26 { border-radius: 16px; width: 100%; max-width: 820px; padding: 64px; display: block; } .lp-root .text-block-11 { color: var(--untitled-ui--white); font-size: var(--_sizes---title--title_2-8); text-align: center; } .lp-root .uui-text-align-center-2 { text-align: center; display: none; } .lp-root .uui-form-button-wrapper { flex-flow: column; justify-content: center; align-items: center; width: 100%; margin-top: calc(.5 * var(--lprem)); display: flex; } .lp-root .uui-text-style-link { color: var(--_colors---white); text-decoration: underline; transition: color .3s; } .lp-root .uui-text-style-link:hover { color: var(--untitled-ui--gray700); } .lp-root .uui-heading-subheading-2 { color: var(--untitled-ui--primary600); margin-bottom: calc(.75 * var(--lprem)); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(1 * var(--lprem)); font-weight: 600; line-height: 1.5; } .lp-root .align-center-3 { margin-left: auto; margin-right: auto; } .lp-root .uui-padding-vertical-xhuge-3 { padding-top: calc(7 * var(--lprem)); padding-bottom: calc(7 * var(--lprem)); } .lp-root .uui-page-padding-3 { padding-left: calc(2 * var(--lprem)); padding-right: calc(2 * var(--lprem)); } .lp-root .uui-space-xsmall { width: 100%; min-height: calc(1 * var(--lprem)); } .lp-root .uui-max-width-large-3 { width: 100%; max-width: calc(48 * var(--lprem)); } .lp-root .uui-max-width-large-3.align-center-3 { margin-left: auto; margin-right: auto; } .lp-root .uui-container-small { width: 100%; max-width: 820px; margin-left: auto; margin-right: auto; } .lp-root .uui-contact02_component { flex-direction: column; align-items: stretch; width: 100%; max-width: 820px; margin: calc(4 * var(--lprem)) auto 0; } .lp-root .uui-text-size-large-2 { color: var(--gray-300); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: var(--_sizes---radius--radius_1-6); letter-spacing: normal; line-height: 1.5; } .lp-root .uui-form-radio-label { color: var(--untitled-ui--gray700); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: var(--_sizes---description--desc_1-6); margin-bottom: 0; font-weight: 500; } .lp-root .uui-form-radio { align-items: center; margin-bottom: 0; padding-left: calc(1.125 * var(--lprem)); display: flex; } .lp-root .form-radio-2col { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; margin-top: calc(1 * var(--lprem)); display: grid; } .lp-root .uui-form-checkbox-label { color: var(--_colors---grey); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: var(--_sizes---description--desc_1-4); margin-bottom: 0; font-weight: 500; line-height: 1.5; } .lp-root .form-field-2col { grid-column-gap: calc(1.5 * var(--lprem)); grid-row-gap: calc(1.5 * var(--lprem)); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .lp-root .uui-form-checkbox { justify-content: center; align-items: center; margin-bottom: 0; padding-left: calc(1.25 * var(--lprem)); display: flex; } .lp-root .uui-contact02_form { grid-column-gap: calc(1.5 * var(--lprem)); grid-row-gap: calc(1.5 * var(--lprem)); grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: none; } .lp-root .uui-form-radio-icon { border: 1px solid var(--untitled-ui--gray300); background-color: var(--untitled-ui--white); cursor: pointer; border-radius: 100px; width: calc(1.25 * var(--lprem)); min-width: calc(1.25 * var(--lprem)); height: calc(1.25 * var(--lprem)); min-height: calc(1.25 * var(--lprem)); margin-top: 0; margin-left: calc(-1.125 * var(--lprem)); margin-right: calc(.75 * var(--lprem)); transition: all .3s; } .lp-root .uui-form-radio-icon:hover { border-color: var(--untitled-ui--primary600); background-color: var(--untitled-ui--primary50); } .lp-root .uui-form-radio-icon.w--redirected-checked { border-width: 1px; border-color: var(--untitled-ui--primary600); background-color: var(--untitled-ui--primary50); background-image: none; background-position: 50%; background-repeat: no-repeat; background-size: auto; } .lp-root .uui-form-radio-icon.w--redirected-focus { border-color: var(--untitled-ui--primary600); background-color: var(--untitled-ui--primary50); box-shadow: 0 0 0 4px var(--untitled-ui--primary100); margin-top: 0; } .lp-root .uui-form-radio-icon.tick-icon { width: 20px; min-width: auto; height: 20px; min-height: auto; } .lp-root .uui-form-radio-icon.tick-icon.w--redirected-checked { background-color: var(--untitled-ui--primary600); background-image: none; } .lp-root .error-text { color: #e23939; } .lp-root .uui-heading-medium { color: var(--_colors---white); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: var(--_sizes---title--title_3-2); margin-top: 0; margin-bottom: 0; font-weight: 600; line-height: 1.3; } .lp-root .error-message { margin-top: calc(1.5 * var(--lprem)); padding: calc(.875 * var(--lprem)) calc(1 * var(--lprem)); } .lp-root .uui-field-label { color: var(--relume-library-lite--rl-gray); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: var(--_sizes---description--desc_1-6); margin-bottom: calc(.5 * var(--lprem)); font-weight: 500; line-height: 1.5; } .lp-root .success-text { font-weight: 600; } .lp-root .uui-button { grid-column-gap: calc(.5 * var(--lprem)); border: 1px solid var(--untitled-ui--primary600); background-color: var(--untitled-ui--primary600); color: var(--untitled-ui--white); text-align: center; white-space: nowrap; border-radius: calc(.5 * var(--lprem)); justify-content: center; align-items: center; padding: calc(.625 * var(--lprem)) calc(1.125 * var(--lprem)); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: calc(1 * var(--lprem)); font-weight: 600; line-height: 1.5; text-decoration: none; transition: all .3s; display: flex; box-shadow: 0 1px 2px #1018280d; } .lp-root .uui-button:hover { border-color: var(--untitled-ui--primary700); background-color: var(--untitled-ui--primary700); } .lp-root .uui-button:focus { background-color: var(--untitled-ui--primary600); box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100); } .lp-root .success-message { background-color: #f4f4f4; padding: calc(1.5 * var(--lprem)); } .lp-root .uui-form_input { border: 1px solid var(--_colors---grey-700); background-color: var(--untitled-ui--white); height: 48px; min-height: calc(2.75 * var(--lprem)); color: var(--_colors---grey-450); font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; font-size: var(--_sizes---description--desc_1-6); border-radius: 2px; margin-bottom: 0; padding: 12px; line-height: 1.5; transition: all .3s; box-shadow: 0 1px 2px #1018280d; } .lp-root .uui-form_input:active { border-style: solid; border-color: var(--_colors---grey-450); background-color: var(--untitled-ui--white); color: var(--_colors---white); font-size: var(--_sizes---description--desc_1-6); } .lp-root .uui-form_input:focus { border-color: var(--_colors---grey-450); color: var(--_colors---white); font-size: var(--_sizes---description--desc_1-6); border-radius: 2px; } .lp-root .uui-form_input::placeholder { color: var(--_colors---grey-450); font-size: var(--_sizes---description--desc_1-6); } .lp-root .uui-form_input.select { color: var(--untitled-ui--gray900); background-color: #191919; border-radius: 2px; } .lp-root .uui-form_input.select:focus { color: var(--_colors---white); } .lp-root .uui-form_input.select:lang(en) { -webkit-text-stroke-color: var(--untitled-ui--gray50-2); } .lp-root .uui-form_input.text-area { height: auto; min-height: calc(11.25 * var(--lprem)); padding-top: calc(.75 * var(--lprem)); padding-bottom: calc(.75 * var(--lprem)); overflow: auto; } .lp-root .uui-form_input.mobile-spacing:active { font-size: var(--_sizes---description--desc_1-6); } .lp-root .uui-form-field-wrapper { position: relative; } .lp-root .uui-form-checkbox-icon { border: 1px solid var(--untitled-ui--gray900); background-color: var(--untitled-ui--white); cursor: pointer; border-radius: calc(.375 * var(--lprem)); width: 20px; min-width: auto; height: 20px; min-height: auto; margin-top: 0; margin-left: calc(-1.25 * var(--lprem)); margin-right: calc(.75 * var(--lprem)); transition: all .3s; } .lp-root .uui-form-checkbox-icon:hover { border-color: var(--untitled-ui--primary600); background-color: var(--untitled-ui--primary50); } .lp-root .uui-form-checkbox-icon.w--redirected-checked { border-width: 1px; border-color: var(--untitled-ui--primary600); background-color: var(--untitled-ui--primary50); box-shadow: none; background-image: none; background-position: 50%; background-repeat: no-repeat; background-size: calc(.875 * var(--lprem)) calc(.875 * var(--lprem)); background-attachment: scroll; border-radius: calc(.25 * var(--lprem)); } .lp-root .uui-form-checkbox-icon.w--redirected-focus { border-color: var(--untitled-ui--primary600); background-color: var(--untitled-ui--primary50); box-shadow: 0 0 0 4px var(--untitled-ui--primary100); border-radius: calc(.25 * var(--lprem)); } .lp-root .radio-button-text { font-size: var(--_sizes---description--desc_1-6); -webkit-text-stroke-color: var(--_colors---white); } .lp-root .text-block-12 { font-size: var(--_sizes---description--desc_1-4); text-align: center; justify-content: center; align-items: center; display: flex; } .lp-root .div-block-27 { grid-column-gap: 20px; grid-row-gap: 20px; justify-content: center; align-items: center; display: flex; } .lp-root .div-block-28 { background-color: #313131; width: 100%; height: 1px; } .lp-root .modal-email-display { width: 100%; height: 48px; min-height: 2.75px; color: var(--_colors---grey-450); font-size: var(--_sizes---description--desc_1-6); background-color: #272727; border: 1px solid #2e2e2e; border-radius: 2px; padding: 12px; } .lp-root .hero_cards_wrapper { z-index: 7; margin-top: calc(14.5 * var(--lprem)); display: flex; position: relative; } .lp-root .card_left { z-index: 8; width: calc(50.7 * var(--lprem)); max-width: none; height: calc(32.8 * var(--lprem)); position: relative; bottom: calc(3 * var(--lprem)); left: calc(8 * var(--lprem)); overflow: visible; } .lp-root .card_right { z-index: 8; width: calc(52 * var(--lprem)); max-width: none; height: calc(32.8 * var(--lprem)); position: relative; bottom: calc(3 * var(--lprem)); right: calc(8 * var(--lprem)); overflow: visible; } .lp-root .vs_icon { z-index: 10; width: calc(21 * var(--lprem)); max-width: none; height: calc(21 * var(--lprem)); position: relative; bottom: calc(8 * var(--lprem)); } .lp-root .desc_2-1 { color: var(--_colors---grey-50); font-size: var(--_sizes---description--desc_2-1); } .lp-root .section_content { grid-column-gap: calc(2.4 * var(--lprem)); grid-row-gap: calc(2.4 * var(--lprem)); flex-flow: column; margin-top: calc(3.2 * var(--lprem)); display: flex; } .lp-root .desc_1-8 { font-size: var(--_sizes---description--desc_1-8); } .lp-root .desc_1-8.text_color_white { color: var(--_colors---white); } .lp-root .text_span { color: var(--_colors---white); font-weight: 500; } .lp-root .text_span.color_green { color: #36c970; } .lp-root .text_span.color_purple { color: #b29fff; } .lp-root .content_separator { background-color: var(--_colors---grey-700); width: calc(100 * var(--lprem)); height: 1px; margin: calc(6.4 * var(--lprem)) auto; } .lp-root .content_separator.is_last { margin-bottom: 0; } .lp-root .gradient_bg { border-radius: var(--_sizes---radius--radius_1-6); background-image: url("/landing/bg.avif"); background-position: 50%; background-size: cover; padding: calc(4 * var(--lprem)); } .lp-root .desc_2-4 { color: var(--_colors---white); font-size: var(--_sizes---description--desc_2-4); } .lp-root .table_wrapper { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); flex-flow: column; display: flex; } .lp-root .table_header_content { border-bottom: 1px solid #ffffff0d; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .lp-root .table_header_content._3_col { grid-template-columns: .5fr 1fr 1fr; width: calc(100 * var(--lprem)); } .lp-root .table_header { color: var(--_colors---white); padding: calc(1.6 * var(--lprem)) calc(2.4 * var(--lprem)); font-weight: 500; line-height: 1.4; } .lp-root .table_header.has_border_right { border-right: 1px solid #ffffff0d; } .lp-root .table_header.on_comparison { grid-column-gap: calc(2.4 * var(--lprem)); grid-row-gap: calc(2.4 * var(--lprem)); border-right: 1px solid #ffffff0d; justify-content: center; align-items: center; padding: calc(3.2 * var(--lprem)); display: flex; } .lp-root .table_header.on_comparison.is_last { border-right-style: none; } .lp-root .desc_2-0 { font-size: var(--_sizes---description--desc_2-0); } .lp-root .table_content { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .lp-root .table_content._3_col { grid-template-columns: .5fr 1fr 1fr; width: calc(100 * var(--lprem)); } .lp-root .table_card { color: var(--_colors---silver); padding: calc(2 * var(--lprem)) calc(2.4 * var(--lprem)); font-size: calc(1.4 * var(--lprem)); font-weight: 500; } .lp-root .table_card.on_comparison { border-bottom: 1px solid #ffffff0d; border-right: 1px solid #ffffff0d; padding: calc(2.4 * var(--lprem)) calc(3.2 * var(--lprem)); font-weight: 400; } .lp-root .table_card.on_comparison.is_semibold { font-weight: 600; } .lp-root .table_card.on_comparison.is_last { border-bottom-style: none; } .lp-root .grid_subtext { text-align: center; justify-content: center; align-items: center; max-width: calc(80 * var(--lprem)); } .lp-root .title_2-4 { color: var(--_colors---white); font-size: var(--_sizes---description--desc_2-4); font-weight: 600; } .lp-root .why_mercury_wrapper { flex-flow: column; justify-content: center; align-items: center; display: flex; } .lp-root .why_opal_gird { grid-column-gap: calc(3 * var(--lprem)); grid-row-gap: calc(3 * var(--lprem)); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; margin-top: calc(6.4 * var(--lprem)); margin-bottom: calc(6.4 * var(--lprem)); display: grid; } .lp-root .grid_card { grid-column-gap: calc(1 * var(--lprem)); grid-row-gap: calc(1 * var(--lprem)); color: #d9d9d9; background-image: url("/landing/bg-1.avif"); background-position: 50%; background-size: cover; border-radius: calc(2.4 * var(--lprem)); justify-content: flex-start; align-items: center; padding: calc(3.2 * var(--lprem)); display: flex; } .lp-root .grid_card.is_last { justify-content: flex-start; align-items: center; } .lp-root .bullet_point { background-color: #d9d9d9; border-radius: 100%; flex: none; width: calc(.8 * var(--lprem)); height: calc(.8 * var(--lprem)); } .lp-root .cta_card_wrapper { background-color: #121314; border-radius: calc(4 * var(--lprem)); grid-template-rows: auto; grid-template-columns: 1.85fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; display: grid; } .lp-root .cta_card_left { flex-flow: column; justify-content: space-between; align-items: center; min-height: calc(63.8 * var(--lprem)); padding: calc(6.4 * var(--lprem)) calc(8 * var(--lprem)); display: flex; } .lp-root .cta_card_right { justify-content: center; align-items: center; min-height: calc(63.8 * var(--lprem)); display: flex; } .lp-root .cta_left_content { grid-column-gap: calc(3.6 * var(--lprem)); grid-row-gap: calc(3.6 * var(--lprem)); flex-flow: column; display: flex; } .lp-root .title_5-8 { letter-spacing: calc(-.02 * var(--lprem)); font-size: calc(5.8 * var(--lprem)); font-weight: 600; line-height: 1.09; } .lp-root .cta_left_btn { grid-column-gap: calc(2.4 * var(--lprem)); grid-row-gap: calc(2.4 * var(--lprem)); justify-content: center; align-items: center; display: flex; } .lp-root .apply_btn { grid-column-gap: calc(1.2 * var(--lprem)); grid-row-gap: calc(1.2 * var(--lprem)); border-radius: var(--_sizes---radius--radius_1-6); width: calc(21.2 * var(--lprem)); height: calc(4.8 * var(--lprem)); font-family: var(--label); color: var(--_colors---white); background-image: linear-gradient(102deg, #7647fe, #916bff 89%); border: 1px solid #f4f5eab3; justify-content: space-between; align-items: center; padding: calc(1.6 * var(--lprem)) calc(2.4 * var(--lprem)); font-size: calc(1.4 * var(--lprem)); font-weight: 500; transition: all .3s; display: flex; box-shadow: inset 0 0 6px #ffffff59, 0 0 20px #7647fe99; } .lp-root .apply_btn:hover { transform: translate(0, -1px); box-shadow: inset 0 0 6px #ffffff59, 0 0 30px #7647fed9; } .lp-root .cta_text { font-family: var(--label); color: #d9d9d9b3; font-size: calc(1.4 * var(--lprem)); } .lp-root .play_btn { justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lp-root .table { border-radius: var(--_sizes---radius--radius_1-6); } .lp-root .table.on_comparison { border: 1px solid #ffffff0d; margin-top: calc(8 * var(--lprem)); overflow: auto; } .lp-root .img_media { flex: none; width: calc(11.4 * var(--lprem)); } .lp-root .table_header_text { grid-column-gap: calc(.4 * var(--lprem)); grid-row-gap: calc(.4 * var(--lprem)); flex-flow: column; display: flex; } .lp-root .title_2-0 { font-size: calc(2 * var(--lprem)); } .lp-root .text_color_green { color: #36c970; font-weight: 600; } .lp-root .collection-item { color: var(--untitled-ui--primary50); } .lp-root .footer_links_wrapper { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; margin-top: calc(3 * var(--lprem)); display: grid; } .lp-root .footer_links_list { grid-column-gap: calc(1 * var(--lprem)); grid-row-gap: calc(1 * var(--lprem)); flex-flow: column; display: flex; } .lp-root .footer_links_list_header { color: var(--_colors---silver); font-size: var(--_sizes---description--desc_1-8); font-weight: 600; } .lp-root .footer_links { grid-column-gap: calc(1 * var(--lprem)); grid-row-gap: calc(1 * var(--lprem)); color: var(--_colors---white); font-size: var(--_sizes---description--desc_1-6); flex-flow: column; font-weight: 500; display: flex; } .lp-root .text-block-13, .lp-root .text-block-14, .lp-root .text-block-15, .lp-root .text-block-16 { font-size: var(--_sizes---description--desc_1-6); font-weight: 400; } .lp-root .perk-card { grid-column-gap: 0px; grid-row-gap: 0px; background-image: radial-gradient(circle at 100% 0, #1a1a1a, #151515 52%, #101010); border: 1px solid #363636; border-radius: 12px; flex-flow: column; justify-content: flex-start; align-items: center; margin-top: calc(3 * var(--lprem)); padding: 24px; display: flex; } .lp-root .perk-logo { width: 54px; height: 54px; } .lp-root .perk-text { grid-column-gap: 4px; grid-row-gap: 4px; flex-flow: column; flex: 1; display: flex; } .lp-root .link-2 { width: auto; color: var(--_colors---white); font-size: var(--_sizes---description--desc_1-6); padding-top: 4px; } .lp-root .perk-head { grid-column-gap: 16px; grid-row-gap: 16px; align-items: center; width: 100%; display: flex; } .lp-root .perk-body { border: 0 solid #000; padding-top: 0; overflow: visible; } .lp-root .perk-body-inner { border-radius: 0; } .lp-root .perk-body-inner.perk_padding { padding-top: 0; } .lp-root .perk-label { color: var(--_colors---white); font-size: var(--_sizes---description--desc_1-8); margin-top: 16px; margin-bottom: 8px; font-weight: 400; } .lp-root .perk-paragraph { color: var(--_colors---silver); font-size: var(--_sizes---description--desc_1-6); } .lp-root .link-3 { color: var(--_colors---white); font-size: var(--_sizes---description--desc_1-6); -webkit-text-stroke-color: var(--_colors---white); font-weight: 500; } .lp-root .div-block-29 { margin-top: 12px; } .lp-root .perk-divider { background-color: #363636; border: 1px #363636; width: 100%; height: 1px; margin-top: 24px; margin-bottom: 20px; } .lp-root .perk-divider.copyright-divider { background-color: #303030; border-style: none; margin-top: 0; margin-bottom: 8px; } .lp-root .social_links-wrapper { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); justify-content: flex-end; align-items: center; margin-top: calc(2 * var(--lprem)); display: flex; } .lp-root .social_links { width: calc(2 * var(--lprem)); height: calc(2 * var(--lprem)); } .lp-root .testimonial-divider { justify-content: center; display: flex; } .lp-root .image-6 { width: 100%; max-width: 700px; padding-top: 40px; padding-bottom: 40px; display: block; } .lp-root .testimonial_content { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; align-items: center; display: flex; } .lp-root .image-7 { width: auto; height: auto; } .lp-root .paragraph-11 { text-align: center; } .lp-root .testimonial_author { grid-column-gap: 16px; grid-row-gap: 16px; justify-content: center; align-items: center; margin-top: 24px; display: flex; } .lp-root .image-8 { width: 48px; max-width: 48%; } .lp-root .testimonial_author_info { grid-column-gap: 4px; grid-row-gap: 4px; flex-flow: column; align-items: flex-start; display: flex; } .lp-root .testimonial_author_name { color: var(--_colors---white); font-size: var(--_sizes---description--desc_1-8); font-weight: 500; } .lp-root .testimonial_author_title { font-size: var(--_sizes---description--desc_1-6); } .lp-root .hero-section-paragraph_glossary { max-width: 750px; margin-bottom: 28px; font-weight: 400; } .lp-root .hero-section-paragraph_glossary.italic { font-size: var(--_sizes---description--desc_1-4); line-height: var(--_sizes---description--desc_1-4); font-style: italic; } .lp-root .glossary_h2 { width: auto; font-size: var(--_sizes---title--title_3-2); text-align: left; flex: none; } .lp-root .div-block-30 { background-color: #2e2e2e; flex: 1; width: 100%; height: 1px; min-height: 1px; } .lp-root .paragraph-12 { font-size: var(--_sizes---description--desc_1-6); margin-bottom: 16px; } .lp-root .glossary_cards { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; margin-top: 20px; display: grid; } .lp-root .glossary_cards.glossary_cards_related { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; } .lp-root .glossary_card { background-color: #0000; background-image: radial-gradient(circle at 0 0, #1a1a1a, #151515 81%, #101010); border: 1px solid #202020; border-radius: 16px; flex-flow: column; justify-content: flex-start; align-items: stretch; width: 100%; min-width: 147px; padding: 24px; transition: opacity .2s, background-color .2s; display: flex; } .lp-root .glossary_card:hover { background-image: radial-gradient(circle at 0 0, #1f1f1f, #151515 81%, #101010); border-color: #3b3b3b; } .lp-root .glossary_card.is_coming_soon { background-image: radial-gradient(circle at 0 0, #1a1a1a, #111 0%, #101010); border-style: none; } .lp-root .glossary_card_header { font-size: var(--_sizes---description--desc_1-8); justify-content: space-between; align-items: center; display: flex; } .lp-root .glossary_card_icon { background-color: #1c1c1c; border-radius: 6px; justify-content: center; align-items: center; width: 28px; height: 28px; transition: background-color .2s; display: flex; overflow: hidden; } .lp-root .glossary_card_icon:hover { mix-blend-mode: normal; background-color: #272727; } .lp-root .image-9 { vertical-align: baseline; object-fit: contain; width: 16px; height: 16px; position: absolute; } .lp-root .image-9.arrow_hover { opacity: 0; } .lp-root .glossary_card_description { font-size: var(--_sizes---description--desc_1-6); padding-top: 12px; } .lp-root .glossary_card_badge { height: 28px; min-height: 28px; font-size: var(--_sizes---radius--radius_1-2); border: 1px solid #383838; border-radius: 6px; justify-content: center; align-self: auto; align-items: center; padding: 4px 6px; display: flex; } .lp-root .glossary_card_badge_text { color: var(--untitled-ui--gray900); } .lp-root .glossary_group { margin-bottom: 72px; } .lp-root .glossary_group.related_terms_group { margin-bottom: 0; } .lp-root .div-block-31 { grid-column-gap: 48px; grid-row-gap: 48px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; padding-top: 12px; padding-bottom: 12px; display: grid; } .lp-root .div-block-31.glossary_hero { display: flex; } .lp-root .div-block-31.glossary_hero.is_template { padding-top: 0; } .lp-root .div-block-32 { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: center; display: flex; } .lp-root .text-block-17 { font-family: var(--label); } .lp-root .text-block-17.label.active_breadcrumb_link { background-color: #999; background-image: none; } .lp-root .glossary_article_layout { grid-column-gap: 72px; grid-row-gap: 72px; grid-template-rows: auto; grid-template-columns: minmax(200px, 1fr) 320px; grid-auto-columns: 1fr; place-items: start stretch; width: 100%; display: grid; } .lp-root .glossary_article_sidebar { position: static; top: 140px; } .lp-root .glossary_article_content { grid-column-gap: 56px; grid-row-gap: 56px; flex-flow: column; display: flex; } .lp-root .article_section { display: block; } .lp-root .article_heading_row { grid-column-gap: 24px; grid-row-gap: 24px; justify-content: center; display: flex; } .lp-root .article_divider { background-color: #2e2e2e; width: 100%; height: 1px; margin-top: 20px; margin-bottom: 20px; } .lp-root .article_body { display: block; } .lp-root .article_content { font-family: var(--body); font-size: calc(1.6 * var(--lprem)); } .lp-root .paragraph-13 { font-size: var(--_sizes---description--desc_1-6); } .lp-root .paragraph-13.article_paragraph { line-height: 150%; } .lp-root .paragraph-14 { font-size: var(--_sizes---description--desc_1-6); } .lp-root .list_glossary_template { padding-left: 20px; } .lp-root .sidebar_inner { grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: column; width: auto; display: flex; position: sticky; inset: 100px; } .lp-root .sidebar_cta { border: 1px solid #ffffff3d; border-radius: 16px; width: 100%; max-width: 320px; height: 227px; display: block; position: relative; overflow: visible; } .lp-root .sidebar_cta_background { width: 100%; height: 100%; position: absolute; } .lp-root .sidebar_cta_content { z-index: 2; flex-flow: column; justify-content: space-between; align-items: flex-start; width: 100%; height: 100%; padding: 24px; display: flex; position: relative; } .lp-root .sidebar_cta_text { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; display: flex; } .lp-root .heading-10 { max-width: 220px; line-height: 1.2; } .lp-root .paragraph-15 { color: var(--untitled-ui--gray100); font-size: var(--_sizes---description--desc_1-4); } .lp-root .div-block-33 { overflow: visible; } .lp-root .heading-11 { font-size: var(--_sizes---description--desc_1-6); margin-bottom: 8px; } .lp-root .link-block { border-top: 1px solid #000; border-bottom: 1px solid #2e2e2e; border-radius: 0; justify-content: space-between; align-items: center; width: 100%; padding-top: 12px; padding-bottom: 12px; display: flex; } .lp-root .text-block-18 { color: var(--untitled-ui--gray100); font-size: var(--_sizes---description--desc_1-6); } .lp-root .glossary_link_arrow { width: 16px; height: 16px; } .lp-root .div-block-34 { background-color: #2e2e2e; width: 100%; height: 1px; } .lp-root .collection-list-wrapper-2 { order: 1; } .lp-root .blog-filter-divider { background-color: #2e2e2e; width: 100%; height: 1px; margin-top: 32px; } .lp-root .blog_author-info { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); justify-content: flex-start; align-items: center; margin-top: calc(1 * var(--lprem)); display: flex; } .lp-root .blog_author-icon { border-radius: var(--_sizes---radius_circle); width: calc(3.5 * var(--lprem)); height: calc(3.5 * var(--lprem)); overflow: hidden; } @media screen and (max-width: 991px) { .lp-root .container.on_blog { padding-left: calc(1 * var(--lprem)); padding-right: calc(1 * var(--lprem)); } .lp-root .rl-padding-section-large { padding-top: calc(6 * var(--lprem)); padding-bottom: calc(6 * var(--lprem)); } .lp-root .rl-heading-style-h2 { font-size: calc(2.75 * var(--lprem)); } .lp-root .rl_faq1_spacing-block-3 { padding-bottom: calc(4.5 * var(--lprem)); } .lp-root .rl-heading-style-h4 { font-size: calc(1.75 * var(--lprem)); } .lp-root .rl_faq1_spacing-block-2 { padding-bottom: calc(4.5 * var(--lprem)); } .lp-root .uui-heading-large { font-size: calc(2.75 * var(--lprem)); } .lp-root .uui-blogpost01_title-wrapper { margin-bottom: calc(4 * var(--lprem)); } .lp-root .uui-blogpost01_image-wrapper { margin-bottom: calc(3 * var(--lprem)); padding-top: 56.25%; } .lp-root .uui-blogpost01_content { margin-bottom: calc(3 * var(--lprem)); } .lp-root .uui-padding-vertical-xhuge { padding-top: calc(6 * var(--lprem)); padding-bottom: calc(6 * var(--lprem)); } .lp-root .list, .lp-root .list-2 { padding-left: 12px; } .lp-root .container-2 { max-width: 728px; } .lp-root .hero-wrapper { flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-bottom: -40px; } .lp-root .hero-split { max-width: 100%; margin-bottom: 40px; } .lp-root .navbar-wrapper-three { justify-content: space-between; } .lp-root .navbar-brand-three { position: relative; } .lp-root .nav-menu-wrapper-three { background-color: #0000; top: 70px; } .lp-root .nav-menu-three { background-color: #fff; border-radius: 50px; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 10px; padding: 20px; display: flex; box-shadow: 0 8px 50px #0000000d; } .lp-root .nav-link { padding-left: 5px; padding-right: 5px; } .lp-root .nav-dropdown-list.shadow-three.w--open { position: absolute; } .lp-root .menu-button { padding: 12px; } .lp-root .menu-button.w--open { color: #fff; background-color: #a6b1bf; } .lp-root .container-3 { max-width: 728px; } .lp-root .navbar-wrapper-three-2 { justify-content: space-between; } .lp-root .navbar-brand-three-2 { position: relative; } .lp-root .nav-menu-wrapper-three-2 { background-color: #0000; top: 70px; } .lp-root .nav-menu-three-2 { background-color: #fff; border-radius: 50px; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 10px; padding: 20px; display: flex; box-shadow: 0 8px 50px #0000000d; } .lp-root .nav-link-2 { padding-left: 5px; padding-right: 5px; } .lp-root .nav-dropdown-list-2.shadow-three.w--open { position: absolute; } .lp-root .menu-button-2 { padding: 12px; } .lp-root .menu-button-2.w--open { color: #fff; background-color: #a6b1bf; } .lp-root .uui-heading-large-2 { font-size: calc(2.75 * var(--lprem)); } .lp-root .uui-blog02_list { grid-template-columns: 1fr 1fr; } .lp-root .uui-padding-vertical-xhuge-2, .lp-root .rl-padding-section-large-2 { padding-top: calc(6 * var(--lprem)); padding-bottom: calc(6 * var(--lprem)); } .lp-root .rl-heading-style-h2-2 { font-size: calc(2.75 * var(--lprem)); } .lp-root .rl_blog44_button-row-desktop { flex: none; } .lp-root .rl_blog44_heading { margin-right: calc(3 * var(--lprem)); } .lp-root .rl_blog44_list { grid-template-columns: 1fr 1fr; } .lp-root .rl_blog44_spacing-block-7 { padding-bottom: calc(3.5 * var(--lprem)); } .lp-root .rl_blog44_button-row-mobile { flex: none; } .lp-root .rl_blog44_heading-wrapper { grid-column-gap: calc(3 * var(--lprem)); } .lp-root .rl_blog44_spacing-block-3 { padding-bottom: calc(4.5 * var(--lprem)); } .lp-root .opal-ring { z-index: 2; } .lp-root .uui-padding-vertical-xhuge-3 { padding-top: calc(6 * var(--lprem)); padding-bottom: calc(6 * var(--lprem)); } } @media screen and (max-width: 767px) { .lp-root { --_sizes---title--title_6-4: calc(8 * var(--lprem)); --_sizes---title--title_2-4: calc(4 * var(--lprem)); --_sizes---title--title_2-2: calc(3.2 * var(--lprem)); --_sizes---description--desc_1-8: calc(3.6 * var(--lprem)); --_sizes---description--desc_1-6: calc(3.2 * var(--lprem)); --_sizes---description--desc_1-4: calc(2.8 * var(--lprem)); --_sizes---radius--radius_0-2: 2px; --_sizes---section-padding--default_padding: calc(11.2 * var(--lprem)); --_sizes---radius--radius_2-0: calc(3 * var(--lprem)); --_sizes---title--title_3-2: calc(5.75 * var(--lprem)); --_sizes---description--desc_2-0: calc(4 * var(--lprem)); --_sizes---title--title_2-8: calc(3.8 * var(--lprem)); --_sizes---radius--radius_1-6: calc(2.6 * var(--lprem)); --_sizes---radius_circle: 100vw; --_sizes---radius--radius_1-2: calc(2.2 * var(--lprem)); --_sizes---description--desc_2-4: calc(4.4 * var(--lprem)); --_sizes---radius--radius_0-4: 4px; --_sizes---description--desc_2-1: calc(4.1 * var(--lprem)); } .lp-root .navbar { -webkit-backdrop-filter: none; backdrop-filter: none; padding-top: calc(2 * var(--lprem)); padding-bottom: calc(2 * var(--lprem)); } .lp-root .container { width: 100%; max-width: calc(69 * var(--lprem)); } .lp-root .container.has_nav { max-width: calc(67 * var(--lprem)); } .lp-root .menu_button_wrapper { z-index: 100; grid-column-gap: calc(4.8 * var(--lprem)); grid-row-gap: calc(4.8 * var(--lprem)); align-items: center; display: flex; position: relative; } .lp-root .nav_menu_wrapper { z-index: 99; background-color: #08080900; flex-flow: column; flex: none; height: 88dvh; padding-left: calc(3.2 * var(--lprem)); padding-right: calc(3.2 * var(--lprem)); } .lp-root .nav_menu { grid-column-gap: 0; grid-row-gap: 0; flex-flow: column; justify-content: center; align-items: stretch; height: 100%; padding-bottom: calc(3.2 * var(--lprem)); } .lp-root .brand_logo { object-fit: contain; width: auto; height: calc(6.5 * var(--lprem)); } .lp-root .nav_link { color: var(--_colors---grey-50); text-align: center; margin-left: 0; margin-right: 0; padding-top: calc(2.6 * var(--lprem)); padding-bottom: calc(2.6 * var(--lprem)); font-weight: 600; } .lp-root .nav_link.is_nav_mobile { color: var(--_colors---white); font-size: var(--_sizes---description--desc_1-4); padding-top: 0; padding-bottom: 0; } .lp-root .navbar_desktop_cta { display: none; } .lp-root .button_primary { min-width: calc(28 * var(--lprem)); padding: calc(2 * var(--lprem)) calc(3.4 * var(--lprem)); } .lp-root .button_primary:where(.w-variant-6d5122dd-bbcd-f6a6-0190-ee17118a028e) { min-width: calc(24 * var(--lprem)); } .lp-root .button_primary.is_nav { padding: calc(1.8 * var(--lprem)) calc(2.5 * var(--lprem)); line-height: 1; } .lp-root .button_primary.smaller-width, .lp-root .button_primary.smaller-width-3 { min-width: calc(24 * var(--lprem)); } .lp-root .button_arrow { width: calc(1.6 * var(--lprem)); height: calc(2.2 * var(--lprem)); } .lp-root .button_border { min-width: calc(28 * var(--lprem)); padding: calc(2 * var(--lprem)) calc(3.4 * var(--lprem)); } .lp-root .button_border:where(.w-variant-bb5becf2-3231-0da2-3e1a-f5ac27a97bc4) { min-width: calc(24 * var(--lprem)); } .lp-root .section.is_home_hero { margin-top: calc(14 * var(--lprem)); } .lp-root .section.is_rewards { padding-bottom: calc(8 * var(--lprem)); } .lp-root .section.is_growth { padding-top: calc(8 * var(--lprem)); } .lp-root .section.is_hero { padding-top: calc(14 * var(--lprem)); } .lp-root .section.has_hero-media { padding-top: calc(8 * var(--lprem)); } .lp-root .home_hero_gradient { background-image: radial-gradient(circle at 50% 100%, #1a1a1a, #151515 50%, #181818); max-width: calc(74 * var(--lprem)); margin-left: auto; margin-right: auto; padding-top: 0; inset: calc(14 * var(--lprem)) 0 0; overflow: hidden; } .lp-root .home_hero_header { text-align: center; margin-left: auto; margin-right: auto; } .lp-root .label { text-align: center; } .lp-root .label.is_menu { max-width: 35ch; } .lp-root .label.hero-label { line-height: calc(5 * var(--lprem)); } .lp-root .home_hero_title { max-width: calc(63.8 * var(--lprem)); margin-top: calc(2.4 * var(--lprem)); margin-bottom: calc(4 * var(--lprem)); font-size: calc(8.2 * var(--lprem)); } .lp-root .home_hero_cta_wrapper { justify-content: center; width: 100%; margin-top: calc(4.8 * var(--lprem)); } .lp-root .home_hero_media { z-index: 1; order: -1; width: 108%; margin-bottom: calc(-12 * var(--lprem)); margin-left: -4%; } .lp-root .home_hero_rock { width: calc(70 * var(--lprem)); height: calc(35 * var(--lprem)); display: none; } .lp-root .home_hero_rock.is-mobile { width: calc(65 * var(--lprem)); height: auto; display: block; position: relative; } .lp-root .home_hero_abs2 { width: calc(23.7 * var(--lprem)); height: calc(10.1 * var(--lprem)); inset: calc(28 * var(--lprem)) auto auto calc(-1 * var(--lprem)); } .lp-root .home_hero_abs3 { z-index: 0; width: calc(29.25 * var(--lprem)); height: calc(13.4 * var(--lprem)); inset: calc(8.2 * var(--lprem)) auto auto calc(4.6 * var(--lprem)); } .lp-root .home_hero_abs4 { width: calc(21.2 * var(--lprem)); height: calc(26.8 * var(--lprem)); inset: calc(1.9 * var(--lprem)) calc(3.8 * var(--lprem)) auto auto; } .lp-root .home_hero_abs5 { width: calc(16.75 * var(--lprem)); height: calc(18.4 * var(--lprem)); inset: 38% calc(-.2 * var(--lprem)) auto auto; } .lp-root .home_hero_blur { max-width: none; margin-left: auto; margin-right: auto; display: none; inset: 0% auto auto; } .lp-root .home_hero_blur.is_mobile { opacity: .6; filter: blur(90px); width: 100%; height: calc(40 * var(--lprem)); display: block; inset: calc(20 * var(--lprem)) 0% auto; } .lp-root .home_hero_abs6 { inset: 0% auto auto 0%; } .lp-root .title_3-2.text-align-left { text-align: center; } .lp-root .section_header.is_featured_cards_header { text-align: left; justify-content: flex-start; align-items: flex-start; } .lp-root .section_header.is_small { grid-column-gap: calc(3.2 * var(--lprem)); grid-row-gap: calc(3.2 * var(--lprem)); } .lp-root .section_header.is_how_it_works { grid-column-gap: calc(3.2 * var(--lprem)); grid-row-gap: calc(3.2 * var(--lprem)); max-width: calc(60 * var(--lprem)); margin-left: auto; margin-right: auto; } .lp-root .section_header.is_how_it_works.align_left { justify-content: flex-start; align-items: center; } .lp-root .section_header.is_faq { text-align: left; justify-content: flex-start; align-items: flex-start; } .lp-root .accordion_header { padding-top: calc(2 * var(--lprem)); padding-bottom: calc(2 * var(--lprem)); } .lp-root .accordion_icon { width: calc(3 * var(--lprem)); height: calc(3 * var(--lprem)); } .lp-root .footer_wrapper { padding-top: calc(8 * var(--lprem)); padding-left: calc(3.2 * var(--lprem)); padding-right: calc(3.2 * var(--lprem)); left: calc(1 * var(--lprem)); right: calc(1 * var(--lprem)); } .lp-root .footer_logo { object-fit: contain; max-width: none; height: calc(6.5 * var(--lprem)); } .lp-root .copyright_grid { grid-column-gap: calc(4 * var(--lprem)); grid-row-gap: calc(4 * var(--lprem)); grid-template-columns: 1fr; } .lp-root .footer_grid_left { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); } .lp-root .footer_grid_right.on_adpay { width: 100%; } .lp-root .copyright_links_wrapper { grid-column-gap: calc(4 * var(--lprem)); grid-row-gap: calc(4 * var(--lprem)); flex-flow: column; } .lp-root .footer_grid { grid-column-gap: calc(12 * var(--lprem)); grid-row-gap: calc(12 * var(--lprem)); grid-template-columns: 1fr; } .lp-root .footer_grid.on_adpay { flex-flow: column; } .lp-root .copyright { font-size: calc(2.2 * var(--lprem)); } .lp-root .footer_abs1 { z-index: 0; width: calc(15 * var(--lprem)); height: auto; bottom: calc(77 * var(--lprem)); } .lp-root .footer_abs1.mobile_hidden { display: none; } .lp-root .footer_abs2 { width: calc(30 * var(--lprem)); height: auto; top: calc(55 * var(--lprem)); } .lp-root .featuers_grid { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); grid-template-columns: 1fr; margin-left: auto; margin-right: auto; } .lp-root .feature_card { grid-column-gap: calc(3.2 * var(--lprem)); grid-row-gap: calc(3.2 * var(--lprem)); border-bottom: 1px solid var(--_colors---grey-700); border-left-style: none; border-right-style: none; margin-left: auto; margin-right: auto; padding: calc(2 * var(--lprem)) 0 calc(4 * var(--lprem)); } .lp-root .comparison_card { padding-left: calc(4 * var(--lprem)); padding-right: calc(4 * var(--lprem)); } .lp-root .comparison_table_row { padding-top: calc(2.2 * var(--lprem)); padding-bottom: calc(2.2 * var(--lprem)); } .lp-root .comparison_table_cell { flex: none; width: calc(10 * var(--lprem)); min-width: calc(10 * var(--lprem)); } .lp-root .comparison_table_cell.is_center { text-align: center; width: calc(45 * var(--lprem)); min-width: auto; font-size: calc(2.6 * var(--lprem)); } .lp-root .comparison_table_title { font-size: calc(2.9 * var(--lprem)); } .lp-root .comparison_table_icon { flex: none; width: calc(3.4 * var(--lprem)); height: calc(3.4 * var(--lprem)); } .lp-root .comparison_card_media { align-items: center; width: 100%; } .lp-root .comparison_card_abs, .lp-root .comparison_card_abs_row { height: calc(5 * var(--lprem)); } .lp-root .comparison_card_image_wrapper { grid-column-gap: calc(3 * var(--lprem)); grid-row-gap: calc(3 * var(--lprem)); width: auto; } .lp-root .comparison_card_image { width: calc(25 * var(--lprem)); height: auto; } .lp-root .adspend_grid { grid-column-gap: calc(8 * var(--lprem)); grid-row-gap: calc(8 * var(--lprem)); flex-flow: column; justify-content: center; align-items: center; margin-bottom: calc(6.4 * var(--lprem)); } .lp-root .adspend_card { grid-column-gap: calc(3.2 * var(--lprem)); grid-row-gap: calc(3.2 * var(--lprem)); max-width: 30ch; font-size: calc(3.6 * var(--lprem)); } .lp-root .adspend_card_title { font-size: calc(4.9 * var(--lprem)); } .lp-root .adspend_media { min-height: calc(35 * var(--lprem)); margin-top: calc(7.2 * var(--lprem)); margin-bottom: calc(12 * var(--lprem)); } .lp-root .adspend_media.desktop_hidden { display: block; } .lp-root .adspend_media.mobile_hidden { display: none; } .lp-root .adspend_tag { border-radius: var(--_sizes---radius--radius_1-6); justify-content: flex-start; align-items: center; width: calc(30 * var(--lprem)); font-size: calc(2.2 * var(--lprem)); } .lp-root .adspend_tag.is_fb { width: calc(30 * var(--lprem)); font-size: calc(2.2 * var(--lprem)); display: none; left: calc(3 * var(--lprem)); } .lp-root .adspend_tag.is_google_ads { z-index: 5; inset: auto auto 0% 0%; } .lp-root .adspend_tag.is_amazon { inset: calc(-4.7 * var(--lprem)) 0% auto auto; } .lp-root .adspend_tag.is_snapchat { z-index: 5; inset: auto 0% calc(10 * var(--lprem)) auto; } .lp-root .adspend_tag.is_tradedesk { width: calc(36 * var(--lprem)); display: none; right: calc(5 * var(--lprem)); } .lp-root .adspend_tag.is_tiktok { inset: calc(5.6 * var(--lprem)) auto auto 0%; } .lp-root .adspend_tag_icon { width: calc(6 * var(--lprem)); height: calc(6 * var(--lprem)); } .lp-root .adspend_image { z-index: 5; pointer-events: none; width: 100%; height: auto; top: calc(4 * var(--lprem)); transform: scale(1.1); } .lp-root .adspend_blur { width: calc(70 * var(--lprem)); height: calc(28 * var(--lprem)); display: none; } .lp-root .adspend_blur.is_bottom { display: none; } .lp-root .adspend_bg_lines { width: calc(70 * var(--lprem)); height: calc(35 * var(--lprem)); } .lp-root .adspend_comet.is_2 { top: calc(16.3 * var(--lprem)); } .lp-root .marquee_wrapper { padding-top: calc(6.4 * var(--lprem)); padding-bottom: calc(4.5 * var(--lprem)); } .lp-root .logo_list_item { padding-left: calc(3 * var(--lprem)); padding-right: calc(3 * var(--lprem)); } .lp-root .logo { max-height: calc(4 * var(--lprem)); } .lp-root .button_group.is_center { justify-content: center; align-items: center; } .lp-root .button_group.is_center.is_left_mobile { justify-content: flex-start; align-items: center; } .lp-root .comparison_card_abs2 { width: calc(70 * var(--lprem)); height: auto; } .lp-root .growth_card_grid { grid-column-gap: calc(4 * var(--lprem)); grid-row-gap: calc(4 * var(--lprem)); grid-template-columns: 1fr; } .lp-root .growth_card { padding: calc(4 * var(--lprem)); } .lp-root .growth_card_title { line-height: 1.25; } .lp-root .growth_card_bar_content { width: calc(2 * var(--lprem)); font-size: calc(1.1 * var(--lprem)); bottom: calc(3.8 * var(--lprem)); left: calc(33.7 * var(--lprem)); } .lp-root .growth_card_bar_wrapper { width: calc(2 * var(--lprem)); height: calc(10 * var(--lprem)); } .lp-root .growth_card_bar { width: calc(2 * var(--lprem)); } .lp-root .growth_card_graph2 { bottom: calc(7 * var(--lprem)); right: calc(7 * var(--lprem)); } .lp-root .growth_card_graph1 { bottom: calc(7.6 * var(--lprem)); right: calc(7 * var(--lprem)); } .lp-root .rewards_grid { grid-column-gap: calc(6.4 * var(--lprem)); grid-row-gap: calc(6.4 * var(--lprem)); grid-template-columns: 1fr; place-items: center; margin-top: calc(6.4 * var(--lprem)); } .lp-root .rewards_grid_left_image { width: calc(85 * var(--lprem)); max-width: none; height: auto; } .lp-root .rewards_grid_left { width: calc(70 * var(--lprem)); height: auto; overflow: hidden; } .lp-root .rewards_grid_left_abs { width: calc(6.5 * var(--lprem)); height: auto; top: calc(23.1 * var(--lprem)); left: calc(22 * var(--lprem)); } .lp-root .rewards_grid_right { flex-flow: column; justify-content: flex-start; align-items: center; } .lp-root .rewards_grid_right_content { padding-left: 0; } .lp-root .reward_card_wrapper { width: calc(55 * var(--lprem)); transform: skew(24deg); } .lp-root .reward_separator { width: calc(70 * var(--lprem)); } .lp-root .home_tabs { background-image: linear-gradient(0deg, #ffffff38, #ffffffb0); } .lp-root .home_tabs_wrapper { width: 100%; max-width: none; margin-top: calc(9 * var(--lprem)); } .lp-root .home_tab_link { padding-top: calc(1.6 * var(--lprem)); padding-bottom: calc(1.6 * var(--lprem)); } .lp-root .home_tabs_content { padding-top: calc(4 * var(--lprem)); padding-left: calc(3 * var(--lprem)); padding-right: calc(3 * var(--lprem)); } .lp-root .home_tab_content_header { grid-column-gap: calc(1.6 * var(--lprem)); grid-row-gap: calc(1.6 * var(--lprem)); text-align: center; flex-flow: column; grid-template-columns: 1fr; justify-content: flex-start; place-items: center; max-width: 32ch; margin-left: auto; margin-right: auto; display: flex; } .lp-root .credit_limit_card { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); grid-template-columns: 1fr 1fr; font-size: calc(2.6 * var(--lprem)); } .lp-root .credit_limit, .lp-root .monthly_investment { font-size: calc(4 * var(--lprem)); } .lp-root .credit_slider { height: calc(1.7 * var(--lprem)); margin: calc(4 * var(--lprem)) auto calc(4.8 * var(--lprem)); } .lp-root .credit_slider_fill { height: 100%; } .lp-root .credit_slider_handle { width: calc(6.4 * var(--lprem)); max-width: none; height: calc(6.4 * var(--lprem)); top: calc(-2.4 * var(--lprem)); right: calc(-3.2 * var(--lprem)); } .lp-root .menu_button_row { background-color: #fff; flex: none; width: 100%; height: calc(.2 * var(--lprem)); min-height: 2px; transition: all .35s; position: absolute; } .lp-root .menu_button { border-radius: 3px; flex: none; justify-content: center; align-items: center; width: calc(4 * var(--lprem)); height: calc(6.5 * var(--lprem)); padding: 0; display: flex; position: relative; } .lp-root .menu_button.w--open { background-color: #c8c8c800; } .lp-root .brand { z-index: 100; } .lp-root .desc_1-4.on_slide { font-size: calc(2.2 * var(--lprem)); } .lp-root .navbar_ring { z-index: 5; opacity: 100; border-radius: calc(6 * var(--lprem)); max-width: calc(73 * var(--lprem)); height: 100%; transition: height .2s, border-radius .6s, opacity .6s, max-width .5s cubic-bezier(.165, .84, .44, 1); left: 0; right: 0; } .lp-root .navbar_ring.expanded { overflow: hidden; } .lp-root .hidden { transition: opacity .2s; } .lp-root .navbar_ring-inner { background-color: #18181800; background-image: linear-gradient(90deg, #1a1a1a, #151515 46%, #181818); border-radius: calc(6 * var(--lprem)); transition: border-radius .6s; overflow: hidden; } .lp-root .footer_title { font-size: calc(6.4 * var(--lprem)); } .lp-root .nav_menu_cta { grid-column-gap: calc(4 * var(--lprem)); grid-row-gap: calc(4 * var(--lprem)); text-align: center; flex-flow: column; justify-content: flex-start; align-items: stretch; margin-top: auto; display: flex; } .lp-root .rewards_grid_right_inner { display: none; } .lp-root .reward_card_abs_wrapper { width: calc(55 * var(--lprem)); transform: skew(24deg); } .lp-root .home_hero_content { flex-flow: column; display: flex; } .lp-root .menu_open_bg { opacity: 0; object-fit: cover; width: 100%; height: 101%; transition: opacity .6s; display: inline-block; position: relative; } .lp-root .nav_link_underline_mobile { opacity: 100; background-image: linear-gradient(90deg, #fff0, #ffffff52 40%, #a594fd 50%, #ffffff52 60%, #fff0); bottom: 0; } .lp-root .button_border_wrapper { min-width: calc(28 * var(--lprem)); padding: calc(2 * var(--lprem)) calc(3.4 * var(--lprem)); } .lp-root .button_border_wrapper:where(.w-variant-bb5becf2-3231-0da2-3e1a-f5ac27a97bc4) { min-width: calc(24 * var(--lprem)); } .lp-root .navbar_ring_circle { width: calc(5 * var(--lprem)); height: calc(5 * var(--lprem)); top: calc(.9 * var(--lprem)); left: 0; } .lp-root .navbar_ring_circle.is_bottom { right: 0; } .lp-root .adspend_card_mobile { z-index: 3; filter: blur(33px); width: calc(18 * var(--lprem)); height: auto; display: block; position: absolute; transform: translate(0); } .lp-root .adspend_card_mobile.is_top { z-index: 6; opacity: .7; filter: blur(65px); width: calc(22 * var(--lprem)); } .lp-root .how_it_works_title { font-size: calc(6.7 * var(--lprem)); } .lp-root .growth_card_desc { margin-top: calc(1.6 * var(--lprem)); font-size: calc(3.7 * var(--lprem)); } .lp-root .home_hero_gradient_mobile { z-index: 2; background-image: linear-gradient(0deg, #161616 22%, #18181800 52%); width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .lp-root .adspend_card_desc { font-size: calc(3.8 * var(--lprem)); } .lp-root .nav_menu_ring { z-index: 4; opacity: 100; border: 1px solid #ffffff1a; border-radius: calc(6 * var(--lprem)); height: calc(10.5 * var(--lprem)); transition: height .2s, border-radius .6s, opacity .6s, max-width .5s cubic-bezier(.165, .84, .44, 1); display: block; inset: 0%; } .lp-root .nav_menu_ring.expanded { background-color: #080809; border-bottom-right-radius: calc(3.2 * var(--lprem)); border-bottom-left-radius: calc(3.2 * var(--lprem)); height: 97dvh; overflow: hidden; } .lp-root .navbar_rings_wrapper { max-width: calc(73 * var(--lprem)); height: calc(10.5 * var(--lprem)); margin-left: auto; margin-right: auto; position: absolute; inset: calc(2 * var(--lprem)) 0% 0%; } .lp-root .nav_menu_bg_blur { opacity: 0; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: #000000b3; height: 100vh; display: block; position: fixed; inset: 0%; } .lp-root .adspend_gradient { display: none; } .lp-root .home_hero_title_span { display: block; } .lp-root .nav_menu_inner { flex-flow: column; justify-content: flex-end; height: 100%; padding-bottom: calc(3.2 * var(--lprem)); } .lp-root .mobile_only { display: block; } .lp-root .case_header.is_featured_cards_header { text-align: left; justify-content: flex-start; align-items: flex-start; } .lp-root .case_header.is_small { grid-column-gap: calc(3.2 * var(--lprem)); grid-row-gap: calc(3.2 * var(--lprem)); } .lp-root .case_header.is_how_it_works { grid-column-gap: calc(3.2 * var(--lprem)); grid-row-gap: calc(3.2 * var(--lprem)); max-width: calc(60 * var(--lprem)); margin-left: auto; margin-right: auto; } .lp-root .case_header.is_faq { text-align: left; justify-content: flex-start; align-items: flex-start; } .lp-root .rl-padding-section-large { padding-top: calc(4 * var(--lprem)); padding-bottom: calc(4 * var(--lprem)); } .lp-root .rl_faq1_spacing-block-1 { padding-bottom: calc(1.25 * var(--lprem)); } .lp-root .rl-heading-style-h2 { font-size: calc(2.25 * var(--lprem)); } .lp-root .rl_faq1_spacing-block-3 { padding-bottom: calc(3 * var(--lprem)); } .lp-root .rl_faq1_spacing-block-5 { padding-bottom: calc(1.5 * var(--lprem)); } .lp-root .rl_faq1_question-text { font-size: calc(1 * var(--lprem)); } .lp-root .rl_faq1_question { padding-top: calc(1 * var(--lprem)); padding-bottom: calc(1 * var(--lprem)); } .lp-root .rl-text-style-medium { font-size: calc(1 * var(--lprem)); } .lp-root .rl-heading-style-h4 { font-size: calc(1.5 * var(--lprem)); line-height: 1.4; } .lp-root .rl_faq1_spacing-block-4 { padding-bottom: calc(.75 * var(--lprem)); } .lp-root .rl_faq1_icon-wrapper { width: calc(1.75 * var(--lprem)); } .lp-root .rl_faq1_spacing-block-2 { padding-bottom: calc(3 * var(--lprem)); } .lp-root .rl_faq1_answer-wrapper { margin-bottom: calc(1.25 * var(--lprem)); } .lp-root .rl_faq1_icon { width: calc(1.75 * var(--lprem)); height: calc(1.75 * var(--lprem)); } .lp-root .uui-text-rich-text figure { margin-top: calc(2.5 * var(--lprem)); margin-bottom: calc(2.5 * var(--lprem)); } .lp-root .uui-text-rich-text figcaption { margin-top: calc(.75 * var(--lprem)); } .lp-root .uui-page-padding { padding-left: calc(1 * var(--lprem)); padding-right: calc(1 * var(--lprem)); } .lp-root .uui-heading-large { font-size: calc(2.25 * var(--lprem)); } .lp-root .uui-blogpost01_title-wrapper { margin-bottom: calc(3 * var(--lprem)); } .lp-root .uui-blogpost01_content { margin-bottom: calc(2 * var(--lprem)); } .lp-root .uui-blogpost01_divider { margin-top: calc(2 * var(--lprem)); margin-bottom: calc(2 * var(--lprem)); } .lp-root .uui-blogpost01_author-image { width: calc(3 * var(--lprem)); min-width: calc(3 * var(--lprem)); height: calc(3 * var(--lprem)); min-height: calc(3 * var(--lprem)); } .lp-root .uui-blogpost01_author-image-wrapper { margin-right: calc(.75 * var(--lprem)); } .lp-root .uui-blogpost01_content-top { margin-top: calc(2 * var(--lprem)); } .lp-root .uui-badge { padding: calc(.125 * var(--lprem)) calc(.5 * var(--lprem)); } .lp-root .uui-button-secondary-gray { padding-left: calc(1.25 * var(--lprem)); font-size: calc(1 * var(--lprem)); } .lp-root .uui-button-secondary-gray:hover { background-color: var(--untitled-ui--white); color: var(--untitled-ui--gray700); } .lp-root .uui-padding-vertical-xhuge { padding-top: calc(4 * var(--lprem)); padding-bottom: calc(4 * var(--lprem)); } .lp-root .uui-blogpost01_author-heading { font-size: calc(1 * var(--lprem)); } .lp-root .slide_content { padding-top: calc(3 * var(--lprem)); } .lp-root .slide_left, .lp-root .slide_divider { display: none; } .lp-root .slide_list { margin-top: 0; } .lp-root .slide_list_item.on_mobile { text-align: center; grid-template-columns: 1fr .75fr 1fr; place-items: center; padding-top: calc(2 * var(--lprem)); padding-bottom: calc(2 * var(--lprem)); } .lp-root .slide_list_item.is_header { grid-column-gap: calc(6 * var(--lprem)); grid-row-gap: calc(25 * var(--lprem)); text-align: center; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: center; display: grid; } .lp-root .slide_list_check { width: calc(3.2 * var(--lprem)); height: calc(3.2 * var(--lprem)); } .lp-root .slide_left_card { width: calc(24 * var(--lprem)); height: calc(16 * var(--lprem)); margin-left: 0; } .lp-root .slide_right { display: none; } .lp-root .swiper-button_icon { width: calc(6 * var(--lprem)); height: calc(6 * var(--lprem)); } .lp-root .custom_slider_nav { font-size: calc(3.2 * var(--lprem)); } .lp-root .slide_content_mobile { display: block; } .lp-root .slider_card_title { font-size: calc(2.5 * var(--lprem)); } .lp-root .desc_1-2 { font-size: calc(2 * var(--lprem)); font-weight: 600; } .lp-root .button_border_arrow { min-width: calc(28 * var(--lprem)); padding: calc(2 * var(--lprem)) calc(3.4 * var(--lprem)); } .lp-root .button_border_arrow:where(.w-variant-bb5becf2-3231-0da2-3e1a-f5ac27a97bc4) { min-width: calc(24 * var(--lprem)); } .lp-root .hero-heading-center { padding: 60px 15px; } .lp-root .navbar-brand-three { padding-left: 0; } .lp-root .nav-menu-three { border-radius: 20px; flex-direction: column; padding-bottom: 30px; } .lp-root .nav-menu-block { flex-direction: column; } .lp-root .nav-link { padding-top: 10px; padding-bottom: 10px; display: inline-block; } .lp-root .nav-dropdown { flex-direction: column; align-items: center; display: flex; } .lp-root .nav-dropdown-toggle { padding-top: 10px; padding-bottom: 10px; } .lp-root .nav-dropdown-list.shadow-three { box-shadow: 0 8px 50px #0000000d; } .lp-root .nav-dropdown-list.shadow-three.w--open { position: relative; } .lp-root .nav-dropdown-list.shadow-three.mobile-shadow-hide { box-shadow: none; } .lp-root .nav-link-accent { margin-right: 5px; padding-top: 10px; padding-bottom: 10px; display: inline-block; } .lp-root .mobile-margin-top-10 { margin-top: 10px; } .lp-root .navbar-brand-three-2 { padding-left: 0; } .lp-root .nav-menu-three-2 { border-radius: 20px; flex-direction: column; padding-bottom: 30px; } .lp-root .nav-menu-block-2 { flex-direction: column; } .lp-root .nav-link-2 { padding-top: 10px; padding-bottom: 10px; display: inline-block; } .lp-root .nav-dropdown-2 { flex-direction: column; align-items: center; display: flex; } .lp-root .nav-dropdown-toggle-2 { padding-top: 10px; padding-bottom: 10px; } .lp-root .nav-dropdown-list-2.shadow-three { box-shadow: 0 8px 50px #0000000d; } .lp-root .nav-dropdown-list-2.shadow-three.w--open { position: relative; } .lp-root .nav-dropdown-list-2.shadow-three.mobile-shadow-hide { box-shadow: none; } .lp-root .nav-link-accent-2 { margin-right: 5px; padding-top: 10px; padding-bottom: 10px; display: inline-block; } .lp-root .mobile-margin-top-11 { margin-top: 10px; } .lp-root .uui-page-padding-2 { padding-left: calc(1 * var(--lprem)); padding-right: calc(1 * var(--lprem)); } .lp-root .uui-text-size-large { font-size: calc(1 * var(--lprem)); } .lp-root .uui-heading-large-2 { font-size: calc(2.25 * var(--lprem)); } .lp-root .uui-heading-xsmall { font-size: calc(1.25 * var(--lprem)); } .lp-root .uui-blog02_list { grid-row-gap: calc(3 * var(--lprem)); grid-template-columns: 1fr; } .lp-root .uui-blog02_category-menu { width: 100vw; margin-left: -5vw; padding-left: 5vw; overflow: scroll; } .lp-root .uui-blog02_category-menu.no-scrollbar { justify-content: flex-start; margin-bottom: calc(3 * var(--lprem)); } .lp-root .uui-button-link { font-size: calc(1 * var(--lprem)); } .lp-root .uui-button-link:hover { color: var(--untitled-ui--primary700); } .lp-root .uui-blog02_menu-link:hover { color: var(--untitled-ui--gray500); border-bottom-style: none; } .lp-root .uui-blog02_menu-link.last-link { margin-right: calc(2 * var(--lprem)); } .lp-root .uui-blog02_meta-wrapper { font-size: calc(.75 * var(--lprem)); } .lp-root .uui-blog02_category-link { padding: calc(.125 * var(--lprem)) calc(.5 * var(--lprem)); font-size: calc(.75 * var(--lprem)); } .lp-root .uui-blog02_image-link { margin-bottom: calc(1.5 * var(--lprem)); } .lp-root .uui-blog02_image-link:hover { box-shadow: none; } .lp-root .uui-blog02_component { margin-top: calc(4 * var(--lprem)); } .lp-root .uui-space-small { min-height: calc(1.25 * var(--lprem)); } .lp-root .uui-padding-vertical-xhuge-2, .lp-root .rl-padding-section-large-2 { padding-top: calc(4 * var(--lprem)); padding-bottom: calc(4 * var(--lprem)); } .lp-root .rl-heading-style-h2-2 { font-size: calc(2.25 * var(--lprem)); } .lp-root .rl_blog44_button-row-desktop { justify-content: flex-start; width: 100%; display: none; } .lp-root .rl_blog44_heading { margin-right: 0; } .lp-root .rl_blog44_list { grid-row-gap: calc(3 * var(--lprem)); grid-template-columns: 1fr; } .lp-root .rl_blog44_spacing-block-7 { padding-bottom: calc(2.5 * var(--lprem)); } .lp-root .rl-heading-style-h5 { font-size: calc(1.25 * var(--lprem)); } .lp-root .rl_blog44_button-row-mobile { justify-content: flex-start; width: 100%; display: flex; } .lp-root .rl-text-style-medium-2 { font-size: calc(1 * var(--lprem)); } .lp-root .rl_blog44_spacing-block-2, .lp-root .rl_blog44_spacing-block-6 { padding-bottom: calc(1.25 * var(--lprem)); } .lp-root .rl_blog44_spacing-block-1 { padding-bottom: calc(.75 * var(--lprem)); } .lp-root .rl_blog44_heading-wrapper { grid-row-gap: calc(2 * var(--lprem)); flex-direction: column; grid-template-columns: 1fr; justify-content: flex-start; align-items: flex-start; } .lp-root .rl_blog44_spacing-block-3 { padding-bottom: calc(3 * var(--lprem)); } .lp-root .rl_blog44_spacing-block-4 { padding-bottom: calc(.75 * var(--lprem)); } .lp-root .floating_card-1 { width: calc(31 * var(--lprem)); height: calc(11 * var(--lprem)); top: 62%; } .lp-root .floating_card-2 { width: calc(26 * var(--lprem)); height: calc(18.5 * var(--lprem)); bottom: -2%; right: 4%; } .lp-root .key_features-title { display: flex; } .lp-root .how_it_works-cta { grid-column-gap: calc(4 * var(--lprem)); grid-row-gap: calc(4 * var(--lprem)); } .lp-root .how_it_works-card { padding: calc(4 * var(--lprem)); } .lp-root .cta_card { grid-column-gap: calc(5 * var(--lprem)); grid-row-gap: calc(5 * var(--lprem)); padding: calc(4 * var(--lprem)); display: flex; } .lp-root .cta_card-left { justify-content: center; align-items: flex-start; } .lp-root .cta_card-right { margin-top: calc(2 * var(--lprem)); padding-left: 0; } .lp-root .content_header { justify-content: flex-start; align-items: flex-start; } .lp-root .cta_card-content { padding: calc(4 * var(--lprem)) 0; } .lp-root .cta_bg-media { height: 100%; } .lp-root .cta_bg-mobile { display: block; } .lp-root .cta_bg-img { display: none; } .lp-root .hero_media_table { width: calc(48 * var(--lprem)); height: calc(19 * var(--lprem)); bottom: calc(7.5 * var(--lprem)); left: calc(10 * var(--lprem)); } .lp-root .hero_table_row.is_first { width: calc(44 * var(--lprem)); } .lp-root .blog_list-wrapper { grid-column-gap: calc(6 * var(--lprem)); grid-row-gap: calc(6 * var(--lprem)); grid-template-columns: 1fr; } .lp-root .blog_featured-card { grid-template-columns: 1fr; } .lp-root .featured_card-left { grid-column-gap: calc(4 * var(--lprem)); grid-row-gap: calc(4 * var(--lprem)); max-width: none; } .lp-root .cta_card_bg { display: none; } .lp-root .blog_card_title { font-size: calc(4.2 * var(--lprem)); } .lp-root .blog_card_media { height: calc(40 * var(--lprem)); } .lp-root .rtf_blog h2 { font-size: calc(5 * var(--lprem)); } .lp-root .rtf_blog li { font-size: calc(3 * var(--lprem)); } .lp-root .rtf_blog h3 { font-size: calc(4 * var(--lprem)); } .lp-root .rtf_blog h4 { font-size: calc(3 * var(--lprem)); } .lp-root .rtf_blog h5 { font-size: calc(2.4 * var(--lprem)); } .lp-root .rtf_blog blockquote, .lp-root .blog_info { font-size: calc(3 * var(--lprem)); } .lp-root .blog_category-wrapper { justify-content: flex-start; align-items: center; } .lp-root .radio-btn { white-space: nowrap; } .lp-root .uui-padding-vertical-xhuge-3 { padding-top: calc(4 * var(--lprem)); padding-bottom: calc(4 * var(--lprem)); } .lp-root .uui-page-padding-3 { padding-left: calc(1 * var(--lprem)); padding-right: calc(1 * var(--lprem)); } .lp-root .uui-space-xsmall { min-height: calc(.75 * var(--lprem)); } .lp-root .uui-contact02_component { margin-top: calc(3 * var(--lprem)); } .lp-root .uui-text-size-large-2 { font-size: calc(1 * var(--lprem)); } .lp-root .uui-heading-medium { font-size: calc(1.75 * var(--lprem)); line-height: 1.4; } .lp-root .uui-button { font-size: calc(1 * var(--lprem)); } .lp-root .uui-button:hover { border-color: var(--untitled-ui--primary600); background-color: var(--untitled-ui--primary600); } .lp-root .card_left { width: calc(25 * var(--lprem)); height: calc(16 * var(--lprem)); } .lp-root .card_right { width: calc(25 * var(--lprem)); height: calc(16 * var(--lprem)); right: calc(2 * var(--lprem)); } .lp-root .card_right.on_brex-hero_media { width: calc(25.7 * var(--lprem)); height: calc(17 * var(--lprem)); bottom: calc(3.2 * var(--lprem)); right: calc(1.5 * var(--lprem)); } .lp-root .vs_icon { width: calc(10.5 * var(--lprem)); height: calc(10.5 * var(--lprem)); left: calc(3.5 * var(--lprem)); } .lp-root .content_separator { width: calc(70 * var(--lprem)); } .lp-root .table_header.on_comparison { padding: calc(2.5 * var(--lprem)); } .lp-root .why_opal_gird { flex-flow: column; display: flex; } .lp-root .grid_card { justify-content: flex-start; align-items: flex-start; } .lp-root .bullet_point { margin-top: calc(2 * var(--lprem)); } .lp-root .cta_card_wrapper { flex-flow: column; display: flex; } .lp-root .table.on_comparison { overflow: auto; } .lp-root .img_media { width: calc(11.1 * var(--lprem)); } .lp-root .img_media.on_brex { height: calc(5 * var(--lprem)); } .lp-root .brex_card-img { object-fit: contain; width: 100%; height: 43.1125px; } .lp-root .social_links-wrapper { justify-content: center; align-items: center; } .lp-root .social_links { width: calc(3 * var(--lprem)); height: calc(3 * var(--lprem)); } } @media screen and (max-width: 479px) { .lp-root .nav_link { font-size: calc(5 * var(--lprem)); } .lp-root .nav_link.is_nav_mobile { font-size: var(--_sizes---description--desc_1-6); } .lp-root .button_primary.is_nav_mobile { padding-top: calc(2.4 * var(--lprem)); padding-bottom: calc(2.4 * var(--lprem)); font-size: calc(3.2 * var(--lprem)); } .lp-root .section.is_logos.ad_landing { margin-top: 51px; margin-bottom: 0; } .lp-root .section.is_hero.ads_landing_hero.mobile_margins { margin-left: auto; margin-right: auto; padding-top: calc(18 * var(--lprem)); } .lp-root .home_hero_header.ad_landing { justify-content: space-between; align-items: center; } .lp-root .label { clear: none; opacity: 1; text-align: left; text-overflow: clip; overflow-wrap: normal; --_sizes---title--title_6-4: calc(8 * var(--lprem)); --_sizes---title--title_2-4: calc(4 * var(--lprem)); --_sizes---title--title_2-2: calc(3.2 * var(--lprem)); --_sizes---description--desc_1-8: calc(3.6 * var(--lprem)); --_sizes---description--desc_1-6: calc(3.2 * var(--lprem)); --_sizes---description--desc_1-4: calc(2.8 * var(--lprem)); --_sizes---radius--radius_0-2: 2px; --_sizes---section-padding--default_padding: calc(11.2 * var(--lprem)); --_sizes---radius--radius_2-0: calc(3 * var(--lprem)); --_sizes---title--title_3-2: calc(5.75 * var(--lprem)); --_sizes---description--desc_2-0: calc(4 * var(--lprem)); --_sizes---title--title_2-8: calc(3.8 * var(--lprem)); --_sizes---radius--radius_1-6: calc(2.6 * var(--lprem)); --_sizes---radius_circle: 100vw; --_sizes---radius--radius_1-2: calc(2.2 * var(--lprem)); --_sizes---description--desc_2-4: calc(4.4 * var(--lprem)); --_sizes---radius--radius_0-4: 4px; --_sizes---description--desc_2-1: calc(4.1 * var(--lprem)); border: 0 #000; flex: 0 auto; align-self: auto; min-width: auto; max-width: none; line-height: calc(4 * var(--lprem)); display: block; } .lp-root .label.hero-label { text-align: center; line-height: calc(5 * var(--lprem)); } .lp-root .label.hero-label.mobile { font-size: var(--_sizes---description--desc_1-4); text-align: left; } .lp-root .label.hero-label.is_meta_recovery.is_meta_recovery_mobile { margin-bottom: 20px; } .lp-root .home_hero_title.ad_landing { text-align: center; margin-left: auto; } .lp-root .home_hero_title.ad_landing.v_2 { text-align: center; justify-content: flex-start; align-items: center; margin-left: 0; margin-right: 0; } .lp-root .home_hero_cta_wrapper.on_adpay.ad_landing.mobile_margin_button { justify-content: center; align-items: center; margin-top: calc(2 * var(--lprem)); } .lp-root .home_hero_cta_wrapper.on_adpay.ad_landing.mobile_margin_button.v_2 { justify-content: flex-start; align-items: center; } .lp-root .home_hero_desc { text-align: center; } .lp-root .home_hero_desc.mobile-results, .lp-root .home_hero_desc.mobile-hero-body { text-align: left; } .lp-root .home_hero_desc.ad_landing.mobile_margin_text { margin-top: 0; display: none; } .lp-root .copyright_grid.on_adpay { flex-flow: column; } .lp-root .title_6-4 { text-align: left; } .lp-root .title_6-4.glossary_heading_hero.glossary_template_heading_hero.is_mobi { font-size: calc(7 * var(--lprem)); font-weight: 600; } .lp-root .footer_grid_right { grid-column-gap: calc(4 * var(--lprem)); grid-row-gap: calc(4 * var(--lprem)); } .lp-root .footer_grid.on_adpay { grid-column-gap: calc(8 * var(--lprem)); grid-row-gap: calc(8 * var(--lprem)); } .lp-root .copyright_grid_wrapper { margin-top: calc(10 * var(--lprem)); } .lp-root .footer_abs1 { bottom: calc(69.3 * var(--lprem)); } .lp-root .feature_card { margin-left: 0; margin-right: 0; } .lp-root .feature_card_desc.perks_gravity.mobile-perk-description { margin-top: 12px; } .lp-root .text_white { text-align: left; } .lp-root .text_white.body_comparison, .lp-root .text_white.testimonial { text-align: center; } .lp-root .comparison_table { margin-top: 12px; } .lp-root .comparison_table_row { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); height: 64px; } .lp-root .comparison_table_row.is_heading { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); height: 48px; padding-top: calc(4 * var(--lprem)); } .lp-root .comparison_table_cell { width: calc(17 * var(--lprem)); } .lp-root .comparison_table_cell.is_center { width: calc(24 * var(--lprem)); } .lp-root .comparison_table_cell.opal-green { text-align: left; } .lp-root .comparison_table_title.small { font-size: var(--_sizes---description--desc_1-4); } .lp-root .comparison_table_icon { width: calc(5 * var(--lprem)); height: calc(5 * var(--lprem)); } .lp-root .comparison_card_image_wrapper.new-comparison { grid-column-gap: calc(15 * var(--lprem)); grid-row-gap: calc(15 * var(--lprem)); height: 72px; margin-top: -30px; } .lp-root .comparison_card_image { width: calc(27 * var(--lprem)); } .lp-root .adspend_card_title { font-size: var(--_sizes---title--title_2-8); } .lp-root .adspend_media { margin-top: calc(8 * var(--lprem)); margin-bottom: calc(8 * var(--lprem)); } .lp-root .marquee_wrapper.ad_landing { margin-bottom: 0; padding-top: calc(1 * var(--lprem)); } .lp-root .button_group.is_center.is_left_mobile { justify-content: flex-start; align-items: center; } .lp-root .growth_card_content.feature_ad_text { padding-top: 12px; } .lp-root .legal_hero_content.glossary_hero_content.glossary_hero_content_template.is_mobile { margin-top: 40px; } .lp-root .footer_desc { max-width: 80%; } .lp-root .growth_card_desc { margin-top: 0; } .lp-root .rl_faq1_accordion { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: calc(2 * var(--lprem)); } .lp-root .rl_faq1_question { grid-column-gap: calc(1.6 * var(--lprem)); grid-row-gap: calc(1.6 * var(--lprem)); flex-flow: row; justify-content: space-between; align-items: center; position: relative; } .lp-root .rl_faq1_question.has-top-line { justify-content: space-between; align-items: center; padding-top: calc(3 * var(--lprem)); display: flex; position: relative; } .lp-root .rl_faq1_icon-wrapper { width: calc(6 * var(--lprem)); height: 6px; line-height: 1.8; display: block; position: static; } .lp-root .rl_faq1_icon { width: calc(5 * var(--lprem)); height: calc(5 * var(--lprem)); } .lp-root .heading-2 { text-align: left; } .lp-root .div-block { grid-column-gap: 80px; grid-row-gap: 80px; flex-flow: row; justify-content: space-between; align-items: center; display: flex; } .lp-root .div-block-2 { flex-flow: row; justify-content: space-between; align-items: flex-end; display: flex; } .lp-root .bold-text { font-size: var(--_sizes---title--title_2-8); line-height: 1.5; } .lp-root .uui-section_blogpost01 { padding-top: 80px; } .lp-root .uui-blogpost01_author-wrapper { margin-bottom: calc(1 * var(--lprem)); } .lp-root .uui-blogpost01_content-bottom { flex-direction: column; align-items: flex-start; } .lp-root .uui-blogpost01_share-wrapper { width: 100%; margin-bottom: calc(1.5 * var(--lprem)); } .lp-root .uui-blogpost01_tag-list-wrapper { width: 100%; } .lp-root .uui-blogpost01_tag-list { justify-content: flex-start; } .lp-root .uui-blogpost01_content-top { flex-direction: column; align-items: flex-start; } .lp-root .uui-blogpost01_breadcrumb { text-align: left; justify-content: flex-start; align-items: center; } .lp-root .h5-case-custom { font-size: var(--_sizes---title--title_2-8); } .lp-root .grid { grid-row-gap: 20px; grid-template-rows: auto auto auto; grid-template-columns: 1fr; } .lp-root .grid.results-impact { grid-template-rows: auto auto auto auto; grid-template-columns: 1fr; } .lp-root .grid-2 { grid-column-gap: 40px; grid-row-gap: 40px; grid-template-columns: 1fr; } .lp-root .div-block-8 { grid-column-gap: 0px; grid-row-gap: 0px; justify-content: space-between; align-items: flex-start; padding-left: 0; display: flex; } .lp-root .div-block-11 { display: block; } .lp-root .paragraph-2 { padding-bottom: 20px; } .lp-root .paragraph-2.mobile-white-text { padding-top: 20px; padding-bottom: 0; } .lp-root .paragraph-2.mobile-white-text.is_meta_recovery.is_meta_recovery_mobile { padding-top: 0; } .lp-root .descktop-white-text-wrapper.mobile-text-wrapper { margin-bottom: 0; } .lp-root .div-block-12.image-challenge-mobile { padding-top: 40px; } .lp-root .tab_link.w--current { height: 56px; padding: 12px; } .lp-root .text-block-2 { font-size: 12px; line-height: 16px; } .lp-root .text-block-2.no-active { width: 100%; font-size: 12px; } .lp-root .text-block-2.mobile_text { width: 92px; } .lp-root .text-block-2.mobile_text_inactive { width: 92px; color: var(--_colors---silver); } .lp-root .text-block-3, .lp-root .text-block-3.no-active { font-size: calc(2.6 * var(--lprem)); } .lp-root .div-block-14 { height: 88px; } .lp-root .text-block-4 { width: 120px; font-size: var(--_sizes---description--desc_1-4); } .lp-root .div-block-15 { padding-top: 24px; position: relative; } .lp-root .tabs-menu { box-sizing: border-box; grid-column-gap: 24px; grid-row-gap: 24px; object-fit: fill; justify-content: flex-start; width: 110%; margin-bottom: 0; padding-bottom: 12px; position: relative; overflow: scroll; } .lp-root .div-block-17 { z-index: 20; -webkit-text-fill-color: inherit; background-image: linear-gradient(270deg, #080809, #000 0% 0%, #0000); background-clip: border-box; border: 0 #0000; width: 48px; height: 64px; position: absolute; top: 24px; left: auto; right: -20px; } .lp-root .slide_list_item.on_mobile { place-items: center; } .lp-root .container-2 { max-width: none; } .lp-root .centered-heading { margin-bottom: 24px; } .lp-root .button-primary { width: 100%; } .lp-root .button-primary.modal.mobile-spacing { margin-top: calc(2 * var(--lprem)); } .lp-root .nav-menu-three { flex-direction: column; } .lp-root .container-3 { max-width: none; } .lp-root .nav-menu-three-2 { flex-direction: column; } .lp-root .rl_blog44_item-content { padding-left: calc(1.25 * var(--lprem)); padding-right: calc(1.25 * var(--lprem)); } .lp-root .floating_card-2 { bottom: 31%; right: -1%; } .lp-root .key_features-header.landing_features { justify-content: center; align-items: flex-start; } .lp-root .key_features-heading.ad_landing_features { text-align: left; justify-content: center; align-items: flex-start; padding-left: 0; } .lp-root .key_features-title { margin-top: calc(2 * var(--lprem)); } .lp-root .key_features-desc.ad_landing_features { text-align: left; width: auto; padding-left: 0; } .lp-root .cta_wrapper { flex-flow: column; } .lp-root .cta_card-left { grid-column-gap: calc(5 * var(--lprem)); grid-row-gap: calc(5 * var(--lprem)); } .lp-root .modal_form-inputs { flex-flow: column; width: 100%; display: flex; } .lp-root .modal_form-disclaimer { font-size: calc(2 * var(--lprem)); } .lp-root .hero_media_table { bottom: calc(9.9 * var(--lprem)); } .lp-root .radio-btn, .lp-root .radio-btn.for-all-articles { font-size: calc(3 * var(--lprem)); } .lp-root .radio-btn.on_category { font-size: calc(2.5 * var(--lprem)); } .lp-root .blog_category { margin-top: calc(2 * var(--lprem)); } .lp-root .div-block-18.landing.landing_hero { grid-template-rows: auto; grid-template-columns: 1fr; } .lp-root .div-block-19.mobile_image_margin { margin-top: calc(4 * var(--lprem)); } .lp-root .text-block-10 { padding-left: 20px; padding-right: 20px; } .lp-root .section-4 { margin: 0; } .lp-root .feature_ad_landing { width: 100%; } .lp-root .ad_landing_features { padding-left: 20px; padding-right: 20px; } .lp-root .div-block-21 { grid-column-gap: calc(2 * var(--lprem)); grid-row-gap: calc(2 * var(--lprem)); --_sizes---title--title_6-4: calc(8 * var(--lprem)); --_sizes---title--title_2-4: calc(4 * var(--lprem)); --_sizes---title--title_2-2: calc(3.2 * var(--lprem)); --_sizes---description--desc_1-8: calc(3.6 * var(--lprem)); --_sizes---description--desc_1-6: calc(3.2 * var(--lprem)); --_sizes---description--desc_1-4: calc(2.8 * var(--lprem)); --_sizes---radius--radius_0-2: 2px; --_sizes---section-padding--default_padding: calc(11.2 * var(--lprem)); --_sizes---radius--radius_2-0: calc(3 * var(--lprem)); --_sizes---title--title_3-2: calc(5.75 * var(--lprem)); --_sizes---description--desc_2-0: calc(4 * var(--lprem)); --_sizes---title--title_2-8: calc(3.8 * var(--lprem)); --_sizes---radius--radius_1-6: calc(2.6 * var(--lprem)); --_sizes---radius_circle: 100vw; --_sizes---radius--radius_1-2: calc(2.2 * var(--lprem)); --_sizes---description--desc_2-4: calc(4.4 * var(--lprem)); --_sizes---radius--radius_0-4: 4px; --_sizes---description--desc_2-1: calc(4.1 * var(--lprem)); flex-flow: column; grid-template-columns: 1fr; margin-top: calc(10 * var(--lprem)); display: flex; } .lp-root .div-block-22 { --_sizes---title--title_6-4: calc(8 * var(--lprem)); --_sizes---title--title_2-4: calc(4 * var(--lprem)); --_sizes---title--title_2-2: calc(3.2 * var(--lprem)); --_sizes---description--desc_1-8: calc(3.6 * var(--lprem)); --_sizes---description--desc_1-6: calc(3.2 * var(--lprem)); --_sizes---description--desc_1-4: calc(2.8 * var(--lprem)); --_sizes---radius--radius_0-2: 2px; --_sizes---section-padding--default_padding: calc(11.2 * var(--lprem)); --_sizes---radius--radius_2-0: calc(3 * var(--lprem)); --_sizes---title--title_3-2: calc(5.75 * var(--lprem)); --_sizes---description--desc_2-0: calc(4 * var(--lprem)); --_sizes---title--title_2-8: calc(3.8 * var(--lprem)); --_sizes---radius--radius_1-6: calc(2.6 * var(--lprem)); --_sizes---radius_circle: 100vw; --_sizes---radius--radius_1-2: calc(2.2 * var(--lprem)); --_sizes---description--desc_2-4: calc(4.4 * var(--lprem)); --_sizes---radius--radius_0-4: 4px; --_sizes---description--desc_2-1: calc(4.1 * var(--lprem)); justify-content: flex-start; } .lp-root .div-block-23 { order: -9999; } .lp-root .hero_benefits { flex-flow: column; justify-content: flex-start; align-items: center; } .lp-root .hero_benefits.new { margin-top: calc(8 * var(--lprem)); } .lp-root .text-field { background-color: #191919; border-width: 1px; border-radius: 2px; width: 100%; padding-top: 16px; padding-bottom: 16px; padding-left: 16px; display: block; } .lp-root .form { grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; justify-content: center; align-items: stretch; } .lp-root .form-block { background-color: #19191900; border-width: 0; height: auto; padding: 0; } .lp-root .lead_modal_wrapper { justify-content: center; align-items: flex-start; } .lp-root .div-block-26 { padding: 0; } .lp-root .uui-padding-vertical-xhuge-3 { padding: calc(1 * var(--lprem)); } .lp-root .uui-padding-vertical-xhuge-3.thank_you_popup { padding-top: calc(30 * var(--lprem)); } .lp-root .uui-page-padding-3 { padding-left: 0; padding-right: 0; } .lp-root .uui-max-width-large-3.align-center-3 { max-width: none; } .lp-root .uui-text-size-large-2 { font-size: var(--_sizes---description--desc_1-6); } .lp-root .form-radio-2col { grid-template-columns: 1fr; } .lp-root .form-field-2col { grid-template-rows: auto; grid-template-columns: 1fr; } .lp-root .form-field-2col.mobile-spacing { grid-row-gap: calc(3 * var(--lprem)); } .lp-root .uui-form-checkbox.mobile-spacing { margin-top: calc(2 * var(--lprem)); } .lp-root .uui-heading-medium { font-size: var(--_sizes---description--desc_2-4); } .lp-root .uui-form_input.mobile-spacing { margin-top: calc(2 * var(--lprem)); } .lp-root .uui-form_input.mobile_size_text { margin-top: 8px; } .lp-root .uui-form-field-wrapper.mobile-spacing { margin-top: calc(2 * var(--lprem)); } .lp-root .table_card { font-size: calc(2 * var(--lprem)); } .lp-root .why_opal_gird { flex-flow: column; } .lp-root .footer_links_wrapper { flex-flow: column; display: flex; } .lp-root .text-block-14, .lp-root .text-block-15.mobile_links, .lp-root .text-block-16.mobile_links { margin-top: 12px; } .lp-root .perk-card { flex-flow: column; } .lp-root .social_links { width: calc(4 * var(--lprem)); height: calc(4 * var(--lprem)); } .lp-root .testimonial_content { max-width: 90%; margin-left: auto; margin-right: auto; } .lp-root .testimonial_author.testimonial_mobile { flex-flow: column; } .lp-root .testimonial_author_info.testimonial_mobile { justify-content: flex-start; align-items: center; } .lp-root .div-block-30 { display: none; } .lp-root .glossary_cards { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-columns: 1fr; } .lp-root .glossary_cards.glossary_cards_related { flex-flow: column; display: flex; } .lp-root .glossary_card { padding: 20px; } .lp-root .div-block-31 { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column; display: flex; } .lp-root .div-block-32.mobile_breadcrumb { margin-top: 40px; } .lp-root .glossary_article_layout { display: block; } .lp-root .sidebar_inner { margin-top: 64px; } .lp-root .sidebar_cta { max-width: none; overflow: hidden; } .lp-root .heading-10.is_mobile { font-size: var(--_sizes---description--desc_1-8); } } .lp-root #w-node-bc06d440-2b66-853b-0c9e-4f0eb8228ac1-71943a1d, .lp-root #w-node-_42a80243-4fa7-6b2f-6de0-4b294f4246f3-71943a1d, .lp-root #w-node-_87458e3b-5770-955c-5ac0-12ba16972f2e-71943a1d, .lp-root #w-node-_61dfe7a6-6a4f-564c-b895-8d7514eed4c1-71943a1d { justify-self: end; } .lp-root #w-node-c0d325d9-db74-73d5-577a-ecd479cc364e-71943a1d, .lp-root #w-node-_244f33aa-90cc-4fdd-584f-873c27d9d8a8-71943a1d, .lp-root #w-node-_90542d64-5c38-cab3-8c8a-792f0f7b1f4c-71943a1d, .lp-root #w-node-_2cddfe9f-bc00-57fd-1b05-9a0c6cc4dcfe-71943a1d, .lp-root #w-node-_55ff6721-2dee-9c72-e9e8-1ba2bfdd71f3-71943a1d, .lp-root #w-node-_55ff6721-2dee-9c72-e9e8-1ba2bfdd722a-71943a1d, .lp-root #w-node-d5b943a1-f077-9832-08fa-e494cfb849bf-71943a1d, .lp-root #w-node-_01f4f2fa-4fe6-c212-c035-0af0b8716707-71943a1d, .lp-root #w-node-_01f4f2fa-4fe6-c212-c035-0af0b871673e-71943a1d, .lp-root #w-node-_3c5f4f22-c322-8c0c-bd83-531bb060c0ee-71943a1d, .lp-root #w-node-_492775b7-fc91-bc3f-14b6-fab1d169abe9-71943a1d, .lp-root #w-node-_492775b7-fc91-bc3f-14b6-fab1d169ac20-71943a1d, .lp-root #w-node-ca86ee80-ab70-7b49-1696-4cf36b4801fe-71943a1d, .lp-root #w-node-_51e7d613-5add-8f81-5beb-975afc666254-71943a1d, .lp-root #w-node-_420fec8a-ed01-f69b-82ed-aa855787fe32-71943a1d, .lp-root #w-node-_102e6535-5e48-4d73-e14b-f7803efbe7a6-71943a1d, .lp-root #w-node-_102e6535-5e48-4d73-e14b-f7803efbe7dd-71943a1d, .lp-root #w-node-_9cb174ca-6618-2fb4-c6ea-8dd8e175f7d9-71943a1d, .lp-root #w-node-_71566283-291f-4252-8243-0a247bb9b1be-71943a1d, .lp-root #w-node-_71566283-291f-4252-8243-0a247bb9b1f5-71943a1d, .lp-root #w-node-f38d1451-2beb-9d18-a530-c9c7039c39ed-71943a1d, .lp-root #w-node-f1900888-e135-1951-da0d-b068a57dcaaa-278cbd3f { grid-area: span 1 / span 1 / span 1 / span 1; } .lp-root #w-node-f1900888-e135-1951-da0d-b068a57dcab4-278cbd3f { grid-area: span 1 / span 2 / span 1 / span 2; } .lp-root #w-node-f1900888-e135-1951-da0d-b068a57dcab3-278cbd3f { grid-area: span 1 / span 1 / span 1 / span 1; } .lp-root #w-node-b7776832-7476-6880-afee-020c9a39ebf7-278cbd3f { grid-area: span 1 / span 2 / span 1 / span 2; } .lp-root #w-node-f1900888-e135-1951-da0d-b068a57dcae7-278cbd3f, .lp-root #w-node-_4a35961b-2b48-6b9b-499b-e2e520ae6f76-278cbd3f, .lp-root #w-node-_7a09348a-7b47-71bb-33cc-cab77364e7be-dafa81eb, .lp-root #w-node-_7a09348a-7b47-71bb-33cc-cab77364e7c6-dafa81eb, .lp-root #w-node-d30f0d16-82d7-ed02-1a94-1e3a689e85aa-dafa81eb, .lp-root #w-node-_7a09348a-7b47-71bb-33cc-cab77364e7c7-dafa81eb, .lp-root #w-node-_7a09348a-7b47-71bb-33cc-cab77364e7d4-dafa81eb, .lp-root #w-node-be819580-74c5-6c4d-aabf-2449bdefaf5e-dafa81eb { grid-area: span 1 / span 1 / span 1 / span 1; } .lp-root #w-node-be819580-74c5-6c4d-aabf-2449bdefaf5f-dafa81eb { grid-area: span 1 / span 2 / span 1 / span 2; } .lp-root #w-node-be819580-74c5-6c4d-aabf-2449bdefaf66-dafa81eb, .lp-root #w-node-be819580-74c5-6c4d-aabf-2449bdefaf67-dafa81eb, .lp-root #w-node-be819580-74c5-6c4d-aabf-2449bdefaf69-dafa81eb, .lp-root #w-node-be819580-74c5-6c4d-aabf-2449bdefaf76-dafa81eb, .lp-root #w-node-be819580-74c5-6c4d-aabf-2449bdefaf7d-dafa81eb { grid-area: span 1 / span 1 / span 1 / span 1; } .lp-root #w-node-_19faa6e5-a935-8567-091f-cba7bf0d8c63-96e962fb { grid-area: span 1 / span 2 / span 1 / span 2; } .lp-root #w-node-bc06d440-2b66-853b-0c9e-4f0eb8228ac1-d94e4be6, .lp-root #w-node-_42a80243-4fa7-6b2f-6de0-4b294f4246f3-d94e4be6, .lp-root #w-node-_87458e3b-5770-955c-5ac0-12ba16972f2e-d94e4be6, .lp-root #w-node-_61dfe7a6-6a4f-564c-b895-8d7514eed4c1-d94e4be6 { justify-self: end; } .lp-root #w-node-_19faa6e5-a935-8567-091f-cba7bf0d8c63-91e7fdfe, .lp-root #w-node-_19faa6e5-a935-8567-091f-cba7bf0d8c63-b036c3a7 { grid-area: span 1 / span 2 / span 1 / span 2; } .lp-root #w-node-_12cbb6d4-758a-9c31-cf7f-a4e356047de8-d90c7aca { align-self: stretch; } @media screen and (max-width: 767px) { .lp-root #w-node-_1cf0b501-6c7e-bf4c-432a-d7b665a76b90-71943a1d, .lp-root #w-node-d5b943a1-f077-9832-08fa-e494cfb84991-71943a1d, .lp-root #w-node-_3c5f4f22-c322-8c0c-bd83-531bb060c0c0-71943a1d, .lp-root #w-node-ca86ee80-ab70-7b49-1696-4cf36b4801d0-71943a1d, .lp-root #w-node-_420fec8a-ed01-f69b-82ed-aa855787fe04-71943a1d, .lp-root #w-node-_9cb174ca-6618-2fb4-c6ea-8dd8e175f7ab-71943a1d, .lp-root #w-node-f38d1451-2beb-9d18-a530-c9c7039c39bf-71943a1d { grid-area: span 1 / span 1 / span 1 / span 1; } .lp-root #w-node-_2a0214a6-31d4-1139-e5a2-faef44541087-7a3f5f8e, .lp-root #w-node-a6674c7f-1b53-2ae0-db74-77acea20b023-85ab1d6a, .lp-root #w-node-a6674c7f-1b53-2ae0-db74-77acea20b023-278cbd3f, .lp-root #w-node-a6674c7f-1b53-2ae0-db74-77acea20b023-dafa81eb, .lp-root #w-node-_814f2b36-ee9a-719d-1fb1-4c3ae482f5dd-d94e4be6 { order: 9999; } } .lp-root.w-mod-js:not(.w-mod-ix3) :is([data_slide_in="0.1"], .marquee, [data_slide_in_hero="0.1"], [data_slide_in_hero="0.2"], [data_slide_in_hero="0.3"], [data_slide_in_hero="0.4"], .home_hero_rock, .home_hero_abs2, .home_hero_abs5, .home_hero_abs3, .home_hero_abs4, .home_hero_abs6, [data_slide_in="0.3"], [data_slide_in="0.2"], .adspend_media, .comparison_card_abs.is_r1, .comparison_card_abs.is_r2_1, .comparison_card_abs.is_r3) {visibility: hidden !important;} /* RESET STARTS*/ .lp-root,.lp-root { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lp-root{ } /*responsive fonts*/ .lp-root, .lp-root{ font-size: max(6.8px, calc(100vw/1500 * 10)); } /*Above desktop*/ @media screen and (min-width: 1500px){ .lp-root, .lp-root{ font-size: 10px; } } /*On Tablet*/ @media screen and (max-width: 991px) and (min-width: 767px) { .lp-root, .lp-root{ font-size: calc(100vw/1440 * 10); } } /*On Mobile*/ @media screen and (max-width: 767px){ .lp-root, .lp-root{ font-size: calc(100vw/768 * 10); } } /*images no select*/ .lp-root img{ width: 100%; height: 100%; user-select: none; object-fit: cover; } .lp-root img[data-icon]{ object-fit: contain; } /*reset links*/ .lp-root a{ color:inherit; text-decoration: none; } .lp-root [no-margin]{ margin: 0px !important; } /* RESET ENDS*/ .lp-root [heading-linear-gradient] { background-image: linear-gradient(90deg, rgb(255, 255, 255) 60%, rgba(255, 255, 255, 0.7) 100%); background-clip: text; -webkit-text-fill-color: transparent; } /*Button Hover State*/ .lp-root .button_border_wrapper:hover .circle.is_white, .lp-root .button_border_wrapper:hover .button_border_stars{ opacity:1; } .lp-root .button_border_wrapper:hover .button_border_hover_fill { transform:translateY(0%); } .lp-root .left_arrow:hover .circle.is_white_arrow{ opacity:1; } .lp-root .right_arrow:hover .circle.is_white_arrow{ opacity:1; } .lp-root .circle.is_white{ animation: moveCircle 4.8s linear infinite; } .lp-root .circle.is_white_arrow{ animation: moveCircle_arrow 4.8s linear infinite; } @keyframes moveCircle { 0% { top: -1px; left: -1px; } 25% { top: -1px; left: calc(100% - 1px); } 50% { top: calc(100% - 1px); left: calc(100% - 1px); } 75% { top: calc(100% - 1px); left: -1px; } 100% { top: -1px; left: -1px; } } @keyframes moveCircle_arrow { 0% { top: -10px; left: -10px; } 25% { top: -10px; left: calc(100% - 10px); } 50% { top: calc(100% - 10px); left: calc(100% - 10px); } 75% { top: calc(100% - 10px); left: -10px; } 100% { top: -10px; left: -10px; } } .lp-root .button_border_arrow { --r: calc(1.2 * var(--lprem)); /* border radius */ --b: 1.5px; /* border thickness */ mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); padding: var(--b); border-radius: var(--r); -webkit-mask-composite: xor; mask-composite: exclude; } .lp-root .button_border{ mask:linear-gradient(#000 0 0), linear-gradient(#000 0 0) 50% 50% / calc(100% - 2px) calc(100% - 2px) no-repeat; mask-composite:exclude; } .lp-root .accordion.is_active .accordion_body{ max-height:calc(30 * var(--lprem)); } .lp-root .accordion.is_active .accordion_icon{ transform:rotate(180deg); color:var(--_colors---grey-50); } .lp-root .accordion:last-child{ border-bottom:none; } /* .adspend_comet { animation: comet-move 20s linear infinite; } .adspend_comet.is_2 { animation: comet-move-reverse 20s linear infinite; } */ @keyframes comet-move { 0% { transform: translateX(0vw); } 50% { transform: translateX(70vw); } 100% { transform: translateX(0vw); } } /* Keyframes for reverse movement */ @keyframes comet-move-reverse { 0% { transform: translateX(0vw); } 50% { transform: translateX(-70vw); } 100% { transform: translateX(0vw); } } .lp-root .growth_card_wrapper:nth-child(2) .circle{ animation-delay: 4s; } .lp-root .reward_card_point:last-child{ border-bottom:none; } .lp-root .growth_card_bar_content.active .growth_card_bar{ max-height:100%; } .lp-root .growth_card_bar_content.active .growth_card_bar_text{ opacity:1; } .lp-root .growth_card_bar_text{ transition:opacity 0.6s ease 1s; } .lp-root .graph{ stroke-dasharray: 400; /* temporary value, will be set in JS */ stroke-dashoffset: 400; transition: stroke-dashoffset 2s ease; } .lp-root .graph.active { stroke-dashoffset: 0; } @media (min-width: 1600px) { .lp-root .slide_content { padding-top: calc(4 * var(--lprem)); } } @media (min-width: 1600px) { .lp-root .slide_list_item { padding-top: calc(2 * var(--lprem)); padding-bottom: calc(2 * var(--lprem)); } } @media (max-width: 1600px) { .lp-root .card_slider { transform: scale(0.85); } } .lp-root .social_links { color: #8a8f98; transition: color 0.3s ease; } .lp-root .social_links:hover { color: #ffffff; } /*MENU STARTS*/ .lp-root .menu_button_row:nth-child(1) { top: 50%; transform: translateY(-225%) scaleX(1); } .lp-root .menu_button_row:nth-child(2) { top: 50%; transform: translateY(225%) scaleX(1); } .lp-root .menu_button.w--open .menu_button_row:nth-child(1) { background-color: white; transform: translateY(0) rotateZ(-45deg) scaleX(1); } .lp-root .menu_button.w--open .menu_button_row:nth-child(2) { background-color: white; transform: translateY(0) rotateZ(45deg) scaleX(1); } /*MENU ENDS*/ .lp-root .navbar_ring.expanded .navbar_ring-inner { border-radius: calc(2.5 * var(--lprem)); } @media only screen and (min-width: 767px) { .lp-root .navbar_wrapper .navbar_ring { opacity: 0; } .lp-root .navbar_wrapper.is_scrolled .navbar_ring { opacity: 1; max-width: calc(120 * var(--lprem)); } .lp-root .navbar_wrapper.is_scrolled { position: fixed; top: 0; left: 0; width: 100%; } } .lp-root .nav_menu_ring.expanded .menu_open_bg { opacity: 1; transition-delay: 0.2s; } .lp-root .navbar_wrapper:has(.menu_button.w--open) .nav_menu_bg_blur { opacity: 1; } .lp-root .card_slider .swiper { width: 100%; overflow: clip !important; } .lp-root .card_slider .swiper-wrapper { align-items: center; } .lp-root .card_slider .swiper-slide { width: calc(103 * var(--lprem)) !important; } @media screen and (max-width: 776px) { .lp-root .card_slider .swiper-slide { width: calc(68 * var(--lprem)) !important; } } .lp-root .perk-card { cursor: pointer; transition: border-color 0.2s ease; } .lp-root .perk-card:hover { border-color: rgba(255, 255, 255, 0.22); } /* View details link + arrow */ .lp-root .perk-view { display: inline-flex; align-items: center; } .lp-root .perk-view::after { content: "→"; margin-left: 8px; color: rgba(255, 255, 255, 0.5); transition: color 0.2s ease; } .lp-root .perk-view:hover::after { color: #ffffff; } .lp-root.w-mod-js:not(.w-mod-ix3) :is([data_slide_in="0.1"], .marquee, [data_slide_in_hero="0.1"], [data_slide_in_hero="0.2"], [data_slide_in_hero="0.3"], [data_slide_in_hero="0.4"], .home_hero_rock, .home_hero_abs2, .home_hero_abs5, .home_hero_abs3, .home_hero_abs4, .home_hero_abs6, [data_slide_in="0.3"], [data_slide_in="0.2"], .adspend_media, .comparison_card_abs.is_r1, .comparison_card_abs.is_r2_1, .comparison_card_abs.is_r3, .hero_table_row, .floating_card-1, .floating_card-2) {visibility: hidden !important;} .lp-root .accordion.is_active .accordion_body{ max-height:calc(30 * var(--lprem)); } .lp-root .accordion.is_active .accordion_icon{ transform:rotate(180deg); color:var(--_colors---grey-50); } .lp-root .accordion:last-child{ border-bottom:none; } /* .adspend_comet { animation: comet-move 20s linear infinite; } .adspend_comet.is_2 { animation: comet-move-reverse 20s linear infinite; } */ @keyframes comet-move { 0% { transform: translateX(0vw); } 50% { transform: translateX(70vw); } 100% { transform: translateX(0vw); } } /* Keyframes for reverse movement */ @keyframes comet-move-reverse { 0% { transform: translateX(0vw); } 50% { transform: translateX(-70vw); } 100% { transform: translateX(0vw); } } .lp-root .growth_card_wrapper:nth-child(2) .circle{ animation-delay: 4s; } .lp-root .reward_card_point:last-child{ border-bottom:none; } .lp-root .growth_card_bar_content.active .growth_card_bar{ max-height:100%; } .lp-root .growth_card_bar_content.active .growth_card_bar_text{ opacity:1; } .lp-root .growth_card_bar_text{ transition:opacity 0.6s ease 1s; } .lp-root .graph{ stroke-dasharray: 400; /* temporary value, will be set in JS */ stroke-dashoffset: 400; transition: stroke-dashoffset 2s ease; } .lp-root .graph.active { stroke-dashoffset: 0; } @media (min-width: 1600px) { .lp-root .slide_content { padding-top: calc(4 * var(--lprem)); } } @media (min-width: 1600px) { .lp-root .slide_list_item { padding-top: calc(2 * var(--lprem)); padding-bottom: calc(2 * var(--lprem)); } } @media (max-width: 1600px) { .lp-root .card_slider { transform: scale(0.85); } } .lp-root .content_spacer { height: 1px; border: none; background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4) 30%, rgba(255, 255, 255, 0.4) 70%, transparent); } .lp-root .modal_close { color: #9c9c9c; } .lp-root .modal_close:hover { color: white; } .lp-root .text_input, .lp-root .w-select { padding: 12px 16px; background-color: #2a2a2a; border: 1px solid #3a3a3a; border-radius: 6px; color: #666666; font-size: 14px; width: 100%; height: 45px; outline: none; appearance: none; -webkit-appearance: none; box-sizing: border-box; background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 7L11 1' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; } .lp-root .text_input { background-image: none; } .lp-root .text_input::placeholder { color: #666666; font-size: 14px; } .lp-root .text_input:focus, .lp-root .w-select:focus { border-color: #666666; } .lp-root .pricing_card_dd { position: relative; width: 100%; height: 45px; margin-top: calc(1.4 * var(--lprem)); border: 1px solid #3a3a3a; border-radius: 6px; background-color: #2a2a2a; box-sizing: border-box; } .lp-root .pricing_card_dd_toggle { width: 100%; height: 45px; padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; color: #666666; font-size: 14px; font-weight: 500; transition: border-color 0.2s ease, color 0.2s ease; } .lp-root .pricing_card_dd_toggle.on_table { padding-right: calc(4 * var(--lprem)); font-size: 14px; } .lp-root .pricing_card_dd.is-filled .pricing_card_dd_toggle, .lp-root .pricing_card_dd.is-filled .pricing_card_dd_toggle * { color: #ffffff; } .lp-root .pricing_card_dd_link.w--current { color: #ffffff; } .lp-root .pricing_card_dd.is-filled { border-color: #ffffff; transition: border-color 0.2s ease; } .lp-root .pricing_card_dd_nav { position: absolute; top: calc(100% + 4px); left: 0; width: 100%; background-color: #2a2a2a; border: 1px solid #3a3a3a; border-radius: 6px; overflow: hidden; z-index: 10; } .lp-root .pricing_card_dd_nav .w-select { display: none; } .lp-root .pricing_card_dd_link { display: block; padding: 12px 16px; color: #666666; font-size: 14px; cursor: pointer; text-decoration: none; } .lp-root .pricing_card_dd_link:hover { background-color: #3a3a3a; color: #ffffff; } .lp-root .modal_wrapper { display: flex; align-items: center; justify-content: center; position: fixed; inset: 0; opacity: 0; pointer-events: none; transition: opacity 0.25s ease, background-color 0.25s ease; z-index: 1000; } .lp-root .modal_wrapper.active { opacity: 1; pointer-events: all; } .lp-root .pricing_card_dd_toggle { background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 7L11 1' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; } .lp-root .box_bg-grey:not(.has_logo):not(.has_opal-logo) { background-color: #222223; transition: background-color 1.5s ease; } .lp-root .box_bg-grey:not(.has_logo):not(.has_opal-logo):hover { background-color: #454545; transition: background-color 0.6s ease; } .lp-root .box_bg-grey.has_opal-logo { position: relative; width: calc(11 * var(--lprem)); height: calc(11 * var(--lprem)); border-radius: calc(2 * var(--lprem)); background: #2A2466; box-shadow: 0px 0px 20px 2px #B3A8FF1A inset, 0px 0px 60px 0px #8C82FF80; display: flex; align-items: center; justify-content: center; overflow: visible; } .lp-root .box_bg-grey.has_opal-logo::before { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 2px; background: linear-gradient(113.46deg, #C5C0FF 19.09%, #766BFD 107.61%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; } .lp-root .opal-logo { position: relative; z-index: 1; } .lp-root .opal-ring { position: absolute; width: calc(11 * var(--lprem)); height: calc(11 * var(--lprem)); border-radius: calc(3 * var(--lprem)); background: #2A2466; box-shadow: 0px 0px 20px 2px #B3A8FF1A inset, 0px 0px 60px 0px #8C82FF80; animation: rotate-ring 5s linear infinite; z-index: -1; pointer-events: none; } @media (max-width: 393px) { .lp-root .opal-ring { width: calc(7 * var(--lprem)); height: calc(7 * var(--lprem)); } } .lp-root .opal-ring::before { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 2px; background: linear-gradient(113.46deg, #C5C0FF 19.09%, #766BFD 107.61%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; } .lp-root .line_glow { background: linear-gradient(90deg, transparent, #9D94FF, #E8E5FF, #9D94FF, transparent); z-index: -2; } @keyframes rotate-ring { 0% { transform: rotate(45deg); } 100% { transform: rotate(405deg); } } .lp-root .grid_media-wrapper { width: 100%; aspect-ratio: 1480 / 1160; position: relative; overflow: visible; } .lp-root .grid_video { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lp-root [data-icon]{object-fit: contain;} .lp-root .text_input:focus { border-color: #ffffff; color: #ffffff; } .lp-root .text_input.is-filled { border-color: #ffffff; color: #ffffff; } .lp-root .text_input { transition: border-color 0.2s ease, color 0.2s ease; } /* CSS phu tro cho ban gop 2 trang */ .lp-root .opal-page{position:relative} /* RESET STARTS*/ .lp-root,.lp-root { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lp-root{ } /*responsive fonts*/ .lp-root, .lp-root{ font-size: max(6.8px, calc(100vw/1500 * 10)); } /*Above desktop*/ @media screen and (min-width: 1500px){ .lp-root, .lp-root{ font-size: 10px; } } /*On Tablet*/ @media screen and (max-width: 991px) and (min-width: 767px) { .lp-root, .lp-root{ font-size: calc(100vw/1440 * 10); } } /*On Mobile*/ @media screen and (max-width: 767px){ .lp-root, .lp-root{ font-size: calc(100vw/768 * 10); } } /*images no select*/ .lp-root img{ width: 100%; height: 100%; user-select: none; object-fit: cover; } .lp-root img[data-icon]{ object-fit: contain; } /*reset links*/ .lp-root a{ color:inherit; text-decoration: none; } .lp-root [no-margin]{ margin: 0px !important; } /* RESET ENDS*/ .lp-root [heading-linear-gradient] { background-image: linear-gradient(90deg, rgb(255, 255, 255) 60%, rgba(255, 255, 255, 0.7) 100%); background-clip: text; -webkit-text-fill-color: transparent; } /*Button Hover State*/ .lp-root .button_border_wrapper:hover .circle.is_white, .lp-root .button_border_wrapper:hover .button_border_stars{ opacity:1; } .lp-root .button_border_wrapper:hover .button_border_hover_fill { transform:translateY(0%); } .lp-root .left_arrow:hover .circle.is_white_arrow{ opacity:1; } .lp-root .right_arrow:hover .circle.is_white_arrow{ opacity:1; } .lp-root .circle.is_white{ animation: moveCircle 4.8s linear infinite; } .lp-root .circle.is_white_arrow{ animation: moveCircle_arrow 4.8s linear infinite; } @keyframes moveCircle { 0% { top: -1px; left: -1px; } 25% { top: -1px; left: calc(100% - 1px); } 50% { top: calc(100% - 1px); left: calc(100% - 1px); } 75% { top: calc(100% - 1px); left: -1px; } 100% { top: -1px; left: -1px; } } @keyframes moveCircle_arrow { 0% { top: -10px; left: -10px; } 25% { top: -10px; left: calc(100% - 10px); } 50% { top: calc(100% - 10px); left: calc(100% - 10px); } 75% { top: calc(100% - 10px); left: -10px; } 100% { top: -10px; left: -10px; } } .lp-root .button_border_arrow { --r: calc(1.2 * var(--lprem)); /* border radius */ --b: 1.5px; /* border thickness */ mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); padding: var(--b); border-radius: var(--r); -webkit-mask-composite: xor; mask-composite: exclude; } .lp-root .button_border{ mask:linear-gradient(#000 0 0), linear-gradient(#000 0 0) 50% 50% / calc(100% - 2px) calc(100% - 2px) no-repeat; mask-composite:exclude; } .lp-root .accordion.is_active .accordion_body{ max-height:calc(30 * var(--lprem)); } .lp-root .accordion.is_active .accordion_icon{ transform:rotate(180deg); color:var(--_colors---grey-50); } .lp-root .accordion:last-child{ border-bottom:none; } /* .adspend_comet { animation: comet-move 20s linear infinite; } .adspend_comet.is_2 { animation: comet-move-reverse 20s linear infinite; } */ @keyframes comet-move { 0% { transform: translateX(0vw); } 50% { transform: translateX(70vw); } 100% { transform: translateX(0vw); } } /* Keyframes for reverse movement */ @keyframes comet-move-reverse { 0% { transform: translateX(0vw); } 50% { transform: translateX(-70vw); } 100% { transform: translateX(0vw); } } .lp-root .growth_card_wrapper:nth-child(2) .circle{ animation-delay: 4s; } .lp-root .reward_card_point:last-child{ border-bottom:none; } .lp-root .growth_card_bar_content.active .growth_card_bar{ max-height:100%; } .lp-root .growth_card_bar_content.active .growth_card_bar_text{ opacity:1; } .lp-root .growth_card_bar_text{ transition:opacity 0.6s ease 1s; } .lp-root .graph{ stroke-dasharray: 400; /* temporary value, will be set in JS */ stroke-dashoffset: 400; transition: stroke-dashoffset 2s ease; } .lp-root .graph.active { stroke-dashoffset: 0; } @media (min-width: 1600px) { .lp-root .slide_content { padding-top: calc(4 * var(--lprem)); } } @media (min-width: 1600px) { .lp-root .slide_list_item { padding-top: calc(2 * var(--lprem)); padding-bottom: calc(2 * var(--lprem)); } } @media (max-width: 1600px) { .lp-root .card_slider { transform: scale(0.85); } } .lp-root .social_links { color: #8a8f98; transition: color 0.3s ease; } .lp-root .social_links:hover { color: #ffffff; } /*MENU STARTS*/ .lp-root .menu_button_row:nth-child(1) { top: 50%; transform: translateY(-225%) scaleX(1); } .lp-root .menu_button_row:nth-child(2) { top: 50%; transform: translateY(225%) scaleX(1); } .lp-root .menu_button.w--open .menu_button_row:nth-child(1) { background-color: white; transform: translateY(0) rotateZ(-45deg) scaleX(1); } .lp-root .menu_button.w--open .menu_button_row:nth-child(2) { background-color: white; transform: translateY(0) rotateZ(45deg) scaleX(1); } /*MENU ENDS*/ .lp-root .navbar_ring.expanded .navbar_ring-inner { border-radius: calc(2.5 * var(--lprem)); } @media only screen and (min-width: 767px) { .lp-root .navbar_wrapper .navbar_ring { opacity: 0; } .lp-root .navbar_wrapper.is_scrolled .navbar_ring { opacity: 1; max-width: calc(120 * var(--lprem)); } .lp-root .navbar_wrapper.is_scrolled { position: fixed; top: 0; left: 0; width: 100%; } } .lp-root .nav_menu_ring.expanded .menu_open_bg { opacity: 1; transition-delay: 0.2s; } .lp-root .navbar_wrapper:has(.menu_button.w--open) .nav_menu_bg_blur { opacity: 1; } .lp-root .card_slider .swiper { width: 100%; overflow: clip !important; } .lp-root .card_slider .swiper-wrapper { align-items: center; } .lp-root .card_slider .swiper-slide { width: calc(103 * var(--lprem)) !important; } @media screen and (max-width: 776px) { .lp-root .card_slider .swiper-slide { width: calc(68 * var(--lprem)) !important; } } /* RESET STARTS*/ .lp-root,.lp-root { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lp-root{ } /*responsive fonts*/ .lp-root, .lp-root{ font-size: max(6.8px, calc(100vw/1500 * 10)); } /*Above desktop*/ @media screen and (min-width: 1500px){ .lp-root, .lp-root{ font-size: 10px; } } /*On Tablet*/ @media screen and (max-width: 991px) and (min-width: 767px) { .lp-root, .lp-root{ font-size: calc(100vw/1440 * 10); } } /*On Mobile*/ @media screen and (max-width: 767px){ .lp-root, .lp-root{ font-size: calc(100vw/768 * 10); } } /*images no select*/ .lp-root img{ width: 100%; height: 100%; user-select: none; object-fit: cover; } .lp-root img[data-icon]{ object-fit: contain; } /*reset links*/ .lp-root a{ color:inherit; text-decoration: none; } .lp-root [no-margin]{ margin: 0px !important; } /* RESET ENDS*/ .lp-root [heading-linear-gradient] { background-image: linear-gradient(90deg, rgb(255, 255, 255) 60%, rgba(255, 255, 255, 0.7) 100%); background-clip: text; -webkit-text-fill-color: transparent; } /*Button Hover State*/ .lp-root .button_border_wrapper:hover .circle.is_white, .lp-root .button_border_wrapper:hover .button_border_stars{ opacity:1; } .lp-root .button_border_wrapper:hover .button_border_hover_fill { transform:translateY(0%); } .lp-root .left_arrow:hover .circle.is_white_arrow{ opacity:1; } .lp-root .right_arrow:hover .circle.is_white_arrow{ opacity:1; } .lp-root .circle.is_white{ animation: moveCircle 4.8s linear infinite; } .lp-root .circle.is_white_arrow{ animation: moveCircle_arrow 4.8s linear infinite; } @keyframes moveCircle { 0% { top: -1px; left: -1px; } 25% { top: -1px; left: calc(100% - 1px); } 50% { top: calc(100% - 1px); left: calc(100% - 1px); } 75% { top: calc(100% - 1px); left: -1px; } 100% { top: -1px; left: -1px; } } @keyframes moveCircle_arrow { 0% { top: -10px; left: -10px; } 25% { top: -10px; left: calc(100% - 10px); } 50% { top: calc(100% - 10px); left: calc(100% - 10px); } 75% { top: calc(100% - 10px); left: -10px; } 100% { top: -10px; left: -10px; } } .lp-root .button_border_arrow { --r: calc(1.2 * var(--lprem)); /* border radius */ --b: 1.5px; /* border thickness */ mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); padding: var(--b); border-radius: var(--r); -webkit-mask-composite: xor; mask-composite: exclude; } .lp-root .button_border{ mask:linear-gradient(#000 0 0), linear-gradient(#000 0 0) 50% 50% / calc(100% - 2px) calc(100% - 2px) no-repeat; mask-composite:exclude; } .lp-root .accordion.is_active .accordion_body{ max-height:calc(30 * var(--lprem)); } .lp-root .accordion.is_active .accordion_icon{ transform:rotate(180deg); color:var(--_colors---grey-50); } .lp-root .accordion:last-child{ border-bottom:none; } /* .adspend_comet { animation: comet-move 20s linear infinite; } .adspend_comet.is_2 { animation: comet-move-reverse 20s linear infinite; } */ @keyframes comet-move { 0% { transform: translateX(0vw); } 50% { transform: translateX(70vw); } 100% { transform: translateX(0vw); } } /* Keyframes for reverse movement */ @keyframes comet-move-reverse { 0% { transform: translateX(0vw); } 50% { transform: translateX(-70vw); } 100% { transform: translateX(0vw); } } .lp-root .growth_card_wrapper:nth-child(2) .circle{ animation-delay: 4s; } .lp-root .reward_card_point:last-child{ border-bottom:none; } .lp-root .growth_card_bar_content.active .growth_card_bar{ max-height:100%; } .lp-root .growth_card_bar_content.active .growth_card_bar_text{ opacity:1; } .lp-root .growth_card_bar_text{ transition:opacity 0.6s ease 1s; } .lp-root .graph{ stroke-dasharray: 400; /* temporary value, will be set in JS */ stroke-dashoffset: 400; transition: stroke-dashoffset 2s ease; } .lp-root .graph.active { stroke-dashoffset: 0; } @media (min-width: 1600px) { .lp-root .slide_content { padding-top: calc(4 * var(--lprem)); } } @media (min-width: 1600px) { .lp-root .slide_list_item { padding-top: calc(2 * var(--lprem)); padding-bottom: calc(2 * var(--lprem)); } } @media (max-width: 1600px) { .lp-root .card_slider { transform: scale(0.85); } } .lp-root .content_spacer { height: 1px; border: none; background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4) 30%, rgba(255, 255, 255, 0.4) 70%, transparent); } .lp-root .modal_close { color: #9c9c9c; } .lp-root .modal_close:hover { color: white; } .lp-root .text_input, .lp-root .w-select { padding: 12px 16px; background-color: #2a2a2a; border: 1px solid #3a3a3a; border-radius: 6px; color: #666666; font-size: 14px; width: 100%; height: 45px; outline: none; appearance: none; -webkit-appearance: none; box-sizing: border-box; background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 7L11 1' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; } .lp-root .text_input { background-image: none; } .lp-root .text_input::placeholder { color: #666666; font-size: 14px; } .lp-root .text_input:focus, .lp-root .w-select:focus { border-color: #666666; } .lp-root .pricing_card_dd { position: relative; width: 100%; height: 45px; margin-top: calc(1.4 * var(--lprem)); border: 1px solid #3a3a3a; border-radius: 6px; background-color: #2a2a2a; box-sizing: border-box; } .lp-root .pricing_card_dd_toggle { width: 100%; height: 45px; padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; color: #666666; font-size: 14px; font-weight: 500; transition: border-color 0.2s ease, color 0.2s ease; } .lp-root .pricing_card_dd_toggle.on_table { padding-right: calc(4 * var(--lprem)); font-size: 14px; } .lp-root .pricing_card_dd.is-filled .pricing_card_dd_toggle, .lp-root .pricing_card_dd.is-filled .pricing_card_dd_toggle * { color: #ffffff; } .lp-root .pricing_card_dd_link.w--current { color: #ffffff; } .lp-root .pricing_card_dd.is-filled { border-color: #ffffff; transition: border-color 0.2s ease; } .lp-root .pricing_card_dd_nav { position: absolute; top: calc(100% + 4px); left: 0; width: 100%; background-color: #2a2a2a; border: 1px solid #3a3a3a; border-radius: 6px; overflow: hidden; z-index: 10; } .lp-root .pricing_card_dd_nav .w-select { display: none; } .lp-root .pricing_card_dd_link { display: block; padding: 12px 16px; color: #666666; font-size: 14px; cursor: pointer; text-decoration: none; } .lp-root .pricing_card_dd_link:hover { background-color: #3a3a3a; color: #ffffff; } .lp-root .modal_wrapper { display: flex; align-items: center; justify-content: center; position: fixed; inset: 0; opacity: 0; pointer-events: none; transition: opacity 0.25s ease, background-color 0.25s ease; z-index: 1000; } .lp-root .modal_wrapper.active { opacity: 1; pointer-events: all; } .lp-root .pricing_card_dd_toggle { background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 7L11 1' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; } .lp-root .box_bg-grey:not(.has_logo):not(.has_opal-logo) { background-color: #222223; transition: background-color 1.5s ease; } .lp-root .box_bg-grey:not(.has_logo):not(.has_opal-logo):hover { background-color: #454545; transition: background-color 0.6s ease; } .lp-root .box_bg-grey.has_opal-logo { position: relative; width: calc(11 * var(--lprem)); height: calc(11 * var(--lprem)); border-radius: calc(2 * var(--lprem)); background: #2A2466; box-shadow: 0px 0px 20px 2px #B3A8FF1A inset, 0px 0px 60px 0px #8C82FF80; display: flex; align-items: center; justify-content: center; overflow: visible; } .lp-root .box_bg-grey.has_opal-logo::before { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 2px; background: linear-gradient(113.46deg, #C5C0FF 19.09%, #766BFD 107.61%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; } .lp-root .opal-logo { position: relative; z-index: 1; } .lp-root .opal-ring { position: absolute; width: calc(11 * var(--lprem)); height: calc(11 * var(--lprem)); border-radius: calc(3 * var(--lprem)); background: #2A2466; box-shadow: 0px 0px 20px 2px #B3A8FF1A inset, 0px 0px 60px 0px #8C82FF80; animation: rotate-ring 5s linear infinite; z-index: -1; pointer-events: none; } @media (max-width: 393px) { .lp-root .opal-ring { width: calc(7 * var(--lprem)); height: calc(7 * var(--lprem)); } } .lp-root .opal-ring::before { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 2px; background: linear-gradient(113.46deg, #C5C0FF 19.09%, #766BFD 107.61%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; } .lp-root .line_glow { background: linear-gradient(90deg, transparent, #9D94FF, #E8E5FF, #9D94FF, transparent); z-index: -2; } @keyframes rotate-ring { 0% { transform: rotate(45deg); } 100% { transform: rotate(405deg); } } .lp-root .grid_media-wrapper { width: 100%; aspect-ratio: 1480 / 1160; position: relative; overflow: visible; } .lp-root .grid_video { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lp-root [data-icon]{object-fit: contain;} .lp-root .text_input:focus { border-color: #ffffff; color: #ffffff; } .lp-root .text_input.is-filled { border-color: #ffffff; color: #ffffff; } .lp-root .text_input { transition: border-color 0.2s ease, color 0.2s ease; } /*MENU STARTS*/ .lp-root .menu_button_row:nth-child(1) { top: 50%; transform: translateY(-225%) scaleX(1); } .lp-root .menu_button_row:nth-child(2) { top: 50%; transform: translateY(225%) scaleX(1); } .lp-root .menu_button.w--open .menu_button_row:nth-child(1) { background-color: white; transform: translateY(0) rotateZ(-45deg) scaleX(1); } .lp-root .menu_button.w--open .menu_button_row:nth-child(2) { background-color: white; transform: translateY(0) rotateZ(45deg) scaleX(1); } /*MENU ENDS*/ .lp-root .navbar_ring.expanded .navbar_ring-inner { border-radius: calc(2.5 * var(--lprem)); } @media only screen and (min-width: 767px) { .lp-root .navbar_wrapper .navbar_ring { opacity: 0; } .lp-root .navbar_wrapper.is_scrolled .navbar_ring { opacity: 1; max-width: calc(120 * var(--lprem)); } .lp-root .navbar_wrapper.is_scrolled { position: fixed; top: 0; left: 0; width: 100%; } } .lp-root .nav_menu_ring.expanded .menu_open_bg { opacity: 1; transition-delay: 0.2s; } .lp-root .navbar_wrapper:has(.menu_button.w--open) .nav_menu_bg_blur { opacity: 1; }