:root{--demo-bg: #f4fafa;--demo-surface: #ffffff;--demo-fg: #0d3b3f;--demo-muted: #4f6b6d;--demo-accent: #0a7d72;--demo-accent-2: #5ecbc5;--font-elegant: "Inter", sans-serif}body{background:var(--demo-bg);color:var(--demo-fg)}.demo-hero-title[data-astro-cid-6nx4cerv]{font-weight:300;letter-spacing:-.03em}.demo-hero-title[data-astro-cid-6nx4cerv] em[data-astro-cid-6nx4cerv]{font-style:normal;font-weight:600;color:var(--demo-accent)}.demo-hero-sub[data-astro-cid-6nx4cerv],.demo-section-sub[data-astro-cid-6nx4cerv]{color:var(--demo-muted)}.demo-section-title[data-astro-cid-6nx4cerv]{font-weight:300;letter-spacing:-.02em;color:var(--demo-fg)}.demo-section-alt[data-astro-cid-6nx4cerv]{background:#e4f2f1}.demo-menu-card[data-astro-cid-6nx4cerv]{background:#fff;border:1px solid rgba(13,139,128,.15);box-shadow:0 4px 20px #0d3b3f0f}.demo-menu-card[data-astro-cid-6nx4cerv]:hover{box-shadow:0 12px 36px #0d3b3f1f;border-color:#0d8b8066}.demo-nav[data-astro-cid-6nx4cerv].scrolled{background:#f4fafaeb;backdrop-filter:blur(20px)}.demo-cta[data-astro-cid-6nx4cerv]{background:var(--demo-accent);color:#fff}.demo-cta[data-astro-cid-6nx4cerv]:hover{background:var(--demo-accent-2);color:var(--demo-fg)}.state-picker[data-astro-cid-6nx4cerv]{max-width:820px;margin:0 auto}.state-canvas-wrap[data-astro-cid-6nx4cerv]{width:100%;aspect-ratio:16/9;border-radius:24px;overflow:hidden;border:1px solid rgba(13,139,128,.18);background:#f0f9f8;margin-bottom:2rem;box-shadow:0 20px 60px #0d3b3f1a}.state-canvas-wrap[data-astro-cid-6nx4cerv] canvas[data-astro-cid-6nx4cerv]{width:100%;height:100%;display:block}.state-swatches[data-astro-cid-6nx4cerv]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.state-btn[data-astro-cid-6nx4cerv]{background:#fff;border:2px solid rgba(13,139,128,.15);border-radius:14px;padding:1rem 1.75rem;cursor:pointer;transition:all .3s;min-width:150px;font-family:inherit;color:var(--demo-muted);font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.state-btn[data-astro-cid-6nx4cerv]:hover{transform:translateY(-2px);border-color:var(--demo-accent-2);color:var(--demo-fg)}.state-btn[data-astro-cid-6nx4cerv].active{background:var(--demo-accent);color:#fff;border-color:var(--demo-accent);box-shadow:0 6px 20px #0d8b8040}.state-desc[data-astro-cid-6nx4cerv]{margin-top:1.5rem;font-size:.95rem;color:var(--demo-muted);line-height:1.7;max-width:580px;margin-left:auto;margin-right:auto;min-height:3em}.demo-footer[data-astro-cid-6nx4cerv]{border-top-color:#0d8b8026}.demo-footer[data-astro-cid-6nx4cerv] p[data-astro-cid-6nx4cerv],.demo-footer-legal[data-astro-cid-6nx4cerv] a[data-astro-cid-6nx4cerv]{color:var(--demo-muted)}.demo-footer-legal[data-astro-cid-6nx4cerv] a[data-astro-cid-6nx4cerv]:hover{color:var(--demo-accent)}.demo-nav-links[data-astro-cid-6nx4cerv] a[data-astro-cid-6nx4cerv]{color:var(--demo-muted)}.demo-nav-links[data-astro-cid-6nx4cerv] a[data-astro-cid-6nx4cerv]:hover{color:var(--demo-accent)}.demo-hero[data-astro-cid-6nx4cerv].zahn-narrativ{height:300vh;padding-top:0;overflow:visible}.zahn-narrativ-stage[data-astro-cid-6nx4cerv]{position:sticky;top:0;width:100%;height:100vh;height:100dvh;overflow:hidden}.zahn-act[data-astro-cid-6nx4cerv]{transition:opacity .12s linear;will-change:opacity}.zahn-act-3[data-astro-cid-6nx4cerv]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;z-index:3;padding:1.5rem;background:radial-gradient(ellipse 64% 56% at 50% 46%,color-mix(in srgb,var(--demo-bg) 80%,transparent) 0%,transparent 74%)}.zahn-act-3-inner[data-astro-cid-6nx4cerv]{text-align:center;max-width:560px}.zahn-act-3-kicker[data-astro-cid-6nx4cerv]{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--demo-accent);margin-bottom:1rem}.zahn-act-3-title[data-astro-cid-6nx4cerv]{font-family:var(--font-elegant);font-weight:600;font-size:clamp(1.8rem,4vw,3rem);margin-bottom:2rem;color:var(--demo-fg)}.zahn-act-3[data-astro-cid-6nx4cerv] .demo-cta[data-astro-cid-6nx4cerv]{pointer-events:auto}.zahn-scroll-hint[data-astro-cid-6nx4cerv]{position:absolute;left:50%;bottom:2.2rem;transform:translate(-50%);font-size:.7rem;text-transform:uppercase;letter-spacing:.25em;color:var(--demo-muted);z-index:3;pointer-events:none;transition:opacity .4s ease;animation:zahn-hint-bob 2.4s ease-in-out infinite}@keyframes zahn-hint-bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.zahn-anno[data-astro-cid-6nx4cerv]{position:absolute;top:0;left:0;z-index:3;opacity:0;visibility:hidden;pointer-events:none;will-change:transform,opacity}.zahn-anno-dot[data-astro-cid-6nx4cerv]{position:absolute;left:0;top:0;width:9px;height:9px;border-radius:50%;background:var(--demo-accent);box-shadow:0 0 12px var(--demo-accent),0 0 0 4px color-mix(in srgb,var(--demo-accent) 22%,transparent);transform:translate(-50%,-50%)}.zahn-anno-card[data-astro-cid-6nx4cerv]{position:absolute;left:16px;top:-8px;transform:translateY(-100%);white-space:nowrap;display:flex;flex-direction:column;gap:.1rem;padding:.5rem .85rem;border-radius:11px;background:color-mix(in srgb,var(--demo-surface) 86%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--demo-accent) 34%,transparent);box-shadow:0 12px 32px #0d3b3f24}.zahn-anno-label[data-astro-cid-6nx4cerv]{font-size:.62rem;text-transform:uppercase;letter-spacing:.16em;color:var(--demo-accent)}.zahn-anno-val[data-astro-cid-6nx4cerv]{font-size:.92rem;font-weight:500;color:var(--demo-fg)}.zahn-rail[data-astro-cid-6nx4cerv]{position:absolute;right:2.2rem;top:50%;transform:translateY(-50%);width:2px;height:140px;border-radius:2px;background:color-mix(in srgb,var(--demo-muted) 26%,transparent);z-index:3;opacity:0;pointer-events:none;transition:opacity .5s ease}.zahn-rail-fill[data-astro-cid-6nx4cerv]{position:absolute;left:0;top:0;width:100%;height:0%;border-radius:2px;background:linear-gradient(var(--demo-accent),var(--demo-accent-2));box-shadow:0 0 8px color-mix(in srgb,var(--demo-accent) 55%,transparent)}.zahn-rail-tick[data-astro-cid-6nx4cerv]{position:absolute;left:50%;width:5px;height:5px;border-radius:50%;background:color-mix(in srgb,var(--demo-muted) 50%,transparent);transform:translate(-50%,-50%)}@media(max-width:767px),(prefers-reduced-motion:reduce){.demo-hero[data-astro-cid-6nx4cerv].zahn-narrativ{height:100vh;height:100dvh;padding-top:32px}.zahn-narrativ-stage[data-astro-cid-6nx4cerv]{position:relative;height:100%}.zahn-act-3[data-astro-cid-6nx4cerv],.zahn-scroll-hint[data-astro-cid-6nx4cerv],.zahn-anno[data-astro-cid-6nx4cerv],.zahn-rail[data-astro-cid-6nx4cerv]{display:none}}