.c-page-hero{padding-block:var(--hero-pad);background-color:#f6f7f9;background-image:radial-gradient(circle at center,rgba(82,91,113,.13) 1px,transparent 1.2px);background-size:12px 12px}
[data-hero-form="right-graphic"]>.hero-shell{display:grid;grid-template-columns:minmax(0,.88fr) minmax(31rem,1.12fr);align-items:start;gap:clamp(3rem,7vw,5rem)}
.hero-copy{min-width:0;padding-top:0}
.hero-copy h1{max-width:10em;color:#16203e}
.hero-copy>p{max-width:31rem;margin-top:var(--space-2);color:#626875;font-size:var(--text-3);line-height:var(--lh-loose)}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:var(--space-4)}
.hero-follow{margin-top:var(--space-3)}
.hero-stage{position:relative;min-width:0;height:auto;overflow:visible}
[data-hero-face="confirmed-draft"]:has(.hero-art){border-radius:0;background:transparent;overflow:visible}
.hero-art{position:relative;isolation:isolate;display:grid;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"queue receipt" "progress receipt" "nodes nodes";gap:.875rem;padding:1.45rem}
.hero-art>*{min-width:0}
.hero-art .art-backdrop{position:absolute;inset:0;z-index:-1;border-radius:1.25rem;background:rgba(237,241,247,.86);box-shadow:inset 0 0 0 1px rgba(118,127,147,.13);pointer-events:none}
.hero-art .queue-card{grid-area:queue}
.hero-art .runner-line{grid-area:progress}
.hero-art .runner-card{grid-area:receipt}
.hero-art .cluster{grid-area:nodes}
.page-section{padding-block:var(--section-pad)}
.page-section-compact{padding-block:var(--space-6)}
.page-hero-simple{padding-block:var(--hero-pad);background:#f6f7f9}
.page-hero-simple .hero-copy{padding-top:0}
.legal-shell{display:grid;grid-template-columns:minmax(13rem,16rem) minmax(0,1fr);align-items:start;gap:clamp(2rem,7vw,5rem)}
.legal-toc{position:sticky;top:calc(var(--header-height) + 5rem);padding:var(--space-3);border-radius:var(--radius-md);background:#edf1f7;color:#202a3d}
.legal-toc ol{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}
.legal-toc a{display:grid;grid-template-columns:1.5rem 1fr;gap:.5rem;padding:.4rem;border-radius:var(--radius-xs);font-size:var(--text-1)}
.legal-toc a:hover{background:#fff}
.article-body{padding:clamp(1.5rem,4vw,3rem);border-radius:var(--radius-md);background:#fff}
.article-body h2{margin-top:2.5rem;font-size:1.5rem}
.article-body h3{margin-top:2rem;font-size:1.5rem}
.article-body p,.article-body ul,.article-body ol{margin-top:1rem}
@media(max-width:64rem){
  [data-hero-form="right-graphic"]>.hero-shell{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}
  .hero-copy{padding-top:0}
  .hero-stage{width:100%}
}
@media(max-width:42rem){
  [data-hero-form] .hero-stage,[data-hero-form] .hero-art{width:min(calc(100% - var(--gutter)*2),100%);margin-inline:auto;height:auto;min-height:0;overflow:visible;transform:none}
  .hero-art{grid-template-columns:minmax(0,1fr);grid-template-areas:none;gap:var(--space-3)}
  .hero-art>*{grid-area:auto;grid-column:1;width:auto;max-width:none;justify-self:stretch}
  .hero-art .art-backdrop{inset:0}
  .hero-art .cluster{display:grid;grid-template-columns:minmax(0,1fr)}
  .legal-shell{grid-template-columns:1fr}
  .legal-toc{position:static;top:auto}
}

[data-hero-face="confirmed-draft"]:not([data-face-root]):not(:has(> .hero-queue)):not(:has(> .hero-art)):not([class*="hero-art"]){height:auto;min-height:0;min-width:0}
[data-hero-face="confirmed-draft"]:not([data-face-root]):has(.hero-art){min-height:510px;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{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-areas:
    "queue receipt"
    "progress receipt"
    "nodes nodes";
  gap:14px;
  width:100%;
  position:relative;
  padding:23px;
  isolation:isolate;
}
[data-hero-face="confirmed-draft"] .hero-art .art-backdrop{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  border-radius:20px;
  background:rgba(237,241,247,.82);
  box-shadow:inset 0 0 0 1px rgba(118,127,147,.13);
}
[data-hero-face="confirmed-draft"] .hero-art .queue-card{
  grid-area:queue;
  display:grid;
  gap:14px;
  align-content:start;
  padding:19px;
  border-radius:11px;
  color:#202a3d;
  background:#ffffff;
  box-shadow:0 15px 35px rgba(33,42,61,.11);
}
[data-hero-face="confirmed-draft"] .hero-art .float-title{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:6px 12px;
  min-width:0;
  color:#535c6d;
  font-family:"SFMono-Regular","Cascadia Code",Consolas,monospace;
  font-size:10px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
[data-hero-face="confirmed-draft"] .hero-art .float-title>span:first-child{
  min-width:0;
  flex:1 1 6rem;
  overflow-wrap:anywhere;
}
[data-hero-face="confirmed-draft"] .hero-art .status-live{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#1f6737;
  font-family:"SFMono-Regular","Cascadia Code",Consolas,monospace;
  font-size:10px;
  font-weight:700;
}
[data-hero-face="confirmed-draft"] .hero-art .status-live:before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#2e7630;
  box-shadow:0 0 0 3px rgba(46,118,48,.13);
}
[data-hero-face="confirmed-draft"] .hero-art .build-row{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:11px;
  align-items:start;
}
[data-hero-face="confirmed-draft"] .hero-art .pill-ok{
  display:inline-flex;
  width:fit-content;
  min-width:35px;
  min-height:25px;
  align-items:center;
  justify-content:center;
  padding:.45em 1em;
  border-radius:999px;
  color:#ffffff;
  background:#18512b;
  font-family:"SFMono-Regular","Cascadia Code",Consolas,monospace;
  font-size:10px;
  font-weight:700;
  line-height:1;
}
[data-hero-face="confirmed-draft"] .hero-art .build-row strong{
  display:block;
  color:#1d2639;
  font-size:13px;
  line-height:1.35;
}
[data-hero-face="confirmed-draft"] .hero-art .build-row span:not(.pill-ok){
  display:block;
  margin-top:3px;
  color:#4b5360;
  font-family:"SFMono-Regular","Cascadia Code",Consolas,monospace;
  font-size:9px;
  line-height:1.5;
}
[data-hero-face="confirmed-draft"] .hero-art .build-row span.pill-ok{
  display:inline-block;
  width:auto;
  min-width:0;
  min-height:0;
  margin-top:0;
  padding:0;
  border:0;
  background:none;
  color:#18512b;
  line-height:1.5;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-line{
  grid-area:progress;
  display:grid;
  gap:10px;
  align-content:center;
  padding:16px 18px;
  border-radius:11px;
  color:#171b24;
  background:#f1ecf5;
  box-shadow:0 10px 24px rgba(48,39,58,.08);
}
[data-hero-face="confirmed-draft"] .hero-art .runner-line svg{
  width:100%;
  height:auto;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-card{
  grid-area:receipt;
  display:grid;
  align-content:space-between;
  gap:18px;
  padding:20px;
  border-radius:11px;
  color:#3a2924;
  background:#f8ece7;
  box-shadow:0 16px 38px rgba(58,41,36,.12);
}
[data-hero-face="confirmed-draft"] .hero-art .runner-card strong{
  display:block;
  margin-top:9px;
  color:#2c211e;
  font-family:"Avenir Next","Segoe UI",Arial,sans-serif;
  font-size:24px;
  line-height:1.1;
  letter-spacing:-.6px;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-card span{
  color:#493c37;
  font-family:"SFMono-Regular","Cascadia Code",Consolas,monospace;
  font-size:10px;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-card span.pill-ok{
  display:inline-block;
  flex:0 0 auto;
  min-width:max-content;
  min-height:0;
  padding:0;
  border:0;
  background:none;
  color:#18512b;
  line-height:1.5;
  white-space:nowrap;
}
[data-hero-face="confirmed-draft"] .hero-art .float-card{
  display:grid;
  gap:10px;
  padding-top:15px;
  border-top:1px solid rgba(76,58,52,.14);
}
[data-hero-face="confirmed-draft"] .hero-art .float-card>span{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:baseline;
  gap:4px 10px;
  min-width:0;
}
[data-hero-face="confirmed-draft"] .hero-art .float-card>span>span,
[data-hero-face="confirmed-draft"] .hero-art .float-card b{
  min-width:0;
  overflow-wrap:anywhere;
  color:#44312b;
  font-size:10px;
}
[data-hero-face="confirmed-draft"] .hero-art .cluster{
  grid-area:nodes;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  padding:14px;
  border-radius:11px;
  color:#2b3028;
  background:#f2f0e8;
  box-shadow:0 12px 28px rgba(43,48,40,.08);
}
[data-hero-face="confirmed-draft"] .hero-art .node-label{
  display:grid;
  gap:3px;
  min-width:0;
  padding:8px 7px;
  border-radius:7px;
  color:#4c5048;
  background:#ffffff;
  font-family:"SFMono-Regular","Cascadia Code",Consolas,monospace;
  font-size:8px;
}
[data-hero-face="confirmed-draft"] .hero-art .node-label b{
  color:#242a22;
  font-size:10px;
  line-height:1.35;
  white-space:normal;
  overflow-wrap:anywhere;
}
[data-hero-face="confirmed-draft"] .hero-art .node-label span{
  color:#2e7630;
  font-weight:700;
  overflow-wrap:anywhere;
}
@media(max-width:42rem){
  [data-hero-face="confirmed-draft"]:not([data-face-root]):not(:has(> .hero-queue)):not(:has(> .hero-art)):not([class*="hero-art"]){min-height:0}
  [data-hero-face="confirmed-draft"] .hero-art{height:auto;min-height:0;width:auto;max-width:100%;transform:none;grid-template-columns:minmax(0,1fr);grid-template-areas:none;overflow:visible}
  [data-hero-face="confirmed-draft"] .hero-art>*:not(.art-backdrop){grid-area:auto;grid-column:1;justify-self:stretch;transform:none}
  [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{position:relative;inset:auto;width:100%;height:auto;min-height:0;transform:none}
}
