:root {
  --paper: #f2f2ef;
  --paper-2: #e8e8e3;
  --card: #f8f8f5;
  --ink: #15171a;
  --ink-2: #3a3e44;
  --mute: #63676d;
  --hot: #d9662b;
  --hot-d: #a3481a;
  --hot-l: #f0895a;
  --line: rgba(21, 23, 26, .14);
  --line-2: rgba(21, 23, 26, .28);
  --pane: #15171a;
  --pane-2: #1d2024;
  --pane-line: rgba(242, 242, 239, .12);
  --pane-ink: #e9e8e2;
  --pane-dim: #8f9399;
  --sans:
    "Space Grotesk",
    "Avenir Next",
    "Segoe UI",
    system-ui,
    sans-serif;
  --mono:
    "Space Mono",
    ui-monospace,
    "SFMono-Regular",
    Menlo,
    Consolas,
    monospace;
  --r: 6px;
  --ease: cubic-bezier(.2, .8, .2, 1);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  scroll-padding-top: 76px;
}
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
h1,
h2,
h3,
p,
ul,
ol,
dl,
dd,
figure,
pre {
  margin: 0;
  padding: 0;
}
ul,
ol {
  list-style: none;
}
a {
  color: inherit;
}
button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}
button {
  cursor: pointer;
}
code,
pre {
  font-family: var(--mono);
}
[hidden] {
  display: none !important;
}
:focus {
  outline: none;
}
:focus-visible {
  outline: 2px solid var(--hot);
  outline-offset: 3px;
  border-radius: 4px;
  animation: dk-ring .35s var(--ease);
}
@keyframes dk-ring {
  from {
    outline-offset: 9px;
    outline-color: rgba(217, 102, 43, 0);
  }
  to {
    outline-offset: 3px;
    outline-color: var(--hot);
  }
}
::selection {
  background: var(--hot);
  color: var(--ink);
}
.dk-skip {
  position: absolute;
  left: 12px;
  top: -60px;
  z-index: 100;
  background: var(--ink);
  color: var(--paper);
  padding: 10px 14px;
  border-radius: var(--r);
  transition: top .2s var(--ease);
}
.dk-skip:focus {
  top: 12px;
}
.dk-vh {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.dk-wrap {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 32px;
}
.dk-tone {
  position: fixed;
  inset: 0;
  z-index: -1;
  background: var(--paper-2);
  opacity: 0;
  pointer-events: none;
}
.dk-nav {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(242, 242, 239, .86);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid transparent;
  transition: border-color .3s;
}
.dk-nav.is-stuck {
  border-bottom-color: var(--line);
}
.dk-nav__in {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 32px;
  height: 64px;
  display: flex;
  align-items: center;
  gap: 28px;
}
.dk-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  font-weight: 700;
  font-size: 19px;
  letter-spacing: -.02em;
  flex: none;
}
.dk-links {
  display: flex;
  gap: 22px;
  margin-right: auto;
}
.dk-links a {
  text-decoration: none;
  font-size: 14px;
  color: var(--ink-2);
  position: relative;
  padding: 6px 0;
  white-space: nowrap;
}
.dk-links a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1.5px;
  background: var(--hot);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s var(--ease);
}
.dk-links a:hover {
  color: var(--ink);
}
.dk-links a:hover::after {
  transform: scaleX(1);
}
.dk-nav__side {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: none;
}
.dk-xlink {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--line-2);
  border-radius: var(--r);
}
.dk-ca {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 10px;
  background: transparent;
  border: 1px dashed var(--line-2);
  border-radius: var(--r);
  font-family: var(--mono);
  font-size: 12px;
}
.dk-ca__k {
  color: var(--hot-d);
  font-weight: 700;
}
.dk-badge {
  font-family: var(--mono);
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 99px;
  background: var(--hot);
  color: var(--ink);
  font-weight: 700;
}
.dk-burger {
  display: none;
  width: 40px;
  height: 40px;
  background: transparent;
  border: 1px solid var(--line-2);
  border-radius: var(--r);
  position: relative;
}
.dk-burger span {
  position: absolute;
  left: 11px;
  right: 11px;
  height: 1.5px;
  background: var(--ink);
  transition: transform .3s var(--ease);
}
.dk-burger span:first-child {
  top: 15px;
}
.dk-burger span:last-child {
  top: 23px;
}
.dk-burger[aria-expanded=true] span:first-child {
  transform: translateY(4px) rotate(45deg);
}
.dk-burger[aria-expanded=true] span:last-child {
  transform: translateY(-4px) rotate(-45deg);
}
.xba3 {
  position: relative;
}
.xba3-btn {
  height: 40px;
  padding: 0 16px;
  background: var(--ink);
  color: var(--paper);
  border: 1px solid var(--ink);
  border-radius: var(--r);
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  transition: transform .2s var(--ease), background .2s;
}
.xba3-btn:hover {
  transform: translateY(-1px);
}
.xba3-btn:active {
  transform: translateY(1px) scale(.98);
}
.xba3-btn.is-on {
  background: transparent;
  color: var(--ink);
  font-family: var(--mono);
  font-size: 13px;
}
.xba3-btn.is-on::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--hot);
  margin-right: 8px;
  vertical-align: 1px;
}
.xba3-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  width: 270px;
  background: var(--card);
  border: 1px solid var(--line-2);
  border-radius: 8px;
  padding: 8px;
  box-shadow: 0 18px 40px -18px rgba(21, 23, 26, .35);
  animation: dk-menu .22s var(--ease);
  z-index: 60;
}
@keyframes dk-menu {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
}
.xba3-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px;
  background: transparent;
  border: 0;
  border-radius: 5px;
  text-align: left;
  font-size: 14px;
  text-decoration: none;
}
.xba3-item:hover {
  background: var(--paper-2);
}
.xba3-addr {
  font-family: var(--mono);
  font-size: 11px;
  word-break: break-all;
  padding: 8px 10px 2px;
  color: var(--ink-2);
}
.xba3-bal {
  font-family: var(--mono);
  font-size: 12px;
  padding: 2px 10px 8px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 6px;
}
.xba3-note {
  font-size: 12px;
  color: var(--mute);
  padding: 8px 10px;
}
.dk-kicker {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--hot-d);
  margin-bottom: 14px;
}
.dk-kicker--dark {
  color: var(--hot-l);
}
.dk-h2 {
  font-size: clamp(30px, 4vw, 52px);
  line-height: 1.04;
  letter-spacing: -.035em;
  font-weight: 600;
  max-width: 18ch;
}
.dk-h2--dark {
  color: var(--pane-ink);
}
.dk-sec__head {
  margin-bottom: 44px;
}
.dk-sec__head--split {
  display: grid;
  grid-template-columns: 1fr minmax(0, 440px);
  gap: 40px;
  align-items: end;
}
.dk-sec__sub {
  color: var(--ink-2);
  font-size: 17px;
  max-width: 52ch;
}
.dk-fine {
  font-size: 13px;
  color: var(--mute);
  margin-top: 18px;
  max-width: 78ch;
}
.dk-hint {
  font-size: 13px;
  color: var(--mute);
}
.dk-hint--err {
  color: var(--hot-d);
}
.dk-term {
  background: none;
  border: 0;
  padding: 0;
  border-bottom: 1.5px dotted var(--hot-d);
  cursor: help;
  font-weight: 500;
}
.dk-term:hover {
  color: var(--hot-d);
}
.dk-pop {
  position: absolute;
  z-index: 80;
  background: var(--ink);
  color: var(--paper);
  padding: 14px 16px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.45;
  box-shadow: 0 16px 36px -16px rgba(21, 23, 26, .6);
  animation: dk-menu .2s var(--ease);
}
.dk-pop b {
  display: block;
  font-family: var(--mono);
  font-size: 12px;
  color: var(--hot-l);
  margin-bottom: 4px;
  letter-spacing: .02em;
}
.dk-toast {
  position: fixed;
  left: 50%;
  bottom: 24px;
  z-index: 90;
  transform: translate(-50%, 30px);
  opacity: 0;
  background: var(--ink);
  color: var(--paper);
  padding: 12px 18px;
  border-radius: 8px;
  font-size: 14px;
  max-width: calc(100vw - 32px);
  pointer-events: none;
  transition: transform .35s var(--ease), opacity .35s;
}
.dk-toast.is-on {
  transform: translate(-50%, 0);
  opacity: 1;
}
.dk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 50px;
  padding: 0 22px;
  border-radius: var(--r);
  border: 1px solid var(--ink);
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  white-space: nowrap;
  transition:
    transform .25s var(--ease),
    background .2s,
    color .2s,
    box-shadow .25s;
  will-change: transform;
}
.dk-btn:active {
  transform: translateY(1px) scale(.985);
}
.dk-btn--hot {
  background: var(--hot);
  color: var(--ink);
  border-color: var(--ink);
  box-shadow: 3px 3px 0 var(--ink);
}
.dk-btn--hot:hover {
  box-shadow: 5px 5px 0 var(--ink);
  transform: translate(-1px, -1px);
}
.dk-btn--hot:active {
  box-shadow: 1px 1px 0 var(--ink);
  transform: translate(2px, 2px);
}
.dk-btn--ink {
  background: var(--ink);
  color: var(--paper);
}
.dk-btn--ink:hover {
  background: #2a2d32;
}
.dk-btn--line {
  background: transparent;
  color: var(--ink);
  border-color: var(--line-2);
}
.dk-btn--line:hover {
  border-color: var(--ink);
  background: rgba(21, 23, 26, .04);
}
.dk-btn--sm {
  height: 38px;
  padding: 0 14px;
  font-size: 14px;
}
.dk-btn--sm.dk-btn--hot {
  box-shadow: 2px 2px 0 var(--ink);
}
.dk-btn.is-done {
  background: var(--ink);
  color: var(--paper);
}
.dk-mini {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 9px;
  font-family: var(--mono);
  font-size: 11px;
  background: transparent;
  border: 1px solid var(--line-2);
  border-radius: 4px;
  white-space: nowrap;
  text-decoration: none;
  transition:
    background .2s,
    color .2s,
    transform .2s var(--ease);
}
.dk-mini:hover {
  background: var(--ink);
  color: var(--paper);
}
.dk-mini:active {
  transform: scale(.95);
}
.dk-mini--dark {
  border-color: var(--pane-line);
  color: var(--pane-ink);
}
.dk-mini--dark:hover {
  background: var(--paper);
  color: var(--ink);
}
.dk-mini.is-done {
  background: var(--hot);
  color: var(--ink);
  border-color: var(--hot);
}
.dk-x {
  width: 28px;
  height: 28px;
  flex: none;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  color: var(--mute);
  font-size: 17px;
  line-height: 1;
}
.dk-x:hover {
  border-color: var(--line-2);
  color: var(--hot-d);
}
.dk-hero {
  position: relative;
  padding: 56px 0 84px;
  background-image: linear-gradient(var(--line) 1px, transparent 1px);
  background-size: 100% 96px;
  background-position: 0 -1px;
}
.dk-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 1fr);
  gap: 56px;
  align-items: center;
}
.dk-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--mono);
  font-size: 12px;
  color: var(--ink-2);
  background: var(--paper);
  border: 1px solid var(--line-2);
  padding: 7px 12px;
  border-radius: 99px;
  margin-bottom: 26px;
}
.dk-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--hot);
  flex: none;
}
.dk-h1 {
  font-size: clamp(38px, 3.9vw, 56px);
  line-height: .98;
  letter-spacing: -.045em;
  font-weight: 600;
}
.dk-h1 em {
  font-style: normal;
  color: var(--hot-d);
}
.dk-ln {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  padding-bottom: .1em;
  margin-bottom: -.1em;
}
.dk-ln__in {
  display: block;
  will-change: transform;
}
.dk-lede {
  margin-top: 26px;
  font-size: 18px;
  color: var(--ink-2);
  max-width: 54ch;
}
.dk-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}
.dk-facts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin-top: 44px;
  border-top: 1px solid var(--ink);
  background: var(--paper);
}
.dk-facts li {
  padding: 14px 16px 0 0;
}
.dk-facts li + li {
  padding-left: 16px;
  border-left: 1px solid var(--line);
}
.dk-facts b {
  display: block;
  font-size: 34px;
  letter-spacing: -.04em;
  line-height: 1;
  font-weight: 600;
}
.dk-facts span {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  color: var(--mute);
  line-height: 1.4;
}
.dk-hero__stage {
  position: relative;
  min-height: 560px;
}
.dk-grid {
  position: absolute;
  inset: -48px -40px;
  width: calc(100% + 80px);
  height: calc(100% + 96px);
  pointer-events: none;
}
.dk-win {
  position: relative;
  margin: 26px 0 0 0;
  width: 90%;
  background: var(--pane);
  color: var(--pane-ink);
  border-radius: 10px;
  border: 1px solid var(--ink);
  box-shadow: 0 40px 70px -40px rgba(21, 23, 26, .55), 8px 8px 0 rgba(21, 23, 26, .08);
  overflow: hidden;
}
.dk-win__bar {
  display: flex;
  align-items: center;
  gap: 14px;
  height: 42px;
  padding: 0 14px;
  border-bottom: 1px solid var(--pane-line);
  background: var(--pane-2);
}
.dk-win__dots {
  display: inline-flex;
  gap: 6px;
  flex: none;
}
.dk-win__dots i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgba(242, 242, 239, .2);
}
.dk-win__dots i:first-child {
  background: var(--hot);
}
.dk-win__tabs {
  display: flex;
  gap: 4px;
  font-family: var(--mono);
  font-size: 12px;
  min-width: 0;
}
.dk-win__tabs span {
  padding: 5px 9px;
  border-radius: 4px;
  color: var(--pane-dim);
  transition: background .4s, color .4s;
  white-space: nowrap;
}
.dk-win__tabs span.is-on {
  background: rgba(242, 242, 239, .1);
  color: var(--pane-ink);
}
.dk-win__slot {
  margin-left: auto;
  font-family: var(--mono);
  font-size: 11px;
  color: var(--pane-dim);
  white-space: nowrap;
}
.dk-win__slot b {
  color: var(--pane-ink);
  font-weight: 400;
  display: inline-block;
}
.dk-win__body {
  height: 336px;
  padding: 14px 0;
  overflow: hidden;
}
.dk-code {
  font-size: 12.5px;
  line-height: 22px;
  white-space: pre;
}
.dk-code .dk-hl {
  display: block;
  padding: 0 16px 0 0;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dk-code .dk-hl i {
  display: inline-block;
  width: 42px;
  text-align: right;
  padding-right: 14px;
  color: rgba(242, 242, 239, .28);
  font-style: normal;
}
.dk-code .dk-caret::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 14px;
  background: var(--hot);
  vertical-align: -2px;
  margin-left: 1px;
  animation: dk-blink 1s steps(2) infinite;
}
@keyframes dk-blink {
  50% {
    opacity: 0;
  }
}
.c {
  color: #7f848b;
}
.k {
  color: var(--hot-l);
}
.s {
  color: #d7d2c2;
}
.n {
  color: #b9c3cf;
}
.w {
  color: #f3c9a8;
}
.h {
  color: #fff;
  font-weight: 700;
}
.dk-win__foot {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 40px;
  padding: 0 14px;
  border-top: 1px solid var(--pane-line);
  font-family: var(--mono);
  font-size: 12px;
  background: var(--pane-2);
  white-space: nowrap;
  overflow: hidden;
}
.dk-prompt {
  color: var(--pane-dim);
  flex: none;
}
.dk-lintline {
  color: var(--pane-dim);
  overflow: hidden;
  text-overflow: ellipsis;
}
.dk-lintline.is-ok {
  color: var(--pane-ink);
}
.dk-lintline.is-ok::before {
  content: "\2713  ";
  color: var(--hot-l);
}
.dk-live {
  position: absolute;
  right: 0;
  bottom: 8px;
  width: min(330px, 62%);
  background: var(--card);
  border: 1px solid var(--ink);
  border-radius: 10px;
  padding: 14px 14px 10px;
  box-shadow: 6px 6px 0 var(--ink);
}
.dk-live__h {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--mono);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--ink-2);
  margin-bottom: 8px;
}
.dk-pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--hot);
  position: relative;
  flex: none;
}
.dk-pulse::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--hot);
  animation: dk-pulse 2s var(--ease) infinite;
}
@keyframes dk-pulse {
  from {
    transform: scale(1);
    opacity: .7;
  }
  to {
    transform: scale(3.2);
    opacity: 0;
  }
}
.dk-live__rows li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2px 10px;
  align-items: center;
  padding: 8px 0;
  border-top: 1px solid var(--line);
  min-height: 50px;
}
.dk-live__rows code {
  font-size: 12px;
  grid-row: span 2;
}
.dk-live__rows b {
  font-size: 13px;
  font-weight: 600;
  justify-self: end;
  font-family: var(--mono);
  background: var(--ink);
  color: var(--paper);
  padding: 1px 7px;
  border-radius: 3px;
}
.dk-live__rows span {
  font-size: 12px;
  color: var(--mute);
  justify-self: end;
  text-align: right;
}
.dk-live__rows .dk-skel {
  display: block;
  height: 50px;
}
.dk-live__err {
  display: block !important;
  font-size: 13px;
  color: var(--ink-2);
}
.dk-float {
  position: absolute;
  right: -6px;
  top: 0;
  background: var(--paper);
  border: 1px solid var(--ink);
  border-radius: 8px;
  padding: 10px 12px;
  box-shadow: 4px 4px 0 var(--hot);
  z-index: 2;
}
.dk-float__k {
  font-family: var(--mono);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--mute);
}
.dk-float__n {
  font-family: var(--mono);
  font-weight: 700;
  font-size: 15px;
  margin: 2px 0 8px;
}
.dk-float__r {
  display: flex;
  gap: 6px;
}
.dk-tag {
  font-family: var(--mono);
  font-size: 10.5px;
  padding: 3px 7px;
  border: 1px solid var(--line-2);
  border-radius: 3px;
  white-space: nowrap;
}
.dk-tag--sign {
  background: var(--hot);
  border-color: var(--hot);
  color: var(--ink);
  font-weight: 700;
}
.dk-skel,
.dk-sk {
  position: relative;
  overflow: hidden;
  background: rgba(21, 23, 26, .07);
  border-radius: 4px;
}
.dk-skel::after,
.dk-sk::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, .7),
      transparent);
  transform: translateX(-100%);
  animation: dk-shim 1.3s infinite;
}
@keyframes dk-shim {
  to {
    transform: translateX(100%);
  }
}
.dk-tick {
  animation: dk-tick .7s var(--ease);
}
@keyframes dk-tick {
  from {
    opacity: .35;
    transform: translateY(3px);
  }
}
.dk-steps {
  padding: 96px 0 104px;
  border-top: 1px solid var(--ink);
}
.dk-steps__row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--ink);
  border-radius: 10px;
  background: var(--card);
  overflow: hidden;
}
.dk-step {
  padding: 30px 28px 28px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.dk-step + .dk-step {
  border-left: 1px solid var(--ink);
}
.dk-step__n {
  font-family: var(--mono);
  font-size: 13px;
  color: var(--hot-d);
  font-weight: 700;
}
.dk-step h3 {
  font-size: 26px;
  letter-spacing: -.03em;
  margin: 22px 0 10px;
  font-weight: 600;
}
.dk-step p {
  color: var(--ink-2);
  margin-bottom: 24px;
}
.dk-step__c {
  margin-top: auto;
  display: block;
  font-size: 12px;
  background: var(--pane);
  color: var(--pane-ink);
  padding: 10px 12px;
  border-radius: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dk-seq {
  background: var(--pane);
  color: var(--pane-ink);
  position: relative;
}
.dk-seq__pin {
  padding: 96px 0;
  min-height: 100vh;
  display: flex;
  align-items: center;
  background-image:
    linear-gradient(rgba(242, 242, 239, .05) 1px, transparent 1px),
    linear-gradient(
      90deg,
      rgba(242, 242, 239, .05) 1px,
      transparent 1px);
  background-size: 64px 64px;
}
.dk-seq__grid {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1fr);
  gap: 64px;
  align-items: center;
}
.dk-seq__steps {
  margin-top: 36px;
  display: grid;
  gap: 4px;
}
.dk-seq__steps li {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 14px;
  padding: 14px 0;
  border-top: 1px solid var(--pane-line);
  transition: opacity .4s var(--ease);
}
.dk-seq__steps li > span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid var(--pane-line);
  border-radius: 50%;
  font-family: var(--mono);
  font-size: 12px;
  transition:
    background .4s,
    color .4s,
    border-color .4s;
}
.dk-seq__steps h3 {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -.02em;
}
.dk-seq__steps p {
  font-size: 15px;
  color: #b3b6ba;
  margin-top: 3px;
  max-width: 44ch;
}
.dk-seq.is-pinned .dk-seq__steps li {
  opacity: .36;
}
.dk-seq.is-pinned .dk-seq__steps li.is-on {
  opacity: 1;
}
.dk-seq__steps li.is-on > span,
.dk-seq:not(.is-pinned) .dk-seq__steps li > span {
  background: var(--hot);
  border-color: var(--hot);
  color: var(--ink);
  font-weight: 700;
}
.dk-seq__bar {
  height: 2px;
  background: var(--pane-line);
  margin-top: 22px;
  overflow: hidden;
  display: none;
}
.dk-seq.is-pinned .dk-seq__bar {
  display: block;
}
.dk-seq__bar i {
  display: block;
  height: 100%;
  background: var(--hot);
  transform: scaleX(0);
  transform-origin: left;
}
.dk-seq__stage {
  position: relative;
  height: 520px;
}
.dk-sq-cards {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  padding: 0 9%;
  opacity: 0;
  pointer-events: none;
}
.dk-sq-card {
  background: var(--paper);
  color: var(--ink);
  border-radius: 8px;
  padding: 16px 18px;
  border: 1px solid var(--paper);
  box-shadow: 6px 6px 0 rgba(242, 242, 239, .14);
}
.dk-sq-card:nth-child(2) {
  margin-left: 8%;
  margin-right: -8%;
}
.dk-sq-card:nth-child(3) {
  margin-left: 16%;
  margin-right: -9%;
}
.dk-sq-card__k {
  font-family: var(--mono);
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: 2px 7px;
  border: 1px solid var(--line-2);
  border-radius: 3px;
  float: right;
}
.dk-sq-card--sign .dk-sq-card__k {
  background: var(--hot);
  border-color: var(--hot);
  font-weight: 700;
}
.dk-sq-card b {
  font-family: var(--mono);
  font-size: 17px;
}
.dk-sq-card p {
  font-size: 14px;
  color: var(--ink-2);
  margin: 4px 0 8px;
}
.dk-sq-card i {
  font-family: var(--mono);
  font-style: normal;
  font-size: 11.5px;
  color: var(--mute);
}
.dk-sq-win {
  position: absolute;
  inset: 0;
  background: #0e1012;
  border: 1px solid rgba(242, 242, 239, .22);
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 40px 80px -40px #000;
}
.dk-sq-tabs {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 44px;
  padding: 0 12px;
  border-bottom: 1px solid var(--pane-line);
  font-family: var(--mono);
  font-size: 12px;
  flex: none;
}
.dk-sq-tabs span {
  padding: 5px 9px;
  border-radius: 4px;
  color: var(--pane-dim);
}
.dk-sq-tabs span.is-on {
  background: rgba(242, 242, 239, .1);
  color: var(--pane-ink);
}
.dk-sq-tabs em {
  margin-left: auto;
  font-style: normal;
  font-size: 11px;
  padding: 4px 9px;
  border-radius: 99px;
  background: var(--hot);
  color: var(--ink);
  font-weight: 700;
}
.dk-sq-lines {
  padding: 12px 0;
  flex: 1;
  font-family: var(--mono);
  font-size: 13px;
}
.dk-sq-l {
  display: flex;
  align-items: center;
  height: 27px;
  padding-right: 14px;
  position: relative;
  white-space: nowrap;
}
.dk-sq-l u {
  width: 46px;
  text-align: right;
  padding-right: 14px;
  color: rgba(242, 242, 239, .28);
  text-decoration: none;
  flex: none;
}
.dk-sq-l s {
  text-decoration: none;
  color: var(--pane-ink);
  overflow: hidden;
  text-overflow: ellipsis;
}
.dk-sq-l s.c {
  color: #7f848b;
}
.dk-sq-l s b {
  color: var(--hot-l);
  font-weight: 400;
}
.dk-sq-mark {
  margin-left: auto;
  font-size: 10.5px;
  background: var(--hot);
  color: var(--ink);
  padding: 2px 7px;
  border-radius: 3px;
  font-weight: 700;
  opacity: 0;
}
.dk-sq-chip {
  display: inline-block;
  margin-left: 8px;
  font-size: 10.5px;
  border: 1px solid var(--hot);
  color: var(--hot-l);
  padding: 1px 7px;
  border-radius: 99px;
}
.dk-sq-out {
  position: relative;
  height: 78px;
  border-top: 1px solid var(--pane-line);
  font-family: var(--mono);
  font-size: 12px;
  flex: none;
  background: var(--pane);
}
.dk-sq-o {
  position: absolute;
  left: 16px;
  right: 16px;
  top: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dk-sq-o--err {
  color: #d9d6cd;
  opacity: 0;
}
.dk-sq-o--err b {
  color: var(--hot-l);
}
#sqErr2 {
  top: 40px;
}
.dk-sq-o--ok {
  top: 27px;
  color: var(--pane-ink);
  font-size: 13px;
}
.dk-sq-o--ok::before {
  content: "\2713";
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--hot);
  color: var(--ink);
  font-weight: 700;
  margin-right: 10px;
}
.dk-tool {
  padding: 112px 0;
  position: relative;
}
.dk-tool--alt {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.dk-bench {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}
.dk-form {
  background: var(--card);
  border: 1px solid var(--ink);
  border-radius: 10px;
  padding: 22px;
  min-width: 0;
}
.dk-form__top {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}
.dk-save {
  margin-left: auto;
  font-family: var(--mono);
  font-size: 11px;
  color: var(--mute);
  opacity: 0;
  transition: opacity .4s;
}
.dk-save.is-on {
  opacity: 1;
}
.dk-fs {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
  display: grid;
  gap: 12px;
}
.dk-fs legend {
  font-family: var(--mono);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--mute);
  padding: 0;
  margin-bottom: 10px;
}
.dk-row2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.dk-f {
  display: grid;
  gap: 5px;
  min-width: 0;
}
.dk-f > span:first-child {
  font-size: 12.5px;
  color: var(--ink-2);
  font-weight: 500;
}
.dk-f__join {
  display: flex;
  gap: 6px;
  align-items: center;
  min-width: 0;
}
.dk-f__join input {
  flex: 1;
  min-width: 0;
}
.dk-f__join .dk-mini {
  height: 40px;
}
input[type=text],
input[type=url],
input:not([type]),
select,
textarea {
  width: 100%;
  height: 40px;
  padding: 0 11px;
  background: var(--paper);
  border: 1px solid var(--line-2);
  border-radius: 5px;
  font-size: 14px;
  transition:
    border-color .2s,
    box-shadow .2s,
    background .2s;
  min-width: 0;
}
input:hover,
select:hover,
textarea:hover {
  border-color: var(--ink-2);
}
input:focus,
select:focus,
textarea:focus {
  border-color: var(--ink);
  box-shadow: 0 0 0 3px rgba(217, 102, 43, .28);
  background: #fff;
  outline: none;
  animation: none;
}
input:disabled {
  opacity: .35;
}
input.m,
.dk-tc__name {
  font-family: var(--mono);
  font-size: 13px;
}
select {
  padding-right: 4px;
}
.dk-tools__h,
.dk-saved__h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 26px 0 12px;
}
.dk-tools__h h3,
.dk-saved__h h3,
.dk-batch h3,
.dk-hist h3,
.dk-addrs h3 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -.01em;
}
.dk-count {
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 400;
  background: var(--paper-2);
  padding: 2px 7px;
  border-radius: 99px;
  margin-left: 6px;
  vertical-align: 2px;
}
.dk-tools {
  display: grid;
  gap: 12px;
}
.dk-empty {
  font-size: 14px;
  color: var(--mute);
  border: 1px dashed var(--line-2);
  border-radius: 8px;
  padding: 18px;
}
.dk-tc {
  border: 1px solid var(--line-2);
  border-left: 3px solid var(--ink);
  border-radius: 8px;
  padding: 14px;
  background: var(--paper);
  display: grid;
  gap: 10px;
  animation: dk-pop .4s var(--ease);
  min-width: 0;
}
.dk-tc.is-sign {
  border-left-color: var(--hot);
}
@keyframes dk-pop {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}
.dk-tc__h {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.dk-tc__n {
  font-family: var(--mono);
  font-size: 11px;
  color: var(--mute);
  flex: none;
}
.dk-tc__name {
  flex: 1 1 130px;
  font-weight: 700;
}
.dk-seg {
  display: inline-flex;
  border: 1px solid var(--line-2);
  border-radius: 5px;
  overflow: hidden;
  flex: none;
}
.dk-seg button {
  height: 38px;
  padding: 0 10px;
  background: transparent;
  border: 0;
  font-family: var(--mono);
  font-size: 11px;
  transition: background .25s, color .25s;
}
.dk-seg button[aria-pressed=true] {
  background: var(--ink);
  color: var(--paper);
}
.dk-seg button[data-v=sign][aria-pressed=true] {
  background: var(--hot);
  color: var(--ink);
  font-weight: 700;
}
.dk-tc__sub {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--mono);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--mute);
  margin-top: 4px;
}
.dk-in-row {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) 92px 62px auto minmax(0, 1.5fr) 28px;
  gap: 6px;
  align-items: center;
}
.dk-tc-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 124px auto 28px;
  gap: 6px;
  align-items: center;
}
.dk-in-row input,
.dk-in-row select,
.dk-tc-row input,
.dk-tc-row select,
.dk-tc__limit input,
.dk-tc__limit select {
  height: 34px;
  font-size: 13px;
  padding: 0 8px;
}
.dk-tc-row .dk-mini {
  height: 34px;
}
.dk-ck {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  color: var(--ink-2);
  white-space: nowrap;
  cursor: pointer;
}
.dk-ck input {
  width: 15px;
  height: 15px;
  accent-color: var(--hot);
  margin: 0;
}
.dk-tc__limit {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  background: rgba(217, 102, 43, .1);
  border: 1px solid rgba(217, 102, 43, .45);
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 13px;
}
.dk-tc__lk {
  font-family: var(--mono);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--hot-d);
  font-weight: 700;
}
.dk-tc__limit .mx {
  width: 76px;
}
.dk-tc__limit select {
  width: auto;
}
.dk-saved {
  border-top: 1px solid var(--line);
  margin-top: 24px;
}
.dk-saved__h {
  margin-top: 18px;
}
.dk-saved__list {
  display: grid;
  gap: 6px;
  margin-bottom: 8px;
}
.dk-saved__list li {
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 2px 4px 2px 0;
}
.dk-saved__load {
  flex: 1;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  background: none;
  border: 0;
  padding: 8px 10px;
  text-align: left;
  font-size: 14px;
  min-width: 0;
}
.dk-saved__load span {
  font-family: var(--mono);
  font-size: 11px;
  color: var(--mute);
  white-space: nowrap;
}
.dk-out {
  position: sticky;
  top: 84px;
  min-width: 0;
}
.dk-pane {
  background: var(--pane);
  color: var(--pane-ink);
  border-radius: 10px;
  border: 1px solid var(--ink);
  overflow: hidden;
  box-shadow: 8px 8px 0 rgba(21, 23, 26, .1);
}
.dk-pane.is-pulse {
  animation: dk-pulsebox .9s var(--ease);
}
@keyframes dk-pulsebox {
  0% {
    box-shadow: 0 0 0 0 rgba(217, 102, 43, .7), 8px 8px 0 rgba(21, 23, 26, .1);
  }
  100% {
    box-shadow: 0 0 0 16px rgba(217, 102, 43, 0), 8px 8px 0 rgba(21, 23, 26, .1);
  }
}
.dk-pane__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 46px;
  padding: 0 10px;
  border-bottom: 1px solid var(--pane-line);
  background: var(--pane-2);
}
.dk-pane__name {
  font-family: var(--mono);
  font-size: 11px;
  color: var(--pane-dim);
  text-transform: uppercase;
  letter-spacing: .05em;
}
.dk-tabs {
  position: relative;
  display: flex;
  align-self: stretch;
}
.dk-tabs button {
  background: none;
  border: 0;
  padding: 0 11px;
  font-family: var(--mono);
  font-size: 12px;
  color: var(--pane-dim);
  transition: color .3s;
  white-space: nowrap;
}
.dk-tabs button[aria-selected=true] {
  color: var(--pane-ink);
}
.dk-tabs__ink {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100px;
  height: 2px;
  background: var(--hot);
  transform-origin: left;
  transition: transform .45s var(--ease);
}
.dk-pane__act {
  display: flex;
  gap: 6px;
}
.dk-pane__body {
  height: 520px;
  overflow: auto;
  padding: 12px 0;
  font-family: var(--mono);
  font-size: 12.5px;
  line-height: 21px;
  scrollbar-width: thin;
  scrollbar-color: rgba(242, 242, 239, .25) transparent;
}
.dk-pane__body.is-swap {
  animation: dk-swap .45s var(--ease);
}
@keyframes dk-swap {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
}
.dk-pane__idle {
  padding: 20px;
  color: var(--pane-dim);
  font-family: var(--sans);
  font-size: 14px;
}
.dk-cl {
  display: flex;
  white-space: pre;
  padding-right: 16px;
  position: relative;
  min-width: max-content;
}
.dk-cl > i {
  flex: none;
  width: 46px;
  text-align: right;
  padding-right: 14px;
  color: rgba(242, 242, 239, .28);
  font-style: normal;
  user-select: none;
}
.dk-cl > em {
  position: sticky;
  right: 8px;
  margin-left: auto;
  padding-left: 14px;
  font-style: normal;
  font-size: 10px;
  font-weight: 700;
  align-self: center;
  line-height: 16px;
}
.dk-cl > em {
  color: var(--ink);
}
.dk-cl.is-error {
  background: rgba(217, 102, 43, .2);
  box-shadow: inset 3px 0 0 var(--hot);
}
.dk-cl.is-warn {
  background: rgba(242, 242, 239, .07);
  box-shadow: inset 3px 0 0 #c9a98f;
}
.dk-cl.is-note {
  box-shadow: inset 3px 0 0 rgba(242, 242, 239, .3);
}
.dk-cl.is-error > em,
.dk-cl.is-warn > em,
.dk-cl.is-note > em {
  background: var(--hot);
  padding: 0 6px;
  border-radius: 3px;
  margin-left: 14px;
}
.dk-cl.is-warn > em {
  background: #c9a98f;
}
.dk-cl.is-note > em {
  background: #9a9da1;
}
.dk-cl.is-flash {
  animation: dk-flash 1.2s var(--ease);
}
@keyframes dk-flash {
  0%, 40% {
    background: rgba(242, 242, 239, .34);
  }
}
.dk-pane__foot {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 14px;
  border-top: 1px solid var(--pane-line);
  font-family: var(--mono);
  font-size: 11px;
  color: var(--pane-dim);
  background: var(--pane-2);
  white-space: nowrap;
  overflow: hidden;
}
.dk-out__act {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
}
.dk-out__act .dk-hint {
  flex: 1 1 220px;
}
.dk-lint {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}
.dk-lint__in,
.dk-lint__out {
  min-width: 0;
  display: grid;
  gap: 14px;
}
.dk-lint__bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.dk-fmt {
  margin-left: auto;
  font-family: var(--mono);
  font-size: 11px;
  color: var(--mute);
}
.dk-area {
  height: 170px;
  padding: 12px;
  font-family: var(--mono);
  font-size: 12.5px;
  line-height: 1.6;
  resize: vertical;
  white-space: pre;
  overflow: auto;
  background: var(--card);
}
.dk-area--sm {
  height: 132px;
}
.dk-pane--view .dk-pane__bar {
  min-height: 38px;
  padding: 0 14px;
}
.dk-pane__body--lint {
  height: 380px;
}
.dk-verdict {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 18px;
  border: 1px solid var(--ink);
  border-radius: 10px;
  background: var(--card);
  transition: background .5s var(--ease);
}
.dk-verdict[data-v=blocked] {
  background: var(--ink);
  color: var(--paper);
}
.dk-verdict[data-v=blocked] .dk-verdict__c {
  color: #b3b6ba;
}
.dk-verdict__ring {
  position: relative;
  width: 76px;
  height: 76px;
  flex: none;
  display: grid;
  place-items: center;
}
.dk-verdict__ring svg {
  position: absolute;
  inset: 0;
  transform: rotate(-90deg);
}
.dk-verdict__ring circle {
  fill: none;
  stroke-width: 6;
}
.dk-verdict__ring .t {
  stroke: rgba(128, 128, 128, .25);
}
.dk-verdict__ring .v {
  stroke: var(--hot);
  stroke-dasharray: 214;
  stroke-dashoffset: 214;
  transition: stroke-dashoffset .9s var(--ease);
  stroke-linecap: butt;
}
.dk-verdict__ring b {
  font-size: 24px;
  letter-spacing: -.03em;
  font-weight: 600;
}
.dk-verdict__w {
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -.02em;
  line-height: 1.2;
}
.dk-verdict__c {
  font-size: 13px;
  color: var(--mute);
  margin-top: 4px;
}
.dk-term-out {
  background: var(--pane);
  color: var(--pane-ink);
  border: 1px solid var(--ink);
  border-radius: 10px;
  padding: 12px 0;
  font-family: var(--mono);
  font-size: 12px;
  line-height: 1.5;
  max-height: 470px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(242, 242, 239, .25) transparent;
}
.dk-term-out__l {
  display: block;
  padding: 4px 16px;
}
.dk-term-out__l--dim {
  color: var(--pane-dim);
}
.dk-fd {
  display: grid;
  grid-template-columns: 44px 58px 46px minmax(0, 1fr);
  gap: 8px;
  width: 100%;
  background: none;
  border: 0;
  text-align: left;
  color: inherit;
  padding: 6px 16px;
  transition: background .2s;
}
.dk-fd:hover {
  background: rgba(242, 242, 239, .07);
}
.dk-fd .p {
  color: var(--pane-dim);
}
.dk-fd .r {
  color: var(--pane-dim);
}
.dk-fd--error .s {
  color: var(--hot-l);
  font-weight: 700;
}
.dk-fd--warn .s {
  color: #d9bca6;
}
.dk-fd--note .s {
  color: var(--pane-dim);
}
.dk-fd .m {
  font-family: var(--sans);
  font-size: 13.5px;
}
.dk-fd small {
  display: block;
  font-size: 12px;
  color: var(--pane-dim);
  margin-top: 1px;
}
.dk-term-out.is-run .dk-fd,
.dk-term-out.is-run .dk-term-out__sum {
  animation: dk-line .45s var(--ease) both;
  animation-delay: var(--d, 0ms);
}
@keyframes dk-line {
  from {
    opacity: 0;
    transform: translateX(-10px);
  }
}
.dk-term-out__sum {
  margin-top: 8px;
  padding-top: 10px;
  border-top: 1px solid var(--pane-line);
  font-weight: 700;
}
.dk-term-out__sum--blocked {
  color: var(--hot-l);
}
.dk-term-out__sum--review {
  color: #d9bca6;
}
.dk-addrs {
  border: 1px solid var(--line-2);
  border-radius: 10px;
  padding: 14px 16px;
  background: var(--card);
}
.dk-addrs ul {
  margin-top: 8px;
  display: grid;
  gap: 6px;
}
.dk-addrs li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
}
.dk-addrs li span {
  color: var(--mute);
  margin-right: auto;
  font-size: 12px;
}
.dk-rules {
  border: 1px solid var(--line-2);
  border-radius: 10px;
  background: var(--card);
}
.dk-rules summary {
  padding: 13px 16px;
  font-weight: 600;
  cursor: pointer;
  font-size: 15px;
}
.dk-rules ul {
  padding: 0 16px 12px;
  display: grid;
  gap: 7px;
}
.dk-rules li {
  display: grid;
  grid-template-columns: 48px 62px 1fr;
  gap: 8px;
  font-size: 13px;
  align-items: baseline;
}
.dk-rules code {
  font-size: 11.5px;
}
.dk-sev {
  font-family: var(--mono);
  font-size: 10.5px;
}
.dk-sev--error {
  color: var(--hot-d);
  font-weight: 700;
}
.dk-probe {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}
.dk-probe__in,
.dk-probe__side {
  min-width: 0;
}
.dk-probe__form {
  display: flex;
  gap: 10px;
}
.dk-probe__form input {
  height: 50px;
  font-family: var(--mono);
  font-size: 14px;
  border-color: var(--ink);
  background: var(--card);
}
.dk-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 14px 0 20px;
}
.dk-chips__k {
  font-family: var(--mono);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--mute);
  margin-right: 4px;
}
.dk-chip {
  height: 32px;
  padding: 0 12px;
  background: var(--card);
  border: 1px solid var(--line-2);
  border-radius: 99px;
  font-size: 13px;
  transition:
    transform .2s var(--ease),
    background .2s,
    color .2s,
    border-color .2s;
}
.dk-chip:hover {
  background: var(--ink);
  color: var(--paper);
  border-color: var(--ink);
  transform: translateY(-1px);
}
.dk-chip--w {
  border-style: dashed;
}
.dk-result {
  min-height: 330px;
}
.dk-result__idle {
  border: 1px dashed var(--line-2);
  border-radius: 10px;
  min-height: 330px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 14px;
  padding: 30px;
  text-align: center;
  color: var(--mute);
}
.dk-result__idle svg {
  width: 120px;
  color: var(--line-2);
}
.dk-result__idle p {
  max-width: 40ch;
  font-size: 14px;
}
.dk-result__err {
  border: 1px solid var(--ink);
  border-radius: 10px;
  padding: 22px;
  background: var(--card);
  display: grid;
  gap: 10px;
  justify-items: start;
}
.dk-result__err p {
  color: var(--ink-2);
  font-size: 14px;
}
.dk-rc {
  border: 1px solid var(--ink);
  border-radius: 10px;
  background: var(--card);
  padding: 22px;
  box-shadow: 8px 8px 0 rgba(21, 23, 26, .1);
  animation: dk-pop .5s var(--ease);
}
.dk-rc--load {
  display: grid;
  gap: 14px;
  animation: none;
}
.dk-sk--h {
  height: 54px;
}
.dk-sk--b {
  height: 86px;
}
.dk-sk-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.dk-sk-grid .dk-sk {
  height: 46px;
}
.dk-rc__h {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.dk-rc__kind {
  flex: none;
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  background: var(--hot);
  color: var(--ink);
  padding: 8px 10px;
  border-radius: 5px;
  border: 1px solid var(--ink);
}
.dk-rc--wallet .dk-rc__kind,
.dk-rc--data .dk-rc__kind,
.dk-rc--tokenacc .dk-rc__kind {
  background: var(--ink);
  color: var(--paper);
}
.dk-rc--empty .dk-rc__kind {
  background: transparent;
  border-style: dashed;
}
.dk-rc__h > div {
  min-width: 0;
}
.dk-rc__h h3 {
  font-size: 24px;
  letter-spacing: -.03em;
  font-weight: 600;
  line-height: 1.15;
}
.dk-rc__h h3 small {
  font-size: 14px;
  font-weight: 500;
  color: var(--hot-d);
  letter-spacing: 0;
  margin-left: 6px;
  white-space: nowrap;
}
.dk-rc__addr {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
}
.dk-rc__addr code {
  font-size: 12px;
  color: var(--ink-2);
  word-break: break-all;
}
.dk-rc__facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 22px;
  margin: 18px 0 14px;
  border-top: 1px solid var(--ink);
}
.dk-rc__facts > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid var(--line);
  font-size: 13.5px;
  min-width: 0;
  animation: dk-pop .5s var(--ease) both;
}
.dk-rc__facts > div:nth-child(n+3) {
  animation-delay: .06s;
}
.dk-rc__facts > div:nth-child(n+5) {
  animation-delay: .12s;
}
.dk-rc__facts > div:nth-child(n+7) {
  animation-delay: .18s;
}
.dk-rc__facts dt {
  color: var(--mute);
  white-space: nowrap;
}
.dk-rc__facts dd {
  font-weight: 500;
  text-align: right;
  min-width: 0;
  overflow-wrap: anywhere;
}
.dk-rc__note {
  font-size: 14px;
  color: var(--ink-2);
}
.dk-rc__man {
  margin-top: 16px;
  background: var(--pane);
  color: var(--pane-ink);
  border-radius: 8px;
  overflow: hidden;
}
.dk-rc__mh {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px 8px 14px;
  border-bottom: 1px solid var(--pane-line);
  font-family: var(--mono);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--pane-dim);
}
.dk-rc__mh span {
  margin-right: auto;
}
.dk-rc__man pre {
  padding: 12px 14px;
  font-size: 12px;
  line-height: 1.7;
  overflow-x: auto;
}
.dk-rc__add {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  font-size: 13px;
}
.dk-rc__add select {
  width: auto;
  height: 38px;
}
.dk-rc__src {
  font-family: var(--mono);
  font-size: 11px;
  color: var(--mute);
  margin-top: 14px;
}
.dk-batch,
.dk-hist {
  border: 1px solid var(--line-2);
  border-radius: 10px;
  padding: 18px;
  background: var(--card);
}
.dk-batch .dk-hint {
  margin: 4px 0 10px;
}
.dk-batch__act {
  display: flex;
  gap: 8px;
  margin: 10px 0;
}
.dk-batch__out .dk-hint {
  margin: 8px 0 0;
}
.dk-tblwrap {
  overflow-x: auto;
}
.dk-tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
}
.dk-tbl th {
  text-align: left;
  font-family: var(--mono);
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--mute);
  font-weight: 400;
  padding: 6px 8px 6px 0;
  border-bottom: 1px solid var(--ink);
  white-space: nowrap;
}
.dk-tbl td {
  padding: 7px 8px 7px 0;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
}
.dk-tbl tbody tr {
  animation: dk-line .4s var(--ease) both;
}
.dk-tbl tbody tr:nth-child(2) {
  animation-delay: .04s;
}
.dk-tbl tbody tr:nth-child(3) {
  animation-delay: .08s;
}
.dk-tbl tbody tr:nth-child(4) {
  animation-delay: .12s;
}
.dk-tbl tbody tr:nth-child(5) {
  animation-delay: .16s;
}
.dk-tbl tbody tr:nth-child(n+6) {
  animation-delay: .2s;
}
.dk-tbl button {
  background: none;
  border: 0;
  padding: 0;
  border-bottom: 1px dotted var(--ink-2);
}
.dk-tbl .is-bad td {
  color: var(--hot-d);
}
.dk-kd {
  font-family: var(--mono);
  font-size: 10.5px;
  padding: 2px 7px;
  border-radius: 3px;
  border: 1px solid var(--line-2);
  white-space: nowrap;
}
.dk-kd--program,
.dk-kd--mint {
  background: var(--hot);
  border-color: var(--hot);
  color: var(--ink);
  font-weight: 700;
}
.dk-kd--wallet {
  background: var(--ink);
  border-color: var(--ink);
  color: var(--paper);
}
.dk-hist {
  margin-top: 16px;
}
.dk-hist ul {
  margin-top: 8px;
  display: grid;
}
.dk-hist li button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  background: none;
  border: 0;
  border-top: 1px solid var(--line);
  padding: 8px 0;
  text-align: left;
  font-size: 13px;
}
.dk-hist li button:hover code {
  color: var(--hot-d);
}
.dk-hist em {
  font-style: normal;
  color: var(--mute);
  font-size: 12px;
  margin-left: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dk-hist__idle {
  font-size: 13px;
  color: var(--mute);
}
.dk-flows {
  padding: 112px 0;
  background: var(--card);
  border-top: 1px solid var(--ink);
  border-bottom: 1px solid var(--ink);
}
.dk-flow {
  margin-top: 28px;
}
.dk-flow__cap {
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.dk-flow__cap b {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  background: var(--ink);
  color: var(--paper);
  border-radius: 5px;
  font-family: var(--mono);
  font-size: 13px;
  flex: none;
}
.dk-flow__box {
  border: 1px solid var(--line-2);
  border-radius: 10px;
  background: var(--paper);
  overflow-x: auto;
  background-image: radial-gradient(rgba(21, 23, 26, .14) 1px, transparent 1px);
  background-size: 20px 20px;
}
.dk-flow__box svg {
  display: block;
  width: 100%;
  min-width: 860px;
  height: auto;
}
.dk-fl path {
  fill: none;
  stroke: var(--ink);
  stroke-width: 1.5;
}
.dk-fn rect {
  fill: var(--card);
  stroke: var(--ink);
  stroke-width: 1.25;
}
.dk-fn text {
  font-family: var(--sans);
  font-size: 15px;
  font-weight: 600;
  fill: var(--ink);
  text-anchor: middle;
}
.dk-fn text.s {
  font-family: var(--mono);
  font-size: 10.5px;
  font-weight: 400;
  fill: var(--mute);
}
.dk-fn--hot rect {
  fill: var(--hot);
}
.dk-fn--hot text.s {
  fill: var(--ink);
}
.dk-fn--ink rect {
  fill: var(--ink);
}
.dk-fn--ink text {
  fill: var(--paper);
}
.dk-fn--ink text.s {
  fill: #b3b6ba;
}
.dk-fn--ghost rect {
  fill: var(--paper);
  stroke-dasharray: 4 4;
}
.dk-fn--none rect {
  fill: transparent;
  stroke-dasharray: 2 5;
}
.dk-fn {
  transform-box: fill-box;
  transform-origin: center;
}
.dk-fp {
  fill: var(--hot);
  stroke: var(--ink);
  stroke-width: 1;
}
.dk-legend {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 16px;
  font-size: 13.5px;
  color: var(--ink-2);
}
.dk-legend li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.dk-legend i {
  flex: none;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  border: 1px solid var(--ink);
  border-radius: 3px;
}
.dk-legend .l1 {
  background: var(--paper);
  border-style: dashed;
}
.dk-legend .l2 {
  background: var(--ink);
}
.dk-legend .l3 {
  background: var(--hot);
}
.dk-coin {
  padding: 112px 0 96px;
}
.dk-hold {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid var(--ink);
  border-radius: 10px;
  padding: 16px 18px;
  background: var(--card);
  margin-bottom: 18px;
}
.dk-hold__l {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  min-width: 0;
}
.dk-hold__l p {
  font-size: 14px;
  color: var(--ink-2);
  max-width: 76ch;
}
.dk-hold__dot {
  flex: none;
  width: 12px;
  height: 12px;
  margin-top: 6px;
  border-radius: 50%;
  border: 1.5px solid var(--ink);
  transition: background .3s;
}
.dk-hold__dot[data-s=on] {
  background: var(--hot);
}
.dk-hold__dot[data-s=wait] {
  animation: dk-blink 1s steps(2) infinite;
  background: var(--ink);
}
.dk-hold__dot[data-s=err] {
  background: var(--ink);
}
.dk-uses {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}
.dk-use {
  grid-column: span 2;
  border: 1px solid var(--line-2);
  border-radius: 10px;
  padding: 22px;
  background: var(--card);
  transition:
    transform .35s var(--ease),
    border-color .3s,
    box-shadow .35s var(--ease);
}
.dk-use:nth-child(n+4) {
  grid-column: span 3;
}
.dk-use:hover {
  transform: translate(-2px, -2px);
  border-color: var(--ink);
  box-shadow: 5px 5px 0 var(--ink);
}
.dk-use__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px;
}
.dk-use__n {
  font-family: var(--mono);
  font-size: 12px;
  color: var(--mute);
}
.dk-use h3 {
  font-size: 21px;
  letter-spacing: -.02em;
  font-weight: 600;
  margin-bottom: 8px;
}
.dk-use p {
  color: var(--ink-2);
  font-size: 15px;
}
.dk-state {
  display: inline-block;
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .03em;
  padding: 3px 9px;
  border-radius: 99px;
  background: var(--ink);
  color: var(--paper);
  vertical-align: middle;
}
.dk-state--plan {
  background: transparent;
  color: var(--ink-2);
  border: 1px dashed var(--line-2);
  font-weight: 400;
}
.dk-state--live {
  background: var(--hot);
  color: var(--ink);
}
.dk-h2 .dk-state {
  font-size: 13px;
  margin-left: 10px;
  letter-spacing: 0;
}
.dk-supply {
  padding: 96px 0 112px;
  border-top: 1px solid var(--line);
}
.dk-supply__grid {
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr);
  gap: 64px;
  align-items: center;
}
.dk-ring {
  position: relative;
  width: 100%;
  max-width: 340px;
  aspect-ratio: 1;
}
.dk-ring svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.dk-ring circle {
  fill: none;
}
.dk-ring .t {
  stroke: var(--paper-2);
  stroke-width: 22;
}
.dk-ring .t2 {
  stroke: var(--ink);
  stroke-width: 1;
  stroke-dasharray: 2 6;
}
.dk-ring .v {
  stroke: var(--hot);
  stroke-width: 22;
  stroke-dasharray: 553;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1.2s var(--ease);
}
.dk-ring__c {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  text-align: center;
}
.dk-ring__c b {
  font-size: 58px;
  letter-spacing: -.05em;
  font-weight: 600;
  line-height: 1;
}
.dk-ring__c span {
  font-size: 13px;
  color: var(--mute);
  max-width: 15ch;
  margin: 6px auto 0;
}
.dk-ring__c b span {
  font-size: inherit;
  color: inherit;
  margin: 0;
}
.dk-kv {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 32px;
  border-top: 1px solid var(--ink);
}
.dk-kv > div {
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
}
.dk-kv dt {
  font-family: var(--mono);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--mute);
}
.dk-kv dd {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -.02em;
  margin-top: 2px;
}
.dk-kv dd small {
  display: block;
  font-size: 12.5px;
  font-weight: 400;
  color: var(--mute);
  letter-spacing: 0;
}
.dk-skel-t {
  color: var(--mute);
}
.dk-bars {
  margin-top: 24px;
  display: grid;
  gap: 10px;
}
.dk-bar {
  display: grid;
  grid-template-columns: 170px 1fr 46px;
  gap: 14px;
  align-items: center;
  font-size: 13.5px;
}
.dk-bar i {
  height: 10px;
  background: var(--paper-2);
  border-radius: 2px;
  overflow: hidden;
  display: block;
}
.dk-bar i b {
  display: block;
  height: 100%;
  width: 100%;
  background: var(--ink);
  transform-origin: left;
  transform: scaleX(0);
}
.dk-bar:first-child i b {
  background: var(--hot);
  transform: scaleX(1);
}
.dk-bar em {
  font-family: var(--mono);
  font-style: normal;
  font-size: 12px;
  text-align: right;
}
.dk-route {
  padding: 112px 0;
  background: var(--card);
  border-top: 1px solid var(--ink);
}
.dk-road {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding-top: 34px;
}
.dk-road__line {
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
  height: 2px;
  background: var(--line);
}
.dk-road__line i {
  display: block;
  height: 100%;
  width: 100%;
  background: var(--ink);
  transform-origin: left;
}
.dk-ph {
  position: relative;
  border: 1px solid var(--line-2);
  border-radius: 10px;
  padding: 20px;
  background: var(--paper);
}
.dk-ph::before {
  content: "";
  position: absolute;
  top: -31px;
  left: 20px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--paper);
  border: 2px solid var(--ink);
}
.dk-ph:first-of-type {
  border-color: var(--ink);
  box-shadow: 5px 5px 0 var(--ink);
}
.dk-ph:first-of-type::before {
  background: var(--hot);
}
.dk-ph header {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 14px;
}
.dk-ph__n {
  font-family: var(--mono);
  font-size: 12px;
  color: var(--hot-d);
  font-weight: 700;
}
.dk-ph h3 {
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -.02em;
}
.dk-ph ul {
  display: grid;
  gap: 10px;
}
.dk-ph li {
  position: relative;
  padding-left: 26px;
  font-size: 14.5px;
  color: var(--ink-2);
  line-height: 1.4;
}
[data-s]::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  border: 1.5px solid var(--ink);
  vertical-align: -2px;
  margin-right: 8px;
}
.dk-ph li[data-s]::before {
  position: absolute;
  left: 0;
  top: 2px;
  margin: 0;
}
[data-s=done]::before {
  background: var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.2l2.6 2.6L11 4.4' fill='none' stroke='%23f2f2ef' stroke-width='2'/%3E%3C/svg%3E") center/100% no-repeat;
}
[data-s=build]::before {
  background:
    linear-gradient(
      90deg,
      var(--hot) 50%,
      transparent 50%);
}
[data-s=plan]::before {
  border-style: dashed;
}
.dk-road__key span {
  margin: 0 4px 0 14px;
  color: var(--ink);
  font-weight: 500;
}
.dk-road__key span:first-child {
  margin-left: 0;
}
.dk-faq {
  padding: 112px 0;
  border-top: 1px solid var(--ink);
}
.dk-faq__grid {
  display: grid;
  grid-template-columns: minmax(0, .7fr) minmax(0, 1fr);
  gap: 64px;
  align-items: start;
}
.dk-faq__list {
  border-top: 1px solid var(--ink);
}
.dk-q {
  border-bottom: 1px solid var(--line-2);
}
.dk-q summary {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 20px 0;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: -.015em;
  cursor: pointer;
}
.dk-q summary::-webkit-details-marker {
  display: none;
}
.dk-q summary::after {
  content: "+";
  flex: none;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line-2);
  border-radius: 50%;
  font-family: var(--mono);
  font-size: 15px;
  transition:
    transform .4s var(--ease),
    background .3s,
    color .3s;
}
.dk-q[open] summary::after {
  transform: rotate(45deg);
  background: var(--ink);
  color: var(--paper);
}
.dk-q p {
  padding: 0 46px 22px 0;
  color: var(--ink-2);
  max-width: 64ch;
  animation: dk-pop .4s var(--ease);
}
.dk-q code {
  font-size: 13px;
  background: var(--paper-2);
  padding: 1px 5px;
  border-radius: 3px;
}
.dk-foot {
  background: var(--pane);
  color: var(--pane-ink);
  padding: 64px 0 28px;
}
.dk-foot__grid {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.5fr) auto;
  gap: 56px;
}
.dk-logo--foot {
  font-size: 18px;
}
.dk-foot__tag {
  margin-top: 12px;
  color: #b3b6ba;
  font-size: 14px;
  max-width: 30ch;
}
.dk-foot__note h3 {
  font-family: var(--mono);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--hot-l);
  margin-bottom: 10px;
  font-weight: 400;
}
.dk-foot__note p {
  font-size: 14px;
  color: #c9cbce;
  max-width: 68ch;
}
.dk-foot__nav {
  display: grid;
  gap: 7px;
  font-size: 14px;
  align-content: start;
}
.dk-foot__nav a {
  text-decoration: none;
  color: #c9cbce;
}
.dk-foot__nav a:hover {
  color: var(--hot-l);
}
.dk-foot__base {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 48px;
  padding-top: 18px;
  border-top: 1px solid var(--pane-line);
  font-family: var(--mono);
  font-size: 11px;
  color: var(--pane-dim);
}
.dk-anim .dk-ln__in {
  transform: translateY(108%);
}
.dk-anim .dk-in,
.dk-anim .dk-asm,
.dk-anim [data-rv] {
  opacity: 0;
}
.dk-anim .dk-nav__in > * {
  opacity: 0;
}
@media (max-width: 1180px) {
  .dk-links {
    gap: 16px;
  }
  .dk-links a {
    font-size: 13px;
  }
  .dk-in-row {
    grid-template-columns: minmax(0, 1fr) 86px 56px auto 28px;
  }
  .dk-in-row .d {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}
@media (max-width: 1040px) {
  .dk-burger {
    display: block;
  }
  .dk-links {
    position: absolute;
    left: 0;
    right: 0;
    top: 64px;
    flex-direction: column;
    gap: 0;
    background: var(--paper);
    border-bottom: 1px solid var(--ink);
    padding: 8px 32px 16px;
    transform: translateY(-8px);
    opacity: 0;
    visibility: hidden;
    transition:
      transform .3s var(--ease),
      opacity .3s,
      visibility 0s .3s;
  }
  .dk-links.is-open {
    transform: none;
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
  }
  .dk-links a {
    padding: 13px 0;
    font-size: 16px;
    border-bottom: 1px solid var(--line);
  }
  .dk-nav__in {
    justify-content: space-between;
  }
  .dk-anim .dk-nav__in > .dk-links {
    opacity: 0;
  }
  .dk-hero__grid,
  .dk-seq__grid,
  .dk-bench,
  .dk-lint,
  .dk-probe,
  .dk-faq__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .dk-hero__stage {
    max-width: 640px;
  }
  .dk-sec__head--split {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .dk-out {
    position: static;
  }
  .dk-seq__pin {
    min-height: 0;
  }
  .dk-supply__grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .dk-ring {
    max-width: 260px;
  }
  .dk-road {
    grid-template-columns: 1fr 1fr;
    padding-top: 0;
  }
  .dk-road__line,
  .dk-ph::before {
    display: none;
  }
  .dk-foot__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .dk-foot__nav {
    grid-template-columns: repeat(4, auto);
    justify-content: start;
    gap: 8px 22px;
  }
  .dk-pane__body {
    height: 420px;
  }
}
@media (max-width: 720px) {
  .dk-wrap,
  .dk-nav__in {
    padding: 0 18px;
  }
  .dk-links {
    padding: 8px 18px 16px;
  }
  .dk-nav__in {
    gap: 10px;
    height: 60px;
  }
  .dk-links {
    top: 60px;
  }
  .dk-logo {
    font-size: 17px;
  }
  .dk-ca {
    display: none;
  }
  .xba3-btn {
    padding: 0 12px;
    font-size: 13px;
    height: 38px;
  }
  .dk-hero {
    padding: 34px 0 56px;
    background-image: none;
  }
  .dk-eyebrow {
    font-size: 10.5px;
    padding: 6px 10px;
    margin-bottom: 20px;
  }
  .dk-h1 {
    font-size: clamp(26px, 8.2vw, 50px);
  }
  .dk-lede {
    font-size: 16.5px;
  }
  .dk-cta .dk-btn {
    flex: 1 1 100%;
  }
  .dk-facts {
    grid-template-columns: 1fr;
  }
  .dk-facts li {
    display: grid;
    grid-template-columns: 44px 1fr;
    align-items: baseline;
    padding: 10px 0;
  }
  .dk-facts li + li {
    padding-left: 0;
    border-left: 0;
    border-top: 1px solid var(--line);
  }
  .dk-facts b {
    font-size: 26px;
  }
  .dk-facts span {
    margin: 0;
  }
  .dk-hero__stage {
    min-height: 0;
  }
  .dk-grid {
    display: none;
  }
  .dk-win {
    width: 100%;
    margin-top: 0;
  }
  .dk-win__body {
    height: 270px;
  }
  .dk-code {
    font-size: 11px;
  }
  .dk-code .dk-hl i {
    width: 30px;
    padding-right: 10px;
  }
  .dk-win__tabs span:not(.is-on) {
    display: none;
  }
  .dk-live {
    position: relative;
    width: 100%;
    right: auto;
    bottom: auto;
    margin-top: 14px;
    box-shadow: 4px 4px 0 var(--ink);
  }
  .dk-float {
    display: none;
  }
  .dk-steps,
  .dk-tool,
  .dk-flows,
  .dk-route,
  .dk-faq {
    padding: 68px 0;
  }
  .dk-coin {
    padding: 68px 0 56px;
  }
  .dk-supply {
    padding: 56px 0 68px;
  }
  .dk-sec__head {
    margin-bottom: 28px;
  }
  .dk-steps__row {
    grid-template-columns: 1fr;
  }
  .dk-step + .dk-step {
    border-left: 0;
    border-top: 1px solid var(--ink);
  }
  .dk-step {
    padding: 22px 20px;
  }
  .dk-step h3 {
    margin-top: 12px;
    font-size: 23px;
  }
  .dk-seq__pin {
    padding: 68px 0;
    background-size: 48px 48px;
  }
  .dk-seq__grid {
    gap: 32px;
  }
  .dk-seq__stage {
    height: 452px;
  }
  .dk-sq-lines {
    font-size: 11px;
  }
  .dk-sq-l u {
    width: 30px;
    padding-right: 8px;
  }
  .dk-sq-chip {
    display: none;
  }
  .dk-sq-out {
    font-size: 10.5px;
  }
  .dk-sq-o {
    left: 12px;
    right: 12px;
  }
  .dk-sq-tabs span:not(.is-on) {
    display: none;
  }
  .dk-form {
    padding: 14px;
  }
  .dk-row2 {
    grid-template-columns: 1fr;
  }
  .dk-in-row {
    grid-template-columns: minmax(0, 1fr) 84px 28px;
  }
  .dk-in-row .mx {
    grid-column: 1;
    grid-row: 2;
  }
  .dk-in-row .dk-ck {
    grid-column: 2 / -1;
    grid-row: 2;
  }
  .dk-in-row .d {
    grid-row: 3;
  }
  .dk-in-row {
    padding-bottom: 8px;
    border-bottom: 1px dashed var(--line);
  }
  .dk-tc-row {
    grid-template-columns: minmax(0, 1fr) 104px 28px;
  }
  .dk-tc-row .dk-mini {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: center;
  }
  .dk-seg button {
    padding: 0 8px;
  }
  .dk-tc__name {
    flex-basis: 100%;
    order: 3;
  }
  .dk-tc__h .dk-x {
    margin-left: auto;
  }
  .dk-pane__bar {
    flex-wrap: wrap;
    padding: 0 6px;
  }
  .dk-tabs button {
    padding: 0 8px;
    height: 44px;
    font-size: 11.5px;
  }
  .dk-pane__act {
    padding: 6px 0;
    margin-left: auto;
  }
  .dk-pane__body {
    height: 360px;
    font-size: 11.5px;
  }
  .dk-pane__body--lint {
    height: 300px;
  }
  .dk-cl > i {
    width: 34px;
    padding-right: 10px;
  }
  .dk-pane__sha {
    display: none;
  }
  .dk-fmt {
    margin-left: 0;
    flex-basis: 100%;
  }
  .dk-verdict {
    padding: 14px;
    gap: 14px;
  }
  .dk-verdict__w {
    font-size: 18px;
  }
  .dk-fd {
    grid-template-columns: 38px 56px minmax(0, 1fr);
    padding: 6px 12px;
  }
  .dk-fd .r {
    display: none;
  }
  .dk-fd .m {
    grid-column: 1 / -1;
  }
  .dk-probe__form {
    flex-direction: column;
  }
  .dk-probe__form input {
    font-size: 12.5px;
  }
  .dk-rc {
    padding: 16px;
  }
  .dk-rc__h {
    flex-direction: column;
    gap: 10px;
  }
  .dk-rc__facts {
    grid-template-columns: 1fr;
  }
  .dk-rc__h h3 {
    font-size: 21px;
  }
  .dk-rc__mh {
    flex-wrap: wrap;
  }
  .dk-rc__mh span {
    flex-basis: 100%;
  }
  .dk-result,
  .dk-result__idle {
    min-height: 220px;
  }
  .dk-legend {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .dk-hold {
    flex-direction: column;
    align-items: stretch;
  }
  .dk-uses {
    grid-template-columns: 1fr;
  }
  .dk-use,
  .dk-use:nth-child(n+4) {
    grid-column: auto;
  }
  .dk-use__top {
    margin-bottom: 14px;
  }
  .dk-kv {
    grid-template-columns: 1fr;
  }
  .dk-bar {
    grid-template-columns: 1fr 46px;
  }
  .dk-bar span {
    grid-column: 1 / -1;
  }
  .dk-road {
    grid-template-columns: 1fr;
  }
  .dk-q summary {
    font-size: 17px;
    padding: 16px 0;
  }
  .dk-q p {
    padding-right: 0;
  }
  .dk-foot__nav {
    grid-template-columns: repeat(3, auto);
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
  .dk-fp,
  .dk-pulse::after {
    display: none;
  }
}