.h3-root{--h3-bg:#fcfaf6;--h3-bg-2:#f6f2eb;--h3-surface:#fff;--h3-ink:#1c1611;--h3-ink-2:#4e453a;--h3-ink-3:#877e72;--h3-line:#1c161117;--h3-line-soft:#1c16110d;--h3-accent:#2177b1;--h3-accent-2:#5aaae0;--h3-accent-soft:#2177b114;--h3-warm:#c9803f;--h3-ok:#2e9e63;--h3-radius:18px;--h3-radius-lg:26px;--h3-shadow-sm:0 1px 2px #3626140d, 0 1px 1px #36261408;--h3-shadow:0 2px 6px #3626140d, 0 14px 30px -12px #36261426;--h3-shadow-lg:0 4px 10px #3626140f, 0 34px 60px -24px #36261438;background:var(--h3-bg);color:var(--h3-ink);font-family:var(--font-sans), system-ui, -apple-system, sans-serif;-webkit-font-smoothing:antialiased}.h3-display{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;letter-spacing:-.026em;color:var(--h3-ink);text-wrap:balance;-webkit-hyphens:none;hyphens:none;overflow-wrap:break-word;font-size:clamp(38px,4.5vw + .4rem,74px);font-weight:700;line-height:1.04}.h3-h2{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;letter-spacing:-.024em;color:var(--h3-ink);text-wrap:balance;-webkit-hyphens:none;hyphens:none;overflow-wrap:break-word;font-size:clamp(29px,2.8vw + .4rem,52px);font-weight:700;line-height:1.06}.h3-h3{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;letter-spacing:-.018em;color:var(--h3-ink);text-wrap:balance;-webkit-hyphens:none;hyphens:none;overflow-wrap:break-word;font-size:clamp(22px,1.5vw + .4rem,31px);font-weight:650;line-height:1.14}.h3-it{color:var(--h3-accent);font-style:normal}.h3-grad{background:linear-gradient(100deg, var(--h3-accent) 0%, var(--h3-accent-2) 42%, var(--h3-accent) 84%);-webkit-text-fill-color:transparent;color:#0000;background-size:220%;-webkit-background-clip:text;background-clip:text}.h3-grad-shimmer{animation:9s linear infinite h3-shimmer}@keyframes h3-shimmer{0%{background-position:0%}to{background-position:-220%}}.h3-lede{letter-spacing:-.01em;color:var(--h3-ink-2);text-wrap:pretty;font-size:clamp(18.5px,.6vw + .82rem,22px);line-height:1.58}.h3-body{letter-spacing:-.004em;color:var(--h3-ink-2);text-wrap:pretty;font-size:17.5px;line-height:1.65}.h3-kicker{font-family:var(--font-mono), ui-monospace, SFMono-Regular, monospace;text-transform:uppercase;letter-spacing:.15em;color:var(--h3-ink-3);font-size:13px;font-weight:500;line-height:1.2}.h3-mono{font-family:var(--font-mono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.03em;color:var(--h3-ink-3);font-variant-numeric:tabular-nums;font-size:13px;font-weight:400;line-height:1.5}.h3-index{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;color:var(--h3-accent);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.h3-num{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.033em;color:var(--h3-ink);font-size:clamp(42px,3.8vw,62px);font-weight:700;line-height:.95}.h3-num sup{vertical-align:.5em;color:var(--h3-accent);font-size:.55em}.h3-rule{background:var(--h3-line);border:0;width:100%;height:1px;display:block}.h3-tone{background:var(--h3-bg-2)}.h3-tag{font-family:var(--font-mono), ui-monospace, SFMono-Regular, monospace;text-transform:uppercase;letter-spacing:.2em;color:var(--h3-ink-2);align-items:center;gap:11px;font-size:12.5px;font-weight:500;line-height:1.2;display:inline-flex}.h3-tag:before{content:"";background:linear-gradient(180deg, var(--h3-accent-2), var(--h3-accent));border-radius:2px;flex:none;width:3px;height:15px}@keyframes h3-ping{0%{opacity:.4;transform:scale(.85)}70%,to{opacity:0;transform:scale(2.4)}}.h3-ok-dot{background:var(--h3-ok);border-radius:50%;flex:none;width:7px;height:7px;position:relative}.h3-ok-dot.is-live:after{content:"";background:var(--h3-ok);opacity:.25;border-radius:50%;animation:2.8s cubic-bezier(0,0,.2,1) infinite h3-ping;position:absolute;inset:-3px}.h3-btn{background:var(--h3-ink);color:#fff;min-height:56px;font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:-.01em;border-radius:9999px;justify-content:center;align-items:center;gap:.55rem;padding:16px 28px;font-size:16.5px;font-weight:600;text-decoration:none;transition:background-color .22s,transform .22s,box-shadow .22s;display:inline-flex;box-shadow:0 1px 2px #1c16112e,0 8px 20px -8px #1c161159}.h3-btn:hover{background:#000;transform:translateY(-2px);box-shadow:0 2px 4px #1c161133,0 14px 28px -10px #1c161173}.h3-btn:focus-visible{outline:2px solid var(--h3-accent);outline-offset:3px}.h3-btn svg{transition:transform .32s cubic-bezier(.16,1,.3,1)}.h3-btn:hover svg{transform:translate(3px)}.h3-btn-light{color:var(--h3-ink);background:#fff;box-shadow:0 1px 2px #0000001f,0 10px 24px -10px #0006}.h3-btn-light:hover{color:var(--h3-accent);background:#fff}.h3-btn-ghost{color:var(--h3-ink);box-shadow:none;background:0 0;border:1px solid #1c16112e}.h3-btn-ghost:hover{box-shadow:none;background:#1c16110a;transform:translateY(-2px)}.h3-ink .h3-btn-ghost{color:#fff;border-color:#ffffff40}.h3-ink .h3-btn-ghost:hover{background:#ffffff14}@media (max-width:420px){.h3-btn{gap:.5rem;padding-inline:20px;font-size:15px}}.h3-link{letter-spacing:-.006em;color:var(--h3-accent);align-items:center;gap:7px;font-size:15.5px;font-weight:550;text-decoration:none;display:inline-flex}.h3-link .h3-link-label{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;padding-bottom:2px;transition:background-size .38s cubic-bezier(.16,1,.3,1)}.h3-link:hover .h3-link-label{background-size:100% 1px}.h3-link svg{transition:transform .32s cubic-bezier(.16,1,.3,1)}.h3-link:hover svg{transform:translate(4px)}.h3-icon{width:46px;height:46px;color:var(--h3-accent);background:linear-gradient(140deg,#2177b121,#2177b10a);border:1px solid #2177b126;border-radius:13px;justify-content:center;align-items:center;transition:transform .36s cubic-bezier(.16,1,.3,1);display:inline-flex}.h3-cell:hover .h3-icon{transform:scale(1.06)rotate(-2deg)}.h3-card,.h3-cell{background:var(--h3-surface);border:1px solid var(--h3-line);border-radius:var(--h3-radius);box-shadow:var(--h3-shadow-sm);transition:transform .38s cubic-bezier(.16,1,.3,1),box-shadow .38s,border-color .38s;position:relative}.h3-card:hover,.h3-cell:hover{box-shadow:var(--h3-shadow);border-color:#2177b152;transform:translateY(-4px)}.h3-cell:hover .h3-link{color:var(--h3-accent)}.h3-cell:hover .h3-link svg{transform:translate(4px)}.h3-float{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--h3-line);box-shadow:var(--h3-shadow-lg);background:#ffffffeb;border-radius:16px}.h3-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--h3-ink);border:1px solid var(--h3-line);box-shadow:var(--h3-shadow-lg);background:#fffffff0;border-radius:9999px;align-items:center;gap:12px;padding:11px 18px 11px 11px;display:inline-flex}.h3-chip-dot{background:var(--h3-accent-soft);width:38px;height:38px;color:var(--h3-accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:16px;font-weight:650;display:flex}.h3-dots{background-image:radial-gradient(#2177b166 1.3px,#0000 1.3px);background-size:22px 22px;-webkit-mask-image:radial-gradient(closest-side,#000 30%,#0000 100%);mask-image:radial-gradient(closest-side,#000 30%,#0000 100%)}.h3-figure{margin:0}.h3-frame{border-radius:var(--h3-radius-lg);box-shadow:var(--h3-shadow-lg);border:1px solid var(--h3-line-soft);background:var(--h3-bg-2);position:relative;overflow:hidden}.h3-frame img{transition:transform 1.1s cubic-bezier(.16,1,.3,1)}.h3-figure:hover .h3-frame img{transform:scale(1.04)}.h3-glow{isolation:isolate;position:relative}.h3-glow:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#2177b129,#2177b10d 55%,#0000 78%);width:62%;height:95%;animation:16s ease-in-out infinite h3-drift;position:absolute;top:-25%;right:-8%}.h3-glow:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#ce965f0f,#0000 72%);width:50%;height:80%;animation:19s ease-in-out infinite h3-drift-2;position:absolute;bottom:-30%;left:-10%}@keyframes h3-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-3%,2.5%)scale(1.07)}}@keyframes h3-drift-2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(3%,-2%)scale(1.08)}}.h3-ink{color:#fff;isolation:isolate;background:#1b1611;position:relative}.h3-ink .h3-display,.h3-ink .h3-h2,.h3-ink .h3-h3{color:#fff}.h3-ink .h3-it{color:var(--h3-accent-2)}.h3-ink .h3-grad{background:linear-gradient(102deg,#6fbbec,#bfe2f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.h3-ink .h3-kicker,.h3-ink .h3-mono{color:#ffffff8c}.h3-ink .h3-lede,.h3-ink .h3-body{color:#ffffffb8}.h3-ink .h3-rule{background:#ffffff21}.h3-win{background:var(--h3-accent-soft);border-left:1px solid #2177b138;border-right:1px solid #2177b138}.h3-win-top{border-top:1px solid #2177b138;border-radius:18px 18px 0 0}.h3-win-bottom{border-bottom:1px solid #2177b138;border-radius:0 0 18px 18px}.h3-hg{aspect-ratio:10/12.3;background:var(--h3-surface);border:1px solid var(--h3-line);border-radius:var(--h3-radius-lg);width:100%;box-shadow:var(--h3-shadow-lg);position:relative;overflow:hidden;container-type:inline-size}.h3-hg-seg{background:var(--h3-bg-2);border:1px solid var(--h3-line);z-index:4;border-radius:9999px;gap:2px;padding:4px;display:inline-flex;position:absolute;top:min(5cqw,18px);left:50%;transform:translate(-50%)}.h3-hg-seg button{cursor:pointer;letter-spacing:-.01em;color:var(--h3-ink-3);white-space:nowrap;background:0 0;border:0;border-radius:9999px;padding:min(2.2cqw,8px) min(3.9cqw,14px);font-family:inherit;font-size:min(3.6cqw,13px);font-weight:600;transition:background-color .35s,color .35s,box-shadow .35s}.h3-hg-seg button.is-active{color:var(--h3-ink);box-shadow:var(--h3-shadow-sm);background:#fff}.h3-hg[data-mode=mit] .h3-hg-seg button.is-active{background:var(--h3-accent);color:#fff}.h3-hg-stage{position:absolute;inset:min(20.5cqw,74px) min(2.8cqw,10px) min(16cqw,58px)}.h3-hg-lines{width:100%;height:100%;position:absolute;inset:0}.h3-hg-lines .hg-g{transition:opacity .45s}.h3-hg-lines line{stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linecap:round}.h3-hg-lines .hg-g-mit line{stroke:#2177b180;stroke-dasharray:3 6}.h3-hg-lines .hg-main{stroke:var(--h3-accent);stroke-width:2.5px;stroke-dasharray:4 6}.h3-hg[data-mode=ohne] .hg-g-mit,.h3-hg[data-mode=mit] .hg-g-ohne{opacity:0}.h3-hg[data-mode=ohne] .hg-g-ohne,.h3-hg[data-mode=mit] .hg-g-mit{opacity:1;transition-delay:.35s}.h3-hg-item{z-index:2;transition:left .8s cubic-bezier(.16,1,.3,1),top .8s cubic-bezier(.16,1,.3,1);position:absolute;transform:translate(-50%,-50%)}.h3-hg-chip{background:var(--h3-bg);box-shadow:var(--h3-shadow-sm);color:var(--h3-ink-2);white-space:nowrap;border:1px solid #1c161129;border-radius:9999px;align-items:center;gap:min(1.9cqw,7px);padding:min(2.2cqw,8px) min(3.6cqw,13px);font-size:min(3.6cqw,13px);font-weight:550;transition:border-color .5s,background-color .5s,color .5s;display:flex}.h3-hg-chip>svg{width:min(4.1cqw,15px);height:min(4.1cqw,15px);color:var(--h3-ink-3);flex:none;transition:color .5s}.h3-hg[data-mode=mit] .h3-hg-chip{color:var(--h3-ink);background:#fff;border-color:#2177b152}.h3-hg[data-mode=mit] .h3-hg-chip>svg{color:var(--h3-accent)}.h3-hg-node{border:1px solid var(--h3-line);box-shadow:var(--h3-shadow);background:#fff;border-radius:min(3.9cqw,14px);align-items:center;gap:min(2.5cqw,9px);padding:min(2.8cqw,10px) min(3.9cqw,14px);display:flex;position:relative}.h3-hg-node>svg{width:min(5cqw,18px);height:min(5cqw,18px);color:var(--h3-accent);flex:none}.h3-hg-node .hg-t{color:var(--h3-ink);white-space:nowrap;font-size:min(3.75cqw,13.5px);font-weight:650;line-height:1.15;display:block}.h3-hg-node .hg-s{color:var(--h3-ink-3);white-space:nowrap;margin-top:1px;font-size:min(3.05cqw,11px);font-weight:500;display:block}.h3-hg-pt{z-index:3;transition:left .8s cubic-bezier(.16,1,.3,1),top .8s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),opacity .4s}.h3-hg-pt .h3-hg-node{background:var(--h3-accent);border-color:var(--h3-accent);box-shadow:0 12px 32px -10px #2177b199}.h3-hg-pt .h3-hg-node>svg,.h3-hg-pt .hg-t{color:#fff}.h3-hg-pt .hg-s{color:#ffffffd1}.h3-hg[data-mode=ohne] .h3-hg-pt{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.55)}.h3-hg[data-mode=mit] .h3-hg-pt{opacity:1;transition-delay:.25s;transform:translate(-50%,-50%)scale(1)}.h3-hg-badge{color:#fff;border:2px solid var(--h3-surface);border-radius:50%;justify-content:center;align-items:center;width:min(5.8cqw,21px);height:min(5.8cqw,21px);font-size:min(3.3cqw,12px);font-weight:800;transition:background-color .5s;display:flex;position:absolute;top:max(-2.2cqw,-8px);right:max(-2.2cqw,-8px)}.h3-hg-badge>svg{width:min(3.3cqw,12px);height:min(3.3cqw,12px)}.h3-hg-cap{text-align:center;z-index:2;margin:0;font-size:min(3.3cqw,13px);position:absolute;bottom:min(4.4cqw,16px);left:min(4.4cqw,16px);right:min(4.4cqw,16px)}@keyframes h3-hg-cap-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.h3-hg-capline{font-size:min(3.3cqw,13px);line-height:1.45;animation:.5s both h3-hg-cap-in;display:inline-block}@media (prefers-reduced-motion:reduce){.h3-hg-item,.h3-hg-pt,.h3-hg-chip,.h3-hg-lines .hg-g{transition:none!important;animation:none!important}.h3-hg-capline{animation:none!important}}.h3-spine{background:var(--h3-line);width:1px;position:absolute;top:8px;bottom:8px;left:7px}.h3-spine-fill{background:linear-gradient(180deg, var(--h3-accent-2), var(--h3-accent));transform-origin:top;border-radius:999px;width:3px;transition:transform .12s linear;position:absolute;top:8px;bottom:8px;left:6px;transform:scaleY(0)}.h3-spine-dot{background:var(--h3-bg);border:1px solid #1c161138;border-radius:50%;width:15px;height:15px;transition:background-color .45s,border-color .45s,box-shadow .45s,transform .45s cubic-bezier(.16,1,.3,1);position:absolute;top:5px;left:0}.h3-spine-dot.is-on{background:var(--h3-accent);border-color:var(--h3-accent);transform:scale(1.1);box-shadow:0 0 0 5px #2177b124}@media (prefers-reduced-motion:reduce){.h3-spine-fill{transition:none!important;transform:scaleY(1)!important}.h3-spine-dot{transition:none!important}}.h3-step-dot{background:var(--h3-surface);width:48px;height:48px;box-shadow:var(--h3-shadow-sm);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;color:var(--h3-accent);z-index:1;border:1px solid #2177b14d;border-radius:50%;justify-content:center;align-items:center;font-size:13.5px;font-weight:500;display:inline-flex;position:relative}@keyframes h3-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.h3-rise{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards h3-rise}.h3-reveal{opacity:0;will-change:opacity, transform;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.h3-reveal.is-in{opacity:1;transform:none}.h3-reveal .h3-stagger{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(10px)}.h3-reveal.is-in .h3-stagger{opacity:1;transform:none}.h3-reveal.is-in .h3-stagger:first-child{transition-delay:60ms}.h3-reveal.is-in .h3-stagger:nth-child(2){transition-delay:.14s}.h3-reveal.is-in .h3-stagger:nth-child(3){transition-delay:.22s}.h3-reveal.is-in .h3-stagger:nth-child(4){transition-delay:.3s}.h3-reveal.is-in .h3-stagger:nth-child(5){transition-delay:.38s}.h3-reveal.is-in .h3-stagger:nth-child(6){transition-delay:.46s}@media (prefers-reduced-motion:reduce){.h3-rise,.h3-glow:before,.h3-glow:after,.h3-ok-dot.is-live:after,.h3-grad-shimmer{opacity:1!important;animation:none!important;transform:none!important}.h3-grad{background-position:0%!important}.h3-reveal,.h3-reveal .h3-stagger{opacity:1!important;transition:none!important;transform:none!important}.h3-cell,.h3-card,.h3-icon,.h3-frame img,.h3-link svg,.h3-link .h3-link-label,.h3-btn,.h3-btn svg{transition:none!important}}
