@font-face{font-family:'Outfit';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/outfit-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Outfit';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/outfit-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Outfit';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/outfit-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Outfit';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/outfit-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/dm-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/dm-mono-latin-500-normal.woff2) format('woff2')}

html,body{margin:0;background:#FFFFFF}
[v-cloak]{display:none}
#app-desk{display:block}#app-mob{display:none}
@media (max-width:1023px){#app-desk{display:none}#app-mob{display:block}}
#app-desk [id]{scroll-margin-top:92px}
#app-mob [id]{scroll-margin-top:76px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}


*{box-sizing:border-box}
a{color:#2F5560}a:hover{color:#1E3B43}
button{font-family:inherit}
html{scroll-behavior:smooth}
@keyframes sdlRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes sdlFade{from{opacity:0}to{opacity:1}}
@keyframes sdlType{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes sdlDraw{from{stroke-dashoffset:40}to{stroke-dashoffset:0}}
@keyframes sdlPulse{0%{transform:scale(.6);opacity:.55}100%{transform:scale(2.4);opacity:0}}
@keyframes sdlCard{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes sdlPop{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes sdlPar{from{transform:translateY(0) scale(1.08)}to{transform:translateY(90px) scale(1.08)}}
@keyframes sdlBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.sdl-up{animation:sdlRise .8s cubic-bezier(.2,.7,.2,1) both}
.sdl-d1{animation-delay:.12s}.sdl-d2{animation-delay:.24s}.sdl-d3{animation-delay:.36s}.sdl-d4{animation-delay:.48s}
.sdl-type{animation:sdlType 1s steps(22) both}
.sdl-draw path{stroke-dasharray:40;animation:sdlDraw .9s ease both}
.sdl-card{animation:sdlCard 1s .35s cubic-bezier(.2,.7,.2,1) both}
.sdl-pop{animation:sdlPop .35s cubic-bezier(.2,.7,.2,1) both}
.sdl-fade{animation:sdlFade .5s ease both}
.sdl-bar{transform-origin:left center;animation:sdlBar 1.4s cubic-bezier(.2,.7,.2,1) both}
.sdl-ring{animation:sdlPulse 2.2s ease-out infinite}
.sdl-zoom{overflow:hidden}
.sdl-zoom img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.sdl-zoom:hover img{transform:scale(1.06)}
.sdl-ic svg{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.sdl-ic:hover svg{transform:translateY(-3px) rotate(-4deg)}
.sdl-btn{transition:background-color .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.sdl-btn:hover{transform:translateY(-1px)}
.sdl-pri:hover{background:#1E3B43 !important}
.sdl-ghost:hover{background:rgba(47,85,96,.08) !important}
.sdl-day:not(:disabled):hover{box-shadow:inset 0 0 0 1.5px #2F5560}
.sdl-nav a{transition:opacity .25s ease}
.sdl-nav a:hover{opacity:.65}
.sdl-thumb{transition:opacity .25s ease,box-shadow .25s ease}
.sdl-thumb:hover{opacity:1 !important}
.sdl-track{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.sdl-ind{transition:left .55s cubic-bezier(.2,.7,.2,1)}
.sdl-col{transition:background-color .35s ease,color .35s ease}
.sdl-cut rect{transition:fill .45s ease,stroke .45s ease}
@supports (animation-timeline: view()){
.sdl-rv{animation:sdlRise linear both;animation-timeline:view();animation-range:entry 0% cover 22%}
.sdl-par{animation:sdlPar linear both;animation-timeline:scroll(root);animation-range:0 760px}
.sdl-rbar{transform-origin:left center;animation:sdlBar linear both;animation-timeline:view();animation-range:entry 10% cover 35%}
}
@media (max-width: 900px){
.sdl-hide-m{display:none !important}
.sdl-hero-card{position:relative !important;right:auto !important;bottom:auto !important;width:100% !important;margin-top:24px}
.sdl-strip{padding-right:0 !important}
}
@media (prefers-reduced-motion: reduce){
*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}



*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
a{color:#2F5560}a:hover{color:#1E3B43}
button{font-family:inherit}
html{scroll-behavior:smooth}
@keyframes mRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes mFade{from{opacity:0}to{opacity:1}}
@keyframes mType{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes mDraw{from{stroke-dashoffset:40}to{stroke-dashoffset:0}}
@keyframes mPulse{0%{transform:scale(.6);opacity:.55}100%{transform:scale(2.4);opacity:0}}
@keyframes mSheet{from{transform:translateY(105%)}to{transform:none}}
@keyframes mPanel{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
@keyframes mLink{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@keyframes mCard{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
@keyframes mPar{from{transform:translateY(0) scale(1.1)}to{transform:translateY(70px) scale(1.1)}}
@keyframes mBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes mNudge{0%,70%,100%{transform:translateX(0)}80%{transform:translateX(5px)}90%{transform:translateX(0)}}
.m-up{animation:mRise .8s cubic-bezier(.2,.7,.2,1) both}
.m-d1{animation-delay:.12s}.m-d2{animation-delay:.24s}.m-d3{animation-delay:.36s}
.m-type{animation:mType 1s steps(22) both}
.m-draw path{stroke-dasharray:40;animation:mDraw .9s ease both}
.m-card{animation:mCard 1s .35s cubic-bezier(.2,.7,.2,1) both}
.m-sheet{animation:mSheet .42s cubic-bezier(.2,.8,.2,1) both}
.m-panel{animation:mPanel .38s cubic-bezier(.2,.7,.2,1) both}
.m-link{animation:mLink .5s cubic-bezier(.2,.7,.2,1) both}
.m-fade{animation:mFade .45s ease both}
.m-ring{animation:mPulse 2.2s ease-out infinite}
.m-nudge{animation:mNudge 2.6s ease-in-out infinite}
.m-zoom{overflow:hidden}
.m-zoom img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.m-zoom:active img{transform:scale(1.04)}
.m-ic svg{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.m-ic:active svg{transform:translateY(-2px) rotate(-4deg)}
.m-btn{transition:background-color .25s ease,color .25s ease,transform .2s ease,box-shadow .25s ease,border-color .25s ease}
.m-btn:active{transform:scale(.97)}
.m-x{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.m-x::-webkit-scrollbar{display:none}
.m-x > *{scroll-snap-align:start}
.m-ind{transition:left .5s cubic-bezier(.2,.7,.2,1)}
.m-col{transition:background-color .35s ease,color .35s ease}
.m-cut rect{transition:fill .45s ease}
@supports (animation-timeline: view()){
.m-rv{animation:mRise linear both;animation-timeline:view();animation-range:entry 0% cover 20%}
.m-par{animation:mPar linear both;animation-timeline:scroll(root);animation-range:0 600px}
.m-rbar{transform-origin:left center;animation:mBar linear both;animation-timeline:view();animation-range:entry 10% cover 35%}
}
@media (prefers-reduced-motion: reduce){
*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}