.portal-short{display:none}
.page-section{padding-top:var(--space-6)}
.page-section:last-child{padding-bottom:var(--space-4)}
.c-page-hero{padding-top:var(--hero-pad)}
.c-page-hero[data-hero-form="product-visual"] .c-hero-copy{gap:0}
.c-page-hero[data-hero-form="product-visual"]{display:grid;grid-template-columns:minmax(0,.92fr) minmax(28rem,1.08fr);align-items:start;gap:var(--space-4)}
.c-page-hero:not(:has(.hero-art)){background:#fff;color:#20232A;padding-block:var(--hero-pad) var(--space-5);overflow:visible}
.c-page-hero:not(:has(.hero-art)) h1,.c-page-hero:not(:has(.hero-art)) h2{color:inherit}
.c-page-hero:not(:has(.hero-art)) .c-hero-copy p{color:#59636D}
.c-page-hero:not(:has(.hero-art)) .c-hero-stage p{color:#ABB3C0}
.c-page-hero:not(:has(.hero-art)) .c-breadcrumb{color:#59636D}
.c-page-hero:not(:has(.hero-art)) .c-kicker{background:#303848;color:#F9FAFB}
.c-page-hero:not(:has(.hero-art)) .c-kicker::before{background:#B7A9E1}
.c-hero-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.c-hero-copy.text-center{align-items:center}
.c-hero-copy.text-center .c-kicker{margin-inline:auto}
.c-hero-stage{min-width:0;min-height:0;border-radius:var(--radius-md);background:#202733;color:#F9FAFB;overflow:hidden}
.c-hero-stage img:not(.icon){display:block;width:100%;height:clamp(19rem,35vw,29rem);object-fit:cover}
.c-hero-stage .c-card{height:auto;max-width:none}
.c-page-hero .c-hero-stage{height:auto}
.c-page-hero .c-hero-stage:has(> :only-child){min-height:24rem}
.c-page-hero .c-hero-stage:has(> :only-child)>:only-child{width:100%;max-width:none;min-height:24rem}
.c-page-hero .c-hero-stage:has(.table-scroll){height:auto}
.c-page-hero .c-action-row+*{margin-top:var(--space-3)}
.c-page-hero .c-hero-copy .c-kicker{margin-bottom:var(--space-2)}
.c-page-hero [data-hero-face="confirmed-draft"]:has(.hero-art){background:transparent;border-radius:0;overflow:visible}
.c-page-hero .c-hero-stage::before,.c-page-hero .c-hero-stage::after{pointer-events:none}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.reveal.reveal-left{transform:translateX(-16px)}
.reveal.reveal-right{transform:translateX(16px)}
.reveal.is-visible{opacity:1;transform:none}
@media(max-width:64rem){
  .c-page-hero[data-hero-form="product-visual"]{grid-template-columns:minmax(0,1fr) minmax(19rem,1fr);gap:var(--space-3)}
}
@media(max-width:42rem){
  .portal-long{display:none}
  .portal-short{display:inline}
  .page-section{padding-top:var(--space-5)}
  .c-page-hero[data-hero-form="product-visual"]{grid-template-columns:minmax(0,1fr);padding-block:var(--space-4)}
  .c-page-hero:not(:has(.hero-art)){padding-block:var(--space-4)}
  [data-hero-form] .c-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!important;grid-row:auto!important;width:auto;max-width:none;justify-self:stretch}
  .hero-art .art-backdrop{inset:0}
  .c-page-hero .c-hero-stage:has(> :only-child),.c-page-hero .c-hero-stage:has(> :only-child)>:only-child{min-height:0}
}

[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,1.13fr);grid-template-rows:auto auto;align-content:center;gap:12px;width:100%;position:relative;color:#e8ebf1}
[data-hero-face="confirmed-draft"] .hero-art .queue-card,[data-hero-face="confirmed-draft"] .hero-art .float-card,[data-hero-face="confirmed-draft"] .hero-art .runner-card{min-width:0;border:1px solid #343c4a;border-radius:15px;background:#202733;box-shadow:0 12px 28px #090d171c}
[data-hero-face="confirmed-draft"] .hero-art .queue-card{grid-column:1;grid-row:1 / 3;padding:24px;display:flex;flex-direction:column;gap:13px}
[data-hero-face="confirmed-draft"] .hero-art .float-card{grid-column:2;grid-row:1;padding:24px;display:flex;flex-direction:column;gap:12px}
[data-hero-face="confirmed-draft"] .hero-art .runner-card{grid-column:2;grid-row:2;padding:24px;display:flex;flex-direction:column;gap:10px}
[data-hero-face="confirmed-draft"] .hero-art .float-title{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:12px;font-weight:700;color:#f3f5f8}
[data-hero-face="confirmed-draft"] .hero-art .float-title span{color:#8d98a8;font-size:10px;font-weight:500}
[data-hero-face="confirmed-draft"] .hero-art .status-live{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;background:#2c3939;color:#a4d8b9;border-radius:6px;font-size:10px;font-weight:650;white-space:nowrap}
[data-hero-face="confirmed-draft"] .hero-art .status-live svg{width:7px;height:7px;flex:none}
[data-hero-face="confirmed-draft"] .hero-art .node-label{font-size:10px;color:#aab4c3;background:#2a3240;border:1px solid #3a4453;border-radius:6px;padding:4px 6px;white-space:nowrap}
[data-hero-face="confirmed-draft"] .hero-art .cluster{display:flex;align-items:center;flex-wrap:wrap;gap:5px}
[data-hero-face="confirmed-draft"] .hero-art .build-row{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:9px 0;border-bottom:1px solid #333b49;font-size:11px;min-width:0}
[data-hero-face="confirmed-draft"] .hero-art .build-row:last-child{border-bottom:0}
[data-hero-face="confirmed-draft"] .hero-art .build-row strong{font-size:11px;font-weight:600;color:#eef0f5;white-space:nowrap}
[data-hero-face="confirmed-draft"] .hero-art .build-row small{font-size:10px;color:#91a0b0;white-space:nowrap}
[data-hero-face="confirmed-draft"] .hero-art .build-row svg{width:18px;height:18px;flex:none}
[data-hero-face="confirmed-draft"] .hero-art .runner-line{display:flex;align-items:center;gap:8px;font-size:10px;color:#aab4c1}
[data-hero-face="confirmed-draft"] .hero-art .runner-line strong{font-size:11px;color:#eef0f5;font-weight:600}
[data-hero-face="confirmed-draft"] .hero-art .runner-line svg{width:14px;height:14px;flex:none}
[data-hero-face="confirmed-draft"] .hero-art .pill-ok{display:inline-flex;align-items:center;gap:5px;border-radius:6px;background:#322e47;color:#c8baff;padding:5px 7px;font-size:10px;white-space:nowrap}
[data-hero-face="confirmed-draft"] .hero-art .queue-card>.cluster{padding:24px;border:1px solid #3d4655;border-radius:var(--radius-md);background:#252e3b;color:#F3F5F8}
[data-hero-face="confirmed-draft"] .hero-art .queue-card>.cluster svg{width:26px;height:26px;flex:none}
[data-hero-face="confirmed-draft"] .hero-art .queue-card>.cluster strong{display:block;font-size:12px;line-height:1.3}
[data-hero-face="confirmed-draft"] .hero-art .queue-card>.cluster small{display:block;color:#a3adbb;font-size:10px;margin-top:3px}
[data-hero-face="confirmed-draft"] .hero-art .queue-card>.float-title{margin-top:3px}
[data-hero-face="confirmed-draft"] .hero-art .queue-card>.runner-line{padding:5px 0;border-bottom:1px solid #333b49}
[data-hero-face="confirmed-draft"] .hero-art .queue-card>.runner-line:last-child{border-bottom:0}
[data-hero-face="confirmed-draft"] .hero-art .queue-card>.runner-line span:last-child{margin-left:auto}
[data-hero-face="confirmed-draft"] .hero-art .float-card>.cluster{padding-top:2px}
[data-hero-face="confirmed-draft"] .hero-art .float-card>.build-row{padding:6px 0}
[data-hero-face="confirmed-draft"] .hero-art .runner-card>.runner-line{padding:6px 0;border-bottom:1px solid #333b49}
[data-hero-face="confirmed-draft"] .hero-art .runner-card>.runner-line:last-child{border-bottom:0}
[data-hero-face="confirmed-draft"] .hero-art .runner-card>.runner-line span:last-child{margin-left:auto;color:#c8baff}
[data-hero-face="confirmed-draft"] .hero-art .runner-card>.cluster{margin-top:2px}
[data-hero-face="confirmed-draft"] .hero-art .queue-card>.build-row{padding:7px 0}
@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}
}

