.sp-btn{border-radius:var(--radius-md);min-width:220px;height:60px;font:500 20px/26px var(--font-display);place-items:center;padding:0 24px;transition:background-color .15s,border-color .15s,color .15s;display:inline-grid}.sp-btn--primary{background:var(--color-accent);color:var(--color-accent-fg)}.sp-btn--primary:hover{background:var(--color-cyan)}.sp-btn--ghost{border:1px solid var(--color-blue-muted);color:var(--color-blue-muted);backdrop-filter:blur(4px);background:#202a4033;font-weight:400}.sp-btn--ghost:hover{border-color:var(--color-primary);color:var(--color-primary)}.sp-logo{height:var(--h,40px)}@media (width<=639px){.sp-logo{height:calc(var(--h,40px) * .7)}}a.client.sp-client:hover,a.client.sp-client:focus-visible{color:var(--color-fg)}@media (width<=1023px){.sp-client .client__tip{display:none}}.sp-link{font:500 16px/22px var(--font-display);color:var(--color-accent-ink);transition:color .15s}.sp-link:hover{color:var(--color-accent)}.sp-note{text-wrap:pretty;max-width:760px}.sp-note .sp-link{white-space:nowrap}.sp-aside{border-radius:var(--radius-md);background:var(--color-surface-blue);font:16px/24px var(--font-sans);color:var(--color-fg);text-wrap:pretty;gap:12px;padding:24px;display:grid}.sp-aside>span{text-wrap:balance}.sp-aside .sp-link{white-space:nowrap}@media (width>=1024px){.sp-aside{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:40px;padding:28px 40px}}.sp-row{transition:background-color .15s}.sp-row__t{margin-bottom:12px;line-height:36px}.sp-effects{border:1px solid var(--color-line);background:var(--color-line);gap:1px;display:grid}@media (width>=640px){.sp-effects{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.sp-effects{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-effects:has(>li:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}.sp-card{grid-row:span 4;grid-template-rows:subgrid;background:var(--color-bg);align-items:start;row-gap:0;padding:32px;transition:background-color .2s,box-shadow .2s;display:grid;position:relative}.sp-card:hover{z-index:1;background:var(--color-surface-blue);box-shadow:var(--shadow-card)}@media (width>=1024px){.sp-card{padding:50px 44px 44px}}.sp-card__t{color:var(--color-fg);margin-top:28px}.sp-card__x{font:16px/24px var(--font-sans);color:var(--color-muted);margin-top:16px}.sp-pchips{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.sp-pchips--row{align-content:flex-start;margin-top:0}@media (width<=1023px){.sp-repl__f:before{content:attr(data-col);font:500 var(--text-caption)/var(--text-caption--line-height) var(--font-sans);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;display:block}}.sp-pchip{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-bg);font:500 14px/16px var(--font-display);white-space:nowrap;color:var(--color-label);padding:11px 15px;transition:border-color .15s,color .15s;display:block}.sp-pchip:hover,.sp-pchip:focus-visible{border-color:var(--color-accent);color:var(--color-fg)}.sp-projs{gap:24px;display:grid}@media (width>=1024px){.sp-projs{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-projs:has(>li:only-child){grid-template-columns:minmax(0,1fr)}.sp-proj:only-child{grid-row:auto;grid-template-rows:repeat(5,auto) 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start}.sp-proj:only-child>.sp-proj__img{grid-area:1/1/-1;align-self:start}.sp-proj:only-child>:not(.sp-proj__img){grid-column:2}.sp-proj:only-child>.sp-proj__meta{padding-top:40px}}.sp-proj{grid-row:span 6;grid-template-rows:subgrid;border:1px solid var(--color-dots-light);background:var(--color-bg);row-gap:0;transition:border-color .2s,box-shadow .2s;display:grid;position:relative}.sp-proj:hover,.sp-proj:has(:focus-visible){border-color:var(--color-accent);box-shadow:0 16px 40px -24px #1c305e59}.sp-proj>:not(.sp-proj__img,.sp-proj__facts){padding-inline:28px}.sp-proj__img{aspect-ratio:1200/630;background:var(--color-surface-2);display:block;position:relative;overflow:hidden}.sp-proj__img img{object-fit:cover;width:100%;height:100%;transition:scale .5s cubic-bezier(.2,.7,.2,1);display:block}.sp-proj:hover .sp-proj__img img{scale:1.03}.sp-proj__meta{font:12px/18px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);padding-top:26px}.sp-proj__t{font:500 20px/26px var(--font-display);color:var(--color-fg-strong);text-wrap:pretty;padding-top:12px;transition:color .15s}.sp-proj:hover .sp-proj__t{color:var(--color-accent-ink)}.sp-proj__a:after{content:"";position:absolute;inset:0}.sp-proj__facts{border-top:1px solid var(--color-dots-light);grid-template-columns:auto minmax(0,1fr);align-content:start;align-items:baseline;gap:12px 16px;margin:20px 28px 0;padding-top:18px;display:grid}.sp-proj__facts div{display:contents}.sp-proj__facts dt{font:300 24px/30px var(--font-display);white-space:nowrap;color:var(--color-fg-strong)}.sp-proj__facts dd{font:14px/20px var(--font-sans);color:var(--color-muted)}.sp-proj__note{font:14px/20px var(--font-sans);color:var(--color-muted);padding-top:18px}.sp-proj__more{font:500 16px/22px var(--font-display);color:var(--color-accent-ink);align-items:center;gap:8px;padding-block:24px 28px;display:flex}.sp-more{border:1px solid var(--color-dots-light);background:var(--color-dots-light);gap:1px;display:grid}@media (width>=640px){.sp-more{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.sp-more{grid-template-columns:repeat(4,minmax(0,1fr))}}.sp-more__i{background:var(--color-bg);align-content:start;gap:8px;padding:24px 28px 28px;transition:background-color .2s;display:grid;position:relative}.sp-more__i.is-link:hover,.sp-more__i.is-link:has(:focus-visible){background:var(--color-surface-blue)}.sp-more__logo{height:40px;color:var(--color-fg-soft);align-items:center;margin-bottom:8px;transition:color .2s;display:flex}.sp-more__i.is-link:hover .sp-more__logo{color:var(--color-fg)}.sp-more__mark{max-width:170px;height:36px}.sp-more__name{font:500 18px/24px var(--font-display);color:var(--color-fg)}.sp-more__v{font:300 32px/42px var(--font-display);color:var(--color-fg-strong)}.sp-more__a{position:absolute;inset:0}.sp-contour.bg-surface{--sp-bg:var(--color-surface)}.sp-contour.bg-bg{--sp-bg:var(--color-bg)}.sp-scheme{gap:32px;display:grid}.sp-scheme__main{justify-items:stretch;display:grid}.sp-box--r{order:3}.sp-box{flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:relative}.sp-box__x{width:100%;font:16px/24px var(--font-sans);color:var(--color-fg)}.sp-box__t{width:100%;font:20px/26px var(--font-display);text-transform:uppercase;color:var(--color-fg);margin-bottom:10px}.sp-box--side{flex-direction:column;align-items:stretch;gap:0}.sp-box--side .sp-box__t{margin-bottom:20px}.sp-box__side-text{font:16px/22px var(--font-sans);color:var(--color-fg);margin-top:20px}.sp-box--core,.sp-box--dashed{background:var(--sp-bg,var(--color-surface));padding:24px 20px}.sp-box--dashed{border:1px dashed var(--color-fg-soft);border-radius:12px}.sp-box--dashed .sp-box__t{margin-bottom:6px}.sp-box--core{border:1px solid var(--color-accent)}@property --sp-ring{syntax:"<angle>";inherits:false;initial-value:0deg}.sp-box--core:before{content:"";pointer-events:none;background:linear-gradient(var(--color-accent) 0 0) 0 0 / 16px 5px, linear-gradient(var(--color-accent) 0 0) 0 0 / 5px 16px, linear-gradient(var(--color-accent) 0 0) 100% 0 / 16px 5px, linear-gradient(var(--color-accent) 0 0) 100% 0 / 5px 16px, linear-gradient(var(--color-accent) 0 0) 0 100% / 16px 5px, linear-gradient(var(--color-accent) 0 0) 0 100% / 5px 16px, linear-gradient(var(--color-accent) 0 0) 100% 100% / 16px 5px, linear-gradient(var(--color-accent) 0 0) 100% 100% / 5px 16px;background-repeat:no-repeat;position:absolute;inset:-1px}@media (width>=1024px){.sp-scheme{grid-template-columns:310px minmax(0,1fr) 310px;align-items:start;column-gap:30px}.sp-box--l{grid-area:1/1}.sp-scheme__main{background:linear-gradient(var(--color-line) 50%, transparent 0) 0 0 / 1px 8px repeat-y, linear-gradient(var(--color-line) 50%, transparent 0) 100% 0 / 1px 8px repeat-y;grid-area:1/2}.sp-box--r{grid-area:1/3}.sp-box__t,.sp-box__side-text,.sp-depth__t{white-space:pre-line}.sp-box--side .sp-box__t{align-items:flex-end;min-height:60px;margin-bottom:26px;font-size:22px;line-height:30px;display:flex}.sp-box--r .sp-box__t{min-height:30px;margin-top:30px}.sp-box__side-text{margin-top:26px}.sp-box{padding:0 30px}.sp-scheme__main>.sp-box:first-child{padding-top:30px}.sp-box--side{padding:0}.sp-box__t{margin-bottom:20px;font-size:22px;line-height:30px}.sp-box--dashed .sp-box__t{margin-bottom:4px}.sp-box__x{font-size:14px;line-height:20px}.sp-box--core,.sp-box--dashed{box-shadow:0 -20px 0 var(--sp-bg,var(--color-surface)), 0 20px 0 var(--sp-bg,var(--color-surface));padding:29px}}.sp-arrow{z-index:1;background:var(--color-accent);justify-self:center;width:1.6px;height:38px;margin-block:6px;position:relative}.sp-arrow:before,.sp-arrow:after{content:"";border:solid var(--color-accent);border-width:1.6px 0 0 1.6px;width:6px;height:6px;position:absolute;left:-2.2px}.sp-arrow:before{top:1px;rotate:45deg}.sp-arrow:after{bottom:1px;rotate:225deg}.sp-chip{z-index:0;border:1px solid var(--color-line);border-radius:var(--radius-pill);font:500 12px/16px var(--font-display);color:var(--color-fg);padding:5px 18px;transition:border-color .15s,color .15s,z-index .18s linear;display:inline-block;position:relative}.sp-chip--card{font:14px/20px var(--font-sans);border-radius:12px;padding:23px 16px}@media (width>=1024px){.sp-chip:not(.sp-chip--card){font-size:11px}}.sp-chip:hover,.sp-chip:focus-visible{z-index:30;border-color:var(--color-accent);transition-duration:.15s,.15s,0s}.sp-depth{border-top:1px solid var(--color-line);margin-top:56px;padding-top:56px}.sp-depth__list{gap:32px;margin-top:32px;display:grid}.sp-depth__i{align-content:start;gap:12px;display:grid}.sp-depth__n{font:14px/20px var(--font-sans);color:var(--color-accent-ink);align-items:center;gap:16px;display:flex}.sp-depth__n:before{content:"";background:var(--color-accent);width:12px;height:12px}.sp-depth__t{font:20px/24px var(--font-display);color:var(--color-fg);text-wrap:balance;margin-top:8px}.sp-depth__d{font:14px/20px var(--font-sans);color:var(--color-muted)}.sp-oda{font:500 14px/24px var(--font-sans);color:var(--color-fg);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:48px;display:flex}.sp-oda__ico{width:18px;margin-right:-4px}.sp-oda__a{font:500 16px/24px var(--font-sans);color:var(--color-accent-ink);white-space:nowrap;transition:color .15s}.sp-oda__a:hover{color:var(--color-accent)}.sp-oda__dot{background:var(--color-line);border-radius:50%;width:4px;height:4px}@media (width>=1024px){.sp-depth{margin-top:60px;padding-top:60px}.sp-depth__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 84px;margin-top:40px}.sp-depth__i{position:relative}.sp-depth__i+.sp-depth__i:before{content:"";background:#bdc7de;width:1px;position:absolute;top:0;bottom:0;left:-42px}.sp-depth__t{text-wrap:wrap}.sp-oda{gap:8px 16px;margin-top:48px}.sp-oda>span:not([class]){margin-right:24px}}.sp-box{z-index:0;transition:z-index .18s linear}.sp-box:hover,.sp-box:focus-within{z-index:30;transition-duration:0s}.sp-tip{z-index:5;backdrop-filter:blur(24px)saturate(1.6)brightness(.4);text-align:left;white-space:normal;width:280px;color:var(--color-on-dark);opacity:0;transition:opacity .18s ease, translate .18s ease, display .18s allow-discrete;background:linear-gradient(#ffffff0f,#0000 50%),#1c2538d1;border-radius:12px;padding:18px 20px 16px;display:none;position:absolute;top:calc(100% + 10px);left:0;translate:0 6px;box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #ffffff12,0 30px 60px -10px #000a2159}.sp-tip:before{content:"";position:absolute;inset:-10px 0 100%}.sp-tip--r{left:auto;right:0}.sp-chip:hover .sp-tip,.sp-chip:focus-visible .sp-tip{opacity:1;display:block;translate:none}@starting-style{.sp-chip:hover .sp-tip,.sp-chip:focus-visible .sp-tip{opacity:0;translate:0 6px}}.sp-tip b{font:500 16px/22px var(--font-display);color:var(--color-primary);display:block}.sp-tip span{font:14px/20px var(--font-sans);color:var(--color-on-dark-3);margin-top:6px;display:block}.sp-tip:after{content:"Перейти к продукту →";font:500 14px/20px var(--font-display);color:var(--color-on-dark);border-top:1px solid #ffffff1a;margin-top:14px;padding-top:12px;display:block}@media (prefers-reduced-motion:reduce){.sp-tip{transition:none}}@media (hover:none){.sp-tip{display:none!important}}.sp-docs{border:1px solid var(--color-line-dark-strong);background:var(--color-line-dark-strong);gap:1px;display:grid}@media (width>=640px){.sp-docs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.sp-docs{grid-template-columns:repeat(4,minmax(0,1fr))}}.sp-doc{background:var(--color-ink-2);font:15px/23px var(--font-sans);color:var(--color-on-dark-3);align-content:start;gap:14px;padding:20px 26px 32px;display:grid}.sp-doc__art{aspect-ratio:472/440;justify-self:center;width:min(100%,220px);margin-bottom:8px;display:block;overflow:hidden;-webkit-mask:linear-gradient(#0000,#000 8% 86%,#0000);mask:linear-gradient(#0000,#000 8% 86%,#0000)}.sp-doc__gm{width:100%;margin-top:-21.1864%}.sp-doc__t{font:500 16px/22px var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--color-on-dark)}.sp-doc__a{font:500 14px/20px var(--font-display);color:var(--color-primary)}.sp-doc__a:hover{color:var(--color-cyan)}.sp-rule{padding-top:16px;position:relative}.sp-rule:before{content:"";background:var(--color-fg-strong);transform-origin:0;height:2px;position:absolute;inset:0 0 auto}.sp-tl{gap:32px;display:grid}.sp-step{align-content:start;gap:6px;padding-left:32px;display:grid;position:relative}.sp-step:before{content:"";background:var(--color-fg-soft);width:12px;height:12px;position:absolute;top:6px;left:0}.sp-step:last-child:before{background:var(--color-accent)}.sp-step:not(:last-child):after{content:"";background:var(--color-on-dark-muted-2);transform-origin:top;width:1px;position:absolute;top:18px;bottom:-32px;left:5.5px}.sp-step__n{font:300 16px/24px var(--font-display);color:var(--color-muted)}.sp-step__t{font:400 20px/26px var(--font-display);color:var(--color-fg)}.sp-step__x{font:16px/24px var(--font-sans);color:var(--color-muted);text-wrap:pretty;margin-top:2px}@media (width>=1024px){.sp-tl{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:0}.sp-step{padding:38px 32px 0 0}.sp-step:before{top:0}.sp-step:after,.sp-step:not(:last-child):after{content:"";background:var(--color-on-dark-muted-2);transform-origin:0;width:auto;height:1px;position:absolute;inset:5.5px 0 auto 12px}.sp-step:last-child:after{background:linear-gradient(to right, var(--color-on-dark-muted-2), transparent)}.sp-step__t{margin-top:4px}}[data-count]{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:no-preference){[data-rv]{transition-property:opacity,translate,background-color,box-shadow,border-color,z-index;transition-duration:.6s,.6s,.2s,.2s,.2s,.18s;transition-timing-function:cubic-bezier(.2,.7,.2,1),cubic-bezier(.2,.7,.2,1),ease,ease,ease,linear;transition-delay:calc(var(--rv,0) * 80ms), calc(var(--rv,0) * 80ms), 0s, 0s, 0s, 0s}.sp-box[data-rv]:hover,.sp-box[data-rv]:focus-within{transition-duration:.6s,.6s,.2s,.2s,.2s,0s}[data-rv]:not(.is-in){opacity:0;translate:0 16px}[data-rv] .mask-icon{transition:clip-path .7s ease-out calc(var(--rv,0) * 80ms + .25s), translate .2s ease}[data-rv]:not(.is-in) .mask-icon{clip-path:inset(0 100% 0 0)}.sp-rule[data-rv]:before{transition:scale .8s cubic-bezier(.2, .7, .2, 1) calc(var(--rv,0) * 80ms + .15s)}.sp-rule[data-rv]:not(.is-in):before{scale:0 1}.sp-step[data-rv]:after{transition:scale .8s cubic-bezier(.2, .7, .2, 1) calc(var(--rv,0) * 80ms + .15s)}.sp-step[data-rv]:not(.is-in):after{scale:1 0}@media (width>=1024px){.sp-step[data-rv]:not(.is-in):after{scale:0 1}}.sp-box>:nth-child(2),.sp-pchips>:nth-child(2){--k:1}.sp-box>:nth-child(3),.sp-pchips>:nth-child(3){--k:2}.sp-box>:nth-child(4),.sp-pchips>:nth-child(4){--k:3}.sp-box>:nth-child(5){--k:4}.sp-box>:nth-child(6){--k:5}.sp-box>:nth-child(7){--k:6}.sp-box>:nth-child(8){--k:7}.sp-box>:nth-child(9){--k:8}[data-rv] .sp-chip,[data-rv] .sp-pchips>li{transition-property:opacity,scale,translate,border-color,color,z-index;transition-duration:.4s,.5s,.2s,.15s,.15s,.18s;transition-timing-function:ease,cubic-bezier(.2,.7,.2,1),ease,ease,ease,linear;transition-delay:calc(var(--rv,0) * 80ms + .25s + var(--k,0) * 60ms), calc(var(--rv,0) * 80ms + .25s + var(--k,0) * 60ms), 0s, 0s, 0s, 0s}[data-rv] .sp-chip:hover,[data-rv] .sp-chip:focus-visible{transition-duration:.4s,.5s,.2s,.15s,.15s,0s}[data-rv]:not(.is-in) .sp-chip,[data-rv]:not(.is-in) .sp-pchips>li{opacity:0;scale:.9}.sp-pchip{transition:border-color .15s,color .15s,translate .2s}.sp-chip:hover,.sp-chip:focus-visible,.sp-pchip:hover,.sp-pchip:focus-visible{translate:0 -2px}.sp-btn .mask-icon{transition:translate .2s}.sp-btn:hover .mask-icon,.sp-proj:hover .sp-proj__more .mask-icon{translate:2px -2px}.sp-proj__img img{transition-duration:.7s}.sp-proj[data-rv]:not(.is-in) .sp-proj__img img{scale:1.08}.sp-arrow{background:linear-gradient(to bottom, transparent, var(--color-primary), transparent) 0 -100% / 100% 40% no-repeat, var(--color-accent);animation:2.4s linear infinite alternate sp-flow}.sp-arrow:nth-of-type(2){animation-delay:-.8s}.sp-arrow:nth-of-type(3){animation-delay:-1.6s}.sp-arrow:nth-of-type(4){animation-delay:-.4s}.sp-arrow[data-grow]{transition:scale .6s cubic-bezier(.2,.7,.2,1) .3s}.sp-arrow[data-grow]:not(.is-in){scale:1 0}.sp-box--core:after{content:"";pointer-events:none;background:conic-gradient(from var(--sp-ring), transparent 0 72%, var(--color-primary) 88%, transparent);padding:1px;animation:5s linear infinite sp-ring;position:absolute;inset:-1px;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes sp-flow{0%{background-position:0 -100%}to{background-position:0 250%}}@keyframes sp-ring{to{--sp-ring:360deg}}.sp-docs>:nth-child(2) .gm__in>*{animation-delay:-1.8s}.sp-docs>:nth-child(3) .gm__in>*{animation-delay:-3.6s}.sp-docs>:nth-child(4) .gm__in>*{animation-delay:-5.4s}}
