.stage.svelte-9p2kyh{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,72px);margin-top:clamp(40px,5vw,72px);display:grid}.schema.svelte-9p2kyh{background:var(--white);border:1px solid var(--line);padding:clamp(16px,3vw,44px)}svg.svelte-9p2kyh{width:100%;height:auto;display:block}.part.svelte-9p2kyh{color:var(--ink);transition:color var(--dur) ease}.solid.svelte-9p2kyh{fill:currentColor}.cut.svelte-9p2kyh{fill:var(--white)}.wire.svelte-9p2kyh{fill:none;stroke:currentColor;stroke-width:3px}.lamp.svelte-9p2kyh{fill:var(--ok-bright)}.pulse.svelte-9p2kyh{fill:var(--red);opacity:0}.enhanced.svelte-9p2kyh .part:where(.svelte-9p2kyh){color:color-mix(in srgb, var(--ink) 26%, var(--white))}.enhanced.svelte-9p2kyh [data-active=server]:where(.svelte-9p2kyh) .server:where(.svelte-9p2kyh),.enhanced.svelte-9p2kyh [data-active=storage]:where(.svelte-9p2kyh) .storage:where(.svelte-9p2kyh),.enhanced.svelte-9p2kyh [data-active=netzwerk]:where(.svelte-9p2kyh) .netzwerk:where(.svelte-9p2kyh),.enhanced.svelte-9p2kyh [data-active=arbeitsplatz]:where(.svelte-9p2kyh) .arbeitsplatz:where(.svelte-9p2kyh){color:var(--red)}.enhanced.svelte-9p2kyh [data-active=netzwerk]:where(.svelte-9p2kyh) .pulse:where(.svelte-9p2kyh){opacity:1;fill:var(--ink);animation:svelte-9p2kyh-run 2.6s var(--ease-in-out) infinite}@keyframes svelte-9p2kyh-run{0%{transform:translate(264px,214px)}25%{transform:translate(264px,180px)}60%{transform:translate(436px,180px)}85%,to{transform:translate(436px,124px)}}.tabs.svelte-9p2kyh{display:none}.enhanced.svelte-9p2kyh .tabs:where(.svelte-9p2kyh){border-top:1.5px solid var(--ink);margin-bottom:1.6rem;display:grid}.tabs.svelte-9p2kyh button:where(.svelte-9p2kyh){border:0;border-bottom:1px solid var(--line-strong);text-align:left;cursor:pointer;color:var(--ink-3);transition:color var(--dur-fast) ease;background:0 0;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:1rem;padding:.95rem 0;display:grid;position:relative}.tabs.svelte-9p2kyh button:where(.svelte-9p2kyh):hover,.tabs.svelte-9p2kyh button.active:where(.svelte-9p2kyh){color:var(--ink)}.idx.svelte-9p2kyh{font-size:var(--fs-label);font-weight:500}.active.svelte-9p2kyh .idx:where(.svelte-9p2kyh){color:var(--red-700)}.tab-title.svelte-9p2kyh{letter-spacing:-.03em;font-size:clamp(1.4rem,1.15rem + .9vw,1.9rem);font-weight:800;line-height:1.1}.bar.svelte-9p2kyh{background:var(--red);transform-origin:0;width:100%;height:3px;animation:7s linear both svelte-9p2kyh-fill;position:absolute;bottom:-1px;left:0}@keyframes svelte-9p2kyh-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.text.svelte-9p2kyh{gap:.6rem;display:grid}.text[hidden].svelte-9p2kyh{display:none}.text.svelte-9p2kyh+.text:where(.svelte-9p2kyh){margin-top:1.6rem}.enhanced.svelte-9p2kyh .text:where(.svelte-9p2kyh)+.text:where(.svelte-9p2kyh){margin-top:0}.enhanced.svelte-9p2kyh .only-plain:where(.svelte-9p2kyh){display:none}.enhanced.svelte-9p2kyh .text:where(.svelte-9p2kyh):not([hidden]){animation:svelte-9p2kyh-swap .5s var(--ease-out) both}@keyframes svelte-9p2kyh-swap{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.body.svelte-9p2kyh{max-width:38em}@media (width>=980px){.stage.svelte-9p2kyh{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.enhanced.svelte-9p2kyh .panel:where(.svelte-9p2kyh){min-height:33rem}}@media (prefers-reduced-motion:reduce){.bar.svelte-9p2kyh{display:none}}.cols.svelte-19k0yhk{border-top:1.5px solid var(--ink);grid-template-columns:minmax(0,1fr);margin:clamp(40px,5vw,72px) 0 0;display:grid}.col.svelte-19k0yhk{border-bottom:1px solid var(--line-strong);align-content:start;gap:.9rem;padding:clamp(1.5rem,2.5vw,2.4rem) 0;display:grid}.art.svelte-19k0yhk{--speed:1;width:240px;max-width:100%;height:auto;margin-bottom:.8rem;overflow:visible}.col.svelte-19k0yhk:hover .art:where(.svelte-19k0yhk){--speed:.5}.ink.svelte-19k0yhk{fill:var(--ink)}.frame.svelte-19k0yhk,.line.svelte-19k0yhk{fill:none;stroke:var(--ink);stroke-width:2.5px}.copy.svelte-19k0yhk{fill:var(--red);transform-origin:148px 60px;animation:svelte-19k0yhk-copy calc(3.4s * var(--speed)) var(--ease-in-out) infinite}@keyframes svelte-19k0yhk-copy{0%,12%{transform:scaleX(0)}55%,88%{transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.fold.svelte-19k0yhk{fill:none;stroke:var(--paper-2);stroke-width:2.5px}.slot.svelte-19k0yhk{fill:var(--paper-2)}.letter.svelte-19k0yhk{animation:svelte-19k0yhk-drop calc(3.8s * var(--speed)) var(--ease-in-out) infinite}@keyframes svelte-19k0yhk-drop{0%,18%{opacity:1;transform:translateY(0)}58%{opacity:1;transform:translateY(58px)}62%,to{opacity:0;transform:translateY(58px)}}.years.svelte-19k0yhk{font-family:var(--font-mono);letter-spacing:.06em;fill:var(--paper);text-transform:uppercase;font-size:13px;font-weight:600}.vm.svelte-19k0yhk{fill:var(--ink);animation:svelte-19k0yhk-vm calc(4.8s * var(--speed)) steps(1) infinite;animation-delay:calc(var(--i) * .4s)}.vm.svelte-19k0yhk:nth-of-type(3n){fill:var(--red)}@keyframes svelte-19k0yhk-vm{0%{opacity:0}8%,to{opacity:1}}.body.svelte-19k0yhk{max-width:34em}@media (width>=900px){.cols.svelte-19k0yhk{grid-template-columns:repeat(3,minmax(0,1fr))}.col.svelte-19k0yhk{border-bottom:0;border-left:1px solid var(--line-strong);padding-inline:clamp(1.4rem,2.4vw,2.6rem)}.col.svelte-19k0yhk:first-child{border-left:0;padding-left:0}.col.svelte-19k0yhk:last-child{padding-right:0}}.grid.svelte-1xv3560{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(44px,6vw,96px);display:grid}.copy.svelte-1xv3560{justify-items:start;gap:1.5rem;display:grid}.lead.svelte-1xv3560{max-width:34em}.picture.svelte-1xv3560{aspect-ratio:16/9;width:100%;margin-top:.8rem;overflow:hidden}.layers.svelte-1xv3560{border-top:1.5px solid var(--paper);margin:0;display:grid}.layers.svelte-1xv3560 li:where(.svelte-1xv3560){border-bottom:1px solid var(--line-dark-strong);grid-template-columns:auto minmax(0,1fr);gap:1.2rem clamp(1rem,2vw,1.8rem);padding:clamp(1.4rem,2.2vw,2rem) 0;display:grid}.icon.svelte-1xv3560{background:var(--red);width:54px;height:54px;color:var(--white);place-items:center;display:grid}.step.svelte-1xv3560{color:#f6f3ee8c;margin-bottom:.3rem}.layers.svelte-1xv3560 .h3:where(.svelte-1xv3560){margin-bottom:.5rem}@media (width>=1000px){.grid.svelte-1xv3560{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.layers.svelte-1xv3560{top:calc(var(--header-h) + 32px);position:sticky}}