@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/onest-cyrillic-wght-normal.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/onest-latin-wght-normal.woff2") format("woff2")}
:root{--sf-ease:cubic-bezier(.16,1,.3,1)}
body{-webkit-font-smoothing:antialiased}
.sf-scroll-progress{position:fixed;inset:0 auto auto 0;width:100%;height:2px;z-index:40;background:linear-gradient(90deg,#518dff,#45dfff);transform:scaleX(var(--scroll,0));transform-origin:left;pointer-events:none}
.top{background:rgba(7,11,18,.76);backdrop-filter:blur(24px);transition:box-shadow .2s}
.top.is-scrolled{box-shadow:0 12px 40px #0004}
.hero{position:relative;isolation:isolate;overflow:hidden;padding:96px 0 104px}
.hero .wrap{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:48px}
.hero h1{font-size:clamp(42px,4.5vw,64px);line-height:1.06;letter-spacing:-.045em}
.hero h1 em{background:linear-gradient(115deg,#d5faff,#45dfff 50%,#518dff);color:transparent;background-clip:text;-webkit-background-clip:text}
.hero .lead{font-size:17px;line-height:1.65;color:#b8c5d5}
.hero .eyebrow{padding:9px 13px;border:1px solid #45dfff3b;background:#45dfff09;border-radius:99px;font-size:10px;letter-spacing:.13em}
.sf-hero-art{position:absolute;inset:0;overflow:hidden;contain:paint;z-index:-1;pointer-events:none;background-image:linear-gradient(#7099c009 1px,transparent 1px),linear-gradient(90deg,#7099c009 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(#000,transparent)}
.sf-hero-art::before,.sf-hero-art::after{content:"";position:absolute;width:750px;aspect-ratio:1;border-radius:50%;filter:blur(70px);opacity:.45;background:radial-gradient(ellipse,#087d9d7a,transparent 65%);right:-10%;top:-280px;animation:sf-aurora 12s ease-in-out infinite alternate}
.sf-hero-art::after{background:radial-gradient(ellipse,#1d459876,transparent 65%);right:30%;top:0;animation-delay:-7s}
@keyframes sf-aurora{from{transform:translate3d(-24px,-12px,0) scale(.95)}to{transform:translate3d(28px,34px,0) scale(1.1)}}
.mock{margin-bottom:0;min-width:0;perspective:1200px}
.sf-preview-caption{display:flex;justify-content:space-between;gap:12px;margin:0 4px 14px;font-size:10px;font-weight:600;letter-spacing:.12em;color:#91a6c0}
.sf-preview-caption span:last-child{color:#45dfff}
.sf-preview-frame{padding:10px;border:1px solid #547b9d55;border-radius:24px;background:linear-gradient(145deg,#4361831a,#0b142280);box-shadow:0 32px 90px #0007,inset 0 1px #bfeaff1a;position:relative}
.sf-preview-frame::before{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid transparent;background:linear-gradient(110deg,transparent 15%,#45dfff77 35%,transparent 55%) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}
.sf-preview-tabs{display:none;position:relative;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:10px;background:#060c15;padding:5px;border:1px solid #28415888;border-radius:13px}
.sf-motion-ready .sf-preview-tabs{display:grid}
.sf-preview-tabs button{position:relative;border:0;background:transparent;color:#8ca1bb;min-height:40px;padding:8px 6px;font:600 12px Onest,system-ui;cursor:pointer;border-radius:9px;transition:color .2s,background-color .2s}
.sf-preview-tabs button[aria-selected=true]{color:#d6faff;background:linear-gradient(110deg,#12455a,#122e50);box-shadow:inset 0 0 0 1px #45dfff44}
.sf-preview-tabs button:focus-visible{outline:2px solid #45dfff;outline-offset:1px}
.screen{min-height:416px;border-radius:15px;border-color:#36567480;background:linear-gradient(130deg,#142232,#0b131f);box-shadow:inset 0 1px #ffffff09}
.screen[hidden]{display:none!important}
.screen-bar{min-height:51px;background:#0a121d77;font-size:10px;gap:9px}
.screen-bar b{font-size:12px}
.sf-demo-content{padding:22px}
.sf-demo-eyebrow{font-size:10px;color:#8ca1bb;letter-spacing:.13em;margin-bottom:6px}
.sf-demo-content h3{font-size:23px;letter-spacing:-.025em;margin-bottom:18px}
.sf-demo-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sf-demo-kpis>div{padding:14px;border:1px solid #3e608444;border-radius:11px;background:#0a131db3}
.sf-demo-kpis small{display:block;font-size:10px;color:#a2b4c9;margin-bottom:7px}
.sf-demo-kpis b{font-size:22px;letter-spacing:-.04em;font-weight:650;font-variant-numeric:tabular-nums}
.sf-demo-kpis .sf-demo-profit{border-color:#45dfff60;background:linear-gradient(120deg,#0d394b,#0e263d)}
.sf-demo-profit b{color:#8fecff}
.sf-demo-finance{margin-top:20px;display:flex;gap:4px;height:8px;border-radius:9px;overflow:hidden}
.sf-demo-finance i{background:#7faeff;flex:1100}
.sf-demo-finance i:nth-child(2){background:#365a89;flex:2160}
.sf-demo-finance i:nth-child(3){background:#45dfff;flex:3240}
.sf-demo-legend{display:flex;flex-wrap:wrap;gap:13px;font-size:10px;color:#91a6c0;margin-top:9px}
.sf-demo-legend span::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px;background:#7faeff}
.sf-demo-legend span:nth-child(2)::before{background:#365a89}
.sf-demo-legend span:nth-child(3)::before{background:#45dfff}
.sf-demo-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:14px;border-top:1px solid #2b4058;font-size:11px;color:#a2b4c9}
.sf-demo-bottom b{font-weight:500;color:#e2ebf6}
.screen .pill{font-size:10px;padding:3px 8px}
.req h4{font-size:16px}
.req dl{font-size:12px}
.m{font-size:12px}
.m small{font-size:10px}
.sf-demo-master .sf-demo-content{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:center;min-height:360px}
.sf-demo-phone{padding:20px 14px;border:1px solid #547b9d88;border-radius:26px;background:linear-gradient(140deg,#122239,#070d16);box-shadow:0 16px 42px #0005}
.sf-demo-phone .notch{width:56px;height:5px;background:#3c5270;border-radius:9px;margin:0 auto 20px}
.sf-demo-phone .t{font-size:11px;color:#97acc4;margin-bottom:12px}
.sf-demo-phone .job{background:#203349;border:1px solid #43607a66;border-radius:12px;padding:12px;color:#dce9f7;font-size:11px;line-height:1.6}
.sf-demo-phone .job b{display:block;font-size:15px;margin-bottom:5px}
.sf-demo-phone .go{display:block;background:#45dfff;color:#05121d;font-size:10px;font-weight:700;text-align:center;padding:12px 6px;border-radius:10px;margin-top:14px}
.sf-demo-master p{font-size:13px;line-height:1.7}
.sf-demo-master h3{font-size:24px}
.demo-note{max-width:none;margin:16px 8px 0;font-size:11px;line-height:1.6}
.card{position:relative;isolation:isolate;border-color:#39537180;box-shadow:inset 0 1px #ffffff06;transition:border-color .2s,box-shadow .2s,transform .25s var(--sf-ease)}
.card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;background:radial-gradient(400px circle at var(--pointer-x,50%) var(--pointer-y,0%),#45dfff16,transparent 70%);transition:opacity .2s}
.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .18s var(--sf-ease),box-shadow .2s,border-color .2s}
.hero .btn-primary{background:linear-gradient(100deg,#45dfff,#75eaff);box-shadow:0 8px 30px #1bc3eb20,inset 0 1px #e4fdff99}
.hero .btn-primary::after{content:"";position:absolute;inset:-80% auto -80% -40%;width:25%;background:linear-gradient(90deg,transparent,#fff7,transparent);transform:rotate(25deg);animation:sf-shimmer 6s ease-in-out infinite;pointer-events:none}
@keyframes sf-shimmer{0%,65%{left:-40%}90%,100%{left:140%}}
.btn:active{transform:scale(.97)}
.flow li{transition:border-color .2s,transform .25s var(--sf-ease)}
.flow li::before{box-shadow:inset 0 0 0 1px #45dfff33}
.flow li+li::after{content:"";position:absolute;left:-13px;top:32px;width:12px;height:1px;background:#45dfff55}
@media(hover:hover) and (pointer:fine){.card:hover{border-color:#45dfff55;box-shadow:0 12px 32px #0004;transform:translateY(-4px)}.card:hover::after{opacity:1}.btn:hover{transform:translateY(-2px)}.flow li:hover{border-color:#45dfff66;transform:translateY(-3px)}}
@media(max-width:1060px){.hero .wrap{grid-template-columns:1fr;gap:48px}.hero{padding:60px 0 64px}.hero h1{max-width:15ch;font-size:clamp(42px,6.5vw,66px)}.hero .lead{max-width:65ch}.mock{width:min(100%,720px);margin-inline:auto}}
@media(max-width:640px){.hero{padding:42px 0 48px}.hero h1{font-size:42px}.hero .lead{font-size:15px}.hero .eyebrow{font-size:9px}.hero .wrap{gap:36px}.sf-preview-frame{padding:7px;border-radius:19px}.screen{min-height:430px}.sf-demo-content{padding:18px 13px}.sf-demo-content h3{font-size:21px}.sf-demo-kpis>div{padding:12px 10px}.sf-demo-kpis b{font-size:21px}.sf-preview-caption{font-size:8px;letter-spacing:.1em}.sf-demo-master .sf-demo-content{grid-template-columns:.9fr 1fr;gap:14px;min-height:375px}.sf-demo-master h3{font-size:19px}.sf-demo-master p{font-size:11px}.sf-demo-phone{padding:17px 10px}.sf-demo-bottom{font-size:10px}.flow li+li::after{display:none}.top .brand{font-size:14px;gap:7px}.top .wrap{gap:10px}.top .btn{font-size:12px;padding-inline:12px}.top .login{font-size:12px}.top .brand i{width:29px;height:29px}.sf-preview-tabs button{font-size:11px}.card{padding:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card:hover,.btn:hover,.btn:active,.flow li:hover{transform:none}}

.sf-join-flow{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:960px){.flow.sf-join-flow{grid-template-columns:1fr}}