#methode{--accent-glow:#2abdd66b;background:radial-gradient(72% 55% at 12% 0,#2abdd61a,#0000 60%),radial-gradient(64% 52% at 100% 100%,#2abdd60f,#0000 62%),linear-gradient(165deg,#0e1a2b 0%,#0c1626 52%,#0d1b2a 100%)}.sys__inner{gap:var(--space-2xl);margin-top:var(--space-xl);grid-template-columns:1fr 400px;align-items:center;display:grid;position:relative}.sys__stage{aspect-ratio:1/.82;border-radius:var(--radius-card);touch-action:none;background:radial-gradient(closest-side,#2abdd624,#2abdd60a 50%,#0000 78%);width:100%;min-height:380px;position:relative}.sys__stage canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#sys-human{z-index:0;pointer-events:none}#sys-canvas{z-index:1}.sys__hint{align-items:center;gap:var(--space-sm);font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:#ffffff8c;pointer-events:none;white-space:nowrap;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.sys__hint svg{width:14px;height:14px;stroke:var(--primary);fill:none;stroke-width:1.6px}.sys__side{align-self:center}.sys__chips{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.sys__chip{font-family:var(--font-display);letter-spacing:.03em;color:#ffffffc7;cursor:pointer;transition:border-color .25s ease, background-color .25s ease, color .25s ease, transform .25s var(--ease-out);background:#ffffff0a;border:1px solid #ffffff29;border-radius:100px;padding:8px 15px;font-size:12px;font-weight:600}.sys__chip:hover{border-color:var(--primary);color:var(--white);transform:translateY(-2px)}.sys__chip.is-active{border-color:var(--primary);color:var(--white);background:#2abdd626}.sys__chip:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.sys__panel{border-radius:var(--radius-card);padding:var(--space-lg);background:#0d1b2a99;border:1px solid #ffffff17;min-height:210px}.sys__pane{display:none}.sys__pane.is-shown{animation:sys-in .42s var(--ease-out);display:block}@keyframes sys-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.sys__pane h4{color:var(--white);margin-bottom:var(--space-sm);font-size:19px;font-weight:700}.sys__pane p{color:#ffffffbd;font-size:15px;line-height:1.7}.sys__link{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid #ffffff17}.sys__link-label{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-xs);font-size:9px;font-weight:700}.sys__link p{color:#ffffffa8;font-size:13px}.sys__reset{margin-top:var(--space-md);cursor:pointer;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#fff9;background:0 0;border:0;padding:0;font-size:11px;font-weight:700;transition:color .25s}.sys__reset:hover{color:var(--primary)}.sys__reset:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (max-width:1080px){.sys__inner{gap:var(--space-xl);grid-template-columns:1fr}.sys__stage{aspect-ratio:1/.72;min-height:340px}.sys__panel{min-height:0}}@media (max-width:620px){.sys__stage{aspect-ratio:1/.85;min-height:260px}.sys__side{overflow:hidden}.sys__chips{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;margin:0 -16px var(--space-md);scrollbar-width:none;flex-wrap:nowrap;gap:8px;width:calc(100% + 32px);padding:4px 16px 12px;display:flex;overflow-x:auto}.sys__chips::-webkit-scrollbar{display:none}.sys__chips:before,.sys__chips:after{content:none}.sys__chip{scroll-snap-align:center;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:100px;flex:none;width:auto;height:auto;padding:7px 14px;font-size:12px;position:static;transform:none}.sys__chip:hover{transform:none}.sys__chip.is-active{border-color:var(--primary);color:var(--white);background:#2abdd626;box-shadow:0 0 10px #2abdd659}.sys__chip-label{clip:auto;white-space:nowrap;border:0;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.sys__dial-label{display:none}.sys__panel{min-height:0}}
.tex{isolation:isolate;position:relative;overflow:hidden}.tex>.wrap,.hero>.wrap{z-index:1;position:relative}.tex__layer{z-index:0;pointer-events:none;will-change:transform, opacity;position:absolute;inset:-10% -5%}.tex--topo .tex__layer{transform:scale(calc(1 + var(--sp,0) * .22)) translate3d(0, calc(var(--sp,0) * -26px), 0);opacity:calc(.5 + var(--sp,0) * .5);background-image:repeating-radial-gradient(circle at 18% 42%,#0000 0 26px,#2abdd60e 26px 27px)}.tex--grid .tex__layer{transform:translate3d(0, calc(var(--sp,0) * -40px), 0);background-image:linear-gradient(#0d1b2a0b 1px,#0000 1px),linear-gradient(90deg,#0d1b2a0b 1px,#0000 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(90% 70% at 50% 40%,#000 20%,#0000 80%);mask-image:radial-gradient(90% 70% at 50% 40%,#000 20%,#0000 80%)}.section--navy .tex--grid .tex__layer,.tex--grid.section--navy .tex__layer{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px)}.tex--scan .tex__layer{transform:scale(calc(1.05 + var(--sp,0) * .3));opacity:calc(.35 + var(--sp,0) * .65);background-image:repeating-radial-gradient(circle at 82% 30%,#0000 0 54px,#2abdd612 54px 56px)}.tex--scan .tex__layer--b{transform:scale(calc(1.2 - var(--sp,0) * .22));background-image:repeating-radial-gradient(circle at 12% 78%,#0000 0 38px,#c77dff0f 38px 39px)}.tex--pulse .tex__layer{--line:#2abdd629;background-image:repeating-linear-gradient(90deg, transparent 0 118px, var(--line) 118px 119px), repeating-linear-gradient(0deg, transparent 0 118px, var(--line) 118px 119px);opacity:.5;transform:translate3d(calc(var(--sp,0) * -60px), 0, 0);-webkit-mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000)}.pulse-line{z-index:0;pointer-events:none;opacity:.5;height:92px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.pulse-line svg{width:100%;height:100%}.pulse-line path{fill:none;stroke:var(--primary);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #2abdd699);stroke-dasharray:var(--dash,2400);stroke-dashoffset:calc(var(--dash,2400) - var(--sp,0) * var(--dash,2400))}.tex--flow .tex__layer{transform:translate3d(calc(var(--sp,0) * 70px), calc(var(--sp,0) * -30px), 0);background-image:repeating-linear-gradient(116deg,#0000 0 30px,#2abdd60d 30px 31px)}.tex--flow .tex__layer--b{transform:translate3d(calc(var(--sp,0) * -50px), 0, 0);background-image:repeating-linear-gradient(64deg,#0000 0 64px,#c77dff0b 64px 65px)}.grain{z-index:0;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.42'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.hero .grain{opacity:.42;animation:.64s steps(3,end) infinite grain-shift}@keyframes grain-shift{0%{transform:translate(0,0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}to{transform:translate(0,0)}}.tex__fade{z-index:1;pointer-events:none;height:90px;position:absolute;left:0;right:0}.tex__fade--top{background:linear-gradient(#0d1b2a80,#0000);top:0}.tex__fade--bottom{background:linear-gradient(#0000,#0d1b2a73);bottom:0}.tex--drift:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(120% 80% at calc(20% + var(--sp,0) * 60%) calc(30% + var(--sp,0) * 40%), #2abdd61a, transparent 62%), radial-gradient(90% 70% at calc(90% - var(--sp,0) * 55%) calc(80% - var(--sp,0) * 45%), #b96bff1a, transparent 60%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.tex__layer{transform:none!important}.hero .grain{animation:none!important}.pulse-line path{stroke-dashoffset:0!important}}[data-fx=off] .tex__layer,[data-fx=off] .grain,[data-fx=off] .pulse-line{display:none}
#zeitstrahl{--accent-glow:#2abdd673}#zeitstrahl:after{opacity:.28;background:radial-gradient(48% 36% at 50% 62%, var(--accent-glow), transparent 70%);transition:none}.tl{margin-top:var(--space-lg)}.tl__stages{gap:var(--space-lg);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tl__stage{position:relative}.tl__stage-month{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--primary);margin-bottom:var(--space-sm);font-variant-numeric:tabular-nums;font-size:18px;font-weight:600;line-height:1;display:inline-block}.tl__stages--live .tl__stage{opacity:.4;transition:opacity .42s ease, transform .42s var(--ease-out,ease);transform:scale(.98)}.tl__stages--live .tl__stage.is-active{opacity:1;transform:none}.tl__paths{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.tl__path{border-radius:var(--radius-card);padding:var(--space-md);background:#ffffff05;border:1px solid #ffffff17;transition:border-color .4s,background-color .4s;position:relative;overflow:hidden}.tl__path[data-path=without]{filter:saturate(calc(1 - var(--tp,0) * .55))}.tl__path[data-path=without]:before{content:"";pointer-events:none;opacity:var(--tp,0);background:linear-gradient(160deg,#8a9aab1a,#0000 60%);transition:opacity .4s;position:absolute;inset:0}.tl__path--with{border-color:rgba(42, 189, 214, calc(.2 + var(--tp,0) * .5));background:rgba(42, 189, 214, calc(.03 + var(--tp,0) * .06))}.tl__path--with:before{content:"";pointer-events:none;opacity:var(--tp,0);background:radial-gradient(80% 60% at 80% 10%,#ff6bc129,#0000 65%);transition:opacity .4s;position:absolute;inset:0}.tl__path-label{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;margin-bottom:var(--space-sm);color:var(--text-muted);font-size:9.5px;font-weight:700;position:relative}.tl__path--with .tl__path-label{color:var(--primary)}.tl__state{color:#ffffffc7;font-size:13.5px;line-height:1.6;position:relative}.tl__path--with .tl__state{color:var(--white)}.tl__note{margin-top:var(--space-md);padding-top:var(--space-sm);color:#ffffff8c;border-top:1px solid #ffffff17;max-width:70ch;font-size:12px}@media (max-width:760px){.tl__paths{gap:var(--space-sm);grid-template-columns:1fr}.tl__stage-month{font-size:16px}.tl__stages{gap:var(--space-md)}}@media (prefers-reduced-motion:reduce){.tl__stage,.tl__path,.tl__path:before{transition:none!important}.tl__curve path{stroke-dashoffset:0!important}}