.dh-hero{--dh-card:#fff;--dh-tint:#f3f0fa;--dh-paper:#faf9fc;--dh-soft:#8a8496;--dh-green-ink:#047857;--dh-green-bg:#10b9811f;--dh-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--dh-ease:cubic-bezier(.16, 1, .3, 1);--dh-shadow:0 1px 2px #1a16250a, 0 18px 40px -26px #1a16253d;background:var(--color-background);color:var(--color-foreground);font-variant-ligatures:no-common-ligatures;padding:8.5rem 0 5rem;position:relative;overflow:hidden}@media (min-width:1024px){.dh-hero{padding:9.5rem 0 6rem}}.dh-glow{pointer-events:none;background:radial-gradient(55% 40% at 50% 22%,#6b4ed417,#0000 70%),radial-gradient(circle at 1px 1px,#1a162512 1px,#0000 1.5px) 0 0/24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 50%,#0000 100%);mask-image:linear-gradient(#000 50%,#0000 100%)}.dh-inner{gap:clamp(2.75rem,2rem + 3vw,4rem);max-width:72rem;margin:0 auto;padding:0 1rem;display:grid;position:relative}.dh-copy{text-align:center;flex-direction:column;align-items:center;display:flex}@media (min-width:1024px){.dh-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:3.5rem}.dh-copy{text-align:left;align-items:flex-start}}.dh-title-fit{width:100%;container-type:inline-size}.dh-h1{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2.1rem,1.2rem + 3.6vw,3rem);font-weight:800;line-height:1.08}.dh-line{display:block}.dh-line+.dh-line{margin-top:.06em}@media (min-width:1024px){.dh-h1{font-size:clamp(1.75rem, calc(100cqw / (var(--chars) * .56)), 3.4rem)}.dh-line{white-space:nowrap}}.dh-accent{color:var(--color-primary);padding-right:.06em;font-style:italic}.dh-sub{max-width:40rem;color:var(--color-muted);text-wrap:pretty;margin-top:1.25rem;font-size:1.125rem;line-height:1.6}.dh-pixel{-webkit-user-select:none;user-select:none;flex:none;display:block}.dh-pill{background:var(--dh-card);border:1px solid var(--color-surface-border);max-width:100%;box-shadow:var(--dh-shadow);border-radius:999px;align-items:center;gap:.6rem;margin-top:1.75rem;padding:.3rem .3rem .3rem .6rem;display:inline-flex}.dh-pill-label{white-space:nowrap;align-items:center;gap:.35rem;font-size:12.5px;font-weight:700;display:inline-flex}.dh-pill-url{min-width:0;font-family:var(--dh-mono);color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.dh-pill-copy{background:var(--dh-tint);color:var(--color-primary);cursor:pointer;transition:background-color var(--duration-hover) ease;border-radius:999px;flex:none;align-items:center;gap:.3rem;padding:.4rem .75rem;font-size:12px;font-weight:700;display:inline-flex}.dh-pill-copy:hover{background:color-mix(in srgb, var(--color-primary) 14%, #fff)}.dh-pill-copy:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width:419.98px){.dh-pill-label{font-size:0}}.dh-sockets{flex-direction:column;gap:1rem;width:100%;max-width:34rem;margin:0 auto;display:flex}.dh-sock{background:var(--dh-card);border:1px solid var(--color-surface-border);box-shadow:var(--dh-shadow);text-align:left;border-radius:20px;grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:1rem 1.1rem;display:grid;position:relative}@media (min-width:1280px){.dh-sock:nth-child(2){margin-left:-2.5rem;margin-right:2.5rem}}.dh-sock:before{content:"";border-radius:inherit;border:2px solid var(--color-primary);opacity:0;pointer-events:none;position:absolute;inset:-1px}.dh-sock-art{background:var(--dh-tint);border-radius:16px;align-self:start;place-items:center;width:64px;height:64px;display:grid}.dh-sock-title{font-family:var(--font-display);letter-spacing:-.01em;padding-right:7.5rem;font-size:1.05rem;font-weight:800}.dh-sock-meta{color:var(--dh-soft);margin-top:.1rem;font-size:12.5px}.dh-sock-code{background:var(--dh-paper);border:1px solid var(--color-surface-border);font-family:var(--dh-mono);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;margin-top:.6rem;padding:.4rem .55rem;font-size:11.5px;display:block;overflow:hidden}.dh-sock-result{background:var(--dh-green-bg);color:var(--dh-green-ink);white-space:nowrap;opacity:0;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:1rem;right:1.1rem}@media (max-width:639.98px){.dh-sock-title{padding-right:0}.dh-sock-result{grid-column:2;justify-self:start;margin-top:-.4rem;position:static}}.dh-sockets-root.is-on .dh-sock{animation:dh-sock-lift 9s var(--dh-ease) infinite;animation-delay:calc(var(--i) * 3s)}.dh-sockets-root.is-on .dh-sock:before,.dh-sockets-root.is-on .dh-sock-result{animation:9s infinite dh-sock-on;animation-delay:calc(var(--i) * 3s)}.dh-sockets-root.is-on .dh-sock-obj{animation:9s steps(3,end) infinite dh-sock-hop;animation-delay:calc(var(--i) * 3s)}@keyframes dh-sock-lift{0%,36%,to{transform:none}5%,30%{transform:translate(-6px)}}@keyframes dh-sock-on{0%,36%,to{opacity:0}5%,30%{opacity:1}}@keyframes dh-sock-hop{0%,10%,to{transform:none}5%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.dh-sockets-root .dh-sock,.dh-sockets-root .dh-sock:before,.dh-sockets-root .dh-sock-result,.dh-sockets-root .dh-sock-obj{animation:none!important}.dh-pill-copy{transition:none}.dh-sock:first-child:before,.dh-sock:first-child .dh-sock-result{opacity:1}}
.dcn{--dcn-tint:#f3f0fa;--dcn-paper:#faf9fc;--dcn-soft:#8a8496;--dcn-green-ink:#047857;--dcn-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--dcn-shadow:0 1px 2px #1a16250a, 0 18px 40px -26px #1a162538;--dcn-shadow-sm:0 1px 2px #1a16250a, 0 8px 18px -12px #1a162533;background:var(--color-background);color:var(--color-foreground);font-variant-ligatures:no-common-ligatures;padding:clamp(4rem,3rem + 4vw,7rem) 1rem;position:relative}.dcn-head{text-align:center;max-width:52rem;margin:0 auto clamp(2.5rem,2rem + 2vw,4rem)}.dcn-title{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;font-size:clamp(2rem,1.3rem + 2.6vw,3.25rem);font-weight:800;line-height:1.1}.dcn-highlight{color:var(--color-primary);padding-right:.05em;font-style:italic;display:block}.dcn-wrap{max-width:72rem;margin:0 auto}.dcn-card{background:var(--color-surface);border:1px solid var(--color-surface-border);box-shadow:var(--dcn-shadow);border-radius:20px;position:relative}.dcn-pixel,.dcn-logo{-webkit-user-select:none;user-select:none;flex:none;display:block}.dcn-chip{background:var(--dcn-tint);color:var(--color-primary);font-family:var(--dcn-mono);white-space:nowrap;border-radius:6px;flex:none;padding:.12rem .45rem;font-size:10.5px;font-weight:700}.dcn-board{flex-direction:column;gap:1.25rem;display:flex}.dcn-cables{display:none}.dcn-ports{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.dcn-port{z-index:1;background:var(--color-surface);border:1px solid var(--color-surface-border);height:44px;box-shadow:var(--dcn-shadow-sm);border-radius:14px;align-items:center;gap:.6rem;padding:0 .9rem;display:flex;position:relative}.dcn-port-name{white-space:nowrap;font-size:14px;font-weight:600}.dcn-port-ring{border-radius:inherit;border:2px solid var(--color-primary);opacity:0;position:absolute;inset:-1px}.dcn-hub-col{order:-1;margin-bottom:.5rem}.dcn-hub{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1.4rem 1.25rem;display:flex}.dcn-hub-logo{width:auto;height:28px}.dcn-hub-caption{color:var(--dcn-soft);font-family:var(--dcn-mono);font-size:12px}.dcn-hub-ports{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.dcn-codecard{margin-top:1.75rem;padding:1rem 1.1rem 1.1rem}.dcn-code-head{align-items:center;gap:.5rem;display:flex}.dcn-code-title{font-family:var(--font-display);font-size:1rem;font-weight:800}.dcn-codeline{background:var(--dcn-paper);border:1px solid var(--color-surface-border);font-family:var(--dcn-mono);border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.75rem;padding:.5rem .65rem;font-size:12px;display:flex}.dcn-codeline code{white-space:nowrap}.dcn-status{color:var(--dcn-green-ink);white-space:nowrap;font-size:11px;font-weight:700}@media (min-width:1024px){.dcn-board{height:var(--board-h);grid-template-columns:24% 1fr 24%;column-gap:11%;display:grid;position:relative}.dcn-cables{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.dcn-ports{flex-flow:column;justify-content:center;gap:14px}.dcn-port{height:56px}.dcn-hub-col{order:0;align-items:center;margin-bottom:0;display:flex}.dcn-hub{width:100%;height:180px}.dcn-codecard{width:max(30%,23rem);margin:0 auto}}.dcn-cable{fill:none;stroke:color-mix(in srgb, var(--color-primary) 35%, transparent);stroke-width:2px;stroke-dasharray:5 5}.dcn-pulse{fill:none;stroke:var(--color-primary);stroke-width:2.5px;opacity:0}.dcn-root.is-on .dcn-pulse,.dcn-root.is-on .dcn-port-ring{animation:6.3s infinite dcn-signal;animation-delay:calc(var(--k) * .7s)}@keyframes dcn-signal{0%,16%,to{opacity:0}4%,11%{opacity:1}}@media (prefers-reduced-motion:reduce){.dcn-root.is-on .dcn-pulse,.dcn-root.is-on .dcn-port-ring{animation:none}}
.daf{--daf-paper:#faf9fc;--daf-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--daf-shadow:0 1px 2px #1a16250a, 0 18px 40px -26px #1a162538;background:var(--color-background);color:var(--color-foreground);padding:clamp(4rem,3rem + 4vw,7rem) 1rem;position:relative}.daf-head{text-align:center;max-width:52rem;margin:0 auto clamp(2.5rem,2rem + 2vw,4rem)}.daf-title{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;font-size:clamp(2rem,1.3rem + 2.6vw,3.25rem);font-weight:800;line-height:1.1}.daf-highlight{color:var(--color-primary);padding-right:.05em;font-style:italic;display:block}.daf-grid{align-items:stretch;gap:1.25rem;max-width:64rem;margin:0 auto;display:grid}@media (min-width:1024px){.daf-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1.5rem}}.daf-card{background:var(--color-surface);border:1px solid var(--color-surface-border);box-shadow:var(--daf-shadow);text-align:left;border-radius:20px}.daf-pixel{-webkit-user-select:none;user-select:none;flex:none;display:block}.daf-invite{flex-direction:column;justify-content:center;align-items:flex-start;gap:.9rem;padding:1.75rem 1.5rem;display:flex}@media (min-width:640px){.daf-invite{padding:2.25rem}}.daf-lead{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.4rem,1.2rem + .8vw,1.75rem);font-weight:800;line-height:1.2}.daf-text{color:var(--color-muted);text-wrap:pretty;font-size:15px;line-height:1.6}.daf-actions{flex-wrap:wrap;gap:.6rem;margin-top:.4rem;display:flex}.daf-btn{cursor:pointer;min-height:44px;transition:background-color var(--duration-hover) ease, border-color var(--duration-hover) ease;border-radius:12px;align-items:center;gap:.45rem;padding:0 1.1rem;font-size:14.5px;font-weight:700;display:inline-flex}.daf-btn-primary{background:var(--color-primary);color:#fff}.daf-btn-primary:hover{background:var(--color-primary-dark)}.daf-btn-ghost{border:1px solid var(--color-surface-border);background:var(--color-surface);color:var(--color-foreground)}.daf-btn-ghost:hover{border-color:color-mix(in srgb, var(--color-primary) 40%, transparent)}.daf-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.daf-editor{flex-direction:column;min-width:0;display:flex;overflow:hidden}.daf-editor-bar{border-bottom:1px solid var(--color-surface-border);background:var(--daf-paper);align-items:center;gap:.9rem;padding:.65rem .9rem;display:flex}.daf-dots{gap:6px;display:inline-flex}.daf-dots span{background:var(--color-surface-border);border-radius:999px;width:10px;height:10px}.daf-editor-tab{background:var(--color-surface);border:1px solid var(--color-surface-border);font-family:var(--daf-mono);border-radius:7px;padding:.2rem .6rem;font-size:12px}.daf-editor-body{max-height:30rem;color:var(--color-foreground);font-family:var(--daf-mono);white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:none;padding:1rem 1.1rem 1.25rem;font-size:12px;line-height:1.65;overflow:auto;-webkit-mask-image:linear-gradient(#000 85%,#0000);mask-image:linear-gradient(#000 85%,#0000)}.daf-editor-body::-webkit-scrollbar{display:none}.daf-editor-body:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.daf-md-line{display:block}.daf-md-h{color:var(--color-primary);font-weight:700}.daf-md-li{color:var(--color-muted)}.daf-md-code{color:#047857}@media (prefers-reduced-motion:reduce){.daf-btn{transition:none}}