.one-app svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.one-app{position:relative;isolation:isolate;min-height:278px;padding:30px 0 20px;background:#001322}
.one-app::before,.one-app::after{content:"";position:absolute;top:0;bottom:0;z-index:-1;background-repeat:no-repeat;background-size:auto 100%}
.one-app::before{left:0;width:30%;background-image:url('assets/catalog-v2/app-left-updated.png');background-position:right;mask-image:linear-gradient(to right,#000 94%,transparent)}
.one-app::after{right:0;width:24%;background-image:url('assets/catalog-v2/app-right.png');background-position:left;mask-image:linear-gradient(to left,#000 92%,transparent)}
.one-app-copy{margin-left:30%;width:46%;max-width:740px}
.one-app h2{font-family:Figtree,sans-serif;font-size:clamp(26px,3vw,42px);font-weight:900;line-height:1.05;letter-spacing:-.9px;margin:0 0 9px;white-space:nowrap}
.one-app h2 span{color:#00e3eb}
.one-app-copy>p{font-size:15px;line-height:1.25;margin:0 0 8px}
.app-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:8px 10px;border:1px solid #086b8d;border-radius:15px;background:#00121ee8}
.app-steps li{position:relative;text-align:center;padding:0 6px}
.app-steps li+li{border-left:1px solid #093044}
.app-steps svg{display:block;border:2px solid #00dfe8;border-radius:50%;width:53px;height:53px;padding:10px;color:#00e3eb;margin:0 auto 4px;filter:drop-shadow(0 0 5px #00c1e955)}
.app-steps h3{font-size:16px;font-weight:800;color:#00e5ed;margin:0 0 3px}
.app-steps p{font-size:11px;line-height:1.3;margin:0}
@media(min-width:1300px){.one-app{min-height:350px;padding-top:40px}
.one-app-copy>p{font-size:18px}
.app-steps{padding:12px}
.app-steps h3{font-size:20px}
.app-steps p{font-size:14px}
}
@media(max-width:960px){.one-app{min-height:310px}
.one-app-copy{margin-left:25%;width:57%}
.one-app::before{width:25%}
.one-app::after{width:18%}
.one-app h2{font-size:28px;white-space:normal}
.one-app-copy>p{font-size:15px}
}
@media(max-width:600px){.one-app{padding:30px 16px 170px;min-height:450px}
.one-app-copy{margin:0;width:100%}
.one-app h2{font-size:30px}
.one-app::before,.one-app::after{top:auto;height:180px;width:40%;opacity:.85}
.one-app-copy>p{font-size:15px}
.app-steps{padding:10px 4px}
.app-steps li{padding:0 3px}
.app-steps h3{font-size:15px}
.app-steps p{font-size:10px}
}
