.d-page-hero{
  padding-block:var(--d-hero-pad);
  color:#141210;
  background:#FFFFFF;
}
.d-page-hero-copy{max-width:44rem;color:#141210}
.d-page-hero-copy .c-breadcrumb,.d-page-hero-copy .c-breadcrumb li,.d-page-hero-copy .c-breadcrumb a{color:#000000!important;opacity:1!important}
.d-page-hero-copy>p{max-width:40rem;margin-top:var(--d-space-3);color:#000000!important;font-size:var(--d-text-lg);opacity:1!important}
.d-page-hero-copy .c-btn-ghost{color:#000000!important;background:#FFFFFF!important;border-color:#000000!important;opacity:1!important}
.d-page-hero-copy dl dt,.d-page-hero-copy dl dd{color:#000000!important;opacity:1!important}
.d-page-hero[data-hero-form="terminal"]{
  background:#FFFFFF;
}
.d-page-hero[data-hero-form="terminal"]>.d-hero-split{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);
  align-items:start;
  gap:clamp(2.5rem,5vw,4.5rem);
}
.d-hero-stage{
  position:relative;
  min-width:0;
  min-height:32rem;
  overflow:hidden;
  color:#2C2238;
  background:#EEEAF3;
}
.d-hero-stage:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(44,34,56,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(44,34,56,.08) 1px,transparent 1px);
  background-size:4rem 4rem;
}
.d-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(16rem,25rem);
  align-items:end;
  gap:var(--d-space-5);
  margin-bottom:var(--d-space-4);
}
.d-section-head p{color:var(--d-muted)}
.d-section-head-center{display:block;max-width:48rem;margin-inline:auto;margin-bottom:var(--d-space-4);text-align:center}
.d-section-head-center .c-kicker{align-self:center;margin-inline:auto}
.d-section-head-center p{max-width:40rem;margin:var(--d-space-2) auto 0}
.d-section-rule{border-bottom:1px solid var(--d-line)}
.d-paired{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(18rem,.7fr);align-items:start;gap:var(--d-space-3)}
.d-paired-side{display:grid;grid-auto-rows:auto;align-items:start;align-content:start;gap:var(--d-space-3)}
@media (max-width:64rem){
  .d-page-hero[data-hero-form="terminal"]>.d-hero-split{grid-template-columns:1fr}
  .d-hero-stage{height:auto;min-height:0;overflow:visible}
  .d-section-head{grid-template-columns:1fr;gap:var(--d-space-2)}
  .d-paired{grid-template-columns:1fr}
}
@media (max-width:45rem){
  .d-page-hero{padding-block:var(--d-space-4)}
}

[data-hero-face="confirmed-draft"]:not([data-face-root]){height:auto;min-height:510px;min-width:0;overflow:visible;background:transparent;border-radius:0;--mono:var(--mv-font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);--green:#27785d}
[data-hero-face="confirmed-draft"]:not([data-face-root])::before,[data-hero-face="confirmed-draft"]:not([data-face-root])::after{display:none;content:none}
[data-hero-face="confirmed-draft"]:not([data-face-root])>img{display:none}
[data-hero-face="confirmed-draft"] .hero-art{
  position:relative;
  align-self:start;
  min-height:520px;
  margin-top:18px;
  padding:28px;
  color:#2C2238;
  background:#EEEAF3;
  overflow:hidden;
}
[data-hero-face="confirmed-draft"] .hero-art .art-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:.7;
}
[data-hero-face="confirmed-draft"] .hero-art .queue-card{
  position:relative;
  z-index:2;
  width:100%;
  background:#ffffff;
  border:1px solid #cbc5d2;
}
[data-hero-face="confirmed-draft"] .hero-art .float-title{
  height:53px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 20px;
  border-bottom:1px solid #ded9e3;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
[data-hero-face="confirmed-draft"] .hero-art .status-live{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#C23800;
  font-weight:700;
}
[data-hero-face="confirmed-draft"] .hero-art .status-live:before{
  content:"";
  width:7px;
  height:7px;
  background:#C23800;
}
[data-hero-face="confirmed-draft"] .hero-art .build-row{
  display:grid;
  grid-template-columns:116px 1fr;
  min-height:58px;
  border-bottom:1px solid #e7e3e9;
}
[data-hero-face="confirmed-draft"] .hero-art .build-row:last-of-type{border-bottom:0}
[data-hero-face="confirmed-draft"] .hero-art .node-label{
  display:flex;
  align-items:center;
  padding:0 16px;
  color:#716b78;
  background:#faf9fb;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:10px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 18px;
  font-size:13px;
  font-weight:700;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-line span{color:#726d76;font-weight:500}
[data-hero-face="confirmed-draft"] .hero-art .pill-ok{
  display:inline-flex;
  align-items:center;
  min-width:62px;
  justify-content:center;
  padding:4px 8px;
  color:#15322D;
  background:#E8F0EE;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:10px;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-card{
  position:relative;
  z-index:2;
  margin-top:15px;
  padding:17px 19px 19px;
  color:#ffffff;
  background:#141210;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-card strong{
  display:flex;
  justify-content:space-between;
  margin-bottom:15px;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:11px;
  letter-spacing:.06em;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-card strong span{color:#ff9b72}
[data-hero-face="confirmed-draft"] .hero-art .runner-card div{
  height:9px;
  background:#35312f;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-card div:after{
  content:"";
  display:block;
  width:72%;
  height:100%;
  background:#C23800;
  animation:stage-grow 3.8s ease-in-out infinite alternate;
}
[data-hero-face="confirmed-draft"] .hero-art .float-card{
  position:absolute;
  z-index:4;
  right:9px;
  bottom:5px;
  width:181px;
  padding:13px 15px;
  border:1px solid #c9c5c1;
  color:#2B211A;
  background:#F3EEE7;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:10px;
  line-height:1.7;
  transform:rotate(-2deg);
}
@media(max-width:46rem){
  [data-hero-face="confirmed-draft"]:not([data-face-root]){min-height:0}
  [data-hero-face="confirmed-draft"] .hero-art{height:auto}
  [data-hero-face="confirmed-draft"] .cluster{position:relative;inset:auto;width:100%;height:auto}
  [data-hero-face="confirmed-draft"] .float-card,
  [data-hero-face="confirmed-draft"] .node-label{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:auto;max-width:none;display:inline-block;margin:.35rem .35rem 0 0}
  [data-hero-face="confirmed-draft"] .queue-card,
  [data-hero-face="confirmed-draft"] .runner-card{width:100%}
}
