.lp-grid{background-image:linear-gradient(to right, var(--landing-grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--landing-grid-line) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(80% 70% at 60% 30%,#000 30%,#0000 75%);mask-image:radial-gradient(80% 70% at 60% 30%,#000 30%,#0000 75%)}.lp-contours{background-color:var(--landing-contour);-webkit-mask:url(/images/landing/contours.svg) 50%/cover no-repeat;mask:url(/images/landing/contours.svg) 50%/cover no-repeat}.lp-hero-video{-webkit-mask-image:linear-gradient(270deg,#000 35%,#0000 92%);mask-image:linear-gradient(270deg,#000 35%,#0000 92%)}.dark .lp-hero-video{display:none}[data-reveal=wartet]{opacity:0;transform:translateY(14px)}[data-reveal=sichtbar]{opacity:1;transition:opacity .35s ease-out,transform .35s ease-out;transition-delay:calc(var(--reveal-i,0) * 70ms);transform:none}.lp-mockup{perspective:1800px}.lp-mockup-frame{transform-style:preserve-3d;transition:transform .4s ease-out;transform:rotateY(-7deg)rotateX(3deg)}.lp-mockup:hover .lp-mockup-frame{transform:rotateY(-4deg)rotateX(2deg)}.lp-float{animation:6s ease-in-out infinite lp-float}.lp-float--slow{animation-duration:8s;animation-delay:-2s}@keyframes lp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.lp-tile{background:var(--landing-tile-bg);box-shadow:0 0 0 1px var(--landing-tile-ring), var(--shadow-soft-sm);transition:transform .25s,box-shadow .25s}.lp-tile:hover,.lp-tile:focus-within{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-primary-600) 28%, transparent), var(--shadow-soft-md);transform:translateY(-3px)}.lp-arrow{transition:transform .2s}a:hover>.lp-arrow,a:focus-visible>.lp-arrow{transform:translate(3px)}.lp-code{font-family:var(--font-mono);tab-size:2;font-size:.8125rem;line-height:1.7}.lp-code .t{color:var(--color-primary-300)}.lp-code .a{color:var(--color-secondary-200)}.lp-code .s{color:var(--color-accent-200)}.lp-code .c{color:var(--color-neutral-400)}.lp-route{stroke-dasharray:2 10;stroke-linecap:round}@media (prefers-reduced-motion:reduce){[data-reveal=wartet],[data-reveal=sichtbar]{opacity:1;transition:none;transform:none}.lp-mockup-frame,.lp-mockup:hover .lp-mockup-frame{transition:none}.lp-float{animation:none}.lp-tile,.lp-arrow{transition:none}.lp-tile:hover,.lp-tile:focus-within,a:hover>.lp-arrow{transform:none}}