.site-nav{font:600 13px/1 var(--sk-font-sans);gap:18px;margin-left:auto;display:flex}.site-nav a{text-decoration:none}.site-nav a:hover{color:var(--sk-accent-ink)}.site-foot__links{flex-wrap:wrap;gap:16px;display:flex}.site-foot__links a:hover{color:var(--sk-ink)}.hero__line{display:block}.hero .hero__tagline{font:700 clamp(22px, 3vw, 30px) / 1.2 var(--sk-font-display);letter-spacing:-.02em;color:var(--sk-ink);margin-top:-10px}.facts{border-top:1px solid var(--sk-line);border-bottom:1px solid var(--sk-line);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0 0 24px;display:grid}.facts>div{padding:16px 16px 16px 0}.facts dt{font:800 40px/1 var(--sk-font-display);letter-spacing:-.03em}.facts dd{font:400 13px/1.4 var(--sk-font-sans);color:var(--sk-muted);margin:6px 0 0}.landing-section{gap:18px;margin-top:56px;display:grid}.landing-lead{color:var(--sk-ink-2);max-width:60ch;margin:-8px 0 0}.feature-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.feature{align-content:start;gap:8px;display:grid}.feature h3,.steps h3{font:700 19px/1.25 var(--sk-font-display);letter-spacing:-.01em;margin:0}.feature p,.steps p{color:var(--sk-ink-2);margin:0}.feature__num{color:var(--sk-accent-ink);font-size:13px;font-weight:600}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;border-radius:var(--r-lg);background:var(--sk-surface);border:1px solid var(--sk-line);border-top:3px solid var(--sk-accent);gap:6px;padding:16px;display:grid}.steps li:before{content:counter(step, decimal-leading-zero);font:700 13px/1 var(--sk-font-display);color:var(--sk-accent-ink)}.fair{justify-items:start}.fair h2{font:700 28px/1.15 var(--sk-font-display);letter-spacing:-.02em;margin:0}.fair p{max-width:60ch;margin:0}.public-head{flex-wrap:nowrap;justify-content:flex-start;align-items:center;margin-top:40px}.public-head .server__icon,.public-head img{border-radius:18px;flex:none;width:64px;height:64px}.appeal{max-width:720px}.appeal .stack{gap:16px;display:grid}.legal{max-width:760px;padding-top:40px}.legal h1{font:700 clamp(30px, 5vw, 46px) / 1.1 var(--sk-font-display);letter-spacing:-.025em;margin:0 0 24px}.legal h2{font:600 19px/1.3 var(--sk-font-display);margin:28px 0 8px}.legal p{color:var(--sk-ink-2);margin:0 0 8px}.notice.is-warning{border-color:var(--sk-warning)}@media (max-width:640px){.site-head{flex-wrap:wrap}.site-nav{order:3;width:100%;margin-left:0}.facts dt{font-size:32px}}.community{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 48px;display:flex}.community>div{flex:360px;justify-items:start;gap:12px;display:grid}.community h2,.community p,.community .community-stats{margin:0}.community .community-stats dt{font-size:48px}.emote-fountain{clip-path:inset(-200px -40px 0);flex:0 0 300px;align-self:stretch;margin:-18px 0;position:relative;container-type:size}.emote-fountain__x{animation:7.2s linear infinite sk-fountain-x;animation-delay:var(--delay);position:absolute;bottom:-48px;left:calc(50% - 24px)}.emote-fountain__y{animation:7.2s infinite sk-fountain-y;animation-delay:var(--delay);display:block}@keyframes sk-fountain-x{0%{transform:translate(0)}40%,to{transform:translateX(var(--x))}}@keyframes sk-fountain-y{0%{animation-timing-function:cubic-bezier(.2,.6,.4,1);transform:translateY(0)rotate(0)}20%{transform:translateY(calc(-100cqh - var(--o) + var(--below-top,0px))) rotate(calc(var(--r) / 2));animation-timing-function:cubic-bezier(.6,0,.8,.4)}40%,to{transform:translateY(0) rotate(var(--r))}}@media (prefers-reduced-motion:reduce){.emote-fountain__x,.emote-fountain__y{animation:none}.emote-fountain__x{transform:translateX(var(--x));bottom:-18px}}@media (max-width:720px){.emote-fountain{--below-top:72px;flex-basis:100%;height:160px;margin:0 0 -18px}}.hero h1 em{color:var(--brand)}.hero .hero__tagline{background:linear-gradient(transparent 58%, color-mix(in srgb, var(--brand) 45%, transparent) 58%, color-mix(in srgb, var(--brand) 45%, transparent) 92%, transparent 92%);justify-self:start;margin-left:-6px;padding:0 6px}.facts dt,.landing-section>.section-title{color:var(--sk-accent-ink)}.feature,.steps li{transition:transform .2s,border-color .2s,box-shadow .2s}.feature:hover,.steps li:hover{z-index:2;border-color:var(--brand);box-shadow:0 10px 28px color-mix(in srgb, var(--brand) 28%, transparent);position:relative;transform:scale(1.04)rotate(-1deg)}@media (prefers-reduced-motion:reduce){.feature:hover,.steps li:hover{transform:none}}.community{border-left:4px solid var(--brand)}.fair{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.fair p{color:inherit}.fair .btn--primary{background:var(--brand-ink);border-color:var(--brand-ink);color:var(--brand-paper)}.fair .btn--primary:hover{background:var(--brand-paper);border-color:var(--brand-paper);color:var(--brand-ink)}
.mascot{pointer-events:none;display:block}.mascot svg{width:100%;height:100%;display:block}.mascot .anim,.brand--wink .anim{transform-box:fill-box;transform-origin:50%}.mascot:not(.is-visible) .anim{animation-play-state:paused!important}.facts-wrap{position:relative}.mascot--peek{width:76px;height:76px;position:absolute;bottom:100%;right:8%}.mascot--peek .sidekick{animation:16s infinite sk-peek-up}.mascot--peek .koerper-blob{transform-origin:50% 100%;animation:16s infinite sk-peek-blob}.mascot--peek .gesicht{animation:16s infinite sk-peek-look}.mascot--peek .auge{animation:16s infinite sk-blink-early}@keyframes sk-peek-up{0%,7.5%{animation-timing-function:ease-out;transform:translateY(0)}9%{animation-timing-function:cubic-bezier(.6,0,.9,.5);transform:translateY(-3px)}12.5%,78.375%{animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:translateY(64px)}81.375%{animation-timing-function:ease-in-out;transform:translateY(-8px)}83.375%{transform:translateY(2px)}84.875%,to{transform:translateY(0)}}@keyframes sk-peek-blob{0%,6.5%{transform:scale(1)}8.5%{transform:scale(1.12,.86)}10.5%{transform:scale(.9,1.1)}12.5%,78.875%{transform:scale(1)}80.875%{transform:scale(.88,1.14)}82.875%{transform:scale(1.1,.9)}84.375%{transform:scale(.96,1.04)}85.875%{transform:scale(1.02,.98)}87.375%,to{transform:scale(1)}}@keyframes sk-peek-look{0%,86.875%{transform:translate(0)}88.375%,90.375%{transform:translate(-7px)}92.375%,93.875%{transform:translate(7px)}95.375%,to{transform:translate(0)}}@keyframes sk-blink-early{0%,2.5%{transform:scaleY(1)}3.5%{transform:scaleY(.1)}4.5%,to{transform:scaleY(1)}}.section-title--cool{position:relative}.mascot--cool{width:72px;height:72px;margin-top:-67px;position:absolute;top:50%;right:18%}.mascot--cool svg{overflow:visible}.mascot--cool .sidekick{animation:6s infinite sk-cool-move}.mascot--cool .hopser{animation:6s infinite sk-cool-hop}.mascot--cool .squash{transform-origin:50% 100%;animation:6s infinite sk-cool-squash}.mascot--cool .schatten{animation:6s infinite sk-cool-shadow}.mascot--cool .sonnenbrille{animation:6s infinite sk-cool-glasses}.mascot--cool .auge{animation:6s infinite sk-cool-blink}.mascot--cool .gesicht{animation:6s infinite sk-cool-turn}@keyframes sk-cool-move{0%,5%{animation-timing-function:ease-in-out;transform:translate(0)}16%,18%{animation-timing-function:ease-in-out;transform:translate(12px)}29%,54%{animation-timing-function:ease-in-out;transform:translate(24px)}65%,67%{animation-timing-function:ease-in-out;transform:translate(12px)}78%,to{transform:translate(0)}}@keyframes sk-cool-hop{0%,5%,18%,54%,67%{animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translateY(0)}10.5%,23.5%,59.5%,72.5%{animation-timing-function:cubic-bezier(.6,0,.8,.3);transform:translateY(-14px)}16%,29%,65%,78%,to{transform:translateY(0)}}@keyframes sk-cool-squash{0%,3%,8%,15%,21%,28%,34%,52%,57%,64%,70%,77%,83%,to{transform:scale(1)}5%,17%,29.5%,54%,66%,78.5%{transform:scale(1.12,.88)}6.5%,19%,56%,68.5%{transform:scale(.94,1.06)}}@keyframes sk-cool-shadow{0%,5%,16%,18%,29%,54%,65%,67%,78%,to{opacity:.18;transform:scale(1)}10.5%,23.5%,59.5%,72.5%{opacity:.1;transform:scale(.6)}}@keyframes sk-cool-glasses{0%,32%{animation-timing-function:ease-in-out;transform:translateY(0)}37%,71%{animation-timing-function:cubic-bezier(.6,0,.9,.5);transform:translateY(-17px)}74%{transform:translateY(1.5px)}76%,to{transform:translateY(0)}}@keyframes sk-cool-blink{0%,40%{transform:scaleY(1)}42%{transform:scaleY(.1)}44%,to{transform:scaleY(1)}}@keyframes sk-cool-turn{0%,47%{animation-timing-function:ease-in-out;transform:translate(0)}51%,80%{animation-timing-function:ease-in-out;transform:translate(-10px)}85%,to{transform:translate(0)}}.feature-grid{position:relative}.feature-grid>.feature{z-index:1}.mascot--icons{z-index:3;width:96px;height:96px;position:absolute;top:-62px;right:6px;transform:rotate(12deg)}.mascot--icons .icon-band{transform-box:view-box;transform-origin:0 0;animation:12s infinite sk-icon-band}@keyframes sk-icon-band{0%,12.917%{animation-timing-function:cubic-bezier(.6,0,.3,1);transform:translate(0)}15.667%{animation-timing-function:ease-in-out;transform:translate(-104px)}16.667%,29.583%{animation-timing-function:cubic-bezier(.6,0,.3,1);transform:translate(-100px)}32.333%{animation-timing-function:ease-in-out;transform:translate(-204px)}33.333%,46.25%{animation-timing-function:cubic-bezier(.6,0,.3,1);transform:translate(-200px)}49%{animation-timing-function:ease-in-out;transform:translate(-304px)}50%,62.917%{animation-timing-function:cubic-bezier(.6,0,.3,1);transform:translate(-300px)}65.667%{animation-timing-function:ease-in-out;transform:translate(-404px)}66.667%,79.583%{animation-timing-function:cubic-bezier(.6,0,.3,1);transform:translate(-400px)}82.333%{animation-timing-function:ease-in-out;transform:translate(-504px)}83.333%,96.25%{animation-timing-function:cubic-bezier(.6,0,.3,1);transform:translate(-500px)}99%{animation-timing-function:ease-in-out;transform:translate(-604px)}to{transform:translate(-600px)}}.brand--wink.is-playing .badge-gruppe{animation:4s sk-wink-tilt}.brand--wink.is-playing .auge{animation:4s sk-wink-blink}.brand--wink.is-playing .auge-offen{animation:4s sk-wink-blink,4s sk-wink-open}.brand--wink.is-playing .auge-zwinkern{animation:4s sk-wink-close}@keyframes sk-wink-open{0%,10%{opacity:0}14%,58%{opacity:1}62%,to{opacity:0}}@keyframes sk-wink-close{0%,10%{opacity:1}14%,58%{opacity:0}62%,to{opacity:1}}@keyframes sk-wink-blink{0%,30%{transform:scaleY(1)}33%{transform:scaleY(.1)}36%,to{transform:scaleY(1)}}@keyframes sk-wink-tilt{0%,58%{transform:rotate(0)}64%{transform:rotate(-9deg)}72%{transform:rotate(5deg)}79%{transform:rotate(-2deg)}85%,to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.mascot .anim,.brand--wink .anim{animation:none!important}}@media (max-width:720px){.mascot--peek{width:60px;height:60px}.mascot--cool{right:10%}.mascot--icons{width:64px;height:64px;top:-40px}#features .landing-lead{padding-right:64px}}