.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-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-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-scheme{gap:16px;display:grid}@media (width>=1024px){.sp-scheme{grid-template-columns:190px minmax(0,1fr) 220px;align-items:stretch;gap:24px}}.sp-scheme__main{justify-items:stretch;display:grid}.sp-box{background:var(--color-surface-blue);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:20px 24px 24px;display:flex;position:relative}.sp-box--side{flex-direction:column;align-items:stretch;padding:20px}.sp-box--dashed{border:1px dashed var(--color-line);background:0 0}.sp-box--dark{background:var(--color-ink);color:var(--color-on-dark)}.sp-box--core{border:1px solid var(--color-accent);background:var(--color-bg);border-radius:0}.sp-box--core:before{content:"";pointer-events:none;background:linear-gradient(var(--color-accent) 0 0) 0 0 / 27px 6px, linear-gradient(var(--color-accent) 0 0) 0 0 / 6px 27px, linear-gradient(var(--color-accent) 0 0) 100% 0 / 27px 6px, linear-gradient(var(--color-accent) 0 0) 100% 0 / 6px 27px, linear-gradient(var(--color-accent) 0 0) 0 100% / 27px 6px, linear-gradient(var(--color-accent) 0 0) 0 100% / 6px 27px, linear-gradient(var(--color-accent) 0 0) 100% 100% / 27px 6px, linear-gradient(var(--color-accent) 0 0) 100% 100% / 6px 27px;background-repeat:no-repeat;position:absolute;inset:-4px}.sp-box__t{width:100%;font:500 12px/18px var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-label);margin-bottom:4px}.sp-box--dark .sp-box__t{color:var(--color-on-dark-muted)}.sp-arrow{background:var(--color-accent);justify-self:center;width:1px;height:24px;margin-block:10px;position:relative}.sp-arrow:before,.sp-arrow:after{content:"";border:solid var(--color-accent);border-width:1px 0 0 1px;width:6px;height:6px;position:absolute;left:-2.5px}.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);background:var(--color-bg);font:500 13px/16px var(--font-display);color:var(--color-fg);border-radius:20px;padding:8px 14px;transition:border-color .15s,color .15s,z-index .18s linear;display:inline-block;position:relative}.sp-chip--ink{border-color:var(--color-fg-strong);background:var(--color-fg-strong);color:var(--color-on-dark)}.sp-chip--api{border-color:var(--color-line-dark);background:var(--color-ink-2);color:var(--color-on-dark)}.sp-chip:hover,.sp-chip:focus-visible{z-index:30;border-color:var(--color-accent);transition-duration:.15s,.15s,0s}.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[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:before{animation:3.2s ease-in-out infinite alternate sp-brk}@keyframes sp-flow{0%{background-position:0 -100%}to{background-position:0 250%}}@keyframes sp-brk{to{scale:1.012 1.05}}.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}}