.hero-shell{position:relative;margin:0 .75rem;background:#FCF9F6;border-radius:0 0 var(--radius-lg) var(--radius-lg)}
.hero-shell::before{content:"";position:absolute;inset:0 0 auto;height:34rem;pointer-events:none;opacity:.72;background:repeating-radial-gradient(ellipse 35rem 23rem at 72% 0,transparent 0 4.75rem,rgba(249,232,225,.7) 4.8rem 7.8rem,transparent 7.85rem 11rem)}
.hero-shell>*{position:relative}
[data-hero-form="terminal"] .hero{padding-top:var(--hero-top)}
.c-page-hero{padding:var(--hero-top) var(--space-3) var(--space-5);background:#FCF9F6;color:#26232A}
.c-page-hero :where(h1,h2){color:#26232A}
.c-page-hero :where(p){color:#5C5660}
.c-page-hero :where(.c-kicker){color:#62319B}

.c-page-hero.is-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(21rem,.82fr);align-items:start;gap:var(--space-4)}
.c-page-hero.is-split>*{min-width:0}
.c-page-hero .hero-stage{min-width:0;height:auto;min-height:24rem;overflow:hidden;border-radius:var(--radius-md);background:var(--sand);color:var(--sand-ink)}
.c-page-hero .hero-stage:only-child{width:100%;max-width:none}
.c-page-hero .hero-stage :where(.ledger,.dossier,.ticket,.run-sheet){height:auto;overflow:hidden}
.c-page-hero .hero-stage::before,.c-page-hero .hero-stage::after{pointer-events:none}
.c-page-hero .c-actions{margin-top:var(--space-4)}
.hero-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(19rem,.7fr);align-items:start;gap:var(--space-5)}
.hero-heading>*{min-width:0}
.hero-heading h1{max-width:45rem;margin:0;font-size:var(--text-display);line-height:1.15;letter-spacing:-.05em}
.hero-heading h1 em{font-style:normal;color:var(--primary)}
.hero-heading .c-kicker{margin-bottom:var(--space-3);color:#786A75}
.hero-summary{padding-top:var(--space-3)}
.ready-chip{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem .9rem;border:1px solid #E7DFD9;border-radius:var(--radius-pill);background:var(--white);color:#39343C;font:700 var(--text-xs)/1.2 var(--font-mono)}
.ready-chip i{width:.45rem;height:.45rem;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px #F4E6F7}
.hero-summary p{margin:var(--space-2) 0 0;color:#514C55;font-size:var(--text-lg);line-height:1.7}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}
.hero-note{color:#716A73;font-size:var(--text-xs)}
.tool-strip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5);padding:var(--space-3) .2rem;border-top:1px solid var(--line)}
.tool-strip>span{color:#77717A;font:700 var(--text-xs)/1.3 var(--font-mono)}
.tool-strip strong{color:#77747D;font-size:var(--text-lg);filter:grayscale(1)}
.tool-strip strong:nth-of-type(3){font-family:var(--font-heading)}
.tool-strip strong:nth-of-type(4){font-family:var(--font-mono)}
.tool-strip small{color:#716A73}
.hero-art{position:relative;display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,.82fr);align-items:stretch;gap:var(--space-3);width:100%;min-height:25rem;padding:2.125rem;overflow:hidden;border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--sand);color:var(--sand-ink);box-shadow:var(--shadow)}
.hero-art .art-backdrop{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-art .queue-card,.hero-art .runner-card{position:relative;z-index:1;min-width:0;border-radius:var(--radius-sm);overflow:hidden}
.hero-art .queue-card{background:var(--ink);color:#E8E4EB;box-shadow:0 16px 34px rgba(38,35,42,.12)}
.hero-art .float-title{display:flex;justify-content:space-between;gap:var(--space-2);padding:1.1rem 1.4rem;background:#333039;color:#fff;font:600 var(--text-xs)/1.35 var(--font-mono)}
.hero-art .float-title span{color:#C6BDC9;font-weight:400}
.hero-art .cluster{height:16.875rem;overflow:auto;padding:1.3rem 1.4rem;color:#E8E4EB;font:var(--text-xs)/1.95 var(--font-mono);scrollbar-color:#716878 #26232A}
.hero-art .runner-line{display:grid;grid-template-columns:1.55rem minmax(0,1fr);gap:.75rem;min-height:1.75rem;font-size:var(--text-xs)}
.hero-art .runner-line b{color:#A79EAA;font-weight:400}
.hero-art .runner-line span{overflow-wrap:anywhere}
.hero-art .runner-line strong{color:#EBBBF2;font-weight:500}
.hero-art .runner-line em{color:#A9D3C0;font-style:normal}
.hero-art .runner-card{display:flex;flex-direction:column;padding:1.3rem;background:var(--white);color:var(--sand-ink);box-shadow:0 15px 30px rgba(48,40,33,.06)}
.hero-art .node-label{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:.9rem;border-bottom:1px solid #C4BDAA}
.hero-art .node-label strong{font-size:var(--text-sm)}
.hero-art .node-label small{color:#71665F;font:var(--text-xs)/1.4 var(--font-mono)}
.hero-art .build-row{display:grid;grid-template-columns:1.55rem minmax(0,1fr);gap:.5rem;align-items:start;padding:.7rem 0;border-bottom:1px solid #EEE8E3}
.hero-art .build-row b{color:var(--accent);font:700 var(--text-xs)/1.5 var(--font-mono)}
.hero-art .build-row strong{display:block;font-size:var(--text-xs);line-height:1.45}
.hero-art .build-row small{display:block;margin-top:.2rem;color:#726861;font:var(--text-xs)/1.45 var(--font-mono);overflow-wrap:anywhere}
.hero-art .status-live{display:flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:.8rem;color:var(--accent);font:700 var(--text-xs)/1.5 var(--font-mono)}
.hero-art .status-live::before{content:"";width:.45rem;height:.45rem;flex:none;border-radius:50%;background:var(--primary)}
.art-caption{padding:.9rem 2.125rem 1.1rem;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--white);color:#706761;font:var(--text-xs)/1.5 var(--font-mono)}
.art-caption strong{color:#574E4B}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
.reveal.reveal-left{transform:translateX(-16px)}
.reveal.reveal-right{transform:translateX(16px)}
.reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal,.reveal.reveal-left,.reveal.reveal-right{opacity:1;transform:none;transition:none}
}
@media(max-width:64rem){
  .hero-heading{grid-template-columns:minmax(0,1fr) minmax(17rem,.8fr);gap:var(--space-3)}
  .c-page-hero.is-split{grid-template-columns:minmax(0,1fr) minmax(18rem,.85fr)}
}
@media(max-width:42rem){
  .hero-shell{margin:0;border-radius:0}
  [data-hero-form="terminal"] .hero{padding-top:var(--space-5)}
  .hero-heading,.c-page-hero.is-split{grid-template-columns:minmax(0,1fr)}
  .hero-summary{padding-top:0}
  .tool-strip{margin-top:var(--space-4)}
  [data-hero-form] .hero-art,[data-hero-form] .hero-stage{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);padding: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;width:100%;height:100%}
  .hero-art .queue-card,.hero-art .runner-card{overflow:hidden}
  .hero-art .cluster{height:auto;max-height:17rem;overflow:auto}
  .art-caption{padding-inline:var(--space-3)}
  .c-page-hero .hero-stage :where(.ledger,.dossier,.ticket,.run-sheet){height:auto;overflow:visible}
}


[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,1.62fr) minmax(0,.82fr);gap:20px;width:100%;position:relative;overflow:hidden;align-items:stretch;padding:34px;background:#f4e9dd;border-radius:22px 22px 0 0;box-shadow:0 19px 48px rgba(48,40,33,.09)}
[data-hero-face="confirmed-draft"] .hero-art .art-backdrop{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
[data-hero-face="confirmed-draft"] .hero-art .queue-card{z-index:1;min-width:0;background:#26232a;border-radius:15px;overflow:hidden;box-shadow:0 22px 36px rgba(38,35,42,.14)}
[data-hero-face="confirmed-draft"] .hero-art .float-title{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 23px;background:#333039;color:#fff;font:600 12px/1.3 "SFMono-Regular",Consolas,monospace}
[data-hero-face="confirmed-draft"] .hero-art .float-title span{color:#aaa3af;font-weight:400}
[data-hero-face="confirmed-draft"] .hero-art .cluster{height:270px;overflow:auto;padding:21px 23px 25px;color:#e8e4eb;font:12px/1.95 "SFMono-Regular",Consolas,monospace;scrollbar-color:#716878 #26232a;scrollbar-width:thin}
[data-hero-face="confirmed-draft"] .hero-art .runner-line{display:grid;grid-template-columns:25px minmax(0,1fr);gap:12px;min-height:28px}
[data-hero-face="confirmed-draft"] .hero-art .runner-line b{font-weight:400;color:#857e89}
[data-hero-face="confirmed-draft"] .hero-art .runner-line span{overflow-wrap:anywhere}
[data-hero-face="confirmed-draft"] .hero-art .runner-line strong{color:#ebbbf2;font-weight:500}
[data-hero-face="confirmed-draft"] .hero-art .runner-line em{font-style:normal;color:#a9d3c0}
[data-hero-face="confirmed-draft"] .hero-art .runner-card{z-index:1;min-width:0;display:flex;flex-direction:column;background:#fffdfc;border-radius:15px;padding:21px 21px 18px;box-shadow:0 17px 35px rgba(48,40,33,.07);color:#302821}
[data-hero-face="confirmed-draft"] .hero-art .node-label{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid #C4BDAA}
[data-hero-face="confirmed-draft"] .hero-art .node-label strong{font-size:14px;letter-spacing:-.03em}
[data-hero-face="confirmed-draft"] .hero-art .node-label small{color:#82766c;font:10px/1.4 "SFMono-Regular",Consolas,monospace}
[data-hero-face="confirmed-draft"] .hero-art .build-row{display:grid;grid-template-columns:25px minmax(0,1fr);gap:8px;padding:13px 0;border-bottom:1px solid #eee8e3;align-items:start}
[data-hero-face="confirmed-draft"] .hero-art .build-row b{color:#a126bf;font:700 11px/1.5 "SFMono-Regular",Consolas,monospace}
[data-hero-face="confirmed-draft"] .hero-art .build-row strong{display:block;font-size:12px;line-height:1.4}
[data-hero-face="confirmed-draft"] .hero-art .build-row small{display:block;color:#847a74;font:10px/1.5 "SFMono-Regular",Consolas,monospace;margin-top:3px;overflow-wrap:anywhere}
[data-hero-face="confirmed-draft"] .hero-art .status-live{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:13px;color:#62319b;font:700 10px/1.5 "SFMono-Regular",Consolas,monospace}
[data-hero-face="confirmed-draft"] .hero-art .status-live:before{content:"";width:7px;height:7px;border-radius:50%;background:#a126bf}
@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}
}