:root{--bg-page: #111111;--bg-box: #1c1c1d;--bg-box-border: #161a24;--act-main: #2a87d3;--act-main-hover: #1f68d6;--act-main-content: #fff;--a: #5ba7ff;--a-hover: #449bff;--color-base-0: #fff;--color-base-1: #fcfcfc;--color-base-2: #e9e9e9;--color-base-3: #cccccc;--color-base-4: #afafaf;--color-base-5: #9b9b9b;--color-base-6: #7c7c7c}:root{--space: 1rem;--bg: #09090b;--fg: #e3e3e3;--surface-1: #101012;--surface-2: #27272a;--surface-3: #52525b;--ease-out: cubic-bezier(.5, 1, .89, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1)}body{color:var(--color-base-1)}#hero{width:100%;height:100vh;background:linear-gradient(to bottom,#172137,#0e0e13);position:relative;overflow:hidden}#hero #stars{position:absolute;top:0;left:0;width:100%;height:200%;background:url(/assets/img/page/software/stars-1.svg) repeat;background-size:2000px 4000px;animation:animStar 50s linear infinite}#hero #stars2{position:absolute;top:0;left:0;width:100%;height:200%;background:url(/assets/img/page/software/stars-2.svg) repeat;background-size:2000px 4000px;animation:animStar 100s linear infinite}#hero #title{position:absolute;top:50%;left:0;right:0;color:#fff;text-align:center;transform:translateY(-50%);padding-left:10px}#hero #title #title h1{font-size:var(--fs-1);font-weight:300;background:-webkit-linear-gradient(white,#38495a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:8px}@media screen and (min-width:600px){#hero #title #title h1{font-size:var(--fs-1)}}#hero .typer-change{display:block;min-width:100%}@media screen and (min-width:800px){#hero{background:radial-gradient(ellipse at bottom,#1b2735,#090a0f)}#hero .typer-change{display:inline-block;text-align:left;white-space:nowrap;transition:width .25s ease;min-width:unset}}@keyframes animStar{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}#slogan{font-family:var(--f-mono);font-size:var(--fs-4);text-align:center;margin-top:25px;color:#fff}@media screen and (min-width:600px){#slogan{font-size:var(--fs-3)}}@media screen and (min-width:960px){#slogan{font-size:var(--fs-2)}}#slogan span{color:#ff0}#slogan span.selected{background:#09f;color:#fff}#cards{display:grid;grid-template-columns:repeat(var(--count, 1),1fr);gap:var(--space);margin:auto;inline-size:min(var(--max, 15rem),100%)}@media(min-width:25rem){#cards{--count: 2;--max: 30rem}}@media(min-width:45rem){#cards{--count: 4;--max: 60rem}}#cards .card{position:relative;overflow:hidden;display:grid;grid-template-areas:"card";place-items:center;aspect-ratio:4/5;border:1px solid var(--surface-2);isolation:isolate;transition:border-color .2s var(--ease-out);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#cards .card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at bottom left,transparent 55%,var(--surface-1));pointer-events:none;box-shadow:var(--bg) -.5cqi .5cqi 2.5cqi inset;transition:opacity .9s var(--ease-out)}#cards .card:after{content:"";position:absolute;inset:0;margin:auto;aspect-ratio:1;background:radial-gradient(circle,var(--bg),transparent 65%);opacity:0;transition:opacity .8s var(--ease-out)}#cards .card>*{grid-area:card}#cards .card svg{position:relative;z-index:1;width:30%;height:auto;color:var(--surface-3);transition:.3s var(--ease-out);transition-property:color,scale}#cards .card button{opacity:0}#cards .card:focus-within{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}#cards .card:where(:hover,:focus-within){border-color:var(--active-color, var(--fg));transition:border-color .8s var(--ease-in-out)}#cards .card:where(:hover,:focus-within) svg{color:var(--active-color, var(--fg));scale:1.1;transition:.3s var(--ease-in-out)}#cards .card:where(:hover,:focus-within):before{opacity:0}#cards .card:where(:hover,:focus-within):after{opacity:1}#platforms,#services{padding:120px 0}#platforms .card,#services .card{border-radius:8px;background:#252525c2;border:1px solid #1f1f1f}#platforms .card h3,#services .card h3{font-size:var(--fs-3);font-weight:500;margin:0 0 16px}#platforms .card p,#services .card p{color:var(--color-base-3);margin:4px 0}#platforms .intro{padding:0 var(--pd)}#platforms .intro h2,#platforms .intro p{text-align:center}#platforms .row{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:0 var(--pd)}@media screen and (min-width:1024px){#platforms .row{display:grid;grid-template-columns:repeat(5,1fr)}#platforms .row>.card{max-width:none}}#platforms .card{padding:24px 16px;flex:1 1 240px;max-width:320px}#platforms .card img{width:100%;height:64px;object-fit:contain}#platforms .card h3,#platforms .card p{text-align:center}#services .intro{padding:0 var(--pd);text-align:center}#services .grid{display:grid;gap:16px;grid-template-columns:minmax(0,320px);grid-template-rows:repeat(5,auto);position:relative;padding:16px var(--pd);padding-bottom:64px;justify-content:center}#services .grid>img.icon{z-index:3;display:none}#services .grid>img.bg{z-index:1;position:absolute;right:0;width:100%;height:100%;object-fit:cover;opacity:.4}@media screen and (min-width:600px){#services .grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);justify-content:unset;padding:16px var(--pd)}}@media screen and (min-width:960px){#services .grid{grid-template-columns:repeat(3,1fr);padding:48px var(--pd);background:#101010;border-radius:16px}#services .grid>img.icon{display:block;grid-column:3;grid-row:1/4;object-fit:cover;width:100%;height:100%;opacity:0}#services .grid>img.bg{right:0;width:65%;border-radius:16px;opacity:1}#services .grid:after{content:"";position:absolute;right:0;top:0;width:65%;height:100%;background:linear-gradient(to right,var(--bg-page),rgba(17,17,17,0));z-index:2}}#services .card{padding:24px;z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center}#services .card img{height:86px;max-width:100%;margin:0 auto}@media screen and (min-width:600px){#services .card{text-align:left}#services .card img{height:86px;max-width:100%;margin:0}}