.rf-services{position:relative;isolation:isolate;overflow:hidden;padding:125px 9vw;background:#fff}.rf-services:before{position:absolute;inset:0;z-index:-2;opacity:.45;background-image:linear-gradient(#b65f3b0b 1px,transparent 1px),linear-gradient(90deg,#b65f3b0b 1px,transparent 1px);background-size:70px 70px;content:''}.rf-services:after{position:absolute;z-index:-1;top:18%;right:-10%;width:420px;height:420px;border-radius:50%;background:#f2c5a655;filter:blur(90px);content:''}.rf-services-head{max-width:650px;margin:0 auto 75px;text-align:center}.rf-services-head>p,.rf-preview-kicker{color:#b65f3b;font:10px 'DM Mono';letter-spacing:.16em;text-transform:uppercase}.rf-services-head h2{margin:17px 0;font-size:clamp(2.8rem,5vw,5.5rem);letter-spacing:-.08em;line-height:.96}.rf-services-head h2 em{color:#b65f3b;font-style:normal}.rf-services-head>span{display:block;color:#766d67;font-size:14px;line-height:1.7}.rf-services-layout{display:grid;grid-template-columns:245px 1fr;gap:70px;align-items:stretch}.rf-service-menu{display:flex;flex-direction:column;border-top:1px solid #ddd3cc}.rf-service-menu button{display:flex;justify-content:space-between;border:0;border-bottom:1px solid #ddd3cc;background:none;padding:19px 5px;color:#857a73;text-align:left;font:12px 'Poppins';cursor:pointer;transition:.25s}.rf-service-menu button b{color:#b65f3b;font-size:16px;opacity:0;transition:.25s}.rf-service-menu button:hover,.rf-service-menu button.active{padding-left:15px;color:#b65f3b}.rf-service-menu button:hover b,.rf-service-menu button.active b{opacity:1}.rf-service-preview{min-height:440px;overflow:hidden;border:1px solid #fff;border-radius:22px;background:linear-gradient(130deg,#fff8f4,#f1e5de);box-shadow:0 25px 60px #5b332018;transition:opacity .2s,transform .2s}.rf-service-preview.changing{opacity:.25;transform:scale(.985)}.rf-preview-top{display:flex;gap:5px;align-items:center;border-bottom:1px solid #eadbd3;padding:15px 19px;color:#d8b5a4;font-size:8px}.rf-preview-top span:first-child{color:#d9776b}.rf-preview-top span:nth-child(2){color:#e1b26b}.rf-preview-top span:nth-child(3){color:#a6c28f}.rf-preview-top small{margin-left:12px;color:#a18c82;font:9px 'DM Mono'}.rf-preview-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;padding:55px 8%}.rf-preview-copy h3{margin:15px 0;font-size:clamp(2rem,4vw,4rem);letter-spacing:-.07em;line-height:.95}.rf-preview-copy>p:not(.rf-preview-kicker){max-width:350px;color:#776c65;font-size:13px;line-height:1.7}.rf-service-meta{display:flex;gap:28px;margin:25px 0}.rf-service-meta small{display:block;color:#a1938b;font:9px 'DM Mono';text-transform:uppercase}.rf-service-meta b{display:block;margin-top:6px;font-size:11px}.rf-service-tags{display:flex;flex-wrap:wrap;gap:7px}.rf-service-tags i{border:1px solid #e0c5b6;border-radius:99px;padding:6px 9px;color:#a45a3b;font:9px 'DM Mono';font-style:normal}.rf-preview-actions{display:flex;gap:18px;margin-top:28px}.rf-preview-actions a{color:#b65f3b;font-size:11px;text-decoration:none}.rf-preview-actions a:first-child{border-radius:99px;background:#b65f3b;padding:12px 15px;color:#fff;box-shadow:0 10px 20px #b65f3b2b}.rf-preview-art{position:relative;min-height:245px;transform:rotate(3deg)}.rf-browser{position:absolute;top:16%;right:0;width:90%;height:190px;border:7px solid #fff;border-radius:13px;background:#fff;box-shadow:0 22px 35px #70432b20;padding:25px 17px}.rf-browser>div:first-child{width:34%;height:8px;border-radius:5px;background:#e8d7ce}.rf-browser-line{width:50%;height:6px;margin-top:13px;border-radius:5px;background:#f0e6e1}.rf-browser-line.wide{width:75%;margin-top:22px;background:#d78c6d}.rf-browser-chart{display:flex;gap:7px;align-items:end;height:70px;margin-top:14px}.rf-browser-chart i{width:15%;border-radius:4px 4px 0 0;background:#edc8b6}.rf-browser-chart i:nth-child(2){height:65%}.rf-browser-chart i:nth-child(3){height:40%}.rf-browser-chart i:nth-child(4){height:82%;background:#b65f3b}.rf-browser-chart i:nth-child(5){height:56%}.rf-art-float{position:absolute;bottom:8%;left:-3%;border:1px solid #fff;border-radius:11px;background:#ffffffe8;padding:12px;color:#91847b;font:9px 'DM Mono';box-shadow:0 15px 25px #70432b16}.rf-art-float:first-letter{color:#4a9b69}.rf-art-float b{display:block;margin-top:5px;color:#3b3835;font:11px 'Poppins'}.rf-service-preview[data-current="mobile"] .rf-browser{width:45%;right:20%;height:230px;border-radius:22px}.rf-service-preview[data-current="api"] .rf-browser-chart:before{content:'{ 200: OK }';color:#4a9b69;font:11px 'DM Mono'}.rf-service-preview[data-current="cloud"] .rf-browser{box-shadow:0 0 35px #b65f3b2e}@media(max-width:900px){.rf-services{padding:90px 7vw}.rf-services-layout{grid-template-columns:1fr;gap:25px}.rf-service-menu{display:grid;grid-template-columns:repeat(3,1fr);border-top:0;gap:7px}.rf-service-menu button{border:1px solid #e2d6cf;border-radius:10px;padding:13px;font-size:11px}.rf-service-menu button:hover,.rf-service-menu button.active{padding-left:13px;background:#fff4ee}.rf-service-menu button b{display:none}}@media(max-width:560px){.rf-services{padding:75px 6vw}.rf-services-head{margin-bottom:40px;text-align:left}.rf-services-head h2{font-size:3rem}.rf-service-menu{display:flex;overflow:auto;flex-direction:row;padding-bottom:8px}.rf-service-menu button{min-width:max-content;border-radius:99px;padding:11px 14px}.rf-service-preview{min-height:580px}.rf-preview-content{grid-template-columns:1fr;padding:35px 8%}.rf-preview-art{min-height:205px;order:-1}.rf-preview-copy h3{font-size:2.8rem}.rf-service-meta{gap:18px}.rf-preview-actions{flex-wrap:wrap}}