.nav-link.active{color:var(--accent)}.nav-link.active::after{width:100%;background:var(--accent)}.wb-zahlen{position:relative;overflow:hidden;padding:110px 0}@media (min-width:1024px){.wb-zahlen .zahlen-grid{grid-template-columns:repeat(3,1fr)}}.related-articles{padding:0 0 120px}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.related-card{display:block;padding:1.5rem;text-decoration:none;color:inherit}.related-card h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--accent-strong)}.related-card p{font-size:.9rem;color:var(--day-text-2);margin:0}.showcase-section{padding:120px 0}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.showcase-card{border-radius:16px;overflow:hidden;border:1px solid var(--gray-200);background:var(--white);box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.04);transition:all .4s var(--ease-out-expo)}.showcase-card:hover{transform:translateY(-6px);box-shadow:0 8px 32px rgba(0,0,0,.08)}.showcase-browser-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--gray-50);border-bottom:1px solid var(--gray-100)}.showcase-dots{display:flex;gap:5px}.showcase-dots span{width:8px;height:8px;border-radius:50%}.showcase-dots span:nth-child(1){background:#ff5f57}.showcase-dots span:nth-child(2){background:#ffbd2e}.showcase-dots span:nth-child(3){background:#28ca41}.showcase-browser-title{font-size:.7rem;color:var(--gray-400);font-family:"SF Mono","Fira Code",monospace}.showcase-preview{height:220px;overflow:hidden;position:relative}.showcase-preview-inner{height:400px;transition:transform .8s var(--ease-out-expo)}.showcase-card:hover .showcase-preview-inner{transform:translateY(-180px)}.showcase-gradient-1{background:linear-gradient(135deg,#0a0e1a 0,#1a1a2e 30%,#16213e 60%,#0f3460 100%)}.showcase-gradient-2{background:linear-gradient(135deg,#fce4ec 0,#f8bbd0 30%,#f48fb1 60%,#ec407a 100%)}.showcase-gradient-3{background:linear-gradient(135deg,#e8eaf6 0,#c5cae9 30%,#9fa8da 60%,#7986cb 100%)}.showcase-preview-inner{padding:24px;display:flex;flex-direction:column;gap:16px}.showcase-mock-heading{height:14px;width:60%;background:rgba(255,255,255,.3);border-radius:4px}.showcase-mock-text{height:8px;width:80%;background:rgba(255,255,255,.15);border-radius:4px}.showcase-mock-text:nth-child(3){width:65%}.showcase-mock-btn{width:80px;height:24px;background:rgba(255,255,255,.25);border-radius:100px}.showcase-mock-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.showcase-mock-card{height:60px;background:rgba(255,255,255,.1);border-radius:8px}.showcase-mock-image{width:100%;height:80px;background:rgba(255,255,255,.12);border-radius:8px}.showcase-info{padding:20px}.showcase-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--black);margin-bottom:4px}.showcase-type{font-size:.82rem;color:var(--gray-400);margin-bottom:12px}.showcase-tags{display:flex;flex-wrap:wrap;gap:6px}.showcase-tags span{padding:4px 10px;background:var(--gray-50);border:1px solid var(--gray-100);border-radius:100px;font-size:.7rem;font-weight:600;color:var(--gray-500)}.wb-bento-section{padding:120px 0;position:relative;overflow:hidden}.wb-bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.wb-bento-card{padding:32px 28px;overflow:hidden}.wb-bento-wide{grid-column:span 2;display:flex;gap:32px;align-items:center}.wb-bento-span2{grid-column:span 2}.wb-bento-wide .wb-bento-text{flex:1;min-width:0}.wb-bento-wide .wb-bento-visual{flex:1;min-width:0}.wb-bento-label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-bright);background:rgba(76,111,255,.14);padding:4px 10px;border-radius:6px;margin-bottom:12px}.wb-bento-card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--night-text);margin-bottom:8px;line-height:1.3}.wb-bento-card p{font-size:.9rem;color:var(--night-text-2);line-height:1.6}.wb-radar{position:relative;width:100%;max-width:280px;margin:0 auto}.wb-radar svg{width:100%;height:auto;overflow:visible}.wb-radar-shape{opacity:0;transition:opacity .6s ease}.wb-radar.animated .wb-radar-shape{opacity:1}.wb-radar-dot{fill:var(--night-card);stroke:var(--accent-bright);stroke-width:2.5;opacity:0;transition:opacity .4s ease,r .3s ease,filter .3s ease}.wb-radar.animated .wb-radar-dot{opacity:1}.wb-radar-dot:hover{r:7;filter:drop-shadow(0 0 8px rgba(123,147,255,.6));cursor:pointer}.wb-radar-lbl{position:absolute;font-size:.7rem;color:var(--night-text-2);letter-spacing:.01em;white-space:nowrap;opacity:0;transition:opacity .5s ease}.wb-radar.animated .wb-radar-lbl{opacity:1}.wb-radar-lbl b{display:block;font-size:.82rem;font-weight:700;color:var(--accent-bright);margin-top:1px;transition:color .6s ease}.wb-radar-lbl b.low{color:rgba(154,163,186,.55)}.wb-radar-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--night-text-2);background:var(--night-card);border:1px solid var(--night-border-soft);padding:4px 12px;border-radius:20px;opacity:0;transition:all .5s cubic-bezier(.16,1,.3,1)}.wb-radar-badge.visible{opacity:1}.wb-radar-badge.after{color:var(--accent-bright);border-color:rgba(123,147,255,.35);box-shadow:0 0 16px rgba(76,111,255,.22)}.wb-radar-shape-before{fill:rgba(180,180,180,.08)!important;stroke:rgba(180,180,180,.4)!important}.wb-perf-visual{margin-top:16px;display:flex;flex-direction:column;gap:16px}.wb-perf-meter{display:flex;flex-direction:column;gap:10px}.wb-perf-bar-track{position:relative;height:6px;background:rgba(158,178,255,.12);border-radius:3px;overflow:hidden}.wb-perf-bar-fill{position:absolute;top:0;left:0;height:100%;width:0%;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent-bright));transition:width 1.5s cubic-bezier(.16,1,.3,1)}.wb-perf-bar-fill.green,.wb-perf-bar-fill.blue,.wb-perf-bar-fill.purple{background:linear-gradient(90deg,var(--accent),var(--accent-bright))}.wb-perf-bar-label{position:absolute;top:-18px;left:0;font-size:.7rem;color:var(--night-text-2)}.wb-perf-bar-val{position:absolute;top:-18px;right:0;font-size:.7rem;font-weight:700;color:var(--night-text);opacity:0;transition:opacity .5s ease 1.5s}.wb-perf-meter.animated .wb-perf-bar-val{opacity:1}.wb-perf-speed{text-align:center;padding:10px;background:rgba(158,178,255,.07);border-radius:12px}.wb-perf-speed-val{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--accent-bright);line-height:1}.wb-perf-speed-unit{font-size:1rem;font-weight:600;color:var(--accent-bright)}.wb-perf-speed-label{font-size:.72rem;color:var(--night-text-2);margin-top:2px}.wb-responsive-visual{margin-top:16px;display:flex;justify-content:center}.wb-device-frame{width:100%;max-width:220px;border:2px solid var(--night-border);border-radius:12px;padding:8px;background:var(--night-card-2);animation:wbDeviceMorph 6s ease-in-out infinite}@keyframes wbDeviceMorph{0%,to{max-width:220px;border-radius:12px}30%,35%{max-width:140px;border-radius:16px}65%,70%{max-width:100px;border-radius:20px}}.wb-device-screen{background:rgba(5,7,14,.55);border-radius:6px;padding:8px;overflow:hidden}.wb-mock-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.wb-mock-logo{width:20px;height:6px;background:var(--accent-bright);border-radius:3px}.wb-mock-nav-links{display:flex;gap:4px}.wb-mock-link{width:16px;height:3px;background:rgba(158,178,255,.2);border-radius:2px}.wb-mock-hero{height:28px;background:linear-gradient(135deg,rgba(76,111,255,.35),rgba(76,111,255,.12));border-radius:4px;margin-bottom:6px}.wb-mock-content{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.wb-mock-block{height:4px;background:rgba(158,178,255,.18);border-radius:2px}.wb-mock-block.short{width:60%}.wb-mock-cards-row{display:flex;gap:4px}.wb-mock-card-item{flex:1;height:18px;background:rgba(158,178,255,.08);border:1px solid var(--night-border-soft);border-radius:3px}.wb-code-editor{margin-top:16px;border-radius:12px;overflow:hidden;border:1px solid var(--night-border-soft);background:var(--night-2)}.wb-code-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(158,178,255,.06);border-bottom:1px solid var(--night-border-soft)}.wb-code-dots{display:flex;gap:5px}.wb-code-dots span{width:8px;height:8px;border-radius:50%;background:rgba(158,178,255,.28)}.wb-code-filename{font-size:.7rem;color:var(--night-text-2);font-family:"JetBrains Mono",monospace}.wb-code-body{height:180px;overflow:hidden;position:relative;padding:4px 0}.wb-code-body::before,.wb-code-body::after{content:"";position:absolute;left:0;right:0;height:32px;z-index:2;pointer-events:none}.wb-code-body::before{top:0;background:linear-gradient(to bottom,var(--night-2) 0%,transparent 100%)}.wb-code-body::after{bottom:0;background:linear-gradient(to top,var(--night-2) 0%,transparent 100%)}.wb-code-scroll{display:flex;flex-direction:column;animation:wbCodeScroll 22s linear infinite}.wb-code-editor:hover .wb-code-scroll{animation-play-state:paused}@keyframes wbCodeScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.wbc-line{display:flex;align-items:baseline;padding:0 12px;min-height:22px;font-size:.72rem;line-height:22px;font-family:"JetBrains Mono",monospace}.wbc-ln{width:24px;flex-shrink:0;color:rgba(154,163,186,.4);text-align:right;margin-right:12px;user-select:none;font-size:.65rem}.wbc-kw{color:var(--night-text);font-weight:600}.wbc-cls{color:var(--accent-bright)}.wbc-fn{color:var(--accent-bright)}.wbc-var{color:var(--night-text-2)}.wbc-op{color:rgba(154,163,186,.6)}.wbc-str{color:#a9bbff}.wbc-cm{color:rgba(154,163,186,.45);font-style:italic}.wbc-num{color:var(--accent-bright)}.wb-workflow{display:flex;align-items:center;gap:6px;padding:16px;background:rgba(158,178,255,.05);border:1px solid var(--night-border-soft);border-radius:14px}.wb-wf-node{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.wb-wf-node>svg{width:40px;height:40px;padding:10px;border-radius:10px;border:2px solid var(--night-border);background:var(--night-card-2);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.wb-wf-node:hover>svg{transform:scale(1.1);box-shadow:0 4px 16px rgba(76,111,255,.25)}.wb-wf-node.orange>svg,.wb-wf-node.green>svg,.wb-wf-node.purple>svg,.wb-wf-node.blue>svg{border-color:rgba(123,147,255,.45)}.wb-wf-node-label{font-size:.65rem;color:var(--night-text-2);white-space:nowrap}.wb-wf-connector{width:28px;height:2px;background:rgba(158,178,255,.2);position:relative;flex-shrink:0;margin-bottom:18px}.wb-wf-pulse{position:absolute;top:-3px;width:8px;height:8px;background:var(--accent-bright);border-radius:50%;animation:wbPulse 2.2s ease-in-out infinite}@keyframes wbPulse{0%{left:-4px;opacity:0}10%{opacity:1}90%{opacity:1}to{left:calc(100% - 4px);opacity:0}}@media (max-width:1024px){.showcase-grid{grid-template-columns:1fr 1fr!important}.wb-bento-grid{grid-template-columns:repeat(2,1fr)}.wb-bento-wide,.wb-bento-span2{grid-column:span 2}}@media (max-width:768px){.showcase-grid{grid-template-columns:1fr!important}.wb-bento-grid{grid-template-columns:1fr}.wb-bento-wide,.wb-bento-span2{grid-column:span 1}.wb-bento-wide{flex-direction:column}.wb-bento-wide .wb-bento-visual{width:100%}.showcase-section,.wb-bento-section,.wb-zahlen{padding:80px 0}.related-articles{padding:0 0 80px}@keyframes wbDeviceMorph{0%,to{max-width:100%;border-radius:12px}}}