@import"https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--c-back:#15171b;--c-pattern:#26292d;--c-text:#c9d1d9;--c-primary:#593fcf;--c-panel:#05050541;--c-muted:#6a7179;--c-active:linear-gradient(to left, #3fbecf 0%, #593fcf 50%, #9d00db 100%);--a-width:5.5rem;--b-radius-a:12px;--b-radius-l:6px 24px;--b-radius-lf:6px;--b-radius-r:24px 6px;--gap:6px;--around:12px;--animation:all .32s ease-out}*,*:before,*:after{box-sizing:border-box}html,body{background:var(--c-back);color:var(--c-text);font-family:Barlow,sans-serif;font-size:20px;font-weight:400;line-height:1.5;scroll-behavior:smooth;padding:0;margin:0}a{color:var(--c-primary)}@keyframes headingContent{20%{--m1:transparent;--m2:var(--c-primary);--m3:transparent;--m4:transparent;--m5:transparent}40%{--m1:transparent;--m2:transparent;--m3:var(--c-primary);--m4:transparent;--m5:transparent}60%{--m1:transparent;--m2:transparent;--m3:transparent;--m4:var(--c-primary);--m5:transparent}80%{--m1:transparent;--m2:transparent;--m3:transparent;--m4:transparent;--m5:var(--c-primary)}to{--m1:transparent;--m2:transparent;--m3:transparent;--m4:transparent;--m5:var(--c-primary)}}body{padding:var(--around);min-height:100svh;>aside{@supports (animation-timeline: scroll()){--m1: var(--c-primary);--m2: transparent;--m3: transparent;--m4: transparent;--m5: transparent}position:fixed;top:var(--around);bottom:var(--around);left:var(--around);width:var(--a-width);display:flex;flex-direction:column;align-items:center;gap:var(--gap);padding:var(--gap) 0;justify-content:center;animation:headingContent step-end;animation-timeline:scroll();>nav{display:flex;flex-direction:column;align-items:center;gap:var(--gap);padding:var(--gap) 0;width:var(--a-width);background-color:var(--c-panel);border-radius:var(--b-radius-l);>a:nth-child(1){background:var(--m1);border-radius:6px 24px 6px 6px}>a:nth-child(2){background:var(--m2)}>a:nth-child(3){background:var(--m3)}>a:nth-child(4){background:var(--m4)}>a:nth-child(5){background:var(--m5);border-radius:6px 6px 6px 24px}>a{color:var(--c-text);width:calc(var(--a-width) - var(--gap) * 2);height:3.4rem;font-size:.9rem;display:flex;justify-content:center;align-items:center;text-decoration:none;transition:var(--animation);background-color:transparent;border-radius:var(--b-radius-lf);&:hover{color:var(--c-back);cursor:pointer;font-size:1.115rem;font-weight:600;background:var(--c-active);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}}}>.logo{width:calc(var(--a-width));height:calc(var(--a-width));border:none;>img{width:100%;height:100%;object-fit:cover;border-radius:var(--b-radius-r)}transition:var(--animation);&:hover{>img{filter:drop-shadow(0 0 6px var(--c-primary));animation:shake .3s infinite}transform:scale(1.1)}}}>main{margin-left:calc(var(--a-width) + var(--around));>section{position:relative;scroll-margin-top:calc(var(--around) * 3 - var(--gap));height:calc(100svh - var(--around) * 5);margin-top:32px;display:grid;grid-column-gap:var(--gap);grid-row-gap:var(--gap);div{background-color:var(--c-panel);border-radius:var(--b-radius-a)}header{background-color:var(--c-panel);border-radius:var(--b-radius-a);border-width:0 0 3px 0;border-style:solid;border-image:linear-gradient(to right,transparent,#593fcf90,transparent) 1;h2{font-size:clamp(2rem,6svw,9rem);margin:0 auto;padding:0;font-weight:400;width:fit-content;display:flex;justify-content:center;align-items:center;text-align:center;color:var(--c-primary);background:var(--c-active);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}}&:nth-child(1){margin-top:24px}&:before{content:"";display:block;position:absolute;inset:-26px 0 auto;height:18px;border-radius:4px;background-image:radial-gradient(var(--c-pattern) 1px,transparent .5px);background-size:4px 4px}}}}::selection{color:var(--c-back);background-color:var(--c-primary)}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(4deg)}75%{transform:rotate(-4deg)}}.hero{text-align:center;font-size:1rem;border-radius:var(--b-radius-a);background:var(--c-panel)url(/min/hero-home-MT3ZOYWB.avif)no-repeat 50%/cover;color:#fff;>h1{font-size:clamp(2rem,10svw,12rem);margin:0;font-weight:400;text-shadow:0 0 10px rgba(0,0,0,.7)}>h1,>i{mix-blend-mode:exclusion}display:flex;flex-direction:column;justify-content:center;align-items:center}.content{padding:var(--gap)var(--around);color:var(--c-text);line-height:1.6}#about{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(9,1fr);header{grid-area:1 / 1 / 2 / 9}.content{grid-area:2 / 1 / 10 / 7}.avatar{grid-area:2 / 7 / 7 / 9;>img{width:100%;height:100%;object-fit:cover;border-radius:var(--b-radius-a)}}.role{grid-area:7 / 7 / 8 / 9;background-image:none;a{display:flex;justify-content:center;align-items:center;text-align:center;transition:var(--animation);font-size:2rem;color:var(--c-muted);text-decoration:none;width:100%;height:100%}&:hover{background-color:var(--c-primary);a{color:var(--c-back)}}}}#products{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(9,1fr);header{grid-area:1 / 1 / 2 / 9}.product-sys-logo{grid-area:2 / 1 / 5 / 3;padding:2rem}.product-sys-desc{grid-area:2 / 3 / 5 / 9}.product-pro-logo{grid-area:5 / 1 / 8 / 3;padding:2rem}.product-pro-desc{grid-area:5 / 3 / 8 / 9}.product-next{grid-area:8 / 1 / 10 / 9}.logo{width:100%;height:100%;aspect-ratio:1 / 1;place-self:center;border-radius:var(--b-radius-a)}}#contact{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(9,1fr);header{grid-area:1 / 1 / 2 /9}.accent{grid-area:1 / 8 / 2 / 9}.contanct-email{grid-area:2 / 1 / 10 / 9}}#brand{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(9,1fr);header{grid-area:1 / 1 / 2 / 9}.accent{grid-area:1 / 8 / 2 / 9}.documents{grid-area:2 / 1 / 10 / 4}.license{grid-area:2 / 4 / 10 / 9}}.text-c{text-align:center}