.dv-hero{background-image:radial-gradient(35rem 21.25rem at 76% 46%,color-mix(in srgb,var(--glow) 16%,transparent),transparent 70%),radial-gradient(var(--dot) 1.2px,transparent 1.2px);background-size:auto,1rem 1rem;padding:3.5rem 0 2.75rem;position:relative;overflow:hidden}.dv-hero .ws-wrap{grid-template-columns:minmax(0,1fr) 28.75rem;align-items:center;gap:2.75rem;display:grid}.dv-hero .eye{font-family:var(--font-mono);color:var(--accent);letter-spacing:.04em;font-size:.71875rem}.dv-hero h1{letter-spacing:-.035em;margin:.625rem 0 .875rem;font-size:2.75rem;font-weight:600;line-height:1.05}.dv-hero h1 em{background:linear-gradient(90deg,var(--accent),#3f8fd8,var(--accent));color:#0000;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;font-style:normal;animation:6s linear infinite avShine;display:block}.dv-hero p{color:var(--ink2);max-width:46ch;margin:0;font-size:1rem;line-height:1.55}.dv-facts{flex-wrap:wrap;gap:.375rem;margin-top:1.25rem;display:flex}.dv-facts span{font-family:var(--font-mono);color:var(--ink2);border:1px solid var(--line2);background:var(--surface);border-radius:6.1875rem;padding:2px .5625rem;font-size:.6875rem}.dv-hero .go{align-items:center;gap:.625rem;margin-top:1.5rem;display:flex}.dv-hero .go a:not(.ws-btn){color:var(--accent);font-size:.84375rem;text-decoration:none}.dv-wire{border:1px solid var(--line2);background:var(--surface);box-shadow:0 0 0 .375rem color-mix(in srgb,var(--accent) 6%,transparent),0 1.875rem 3.75rem -2.25rem #00000073;border-radius:1.125rem;padding:1rem;position:relative}.dv-map{height:15.625rem;position:relative}.dv-map svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dv-map line{stroke:var(--line2);stroke-width:1.5px;stroke-dasharray:4 5}.dv-map line.on{stroke:var(--accent);stroke-dasharray:none}.dv-node{border:1px solid var(--line2);background:var(--surface);text-align:center;border-radius:.75rem;justify-items:center;gap:3px;min-width:7.375rem;padding:.5625rem .75rem;transition:border-color .3s,box-shadow .3s;display:grid;position:absolute;transform:translate(-50%,-50%)}.dv-node[data-n=s]{top:78%;left:18%}.dv-node[data-n=a]{top:16%;left:50%}.dv-node[data-n=p]{top:78%;left:82%}.dv-node b{font-size:.78125rem;font-weight:600}.dv-node small{font-family:var(--font-mono);color:var(--muted);font-size:.625rem}.dv-node.on{border-color:var(--accent);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--accent) 14%,transparent)}.dv-node.ag{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.dv-node.ag small{color:color-mix(in srgb,var(--canvas) 60%,transparent)}.dv-node .key{font-family:var(--font-mono);color:var(--warn);background:var(--warn-soft);border-radius:6.1875rem;padding:0 .375rem;font-size:.59375rem}.dv-pkt{font-family:var(--font-mono);white-space:nowrap;background:var(--accent);color:var(--accent-ink);box-shadow:0 0 .875rem color-mix(in srgb,var(--accent) 60%,transparent);pointer-events:none;z-index:1;border-radius:6.1875rem;padding:2px .5rem;font-size:.65625rem;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.dv-step{border-top:1px solid var(--line);grid-template-columns:1.5rem minmax(0,1fr);align-items:start;gap:.625rem;min-height:3.625rem;margin-top:.375rem;padding-top:.75rem;display:grid}.dv-step i{width:1.375rem;height:1.375rem;font-style:normal;font-family:var(--font-mono);background:var(--accent-soft);color:var(--accent);border-radius:50%;place-items:center;font-size:.6875rem;display:grid}.dv-step b{font-size:.8125rem;font-weight:500;display:block}.dv-step code{font-family:var(--font-mono);color:var(--ink2);font-size:.71875rem}.dv-dots{justify-content:center;gap:.125rem;margin-top:.25rem;display:flex}.dv-dots button{cursor:pointer;background:0 0;border:0;padding:.3125rem}.dv-dots button:before{content:"";background:var(--line2);border-radius:50%;width:.375rem;height:.375rem;display:block}.dv-dots button[aria-current]:before{background:var(--accent)}.dv-ways{border-top:0}.dv-ways .sub{color:var(--ink2);max-width:64ch;margin:0 0 1.375rem;font-size:.875rem}.dv-ways .seg{border:1px solid var(--line2);border-radius:6.1875rem;gap:2px;margin-bottom:1rem;padding:3px;display:inline-flex}.dv-ways .seg button{font:inherit;color:var(--ink2);cursor:pointer;background:0 0;border:0;border-radius:6.1875rem;padding:.3125rem .875rem;font-size:.8125rem}.dv-ways .seg button[aria-selected=true]{background:var(--ink);color:var(--canvas)}.dv-way{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:1.25rem;display:grid}.dv-io{border:1px solid var(--line);background:var(--surface);border-radius:.875rem;overflow:hidden}.dv-io dl{margin:0;display:grid}.dv-io dl div{border-top:1px solid var(--line);grid-template-columns:5.75rem minmax(0,1fr);gap:.75rem;padding:.75rem 1rem;font-size:.84375rem;display:grid}.dv-io dl div:first-child{border-top:0}.dv-io dt{font-family:var(--font-mono);color:var(--muted);padding-top:2px;font-size:.6875rem}.dv-io dd{color:var(--ink2);margin:0}.dv-io dd b{color:var(--ink);font-weight:500}.dv-io .more{border-top:1px solid var(--line);color:var(--accent);padding:.75rem 1rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:block}.dv-code{background:var(--sunk);border:1px solid var(--line);border-radius:.75rem;min-width:0;overflow:hidden}.dv-code .ch{border-bottom:1px solid var(--line);color:var(--ink);padding:.5rem .875rem;font-size:.75rem;font-weight:500}.dv-code pre{font-family:var(--font-mono);color:var(--ink);margin:0;padding:.875rem 1rem;font-size:.78125rem;line-height:1.6;overflow-x:auto}.dv-code .c{color:var(--muted)}.dv-code .k{color:var(--note,#6a4bb0)}.dv-code .s{color:var(--accent)}.dv-start h2{margin-bottom:1rem}.dv-start .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.dv-start a{border:1px solid var(--line2);color:var(--ink);background:var(--surface);border-radius:.875rem;gap:.25rem;padding:1rem;text-decoration:none;transition:border-color .2s,transform .2s;display:grid}.dv-start a:hover{border-color:var(--accent);transform:translateY(-2px)}.dv-start b{font-size:.875rem;font-weight:600}.dv-start span{color:var(--ink2);font-size:.78125rem}.dv-start i{color:var(--accent);margin-top:.375rem;font-size:.78125rem;font-style:normal}@media (prefers-reduced-motion:reduce){.dv-hero h1 em{animation:none}.dv-start a,.dv-node{transition:none}}@media (max-width:1100px){.dv-hero .ws-wrap,.dv-way{grid-template-columns:1fr}.dv-start .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.dv-hero h1{font-size:2.125rem}.dv-start .cards{grid-template-columns:1fr}.dv-node{min-width:6rem;padding:.4375rem .5625rem}.dv-node[data-n=s]{left:22%}.dv-node[data-n=p]{left:78%}.dv-map{height:13.75rem}.dv-code pre{font-size:.6875rem}}
