@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);
.clearfix::before{content:"";display:table;clear:both}html{scroll-behavior:smooth}body{padding-top:0;color:#003860;font-size:16px;background:url("../img/glass.jpg") no-repeat center top;background-size:100% auto}h1{color:#003860;font-size:58px;font-weight:400;letter-spacing:-3px;margin:30px 0;position:relative;z-index:1}h1 b,h1 span{font-weight:700}h1 span{position:relative}h1 span::before{content:"";z-index:-1;position:absolute;inset:5px -5px;background:#0de2bf;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-animation:scaleX 1s ease;animation:scaleX 1s ease}h2{color:#003860;margin:20px 0;letter-spacing:-1px;line-height:1.2em;font-size:40px}h2 span{position:relative;z-index:1;mix-blend-mode:multiply;overflow:hidden;max-width:100%;line-height:.5em;white-space:pre-wrap;background:-webkit-gradient(linear, left top, right top, color-stop(50%, #0de2bf), color-stop(50%, rgba(255, 255, 255, 0))) no-repeat;background:linear-gradient(to right, #0de2bf 50%, rgba(255, 255, 255, 0) 50%) no-repeat;background-size:200% 70%;background-position:101% center}h2 span.visible{-webkit-transition:background-position 1s cubic-bezier(0.16, 1, 0.3, 1) 1s;transition:background-position 1s cubic-bezier(0.16, 1, 0.3, 1) 1s;background-position:0px center}h5{font-size:70px;letter-spacing:-3px;white-space:nowrap;text-transform:lowercase;line-height:.6em}h5 span{font-size:20px;display:block;text-transform:uppercase}#hero-img{position:relative;height:100%}#hero-img::after{content:"";background:url("../img/hero-rcs.png") no-repeat right center;background-size:contain;position:absolute;inset:-100px -200px -100px 0}p{margin:30px 0}.cards{margin:80px 0}.cards>div{background:#003860;border-radius:20px;color:#fff;padding:100px 30px 30px 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;position:relative;overflow:hidden;min-width:250px;max-width:25%}.cards>div p{font-size:14px;margin:0}.cards>div h4{font-size:20px;color:#0de2bf;line-height:1.2em}svg.blurred-bg{-webkit-filter:blur(10px);filter:blur(10px);position:absolute;opacity:.15;top:0;left:-80px}.fill{background:#f3f9ff}.editor-preview{background:#fff;border-radius:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px;position:relative}.editor-preview video{width:100%}.video-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;bottom:0;width:100%;padding:20px}.video-controls button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px;background:none;border:none}.video-controls button:not(.hidden){display:-webkit-box;display:-ms-flexbox;display:flex}.chips li{display:inline-block;border:2px solid #003860;padding:10px 20px;border-radius:50px;margin-bottom:7px;font-size:14px;cursor:pointer}.chips li.active{background:#003860;color:#fff;-webkit-box-shadow:0px 5px 10px rgba(0,0,50,.2);box-shadow:0px 5px 10px rgba(0,0,50,.2)}.clicable-examples--scrollable{scroll-behavior:smooth;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;-ms-touch-action:none;touch-action:none}.stripe{position:relative}.stripe::before{position:absolute;content:"";width:2000%;border-radius:500px;height:80%;top:10%;left:-75px;background:#0de2bf;background:-webkit-gradient(linear, left top, right top, from(#0DE2BF), color-stop(20%, #A8D4FF));background:linear-gradient(90deg, #0DE2BF, #A8D4FF 20%);display:block;z-index:-1}.uses-preview{width:371px;height:677px;background:url("../img/blank-phone.png") no-repeat center top;background-size:contain;position:relative;margin-left:50px}.uses-preview .frame{position:absolute;width:263px;height:570px;border-radius:26px;top:37px;left:71px;overflow:hidden}.uses-preview .frame .examples{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.uses-preview .frame .examples::-webkit-scrollbar{diplay:none}.uses-preview .frame .examples img{-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.uses-preview .frame .controls{width:100%;padding:50px 0 20px 0;background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 50, 0.2)));background:linear-gradient(to bottom, transparent, rgba(0, 0, 50, 0.2));bottom:0;position:absolute;border-radius:0 0 26px 26px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.uses-preview .frame .controls button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:55px;height:55px;border-radius:100%;border:none;-webkit-box-shadow:0 5px 10px rgba(0,0,50,.2);box-shadow:0 5px 10px rgba(0,0,50,.2)}.rcs-types>div{border:2px solid #003860;border-radius:20px;padding:50px 30px 30px 30px;min-width:325px}.rcs-types>div h5{margin-bottom:40px}.rcs-types>div p{margin-bottom:0}.rcs-types>div.odd{background:#003860;color:#fff}.rcs-types>div.odd h5{color:#0de2bf}.testForm{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:0 auto;position:relative;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:100%;margin-bottom:10px}.testForm input,.testForm button{font-size:22px;font-family:"Poppins",sans-serif;padding:15px 25px;border-radius:5px;margin:5px;max-width:100%}.testForm input{border:1px solid #ccc;margin-right:10px}.testForm input.error{-webkit-box-shadow:inset 0px 0px 0px 2px tomato;box-shadow:inset 0px 0px 0px 2px tomato}.testForm button{background:#003860;color:#fff;border:none;-webkit-transition:background .3s ease;transition:background .3s ease}.testForm button:disabled{background:#ccc}.testForm .message{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:0;left:0;width:100%;height:100%;width:100%;text-align:center;visibility:hidden;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;background:rgba(253,252,252,.95);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.testForm .message.show{visibility:visible;opacity:1}.testForm .message div{border:1px solid #003860;padding:5px 15px;border-radius:50px;color:#003860}.testForm .message.success div{color:green;border-color:green}.testForm .message.error div{border-color:tomato;color:tomato}.rcs-test{background:#f3f9ff url("../img/bg-test.png") no-repeat center bottom;background-size:contain;padding:20px 100px 20px 100px;border-radius:20px;position:relative}.rcs-test .small{font-size:14px;opacity:.5}.rcs-test::before{content:"";width:4px;height:100px;background:#003860;border-radius:10px;position:absolute;top:-80px;left:50%;margin-left:-2px;z-index:-1}.test-selector{display:-webkit-box;display:-ms-flexbox;display:flex;gap:40px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:50px;position:relative;z-index:1}.test-selector input{display:none}.test-selector input:checked+label{opacity:1}.test-selector input:checked+label::before{content:"";background:#fff;border-radius:20px;position:absolute;inset:-20px;z-index:-1;-webkit-box-shadow:0 10px 20px rgba(0,0,50,.2);box-shadow:0 10px 20px rgba(0,0,50,.2)}.test-selector input:checked+label .highlight{fill:#0de2bf}.test-selector label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;opacity:.4;cursor:pointer;position:relative}.test-selector label span{background:#003860;border-radius:20px;padding:4px 15px;font-size:12px;color:#fff}@supports(position-anchor: --test){.test-selector::before{content:"";position:absolute;left:calc(anchor(left) - 20px);right:calc(anchor(right) - 20px);top:calc(anchor(top) - 20px);bottom:calc(anchor(bottom) - 20px);display:block;background:#fff;-webkit-transition:.2s;transition:.2s;border-radius:20px;-webkit-box-shadow:0 10px 20px rgba(0,0,50,.2);box-shadow:0 10px 20px rgba(0,0,50,.2);position-anchor:--test-highlight-pos}.test-selector label::before{visibility:hidden}.test-selector input{anchor-name:none}.test-selector input:checked+label{anchor-name:--test-highlight-pos}}.phone-wall{background:#f3f9ff;background-image:url("../img/phone-wall.png"),linear-gradient(45deg, transparent, #b5c7d9);background-repeat:no-repeat;background-position:right center;background-size:contain}main{min-height:900px;height:90vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 1500px){.phone-wall{background-size:50%,100%;background-position-x:50vw,0;background-position-y:50%,center}}@media screen and (max-width: 1100px){.phone-wall{background-position-x:60vw,0}.rcs-types>div{max-width:25%}}@media screen and (max-width: 800px){main{min-height:auto}h1{font-size:40px;letter-spacing:-2px}.padding-l-70{padding-left:0}.padding-r-70{padding-right:0}.padding-tb-100{padding-top:50px;padding-bottom:50px}}@media screen and (max-width: 800px){.uses-preview{margin:0 auto}.rcs-test{margin-top:50px}}@media screen and (max-width: 500px){.phone-wall{background-position:200vw,0}.rcs-test{padding-left:20px;padding-right:20px}}