[data-hero-form="data-band"]{background:var(--dark);color:#F5F6F4;border-radius:var(--radius-lg);overflow:hidden;margin-top:var(--hero-top)}
[data-hero-form="data-band"] h1,[data-hero-form="data-band"] h2{color:#fff}
[data-hero-form="data-band"] p{color:#B9BEC2}
[data-hero-form="data-band"] .c-breadcrumb{color:#B9BEC2}
.c-page-hero{padding:var(--hero-top) clamp(1.5rem,5vw,4.375rem);background:var(--dark);color:#F5F6F4;border-radius:var(--radius-lg)}
.c-page-hero h1,.c-page-hero h2{color:#fff}
.c-page-hero p{color:#B9BEC2}
.c-page-hero .c-breadcrumb{color:#B9BEC2}
.c-page-hero.is-paper{background:var(--surface);color:var(--ink)}
.c-page-hero.is-paper h1,.c-page-hero.is-paper h2{color:var(--ink)}
.c-page-hero.is-paper p,.c-page-hero.is-paper .c-breadcrumb{color:var(--muted)}
.c-hero-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(21rem,1.05fr);align-items:start;gap:var(--space-4)}
.c-hero-split>*{min-width:0}
.c-hero-stage{height:27rem;min-width:0;overflow:hidden;border-radius:var(--radius-md);background:var(--dark-raised);color:#F5F6F4}
.c-hero-stage h2,.c-hero-stage h3{color:#F5F6F4}
.c-hero-stage p{color:#B9BEC2}
.c-hero-stage:has(> :only-child)>:only-child{width:100%;height:100%;max-width:none}
.c-section{margin-top:var(--space-6)}
.c-section-head,.section-head{text-align:center;margin:0 auto var(--space-3)}
.c-section-head .c-chip,.section-head .c-chip,.c-section-head .eyebrow,.section-head .eyebrow,.c-section-head .c-badge,.section-head .c-badge{margin-inline:auto}
.c-section-head .c-actions,.section-head .c-actions{justify-content:center}
.c-section-head p,.section-head p{color:var(--muted);font-size:var(--text-sm);margin-bottom:0}
.c-section-head h2,.section-head h2{margin-bottom:.65rem}
.eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .95rem;color:var(--muted);font-size:var(--text-sm);line-height:1.5}
.section-head .eyebrow,.c-section-head .eyebrow{margin-inline:auto}
.rule-title{display:flex;align-items:center;justify-content:center;gap:1.1rem}
.rule-title::before,.rule-title::after{content:"";width:min(13vw,11.25rem);height:1px;background:var(--line)}
.hero{background:var(--dark);color:#F5F6F4;border-radius:var(--radius-lg);overflow:hidden}
.hero-main{display:grid;grid-template-columns:minmax(0,29.375rem) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,3.3vw,2.625rem);min-height:34.875rem;padding:4.25rem 2.875rem 2.9375rem 4.375rem}
.hero-copy,.hero-art{min-width:0}
.hero-copy h1{font-size:var(--text-display);line-height:1.15;font-weight:750;letter-spacing:-.035em;margin-bottom:1.625rem}
.mail-emoji{display:block;font-size:4.6875rem;line-height:1;margin-bottom:1.875rem;filter:saturate(.82)}
.hero-copy>p{max-width:25.3125rem;color:#B9BEC2;font-size:1rem;line-height:1.8;margin-bottom:1.9375rem}
.hero-button{background:var(--accent-light);color:#263A00}
.hero-button:hover{background:#F0F6DC}
.hero-actions{gap:1.3rem}
.hero-actions .text-link{color:#ECEEEC;font-size:var(--text-sm)}
.hero-art{display:grid;align-content:center;gap:.5rem;text-align:left}
.hero-art .queue-card{min-width:0;background:#282A30;border:1px solid #45474D;border-radius:.9375rem;overflow:hidden;color:#F5F6F4}
.hero-art .float-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid #404249;font-size:var(--text-sm);line-height:1.4;font-weight:700}
.hero-art .float-title span{display:flex;align-items:center;gap:.5rem}
.hero-art .float-title svg{width:18px;height:18px;flex:none}
.hero-art .status-live{font-size:.625rem;font-weight:500;color:#AEB5AA;white-space:nowrap}
.hero-art .runner-line,.hero-art .build-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.83fr) auto;gap:.5625rem;min-width:0;border-bottom:1px solid #393B41}
.hero-art .runner-line{padding:.625rem .9375rem;color:#9299A0;font-size:.625rem;line-height:1.4;letter-spacing:.02em}
.hero-art .build-row{align-items:center;padding:.6875rem .9375rem;color:#BFC3C6;font-size:.6875rem;line-height:1.4}
.hero-art .build-row:last-child{border-bottom:0}
.hero-art .build-row>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-art .node-label{display:flex;align-items:center;gap:.5625rem;color:#F1F2EF;font-size:.6875rem;font-weight:650}
.hero-art .node-label i{display:inline-block;width:9px;height:9px;border-radius:3px;background:#BD9DB0;flex:none}
.hero-art .build-row:nth-of-type(3) .node-label i{background:#83A6B7}
.hero-art .build-row:nth-of-type(4) .node-label i{background:#D5AE80}
.hero-art .build-row:nth-of-type(5) .node-label i{background:#A38EB9}
.hero-art .build-row:nth-of-type(6) .node-label i{background:#8BA995}
.hero-art .build-row:nth-of-type(7) .node-label i{background:#CF9E9B}
.hero-art .pill-ok{border:1px solid #566344;background:#344326;color:#DCEBC2;border-radius:999px;padding:.25rem .5rem;font-size:.625rem;line-height:1;white-space:nowrap}
.hero-art .float-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .9375rem;border:1px solid #404249;border-radius:var(--radius-sm);color:#B6BABD;font-size:.625rem;line-height:1.5}
.hero-art .float-card strong{color:#E6E8E4;font-weight:600}
.hero-art .float-card svg{width:15px;height:15px;flex:none}
.hero-art .cluster{display:flex;gap:.3125rem;flex-wrap:wrap}
.hero-art .cluster span{padding:.1875rem .4375rem;border-radius:.3125rem;background:#34363C;color:#C7CBCC;font-size:.625rem;white-space:nowrap}
.data-band{display:grid;grid-template-columns:13.75rem 1fr 1fr;margin:0 2.875rem 0 4.375rem;border-top:1px solid #45464A}
.data-item{min-width:0;padding:1.3125rem 1.5rem 1.5rem 0;border-right:1px solid #45464A}
.data-item+.data-item{padding-left:1.5625rem}
.data-item:last-child{border-right:0}
.data-item span{display:block;margin-bottom:.4375rem;color:#9CA3A6;font-size:var(--text-xs);line-height:1.5}
.data-item strong{color:#F3F5F0;font-size:var(--text-sm);line-height:1.4;font-weight:650}
.data-item:first-child strong{color:#D8EDAB;font-size:1.5rem;font-variant-numeric:tabular-nums}
.data-item:first-child strong small{color:#E6E8E2;font-size:var(--text-sm)}
[data-hero-face="confirmed-draft"]:has(.hero-art){background:transparent;border-radius:0;overflow:visible}
@media(max-width:68rem){
  .hero-main{grid-template-columns:minmax(0,1fr) minmax(21rem,1.05fr);padding:3.5rem 2rem 2.5rem}
  .data-band{margin-inline:2rem}
  .hero-art .runner-line,.hero-art .build-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto}
  .hero-art .runner-line>span:nth-child(3),.hero-art .build-row>span:nth-child(3){display:none}
}
@media(max-width:52rem){
  .hero-main{grid-template-columns:minmax(0,1fr);min-height:0}
  .hero-copy>p{max-width:36rem}
  .hero-art{width:100%}
  .c-hero-split{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:42rem){
  .hero-main{padding:2.25rem 0 1.5rem;gap:2rem}
  .hero-copy{padding-inline:var(--gutter)}
  .mail-emoji{font-size:3.75rem;margin-bottom:1.5rem}
  [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;width:auto;max-width:none;justify-self:stretch}
  .hero-art .art-backdrop{inset:0}
  .hero-art .queue-card{overflow:hidden}
  .hero-art .float-title{align-items:flex-start;flex-wrap:wrap}
  .hero-art .runner-line,.hero-art .build-row{grid-template-columns:minmax(0,1.45fr) minmax(0,.9fr) auto;gap:.3rem;padding-inline:.55rem;font-size:.625rem}
  .hero-art .node-label{gap:.25rem;font-size:.625rem}
  .hero-art .node-label i{width:6px;height:6px}
  .hero-art .pill-ok{padding:.25rem .32rem;font-size:.5625rem}
  .hero-art .float-card{flex-wrap:wrap}
  .data-band{grid-template-columns:minmax(0,1fr);margin-inline:var(--gutter)}
  .data-item,.data-item+.data-item{padding:.9rem 0;border-right:0;border-bottom:1px solid #45464A}
  .data-item:last-child{border-bottom:0}
  .rule-title::before,.rule-title::after{width:7vw}
  .c-page-hero{padding:var(--hero-top) var(--gutter)}
  .c-hero-stage{height:auto;min-height:0;overflow:visible}
}
@media(max-width:23.5rem){
  .hero-art .runner-line,.hero-art .build-row{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) auto}
  .hero-art .node-label span{display:none}
}


[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;gap:8px;align-content:center;min-width:0}
[data-hero-face="confirmed-draft"] .hero-art .queue-card{display:grid;gap:0;min-width:0;background:#282a30;border:1px solid #45474d;border-radius:15px;overflow:hidden;color:#f5f6f4}
[data-hero-face="confirmed-draft"] .hero-art .float-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #404249;font-size:13px;font-weight:700}
[data-hero-face="confirmed-draft"] .hero-art .float-title span{display:flex;align-items:center;gap:8px}
[data-hero-face="confirmed-draft"] .hero-art .float-title svg{width:18px;height:18px;flex:none}
[data-hero-face="confirmed-draft"] .hero-art .status-live{font-size:10px;font-weight:500;color:#aeb5aa;white-space:nowrap}
[data-hero-face="confirmed-draft"] .hero-art .runner-line{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.83fr) auto;gap:9px;padding:10px 15px;color:#AAB1B5;border-bottom:1px solid #3d3f45;font-size:10px;letter-spacing:.02em}
[data-hero-face="confirmed-draft"] .hero-art .build-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.83fr) auto;align-items:center;gap:9px;padding:11px 15px;border-bottom:1px solid #393b41;min-width:0;font-size:11px;color:#bfc3c6}
[data-hero-face="confirmed-draft"] .hero-art .build-row:last-child{border-bottom:0}
[data-hero-face="confirmed-draft"] .hero-art .build-row>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-hero-face="confirmed-draft"] .hero-art .node-label{display:flex;align-items:center;gap:9px;color:#f1f2ef;font-size:11px;font-weight:650}
[data-hero-face="confirmed-draft"] .hero-art .node-label i{display:inline-block;width:9px;height:9px;border-radius:3px;background:#bd9db0;flex:none}
[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-of-type(3) .node-label i{background:#83a6b7}
[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-of-type(4) .node-label i{background:#d5ae80}
[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-of-type(5) .node-label i{background:#a38eb9}
[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-of-type(6) .node-label i{background:#8ba995}
[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-of-type(7) .node-label i{background:#cf9e9b}
[data-hero-face="confirmed-draft"] .hero-art .pill-ok{border:1px solid #566344;background:#344326;color:#dcebc2;border-radius:999px;padding:4px 8px;font-size:10px;line-height:1;white-space:nowrap}
[data-hero-face="confirmed-draft"] .hero-art .float-card{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:24px;border:1px solid #404249;border-radius:var(--radius-md);color:#b6babd;font-size:10px;line-height:1.5}
[data-hero-face="confirmed-draft"] .hero-art .float-card strong{font-weight:600;color:#e6e8e4}
[data-hero-face="confirmed-draft"] .hero-art .float-card svg{width:15px;height:15px;flex:none}
[data-hero-face="confirmed-draft"] .hero-art .cluster{display:flex;gap:5px;flex-wrap:wrap}
[data-hero-face="confirmed-draft"] .hero-art .cluster span{padding:3px 7px;border-radius:5px;background:#34363c;color:#c7cbcc;font-size:10px;white-space:nowrap}
@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}
}

