#tjanster{--ez:cubic-bezier(.22,1,.36,1);position:relative;z-index:1;background:var(--c-ink,#080808);box-shadow:0 -40px 80px -40px rgba(8,8,8,.35)}

#tjanster .nxv-svc-stage.tjx-on{position:relative;overflow:hidden}
#tjanster .tjx-art{position:absolute;inset:clamp(1rem,.6rem + 1vw,1.5rem) clamp(1rem,.6rem + 1vw,1.75rem) .5rem;container-type:size}
#tjanster .tjx-art>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;user-select:none;-webkit-user-select:none}
#tjanster .is-trio.is-even .nxv-trio-n{transition:-webkit-text-stroke-color 1.4s var(--ez),color 1.4s var(--ez),transform 1.4s var(--ez),text-shadow 1.4s var(--ez)!important;transform-origin:100% 100%}
#tjanster .is-trio.is-even .nxv-svc.is-lit .nxv-trio-n,#tjanster .is-trio.is-even .nxv-svc:focus-within .nxv-trio-n{-webkit-text-stroke-color:rgba(203,253,60,.85)!important;color:rgba(203,253,60,.1);transform:scale(1.05)!important;text-shadow:0 0 2.5rem rgba(203,253,60,.14)}
@media (hover:hover) and (pointer:fine){#tjanster .is-trio.is-even .nxv-svc:hover .nxv-trio-n{-webkit-text-stroke-color:rgba(203,253,60,.85)!important;color:rgba(203,253,60,.1);transform:scale(1.05)!important;text-shadow:0 0 2.5rem rgba(203,253,60,.14)}}
.wx-ed,.wx-br{--u:min(1cqi,1.7cqb);position:absolute;overflow:hidden;border-radius:calc(2.4*var(--u));border:1px solid rgba(236,237,240,.09);box-shadow:0 1.4rem 2.6rem -1.4rem rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.05);will-change:transform}
.wx-ed{left:0;top:0;width:58%;height:100%;background:linear-gradient(180deg,#141416,#0d0d0f)}
.wx-br{right:0;top:11%;width:44%;height:80%;background:linear-gradient(180deg,#19191c,#111113)}
.wx-bar{display:flex;align-items:center;gap:calc(1*var(--u));height:calc(7*var(--u));padding:0 calc(2.2*var(--u));border-bottom:1px solid rgba(236,237,240,.06)}
.wx-bar i{flex:none;width:calc(1.25*var(--u));height:calc(1.25*var(--u));border-radius:50%;background:rgba(236,237,240,.16)}
.wx-bar span{margin-left:calc(1.2*var(--u));font:500 calc(1.9*var(--u))/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:rgba(236,237,240,.42)}
.wx-bar .wx-url{flex:1;display:flex;align-items:center;height:calc(3.8*var(--u));margin-left:calc(1.8*var(--u));padding:0 calc(1.6*var(--u));border-radius:calc(2*var(--u));background:rgba(236,237,240,.05)}
.wx-code{margin:0;padding:calc(1.8*var(--u)) calc(1.6*var(--u)) 0 0;font:400 calc(2.45*var(--u))/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#8a8d95;white-space:pre;transition:opacity .8s var(--ez),transform .7s var(--ez)}
.wx-code .l{display:flex;min-height:1.6em}
.wx-code .l.on{background:linear-gradient(90deg,rgba(236,237,240,.06),rgba(236,237,240,0) 80%)}
.wx-code .n{flex:none;width:calc(6.2*var(--u));padding-right:calc(2*var(--u));text-align:right;color:rgba(236,237,240,.17)}
.wx-code .l.on .n{color:rgba(236,237,240,.45)}
.wx-code .t,.wx-code .k{color:#cfd1d6}.wx-code .a,.wx-code .c{color:#9b9ea6}.wx-code .s,.wx-code .v{color:#f3f4f6}.wx-code .p{color:#5c5f66}.wx-code .x{color:#8a8d95}
.wx-cr{display:inline-block;width:.56em;height:1.12em;margin-left:.05em;vertical-align:-.2em;background:#e9eaee;animation:wxcr 1.1s steps(2,start) infinite}
@keyframes wxcr{to{visibility:hidden}}
.wx-pg{display:flex;flex-direction:column;gap:calc(2*var(--u));padding:calc(2.4*var(--u));font-family:Manrope,system-ui,sans-serif;color:#eceef2}
.wx-pg [data-i]{opacity:0;transform:translateY(calc(1.4*var(--u)));outline:1px solid rgba(236,237,240,0);outline-offset:calc(.7*var(--u));border-radius:calc(.8*var(--u));transition:opacity 1s var(--ez),transform 1s var(--ez),outline-color 1.6s var(--ez),box-shadow 1.6s var(--ez)}
.wx-pg [data-i].in{opacity:1;transform:none}
.wx-pg [data-i].nw{outline-color:rgba(236,237,240,.5);box-shadow:0 0 calc(3.5*var(--u)) rgba(236,237,240,.12)}
.wx-nav{display:flex;align-items:center;gap:calc(2.2*var(--u));font-size:calc(1.9*var(--u));color:rgba(236,237,240,.55)}
.wx-nav b{margin-right:auto;font-size:calc(2.3*var(--u));font-weight:700;letter-spacing:-.01em;color:#f3f4f6}
.wx-hero{display:flex;flex-direction:column;align-items:flex-start;gap:calc(1.3*var(--u));padding:0;border-radius:calc(1.8*var(--u));transition:padding 1.4s var(--ez),background-color 1.4s var(--ez),box-shadow 1.4s var(--ez)}
.wx-hero.css{padding:calc(2.6*var(--u));background-color:#1d1e22;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(236,237,240,.06)}
.wx-hero .wx-h1{margin:0;font-size:calc(4.1*var(--u));font-weight:600;line-height:1.02;letter-spacing:-.03em;color:#f5f6f8}
.wx-hero p{margin:0;font-size:calc(1.9*var(--u));color:rgba(236,237,240,.5)}
.wx-btn{display:inline-block;padding:calc(1*var(--u)) calc(2.2*var(--u));font-size:calc(1.9*var(--u));font-weight:600;color:#eceef2;border:1px solid rgba(236,237,240,.35);border-radius:calc(.3*var(--u));background-color:rgba(236,237,240,0);transition:opacity 1s var(--ez),transform 1s var(--ez),border-radius 1.4s var(--ez),background-color 1.4s var(--ez),color 1.4s var(--ez),outline-color 1.6s var(--ez),box-shadow 1.6s var(--ez)}
.wx-btn.css{border-radius:99px;background-color:#e6e7ea;color:#111214;border-color:rgba(236,237,240,0)}
.wx-img{height:calc(15*var(--u));border-radius:calc(1.4*var(--u));background:radial-gradient(circle at 72% 30%,rgba(255,255,255,.6) 0 calc(1.6*var(--u)),rgba(255,255,255,.1) calc(1.9*var(--u)),rgba(255,255,255,0) calc(8*var(--u))),linear-gradient(180deg,rgba(0,0,0,0) 62%,rgba(0,0,0,.35) 62%),linear-gradient(155deg,#45474d 0%,#222327 55%,#151619 100%)}
.wx-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(1.2*var(--u))}
.wx-cards div{padding:calc(3.4*var(--u)) calc(1.3*var(--u)) calc(1.3*var(--u));font-size:calc(1.8*var(--u));border-radius:calc(1.1*var(--u));border:1px solid rgba(236,237,240,.08);background:rgba(236,237,240,.04);color:rgba(236,237,240,.78)}
.tjx-art.wx-out .wx-code{opacity:0}
@media (prefers-reduced-motion:reduce){#tjanster .is-trio.is-even .nxv-trio-n,.wx-pg [data-i],.wx-hero,.wx-btn{transition:none!important}.wx-cr{animation:none}}