.stage{background:var(--color-bg);--mouse-x:50%;--mouse-y:50%;--lens-r:110px;position:fixed;inset:0;overflow:hidden}.stage__img{z-index:0;object-fit:cover;object-position:50% 50%;width:100%;height:100%;position:absolute;inset:0}.home-brand{top:var(--space-4);z-index:4;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04091094;border:1px solid #ffffff1f;width:clamp(12rem,21vw,17rem);padding:.45rem .75rem;display:block;position:absolute;left:50%;transform:translate(-50%)}.home-brand__logo{filter:invert();width:100%;height:auto}.stage__lens-img{z-index:1;object-fit:cover;object-position:50% 50%;pointer-events:none;opacity:0;width:100%;height:100%;transform-origin:var(--mouse-x) var(--mouse-y);clip-path:circle(var(--lens-r) at var(--mouse-x) var(--mouse-y));position:absolute;inset:0;transform:scale(1.15)}.stage__lens-ring{z-index:2;left:var(--mouse-x);top:var(--mouse-y);width:calc(var(--lens-r) * 2);height:calc(var(--lens-r) * 2);pointer-events:none;opacity:0;border:1px solid #7cc4ffa6;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 22px #4da3ff59,inset 0 0 18px #4da3ff2e}@media (pointer:fine){html.lens-on .stage{cursor:none}html.lens-on .stage__lens-img,html.lens-on .stage__lens-ring{opacity:1}html.lens-on .stage :is(a,button){cursor:pointer}html.lens-on .stage input{cursor:text}}.stage__overlay{z-index:2;pointer-events:none;position:absolute;inset:0}.stage__flow{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.stage__flow-track,.stage__flow-path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.stage__flow-track{stroke:#70c9eb1a;stroke-width:1.25px}.stage__flow-path{stroke:#9debffe6;stroke-width:2px;stroke-dasharray:3 22;filter:drop-shadow(0 0 4px #3ecffff2);animation:4.8s linear infinite flow-dash}.stage__flow-path:nth-of-type(6){animation-duration:5.3s;animation-delay:-1.35s}.stage__flow-path:nth-of-type(7){animation-duration:4.2s;animation-delay:-2.7s}.stage__flow-path:nth-of-type(8){animation-duration:5.8s;animation-delay:-3.65s}@keyframes flow-dash{to{stroke-dashoffset:-100px}}.hotspot{pointer-events:auto;border-radius:var(--radius-md);width:max(10%,44px);min-width:44px;height:max(17%,44px);min-height:44px;text-decoration:none;position:absolute;transform:translate(-50%,-50%)}.hotspot__label{padding:var(--space-1) var(--space-3);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#0a0f198c;border:1px solid #ffffff1a;font-size:.8125rem;transition:color .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hotspot:hover .hotspot__label,.hotspot:focus-visible .hotspot__label{color:#a5e6ff;border-color:#7ce0ff80;box-shadow:0 0 16px #4dcdff59}.hotspot:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.access{z-index:3;width:min(24rem, calc(100vw - 2 * var(--space-4)));padding:var(--space-4);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0f19b3;border:1px solid #ffffff26;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.access{background:#0a0f19f0}.hotspot__label{background:#0a0f19e6}}.access:focus-within{box-shadow:var(--glow-accent);border-color:#7cc4ff8c}.access__label{margin-bottom:var(--space-2);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:.75rem;display:block}.access__row{gap:var(--space-2);display:flex}.access__input{min-width:0;min-height:var(--tap-target-min);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);border-radius:var(--radius-sm);background:#04091099;border:1px solid #ffffff24;flex:1}.access__input::placeholder{color:var(--color-text-faint)}.access__input:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.access__button{min-height:var(--tap-target-min);padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--color-accent-contrast);background:var(--color-accent);border:1px solid var(--color-accent-strong);border-radius:var(--radius-sm)}.access__button:hover{background:var(--color-accent-strong)}.access__button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.access__error{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-danger)}.datenschutz-link{right:var(--space-5);bottom:var(--space-3);z-index:4;padding:var(--space-1) var(--space-2);font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-text-muted);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0409104d;border:1px solid #ffffff0f;font-size:.75rem;text-decoration:none;position:absolute}.datenschutz-link:hover{color:var(--color-accent-strong)}.datenschutz-link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.badges{display:none}.stage__hint{bottom:var(--space-4);z-index:4;font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-text-faint);white-space:nowrap;pointer-events:none;margin:0;font-size:.8125rem;transition:opacity .7s ease-out;position:absolute;left:50%;transform:translate(-50%)}.stage__hint.is-hidden{opacity:0}@media (max-width:760px){.hotspot,.datenschutz-link,.stage__hint{display:none}.badges{inset-inline:0;bottom:var(--space-3);z-index:4;justify-content:center;gap:var(--space-2);padding:0 var(--space-3);display:flex;position:absolute}.badges__item{min-height:var(--tap-target-min);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f1999;border:1px solid #ffffff1f;align-items:center;font-size:.75rem;text-decoration:none;display:inline-flex}.badges__item:hover{color:#a5e6ff;border-color:#7ce0ff80}.badges__item:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}}@media (pointer:coarse){.stage__hint{display:none}}@media (prefers-reduced-motion:reduce){.stage__lens-img,.stage__lens-ring{display:none}.stage__flow-path{animation:none}.stage__hint,.hotspot__label{transition:none}.stage{cursor:auto}}