.c-page-hero{padding:var(--hero-space) 0 var(--space-9);background:var(--color-canvas);color:var(--color-ink)}
.c-page-hero__grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(31rem,1.12fr);align-items:start;gap:clamp(3rem,6vw,5rem)}
.c-page-hero__copy{min-width:0}
.c-page-hero__copy h1{margin-top:var(--space-5)}
.c-page-hero__copy>p{max-width:34rem;margin-top:var(--space-5);color:#a9afb8;font-size:var(--text-lg)}
.c-page-hero__facts{display:grid;grid-template-columns:repeat(2,max-content);gap:.55rem 1.35rem;margin-top:var(--space-5);color:#d1d6dd;font-size:var(--text-sm)}
.c-page-hero__facts span{display:flex;align-items:center;gap:.5rem}
.c-page-hero__facts span::before{content:"✓";color:#8fa5ff;font-family:var(--font-mono)}
.c-page-hero__meta{margin-top:var(--space-4);color:#707985;font-family:var(--font-mono);font-size:var(--text-xs)}
.c-section{padding:var(--section-space) 0;background:var(--color-canvas)}
.c-section--compact{padding:var(--space-9) 0}
.c-section__head{width:min(100%,48rem);margin:0 auto var(--space-8);text-align:center}
.c-section__head .c-kicker{margin-inline:auto}
.c-section__head h2{margin-top:var(--space-4)}
.c-section__head p{margin-top:var(--space-4);color:var(--color-muted);font-size:var(--text-lg)}
.c-section__head .c-action-row{justify-content:center}
.c-section>.u-container>.c-action-row{justify-content:center}
.c-fact-strip{background:var(--color-canvas-2);border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}
.c-fact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.c-fact{padding:1.75rem;border-right:1px solid var(--color-line)}
.c-fact:first-child{border-left:1px solid var(--color-line)}
.c-fact strong{display:block;color:#f4f5f7;font-size:var(--text-lg)}
.c-fact span{display:block;margin-top:.2rem;color:#7f8791;font-size:var(--text-sm)}
.hero-art{display:grid;position:relative;min-width:0;height:34rem;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"cluster runner" "queue runner";gap:var(--space-3);padding:1.1rem;border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-lg);background:#0a0d12;box-shadow:var(--shadow-window),inset 0 1px rgba(255,255,255,.04)}
.hero-art.scenario-inspector,.hero-art.plans-inspector,.hero-art.region-inspector,.hero-art.access-inspector,.hero-art:has(> .qs-inspector),.hero-art:has(> .slice-inspector){height:auto;min-height:0;padding:0;gap:0;border:0;grid-template-columns:minmax(0,1fr);grid-template-areas:none;grid-auto-flow:row}
.hero-art:has(> .qs-inspector),.hero-art:has(> .slice-inspector){background:transparent;box-shadow:none}
.hero-art .cluster{grid-area:cluster;display:grid;gap:.85rem;padding:1.2rem;border-radius:var(--radius-md);background:#10141a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.hero-art .cluster svg{width:100%;height:14.5rem}
.hero-art .float-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:#f2f4f7;font-size:var(--text-sm);font-weight:650;line-height:1.2}
.hero-art .status-live{display:inline-flex;align-items:center;gap:.4rem;color:#b9c7ff;font-family:var(--font-mono);font-size:.625rem}
.hero-art .status-live::before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:#5477f1;box-shadow:0 0 0 .25rem rgba(84,119,241,.13)}
.hero-art .queue-card{grid-area:queue;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:.75rem;border-radius:var(--radius-md);background:#151311}
.hero-art .node-label{display:grid;gap:.2rem;padding:.65rem;border-radius:var(--radius-sm);background:var(--surface-sand);color:var(--surface-sand-ink);font-family:var(--font-mono);font-size:.625rem;font-weight:650}
.hero-art .node-label:nth-child(2){background:var(--surface-sage);color:var(--surface-sage-ink)}
.hero-art .node-label:nth-child(3){background:var(--surface-rose);color:var(--surface-rose-ink)}
.hero-art .runner-card{grid-area:runner;display:flex;min-width:0;flex-direction:column;gap:.65rem;padding:1rem;border-radius:var(--radius-md);background:#12161d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.hero-art .runner-line{height:1px;background:var(--color-line)}
.hero-art .build-row{display:grid;gap:.25rem;padding:.7rem;border-radius:var(--radius-sm);background:#191e26;color:#e7e9ed;font-family:var(--font-mono);font-size:.625rem}
.hero-art .build-row:nth-of-type(3){background:var(--surface-lilac);color:var(--surface-lilac-ink)}
.hero-art .build-row:nth-of-type(4){background:var(--surface-ice);color:var(--surface-ice-ink)}
.hero-art .pill-ok{display:inline-flex;width:max-content;padding:.28rem .45rem;border-radius:999px;background:#18265b;color:#d7defe;font-family:var(--font-mono);font-size:.5625rem;font-weight:650}
[data-hero-face="confirmed-draft"]:has(.hero-art){background:transparent;border-radius:0;overflow:visible}
@media(max-width:64rem){
  .c-page-hero__grid{grid-template-columns:minmax(0,1fr)}
  .hero-art{height:auto;min-height:31rem}
  .c-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-fact:nth-child(3){border-left:1px solid var(--color-line);border-top:1px solid var(--color-line)}
  .c-fact:nth-child(4){border-top:1px solid var(--color-line)}
}
@media(max-width:42rem){
  [data-hero-form] .c-page-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 .queue-card{grid-template-columns:minmax(0,1fr)}
  .hero-art .cluster svg{height:auto}
  .c-page-hero__facts{grid-template-columns:minmax(0,1fr)}
  .c-fact-grid{grid-template-columns:minmax(0,1fr)}
  .c-fact,.c-fact:first-child,.c-fact:nth-child(3){border-left:0;border-right:0;border-top:1px solid var(--color-line)}
}

[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;
  width:auto;
  position:relative;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  grid-template-areas:"cluster runner" "queue runner";
  gap:12px;
  padding:18px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:16px;
  background:#0a0d12;
  box-shadow:0 36px 90px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.04);
}
[data-hero-face="confirmed-draft"] .hero-art .cluster{
  grid-area:cluster;
  display:grid;
  gap:14px;
  padding:20px;
  border-radius:12px;
  background:#10141a;
  border:1px solid rgba(255,255,255,.09);
}
[data-hero-face="confirmed-draft"] .hero-art .cluster svg{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  margin:auto;
}
[data-hero-face="confirmed-draft"] .hero-art .float-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#f2f4f7;
  font:650 13px/1.2 "Avenir Next","Segoe UI",sans-serif;
}
[data-hero-face="confirmed-draft"] .hero-art .status-live{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#b9c7ff;
  font:600 10px/1.2 "SFMono-Regular",Consolas,monospace;
}
[data-hero-face="confirmed-draft"] .hero-art .status-live::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#3564ef;
  box-shadow:0 0 0 4px rgba(53,100,239,.13);
}
[data-hero-face="confirmed-draft"] .hero-art .queue-card{
  grid-area:queue;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:8px;
  padding:12px;
  border-radius:12px;
  background:#151311;
  border:1px solid rgba(255,255,255,.09);
}
[data-hero-face="confirmed-draft"] .hero-art .node-label{
  display:grid;
  gap:4px;
  min-width:0;
  padding:10px;
  border-radius:8px;
  background:#d3bd9f;
  color:#261d14;
  font:650 10px/1.25 "SFMono-Regular",Consolas,monospace;
}
[data-hero-face="confirmed-draft"] .hero-art .node-label:nth-child(2){
  background:#b7c5aa;
  color:#182018;
}
[data-hero-face="confirmed-draft"] .hero-art .node-label:nth-child(3){
  background:#c8a7aa;
  color:#29181b;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-card{
  grid-area:runner;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:16px;
  border-radius:12px;
  background:#12161d;
  border:1px solid rgba(255,255,255,.09);
}
[data-hero-face="confirmed-draft"] .hero-art .build-row{
  display:grid;
  gap:5px;
  padding:11px;
  border-radius:8px;
  background:#191e26;
  color:#e7e9ed;
  font:600 10px/1.35 "SFMono-Regular",Consolas,monospace;
}
[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-child(3){
  background:#aaa5c8;
  color:#1c1930;
}
[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-child(4){
  background:#a9c2c5;
  color:#132326;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-line{
  height:1px;
  background:rgba(255,255,255,.1);
}
[data-hero-face="confirmed-draft"] .hero-art .pill-ok{
  display:inline-flex;
  width:max-content;
  padding:4px 7px;
  border-radius:999px;
  color:#d7defe;
  background:#18265b;
  font:650 9px/1 "SFMono-Regular",Consolas,monospace;
}
@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}
}