/* ---------- the overview ---------- */
.zm-docs{font:inherit;display:flex;align-items:center;gap:14px;width:100%;margin-top:8px;padding:12px 14px;border:1px solid #2a4a7a;background:rgba(11,20,48,.6);color:var(--hi);text-align:left;cursor:pointer;transition:border-color .3s,background .3s}
.zm-docs i{width:26px;height:26px;border-radius:6px;flex:none;background:linear-gradient(135deg,#9ef0ff,#5fe3a1 50%,#ffcf9a 75%,#c9a8ff);opacity:.9;box-shadow:0 0 14px rgba(158,240,255,.35)}
.zm-docs span{display:grid;gap:2px}.zm-docs b{font-weight:500;font-size:14px;letter-spacing:.06em}.zm-docs small{font-size:11px;color:var(--grey)}
.zm-docs em{margin-left:auto;font-style:normal;color:#9ef0ff}
.zm-docs:hover{border-color:#9ef0ff;background:#10264f}
.dk-open{display:flex;align-items:center;gap:12px;margin:18px auto 0;padding:12px 20px;border:1px solid #2a4a7a;background:transparent;color:var(--hi);font:inherit;font-size:12.5px;letter-spacing:.06em;cursor:pointer;border-radius:999px;transition:border-color .3s,background .3s}
.dk-open em{font-style:normal;color:#9ef0ff;transition:transform .3s}
.dk-open:hover{border-color:#9ef0ff;background:#0b1430}.dk-open:hover em{transform:translateX(4px)}

html.dk-on{overflow:hidden}
.docs{position:fixed;inset:0;z-index:200;display:flex;align-items:stretch;justify-content:center}
.docs[hidden]{display:none}
.dk-veil{position:absolute;inset:0;background:rgba(3,4,12,.72);backdrop-filter:blur(6px);opacity:0;transition:opacity .32s ease}
.dk{position:relative;margin:28px;width:min(1180px,100%);display:grid;grid-template-columns:230px 1fr;grid-template-rows:auto 1fr;background:linear-gradient(180deg,#070b22,#04050f);border:1px solid #1f3a6e;box-shadow:0 30px 120px rgba(0,0,0,.6),0 0 0 1px rgba(158,240,255,.05);opacity:0;transform:translateY(18px) scale(.985);transition:opacity .32s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.docs.show .dk-veil{opacity:1}.docs.show .dk{opacity:1;transform:none}
.dk-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:20px 26px;border-bottom:1px solid #1a2a4a}
.dk-head small{display:block;font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:#3d70c3}
.dk-head b{display:block;margin-top:4px;font-family:Disp,'Inter Display',sans-serif;font-weight:300;font-size:28px;color:var(--hi)}
.dk-nav{padding:20px 0 20px 22px;border-right:1px solid #1a2a4a;display:flex;flex-direction:column;gap:2px;overflow-y:auto}
.dk-nav a{padding:9px 12px;font-size:12.5px;color:var(--grey);border-left:2px solid transparent;transition:color .25s,border-color .25s,background .25s}
.dk-nav a:hover{color:var(--hi)}
.dk-nav a.on{color:#fff;border-left-color:#9ef0ff;background:linear-gradient(90deg,rgba(158,240,255,.08),transparent)}
.dk-body{overflow-y:auto;overscroll-behavior:contain;padding:6px 34px 60px;scroll-behavior:smooth}
.dk-body section{padding:30px 0 10px;border-bottom:1px solid #12224a}
.dk-body section:last-child{border-bottom:0}
.dk-body h3{display:flex;align-items:baseline;gap:14px;margin:0 0 14px;font-family:Disp,'Inter Display',sans-serif;font-weight:300;font-size:26px;color:var(--hi)}
.dk-body h3 span{font-family:Mono,monospace;font-size:11px;letter-spacing:.2em;color:#3d70c3}
.dk-body p{font-size:13.5px;line-height:1.85;color:var(--txt);margin:0 0 14px;max-width:760px}
.dk-lede{font-family:Disp,'Inter Display',sans-serif;font-weight:300;font-size:19px !important;line-height:1.6 !important;color:#cfe6ff !important}
.dk-three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}
.dk-three div{border:1px solid #1f3a6e;padding:16px;background:rgba(11,20,48,.5)}
.dk-three b{display:block;color:var(--hi);font-weight:500;font-size:14px;margin-bottom:6px}.dk-three span{font-size:12.5px;line-height:1.7;color:var(--txt)}
.dk-map{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.dk-part{border:1px solid #1f3a6e;padding:14px 16px;background:rgba(11,20,48,.35)}
.dk-part h4{margin:0 0 6px;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#3d70c3;font-weight:500}
.dk-part a{display:grid;grid-template-columns:30px 1fr;gap:0 10px;padding:8px 6px;border-bottom:1px solid #12224a;cursor:pointer;transition:background .25s,padding .25s}
.dk-part a:last-child{border-bottom:0}
.dk-part a:hover{background:#0b1430;padding-left:10px}
.dk-part em{grid-row:1/3;font-style:normal;font-size:11px;color:var(--grey);padding-top:2px}
.dk-part b{color:var(--hi);font-weight:500;font-size:13px}.dk-part span{font-size:11.5px;color:var(--grey)}
.dk-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:11.5px;color:var(--grey);margin-bottom:14px}
.st{display:inline-block;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid}
.st.live{color:#5fe3a1;border-color:#2f7a5c;background:#0b1f1a}
.st.ready{color:#9ef0ff;border-color:#2a4a7a;background:#0b1430}
.st.book{color:#9fb6d8;border-color:#2a3a5a;border-style:dashed}
.dk-tech{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.dk-tech a{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 14px;border:1px solid #1a2f5a;background:rgba(11,20,48,.4);cursor:pointer;transition:border-color .25s,transform .25s}
.dk-tech a:hover{border-color:#3d70c3;transform:translateY(-1px)}
.dk-tech b{color:var(--hi);font-weight:500;font-size:13px}
.dk-tech small{grid-column:1;font-size:10.5px;color:#3d70c3;letter-spacing:.08em}
.dk-tech .st{grid-column:2;grid-row:1/3;align-self:center}
.dk-tech p{grid-column:1/-1;margin:6px 0 0 !important;font-size:12px !important;line-height:1.65 !important;color:var(--grey) !important}
.dk-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.dk-stack h4{margin:0 0 8px;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#3d70c3;font-weight:500}
.dk-stack ul,.dk-list{margin:0;padding:0;list-style:none}
.dk-stack li,.dk-list li{position:relative;padding:8px 0 8px 16px;font-size:12.5px;line-height:1.7;color:var(--txt);border-bottom:1px solid #12224a}
.dk-stack li::before,.dk-list li::before{content:'';position:absolute;left:0;top:16px;width:6px;height:6px;border-radius:50%;background:#3d70c3}
.dk-stack b,.dk-list b{color:var(--hi);font-weight:500}
.dk-stack a{color:#9ef0ff;cursor:pointer}
.dk-list li::before{background:#ffcf9a}
.dk-steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;counter-reset:s}
.dk-steps a{display:block;padding:16px;border:1px solid #2f7a5c;background:#0b1f1a;cursor:pointer;counter-increment:s;transition:transform .25s,border-color .25s}
.dk-steps a::before{content:counter(s);display:block;font-family:Disp,'Inter Display',sans-serif;font-weight:300;font-size:28px;color:#5fe3a1;line-height:1}
.dk-steps b{display:block;margin-top:8px;color:#fff;font-weight:500;font-size:13.5px}.dk-steps span{font-size:11.5px;color:#bfe9d3}
.dk-steps a:hover{transform:translateY(-2px);border-color:#5fe3a1}
@media (max-width:980px){.dk-stack,.dk-three{grid-template-columns:1fr}.dk-steps{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  .dk{margin:0;grid-template-columns:1fr;grid-template-rows:auto auto 1fr;border:0}
  .dk-head{padding:14px 16px}.dk-head b{font-size:22px}
  .dk-nav{flex-direction:row;overflow-x:auto;padding:8px 10px;border-right:0;border-bottom:1px solid #1a2a4a;gap:4px;scrollbar-width:none}
  .dk-nav::-webkit-scrollbar{display:none}
  .dk-nav a{white-space:nowrap;border-left:0;border-bottom:2px solid transparent;padding:8px 10px}
  .dk-nav a.on{border-bottom-color:#9ef0ff;background:none}
  .dk-body{padding:0 16px 40px}
  .dk-map,.dk-tech{grid-template-columns:1fr}
  .dk-steps{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.dk,.dk-veil{transition:none}.dk-body{scroll-behavior:auto}}
