.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)}.login-dialog{border:1px solid var(--sk-line);background:var(--sk-surface);width:min(420px,100vw - 32px);color:var(--sk-ink);text-align:center;padding:32px 28px 24px}.login-dialog::backdrop{background:#0000008c}.login-dialog h2{font-family:var(--sk-font-display);margin:0 0 8px}.login-dialog p{margin:0 0 24px}.login-dialog__main{justify-content:center;width:100%;display:flex}.login-dialog__alt{color:var(--sk-muted);opacity:.85;margin-top:14px;font-size:.85rem;display:inline-block}.login-dialog__close{color:inherit;cursor:pointer;background:0 0;border:0;font-size:1.5rem;line-height:1;position:absolute;top:8px;right:10px}:root{--mascot-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23e85a0c' stroke-width='2.4' stroke-linecap='round' opacity='.22' transform='rotate(-8 60 60)'%3E%3Crect x='38' y='38' width='44' height='44' rx='13'/%3E%3Ccircle cx='51' cy='60' r='3.2' fill='%23e85a0c'/%3E%3Cpath d='M64 62q5-7 10 0'/%3E%3C/g%3E%3C/svg%3E")}.fp-hero,.hero{isolation:isolate;position:relative}.fp-hero:before,.hero:before{content:"";z-index:-1;background:radial-gradient(ellipse 50% 70% at 85% 90%, color-mix(in srgb, var(--brand) 22%, transparent), transparent 70%), var(--mascot-pattern);pointer-events:none;position:absolute;inset:0 -100vw -40px;-webkit-mask-image:linear-gradient(#000 40%,#0000);mask-image:linear-gradient(#000 40%,#0000)}.fp-hero{gap:18px;padding:72px 0 56px;display:grid}.fp-eyebrow,.fp-cat__meta{letter-spacing:.14em;text-transform:uppercase;color:var(--sk-muted);font-size:.85rem}.fp-hero h1,.fp-cat h2{font-family:var(--sk-font-display);letter-spacing:-.04em;margin:0;font-weight:800;line-height:.95}.fp-hero h1{font-size:clamp(2.6rem,8vw,5.5rem)}.fp-hero p{max-width:60ch;font-size:1.15rem}.fp-jump{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.fp-jump a{border:1px solid var(--sk-line);background:var(--sk-surface);color:inherit;gap:8px;padding:8px 14px;text-decoration:none;transition:border-color .2s,transform .2s;display:inline-flex}.fp-jump a:hover{border-color:var(--brand);transform:translateY(-2px)}.fp-jump .mono{color:var(--brand)}.fp-cat{border-top:1px solid var(--sk-line);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:48px;padding:72px 0;scroll-margin-top:24px;display:grid}.fp-cat.is-flipped .fp-cat__text{order:2}.fp-cat__meta{justify-content:space-between;display:flex}.fp-num{font-family:var(--sk-font-display);letter-spacing:-.05em;color:var(--brand);margin:12px 0 4px;font-size:clamp(4rem,9vw,7rem);font-style:italic;font-weight:900;line-height:1;display:block}.fp-cat h2{font-size:clamp(2rem,4vw,3rem)}.fp-cat p{font-size:1.1rem}.fp-points{gap:10px;margin:20px 0 0;padding:0;list-style:none;display:grid}.fp-points li{border-left:3px solid var(--brand);padding-left:18px}.fp-mascot{margin-top:24px}.fp-shots{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.fp-shot{border:1px solid var(--sk-line);background:var(--sk-surface);aspect-ratio:4/3;transition:transform .25s,border-color .25s,box-shadow .25s;display:block;overflow:hidden}.fp-shot.is-main{aspect-ratio:16/9;grid-column:1/-1}.fp-shot img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.fp-shot:hover{border-color:var(--brand);box-shadow:0 14px 34px color-mix(in srgb, var(--brand) 30%, transparent);z-index:1;position:relative;transform:scale(1.03)}.reveal,.reveal .fp-shot{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}.reveal.is-in,.reveal.is-in .fp-shot{opacity:1;transform:none}.reveal.is-in .fp-shot:hover{transform:scale(1.03)}@media (prefers-reduced-motion:reduce){.reveal,.reveal .fp-shot{opacity:1;transition:none;transform:none}}@media (max-width:860px){.fp-cat{grid-template-columns:1fr;gap:28px;padding:48px 0}.fp-cat.is-flipped .fp-cat__text{order:0}.fp-shots{grid-template-columns:repeat(2,minmax(0,1fr))}}.feature__num{font-family:var(--sk-font-display);letter-spacing:-.05em;color:var(--brand);font-size:2.4rem;font-style:italic;font-weight:900}.landing-more{margin-top:20px}html{overflow-x:clip}.fp-shot{cursor:zoom-in;padding:0}.lightbox{border:1px solid var(--brand);background:var(--sk-surface);opacity:0;max-width:min(1400px,94vw);max-height:92vh;transition:opacity .28s ease, transform .38s cubic-bezier(.2, .8, .2, 1), overlay .38s allow-discrete, display .38s allow-discrete;padding:0;overflow:visible;transform:scale(.3)}.lightbox[open]{opacity:1;transform:none}@starting-style{.lightbox[open]{opacity:0;transform:scale(.3)}}.lightbox::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:background .3s, backdrop-filter .3s, overlay .3s allow-discrete, display .3s allow-discrete;background:0 0}.lightbox[open]::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf}@starting-style{.lightbox[open]::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0}}.lightbox__img{max-width:100%;max-height:calc(92vh - 2px);animation:.3s lightbox-in;display:block}@keyframes lightbox-in{0%{opacity:0}}.lightbox__close,.lightbox__nav{background:var(--brand);width:44px;height:44px;color:var(--brand-ink);cursor:pointer;border:0;place-items:center;font-size:1.8rem;line-height:1;transition:transform .2s;display:grid;position:absolute}.lightbox__close{top:-18px;right:-18px}.lightbox__nav{top:50%;translate:0 -50%}.lightbox__nav.is-prev{left:-22px}.lightbox__nav.is-next{right:-22px}.lightbox__close:hover,.lightbox__nav:hover{transform:scale(1.12)}@media (prefers-reduced-motion:reduce){.lightbox,.lightbox::backdrop{transition:none}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.nav-drop{position:relative}.nav-drop__menu{z-index:20;border:1px solid var(--sk-line);border-top:3px solid var(--brand);background:var(--sk-surface);opacity:0;visibility:hidden;min-width:220px;padding:8px;transition:opacity .18s,transform .18s,visibility .18s;display:grid;position:absolute;top:100%;left:-12px;transform:translateY(-6px);box-shadow:0 12px 30px #0000004d}.nav-drop:hover .nav-drop__menu,.nav-drop:focus-within .nav-drop__menu{opacity:1;visibility:visible;transform:none}.site-nav .nav-drop__menu a{color:var(--sk-ink);padding:8px 10px}.site-nav .nav-drop__menu a:hover{background:color-mix(in srgb, var(--brand) 14%, transparent);color:var(--sk-ink)}.fp-custom{flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.fp-custom li{background:var(--brand);color:var(--brand-ink);padding:6px 12px;font-weight:700}.site-head{z-index:30;box-shadow:none;clip-path:none;border-image:conic-gradient(var(--brand) 0 0) fill 0 / /0 100vmax;position:relative}.fp-premium{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:start}.fp-premium .fp-cat__meta .i,.nav-drop__premium .i{color:var(--brand);vertical-align:-2px}.site-nav .nav-drop__premium{border-top:1px solid var(--sk-line);align-items:center;gap:6px;margin-top:4px;padding-top:10px;display:flex}@media (max-width:860px){.fp-premium{grid-template-columns:1fr}}.peek-promo{color:#f4f1ec;background:radial-gradient(circle at 80% 30%,#e85a0c40,#0000 55%),#18191b;border-radius:28px;grid-template-columns:minmax(0,1.2fr) minmax(0,360px);align-items:center;gap:48px;padding:48px;display:grid}.peek-promo .eyebrow{color:#e85a0c}.peek-promo h2{font:800 clamp(28px, 4vw, 44px) / 1.05 var(--sk-font-display);letter-spacing:-.02em;color:#f4f1ec;margin:8px 0 12px}.peek-promo p{color:#a6a8ad;max-width:520px;margin:0}.peek-promo__actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.peek-promo__ghost{color:#f4f1ec;background:0 0;border-color:#f4f1ec}.peek-promo__card{background:#232427;border:1.5px solid #34363a;border-radius:16px;transition:transform .3s;position:relative;transform:rotate(2deg)}.peek-promo:hover .peek-promo__card{transform:rotate(0)translateY(-4px)}.peek-promo__peeker{width:64px;height:64px;animation:4s ease-in-out infinite peek-promo-bob;position:absolute;top:-46px;left:28px}.peek-promo__banner{aspect-ratio:16/6;background:linear-gradient(135deg,#2e7d5b,#1f5a41);border-radius:15px 15px 0 0;position:relative}.peek-promo__banner span{font:500 11px/1 var(--sk-font-mono);background:#18191b;border-radius:999px;padding:5px 8px;position:absolute;top:10px;right:10px}.peek-promo__body{flex-direction:column;gap:8px;padding:0 18px 18px;display:flex}.peek-promo__icon{z-index:1;color:#18191b;width:52px;height:52px;font:800 18px/1 var(--sk-font-display);background:#f4f1ec;border:3px solid #232427;border-radius:17px;place-content:center;margin-top:-26px;display:grid;position:relative}.peek-promo__body strong{font:600 19px/1.2 var(--sk-font-display)}.peek-promo__body p{font-size:14px}.peek-promo__tags{flex-wrap:wrap;gap:6px;display:flex}.peek-promo__tags span{font:500 12px/1 var(--sk-font-mono);background:#18191b;border-radius:999px;padding:5px 9px}.peek-promo__stats{font:500 12px/1 var(--sk-font-mono);color:#a6a8ad;gap:14px;display:flex}.peek-promo__stats span:first-child{color:#f4f1ec}.peek-promo__stats i{background:#2f8f4e;border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}@keyframes peek-promo-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.peek-promo__peeker{animation:none}}@media (max-width:820px){.peek-promo{grid-template-columns:minmax(0,1fr);gap:56px;padding:32px 20px 40px}}.doc-hero{padding-bottom:32px}.doc-hero h1{font-size:clamp(2.4rem,7vw,4.5rem)}.doc-asof{color:var(--sk-muted);margin:0;font-size:13px!important}.doc-group{font:700 22px/1.2 var(--sk-font-display);margin:0}.doc-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.doc-tile{border:1px solid var(--sk-line);border-radius:var(--r);background:var(--sk-surface);height:100%;color:inherit;gap:6px;padding:18px 20px;text-decoration:none;transition:border-color .2s,transform .2s;display:grid}.doc-tile:hover{border-color:var(--brand);transform:translateY(-2px)}.doc-tile b{font-size:17px}.doc-tile span{color:var(--sk-ink-2);font-size:14px}.doc{gap:28px;max-width:900px;padding:40px 0 0;display:grid}.doc-back{color:var(--sk-ink-2);justify-self:start;font-size:14px}.doc-head{gap:12px;display:grid}.doc-head h1{font:800 clamp(2.2rem, 6vw, 3.6rem) / 1 var(--sk-font-display);letter-spacing:-.03em;margin:0}.doc-head p{max-width:60ch;margin:0;font-size:1.1rem}.doc-shot{border:1px solid var(--sk-line);border-radius:var(--r);width:auto;max-width:100%;height:auto;max-height:620px;display:block}.doc-part{gap:12px;display:grid}.doc-part h2,.doc-more h2{font:700 22px/1.2 var(--sk-font-display);margin:0}.doc-part p{max-width:65ch;margin:0}.doc-steps{counter-reset:step;gap:10px;margin:0;padding:0;list-style:none;display:grid}.doc-steps li{counter-increment:step;grid-template-columns:32px 1fr;align-items:start;gap:12px;display:grid}.doc-steps li:before{content:counter(step);background:var(--brand);width:28px;height:28px;color:var(--brand-ink);font:700 14px var(--sk-font-mono);border-radius:50%;place-items:center;display:grid}.doc-commands{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.doc-commands code{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:8px;padding:4px 10px;font-size:14px}.doc-actions{flex-wrap:wrap;gap:10px;display:flex}.doc-help,.doc-small{color:var(--sk-ink-2);margin:0;font-size:14px}.doc-more ul,.doc-sources ul{flex-wrap:wrap;gap:8px 18px;margin:12px 0 0;padding:0;list-style:none;display:flex}.doc-sources ul{margin:0;display:grid}.doc-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}@media (max-width:760px){.doc-split{grid-template-columns:1fr}}.tool-out{gap:10px;display:grid}.tool-json summary{cursor:pointer;font-weight:600}.tool-json pre{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:10px;max-height:320px;padding:12px;font-size:12px;overflow:auto}.tool-welcome{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:24px;display:grid}@media (max-width:860px){.tool-welcome{grid-template-columns:1fr}}.tool-welcome__form{gap:14px;display:grid}.tool-welcome__designs{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.tool-welcome__designs legend{margin-bottom:8px}.tool-chip{border:1px solid var(--sk-line);cursor:pointer;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.tool-chip:has(input:checked){border-color:var(--brand);background:color-mix(in srgb, var(--brand) 12%, transparent)}.tool-welcome__preview{gap:14px;margin:0;display:grid;position:sticky;top:24px}.tool-welcome__preview .card-preview__empty{aspect-ratio:1024/450}.tool-welcome__preview figcaption{justify-items:start;gap:8px;display:grid}.tools-promo__head{justify-items:start;gap:10px;display:grid}.tools-promo__head h2{font:800 clamp(28px, 4vw, 44px) / 1.05 var(--sk-font-display);letter-spacing:-.02em;margin:0}.tools-promo__head p{max-width:60ch;color:var(--sk-ink-2);margin:0}.tools-promo__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}@media (max-width:760px){.tools-promo__grid{grid-template-columns:1fr}}.tools-tile{border:1px solid var(--sk-line);border-radius:var(--r);background:var(--sk-surface);color:inherit;grid-template-rows:auto 1fr;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.tools-tile:hover,.tools-tile:focus-visible{border-color:var(--brand);transform:translateY(-4px);box-shadow:0 14px 30px -18px #e85a0c99}.tools-tile__free{z-index:1;background:var(--brand);color:var(--brand-ink);font:700 11px/1.2 var(--sk-font-mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;position:absolute;top:14px;right:14px}.tools-tile__art{aspect-ratio:16/8;background:radial-gradient(circle at 20% 20%,#e85a0c38,#0000 60%),#18191b;place-items:center;padding:48px 28px 24px;display:grid;overflow:hidden}.tools-tile__art>*{transition:transform .3s;transform:rotate(-2deg)}.tools-tile:hover .tools-tile__art>*{transform:rotate(0)scale(1.03)}.tools-tile__art--welcome img{width:100%;height:auto;display:block;box-shadow:0 12px 28px -12px #000000b3}.tools-tile__text{align-content:start;gap:6px;padding:20px 22px 22px;display:grid}.tools-tile__text h3{font:700 21px/1.2 var(--sk-font-display);margin:0}.tools-tile__text p{color:var(--sk-ink-2);margin:0}.tools-tile__go{color:var(--sk-accent-ink);align-items:center;gap:6px;margin-top:6px;font-weight:700;display:inline-flex}.mini-dc{color:#dbdee1;background:#313338;border-radius:8px;gap:10px;width:min(100%,360px);padding:12px;font-size:13px;display:flex;box-shadow:0 12px 28px -12px #000000b3}.mini-dc__avatar{background:var(--brand);border-radius:50%;flex:none;width:32px;height:32px}.mini-dc__body{flex:1;gap:6px;min-width:0;display:grid}.mini-dc__name{color:#f2f3f5;font-weight:700}.mini-dc__embed{border-left:4px solid var(--brand);background:#2b2d31;border-radius:4px;gap:4px;padding:10px 12px;display:grid}.mini-dc__embed b{color:#f2f3f5}.mini-dc__fields{grid-template-columns:1fr 1fr;gap:6px;margin-top:4px;display:grid}.mini-dc__fields i{background:#4e5058;border-radius:4px;height:8px}@media (prefers-reduced-motion:reduce){.tools-tile,.tools-tile__art>*{transition:none;transform:none!important}}.doc-try{border:1px dashed var(--brand);background:color-mix(in srgb, var(--brand) 8%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.doc-try p{margin:0}.hero__tools{color:var(--sk-ink-2);flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:15px;text-decoration:none;display:inline-flex}.hero__tools:hover{color:var(--sk-ink)}.hero__tools-free{background:var(--brand);color:var(--brand-ink);font:700 10px/1.2 var(--sk-font-mono);letter-spacing:.08em;text-transform:uppercase;padding:3px 8px}.tool-cta{gap:14px;max-width:600px;margin-bottom:32px;display:grid}
.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}}
