.kw{--kw-cycle: 9s;--kw-link: 1.75rem}@media(min-width:768px){.kw{--kw-link: 2.35rem}}.kw-machine{display:flex;flex-direction:column;align-items:center;margin-top:2.5rem}.kw-app{position:relative;width:100%}.kw-app-crop .dd-window{box-shadow:0 8px 20px #18181b0d}.kw-app-crop .dd-browser-body>div>header~*{display:none}.kw-live{position:absolute;top:-.75rem;right:1.25rem;z-index:1;display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .7rem;border-radius:9999px;background:var(--color-surface);border:1px solid var(--color-border);font-size:.75rem;font-weight:600;color:var(--color-accent-hover);box-shadow:0 2px 6px #18181b0f}.kw-live-dot{width:.45rem;height:.45rem;border-radius:9999px;background:var(--color-accent);animation:kw-blink 2s ease-in-out infinite}.kw-stem{display:none}.kw-cards{display:grid;gap:1rem;margin-top:2rem}.kw-card{position:relative;display:flex;flex-direction:column;border-radius:1rem;border:1px solid var(--color-border);background:var(--color-surface)}.kw-station{position:relative;border-bottom:1px solid var(--color-border);border-radius:1rem 1rem 0 0;background:color-mix(in oklab,var(--color-surface-soft) 60%,transparent);overflow:hidden}.kw-station:after{content:"";position:absolute;inset:0;background:color-mix(in oklab,var(--color-accent) 7%,transparent);opacity:0}.kw-station svg{display:block;width:100%;height:auto}.kw-copy{display:flex;flex-direction:column;flex:1;padding:1.25rem 1.4rem 1.4rem}.kw-copy h3{font-size:1.125rem;font-weight:600;color:var(--color-fg)}.kw-copy p{margin-top:.4rem;flex:1;line-height:1.6;color:var(--color-fg-muted)}.kw-copy a{margin-top:1rem;align-self:flex-start;font-weight:500;color:var(--color-fg);text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:2px;text-underline-offset:4px}.kw-copy a:hover{color:var(--color-accent)}.kw-shape{fill:#fff;stroke:var(--color-border-strong);stroke-width:1.5}.kw-shape--accent{fill:var(--color-accent-soft);stroke:var(--color-accent)}.kw-shape--app{fill:#eef0ff;stroke:#c7d2fe}.kw-line{fill:none;stroke:var(--color-border-strong);stroke-width:1.5;stroke-linecap:round}.kw-line--accent{stroke:var(--color-accent)}.kw-track{stroke:var(--color-border);stroke-width:2;stroke-dasharray:3 5}.kw-bar{fill:var(--color-border-strong)}.kw-bar--app{fill:#818cf8}.kw-caption{font:500 11px var(--font-sans);fill:var(--color-fg-subtle);text-anchor:middle;letter-spacing:.02em}.kw-packet{fill:var(--color-accent);opacity:0}.kw-dot{fill:var(--color-accent);transform-box:fill-box;transform-origin:center}.kw-dot-7,.kw-beam{opacity:0}.kw-beam-glow{fill:color-mix(in oklab,var(--color-accent) 16%,transparent)}.kw-beam-line{stroke:var(--color-accent);stroke-width:2}.kw-badge{transform-box:fill-box;transform-origin:center}.kw-badge circle{fill:var(--color-accent)}.kw-badge path{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.kw-person{fill:#a5b4fc}.kw-visitor{transform:translate(96px)}.kw-post{stroke:var(--color-border-strong);stroke-width:3;stroke-linecap:round}.kw-lock-ring{fill:#fff;stroke:var(--color-border-strong);stroke-width:1.5}.kw-lock-body{fill:var(--color-fg-subtle)}.kw-lock-shackle{fill:none;stroke:var(--color-fg-subtle);stroke-width:2;stroke-linecap:round}.kw-lock-open{opacity:0}.kw-pulse{display:none}@media(min-width:768px){.kw-machine{margin-top:3rem}.kw-stem{display:block;width:2px;height:var(--kw-link);background:var(--color-border-strong)}.kw-cards{position:relative;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:var(--kw-link)}.kw-cards:before{content:"";position:absolute;top:calc(-1 * var(--kw-link));height:2px;background:var(--color-border-strong);left:calc((100% - 2.5rem) / 6);right:calc((100% - 2.5rem) / 6)}.kw-card:before{content:"";position:absolute;top:calc(-1 * var(--kw-link));left:calc(50% - 1px);width:2px;height:var(--kw-link);background:var(--color-border-strong)}.kw-pulse{display:block;position:absolute;top:calc(-1 * var(--kw-link));left:calc(50% - 4px);z-index:1;width:8px;height:8px;border-radius:9999px;background:var(--color-accent);box-shadow:0 0 0 4px color-mix(in oklab,var(--color-accent) 20%,transparent);opacity:0}}.kw-card--backups .kw-station:after{animation:kw-glow-1 var(--kw-cycle) ease-in-out infinite}.kw-card--scans .kw-station:after{animation:kw-glow-2 var(--kw-cycle) ease-in-out infinite}.kw-card--access .kw-station:after{animation:kw-glow-3 var(--kw-cycle) ease-in-out infinite}.kw-card--backups .kw-pulse{animation:kw-pulse-1 var(--kw-cycle) ease-in infinite}.kw-card--scans .kw-pulse{animation:kw-pulse-2 var(--kw-cycle) ease-in infinite}.kw-card--access .kw-pulse{animation:kw-pulse-3 var(--kw-cycle) ease-in infinite}.kw-packet{animation:kw-packet var(--kw-cycle) cubic-bezier(.45,0,.3,1) infinite}.kw-packet-1{animation-delay:.35s}.kw-packet-2{animation-delay:.7s}.kw-dots{animation:kw-conveyor var(--kw-cycle) ease-in-out infinite}.kw-dot-0{animation:kw-dot-leave var(--kw-cycle) ease-in-out infinite}.kw-dot-7{animation:kw-dot-arrive var(--kw-cycle) cubic-bezier(.2,.9,.3,1.4) infinite}.kw-beam{animation:kw-beam var(--kw-cycle) ease-in-out infinite}.kw-badge{animation:kw-badge var(--kw-cycle) cubic-bezier(.2,.9,.3,1.3) infinite}.kw-visitor{animation:kw-visitor var(--kw-cycle) ease-in-out infinite}.kw-lock-ring{animation:kw-lock-ring var(--kw-cycle) ease infinite}.kw-lock-body{animation:kw-lock-fill var(--kw-cycle) ease infinite}.kw-lock-shackle{animation:kw-lock-stroke var(--kw-cycle) ease infinite}.kw-lock-shut{animation:kw-lock-stroke var(--kw-cycle) ease infinite,kw-lock-shut var(--kw-cycle) steps(1) infinite}.kw-lock-open{animation:kw-lock-stroke var(--kw-cycle) ease infinite,kw-lock-open var(--kw-cycle) steps(1) infinite}@keyframes kw-glow-1{0%,to{opacity:0}4%,26%{opacity:1}32%{opacity:0}}@keyframes kw-glow-2{0%,34%{opacity:0}38%,58%{opacity:1}64%,to{opacity:0}}@keyframes kw-glow-3{0%,67%{opacity:0}71%,92%{opacity:1}98%,to{opacity:0}}@keyframes kw-pulse-1{0%{opacity:0;translate:0 0}1%{opacity:1}5%{opacity:1;translate:0 calc(var(--kw-link) - .15rem)}6%,to{opacity:0;translate:0 calc(var(--kw-link) - .15rem)}}@keyframes kw-pulse-2{0%,33%{opacity:0;translate:0 0}34%{opacity:1}38%{opacity:1;translate:0 calc(var(--kw-link) - .15rem)}39%,to{opacity:0;translate:0 calc(var(--kw-link) - .15rem)}}@keyframes kw-pulse-3{0%,66%{opacity:0;translate:0 0}67%{opacity:1}71%{opacity:1;translate:0 calc(var(--kw-link) - .15rem)}72%,to{opacity:0;translate:0 calc(var(--kw-link) - .15rem)}}@keyframes kw-packet{0%,4%{opacity:0;transform:translate(0)}6%{opacity:1}17%{opacity:1;transform:translate(116px)}19%,to{opacity:0;transform:translate(116px)}}@keyframes kw-conveyor{0%,20%{transform:translate(0)}25%,to{transform:translate(-30px)}}@keyframes kw-dot-leave{0%,20%{opacity:1}24%,to{opacity:0}}@keyframes kw-dot-arrive{0%,21%{opacity:0;transform:scale(.3)}26%,to{opacity:1;transform:scale(1)}}@keyframes kw-beam{0%,36%{opacity:0;transform:translateY(4px)}38%{opacity:1}50%{opacity:1;transform:translateY(104px)}53%,to{opacity:0;transform:translateY(104px)}}@keyframes kw-badge{0%,52%{opacity:0;transform:scale(.4)}56%{opacity:1;transform:scale(1)}88%{opacity:1;transform:scale(1)}96%,to{opacity:0;transform:scale(1)}}@keyframes kw-visitor{0%,67%{opacity:0;transform:translate(0)}69%{opacity:1}75%,79%{opacity:1;transform:translate(84px)}89%{opacity:1;transform:translate(222px)}92%,to{opacity:0;transform:translate(222px)}}@keyframes kw-lock-ring{0%,76%{fill:#fff;stroke:var(--color-border-strong)}78%,90%{fill:var(--color-accent);stroke:var(--color-accent)}93%,to{fill:#fff;stroke:var(--color-border-strong)}}@keyframes kw-lock-fill{0%,76%{fill:var(--color-fg-subtle)}78%,90%{fill:#fff}93%,to{fill:var(--color-fg-subtle)}}@keyframes kw-lock-stroke{0%,76%{stroke:var(--color-fg-subtle)}78%,90%{stroke:#fff}93%,to{stroke:var(--color-fg-subtle)}}@keyframes kw-lock-shut{0%{opacity:1}78%{opacity:0}91%{opacity:1}}@keyframes kw-lock-open{0%{opacity:0}78%{opacity:1}91%{opacity:0}}@keyframes kw-blink{50%{opacity:.35}}.kw-paused *,.kw-paused *:before,.kw-paused *:after{animation-play-state:paused!important}.kb{--kb-cycle: 10s;--kb-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}.kb-rows{display:grid;gap:3.5rem;margin-top:3.5rem}.kb-row{display:flex;flex-direction:column-reverse;gap:1.5rem}.kb-ill{display:flex;align-items:center;justify-content:center;padding:1.5rem 1.25rem;border-radius:1.25rem;border:1px solid var(--color-border);background:color-mix(in oklab,var(--color-surface-soft) 70%,transparent)}.kb-ill--preview svg{display:block;width:100%;max-width:34rem;height:auto;overflow:visible}.kb-copy{display:flex;flex-direction:column}.kb-copy h3{font-size:1.5rem;line-height:1.25;font-weight:600;letter-spacing:var(--tracking-display);color:var(--color-fg)}.kb-copy p{margin-top:.75rem;max-width:30rem;font-size:1.0625rem;line-height:1.65;color:var(--color-fg-muted)}.kb-copy a{margin-top:1.25rem;align-self:flex-start;font-weight:500;color:var(--color-fg);text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:2px;text-underline-offset:4px}.kb-copy a:hover{color:var(--color-accent)}@media(min-width:768px){.kb-rows{gap:5rem;margin-top:4.5rem}.kb-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:4rem}.kb-row>.kb-copy{order:-1}.kb-row--flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.kb-row--flip>.kb-copy{order:1}.kb-ill{height:21rem;padding:1.75rem 2rem}.kb-copy h3{font-size:1.875rem}}.kb-win{fill:#fff;stroke:var(--color-border-strong);stroke-width:1.5;filter:drop-shadow(0 6px 10px rgba(24,24,27,.07))}.kb-win--preview{stroke:#a5b4fc}.kb-win-line{stroke:var(--color-border);stroke-width:1.5}.kb-win-dot{fill:var(--color-border-strong)}.kb-brand{fill:#4f46e5}.kb-ink{fill:var(--color-fg-subtle)}.kb-ink--soft{fill:var(--color-border-strong)}.kb-row{fill:var(--color-surface-soft)}.kb-pill--live{fill:var(--color-accent-soft)}.kb-pill--preview{fill:#eef0ff}.kb-pill-text{font:600 10px var(--font-sans)}.kb-pill-text--live{fill:var(--color-accent-hover)}.kb-pill-text--preview{fill:#4338ca}.kb-live-dot{fill:var(--color-accent);animation:kb-blink 2s ease-in-out infinite}.kb-db{fill:#fff;stroke:var(--color-border-strong);stroke-width:1.5}.kb-db--preview{fill:#eef0ff;stroke:#a5b4fc}.kb-db-line{fill:none;stroke:var(--color-border-strong);stroke-width:1.5}.kb-db-line--preview{stroke:#a5b4fc}.kb-label{font:500 10px var(--font-sans);fill:var(--color-fg-subtle);text-anchor:middle}.kb-branch{stroke:#818cf8;stroke-width:2;stroke-linecap:round;stroke-dasharray:1}.kb-branch-label{font:500 9px var(--kb-mono);fill:#6366f1;text-anchor:middle}.kb-preview{transform-box:fill-box;transform-origin:left center}.kb-feature-box{fill:var(--color-accent-soft);stroke:var(--color-accent);stroke-width:1.2}.kb-feature-text{font:600 8.5px var(--font-sans);fill:var(--color-accent-hover)}.kb-term{width:100%;max-width:33rem;overflow:hidden;border-radius:.75rem;background:#26272e;border:1px solid #3a3b45;box-shadow:0 6px 14px #18181b1a}.kb-term-bar{position:relative;display:flex;align-items:center;height:1.9rem;padding:0 .7rem;background:#2f3039;border-bottom:1px solid rgba(255,255,255,.06)}.kb-term-bar .dd-lights span{width:.6rem;height:.6rem}.kb-term-title{position:absolute;inset:0 4rem;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:500;color:#fff9}.kb-term-body{padding:.75rem .9rem .85rem;font-family:var(--kb-mono);font-size:11px;line-height:1.55;color:#e7e7ea}@media(min-width:1024px){.kb-term-body{font-size:12.5px;line-height:1.6}}.kb-dim{color:#8d8f9c}.kb-prompt{margin:0 -.4rem .5rem;padding:.1rem .4rem;background:#363843}.kb-line{display:flex;align-items:baseline;gap:.6em}.kb-detail{display:flex;gap:.6em;padding-left:1.45em}.kb-bullet{width:.6em;height:.6em;flex:none;border-radius:9999px;background:#4ec26b}.kb-bullet--fail{background:#ef6b6b}.kb-fail{color:#f5a3a3}.kb-strong{font-weight:700;color:#fff}.kb-link{color:#b4b7ff;text-decoration:underline dashed;text-underline-offset:.3em}.kb-branch{animation:kb-branch var(--kb-cycle) ease-out infinite}.kb-branch-label{animation:kb-fade-in-6 var(--kb-cycle) ease infinite}.kb-preview{animation:kb-preview var(--kb-cycle) cubic-bezier(.2,.7,.2,1) infinite}.kb-feature{animation:kb-feature var(--kb-cycle) ease infinite}.kb-feature-box{animation:kb-feature-glow var(--kb-cycle) ease infinite}.kb-r0{animation:kb-r0 var(--kb-cycle) ease infinite}.kb-r1{animation:kb-r1 var(--kb-cycle) ease infinite}.kb-r2{animation:kb-r2 var(--kb-cycle) ease infinite}.kb-r3{animation:kb-r3 var(--kb-cycle) ease infinite}.kb-r4{animation:kb-r4 var(--kb-cycle) ease infinite}.kb-r5{animation:kb-r5 var(--kb-cycle) ease infinite}.kb-r6{animation:kb-r6 var(--kb-cycle) ease infinite}.kb-r7{animation:kb-r7 var(--kb-cycle) ease infinite}@keyframes kb-branch{0%,3%{stroke-dashoffset:1;opacity:1}11%,88%{stroke-dashoffset:0;opacity:1}94%,to{stroke-dashoffset:0;opacity:0}}@keyframes kb-fade-in-6{0%,6%{opacity:0}10%,88%{opacity:1}94%,to{opacity:0}}@keyframes kb-preview{0%,9%{opacity:0;transform:translate(-10px)}15%,88%{opacity:1;transform:translate(0)}94%,to{opacity:0;transform:translate(0)}}@keyframes kb-feature{0%,20%{opacity:0}25%,to{opacity:1}}@keyframes kb-feature-glow{0%,24%{stroke-width:1.2}28%{stroke-width:3}34%,to{stroke-width:1.2}}@keyframes kb-r0{0%,2%{opacity:0;translate:0 4px}5%,90%{opacity:1;translate:0 0}96%,to{opacity:0;translate:0 0}}@keyframes kb-r1{0%,12%{opacity:0;translate:0 4px}15%,90%{opacity:1;translate:0 0}96%,to{opacity:0;translate:0 0}}@keyframes kb-r2{0%,23%{opacity:0;translate:0 4px}26%,90%{opacity:1;translate:0 0}96%,to{opacity:0;translate:0 0}}@keyframes kb-r3{0%,34%{opacity:0;translate:0 4px}37%,90%{opacity:1;translate:0 0}96%,to{opacity:0;translate:0 0}}@keyframes kb-r4{0%,39%{opacity:0;translate:0 4px}42%,90%{opacity:1;translate:0 0}96%,to{opacity:0;translate:0 0}}@keyframes kb-r5{0%,50%{opacity:0;translate:0 4px}53%,90%{opacity:1;translate:0 0}96%,to{opacity:0;translate:0 0}}@keyframes kb-r6{0%,62%{opacity:0;translate:0 4px}65%,90%{opacity:1;translate:0 0}96%,to{opacity:0;translate:0 0}}@keyframes kb-r7{0%,66%{opacity:0;translate:0 4px}69%,90%{opacity:1;translate:0 0}96%,to{opacity:0;translate:0 0}}@keyframes kb-blink{50%{opacity:.35}}.kb-paused *,.kb-paused *:before,.kb-paused *:after{animation-play-state:paused!important}
