.c-section{padding-block:var(--space-8)}
.c-section-compact{padding-block:var(--space-7)}
.c-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,25rem);align-items:end;gap:var(--space-6);margin-bottom:var(--space-6)}
.c-section-head p{color:var(--color-muted);font-size:var(--text-md)}
.c-section-dark{background:#243034;color:#FFFFFF}
.c-section-dark p{color:#C0C9CA}
.c-section-pink{background:#F2D7D5;color:#321E20}
.c-section-pink p{color:#62474A}
.c-section-mint{background:#D5E7E4;color:#18302F}
.c-section-mint p{color:#45615F}
.c-section-yellow{background:#F4E6B8;color:#302811}
.c-section-yellow p{color:#645A38}
.c-section-lavender{background:#DAD9EA;color:#25243A}
.c-section-lavender p{color:#59586C}
.c-page-hero{background:#243034;color:#FFFFFF}
.c-page-hero-inner{padding-block:var(--space-7)}
.c-page-hero-copy{max-width:44rem}
.c-page-hero-copy p{max-width:40rem;margin-top:var(--space-3);color:#D8E0E1;font-size:var(--text-md)}
.c-hero-split{display:grid;grid-template-columns:minmax(0,.98fr) minmax(32rem,1.02fr);align-items:start;gap:clamp(3rem,6vw,5rem)}
.c-hero-stage{position:relative;min-width:32rem;height:auto;overflow:visible;text-align:left}
.c-hero-stage::before{content:"";position:absolute;inset:3rem 1.5rem 1rem 4rem;border-radius:var(--radius-md);background:#192529;transform:rotate(3.8deg);box-shadow:var(--shadow-stage);pointer-events:none}
[data-hero-form="data-band"] .c-hero-stage-sheet{position:absolute;inset:1rem 2.5rem 3.5rem 1rem;width:auto;max-width:none;height:auto;transform:rotate(-3.2deg)}
.c-data-band{background:#192529;color:#FFFFFF;border-top:1px solid rgba(255,255,255,.15)}
.c-data-band-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.4fr}
.c-data-band-item{min-width:0;padding:1.4rem 1.5rem;border-right:1px solid rgba(255,255,255,.14)}
.c-data-band-item:last-child{border-right:0}
.c-data-band-label{font-size:var(--text-xs);line-height:1.35;letter-spacing:.09em;text-transform:uppercase;color:#A6B1B3}
.c-data-band-value{margin-top:.35rem;font-size:var(--text-lg);line-height:1.3;font-weight:700;overflow-wrap:anywhere}
.c-doc-hero .c-page-hero-inner{padding-block:var(--space-6)}
@media(max-width:64rem){
  .c-section-head{grid-template-columns:1fr;gap:var(--space-3)}
  .c-hero-split{grid-template-columns:1fr}
  .c-hero-stage{min-width:0;width:100%;height:auto;overflow:visible}
  .c-hero-stage::before{inset:2rem 1rem 0 2rem}
  [data-hero-form="data-band"] .c-hero-stage-sheet{position:relative;inset:auto;width:calc(100% - 2rem);height:auto;margin:0 0 2rem 1rem}
  .c-data-band-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-data-band-item:nth-child(2){border-right:0}
}
@media(max-width:40rem){
  .c-data-band-grid{grid-template-columns:1fr}
  .c-data-band-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .c-data-band-item:last-child{border-bottom:0}
}

[data-hero-face="confirmed-draft"]:not([data-face-root]){height:auto;min-height:510px;min-width:0;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{
  position:relative;
  width:610px;
  height:520px;
  margin-top:0;
  perspective:1000px;
}
[data-hero-face="confirmed-draft"] .hero-art .art-backdrop{
  position:absolute;
  left:65px;
  top:52px;
  width:500px;
  height:430px;
  background:#172327;
  border-radius:14px;
  transform:rotate(3.8deg);
  box-shadow:0 34px 70px rgba(0,0,0,.35);
}
[data-hero-face="confirmed-draft"] .hero-art .art-backdrop svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:.4;
}
[data-hero-face="confirmed-draft"] .hero-art .queue-card{
  position:absolute;
  left:30px;
  top:20px;
  width:520px;
  min-height:430px;
  padding:24px 27px 26px;
  color:#243034;
  background:#F9F8F4;
  border-radius:12px;
  transform:rotate(-3.2deg);
  box-shadow:0 28px 55px rgba(5,14,16,.35);
}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  padding-bottom:18px;
  border-bottom:1px solid #CFD3D0;
}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > header strong{
  display:block;
  font-family:Manrope,"Segoe UI",sans-serif;
  font-size:20px;
  letter-spacing:-.02em;
}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > header small{
  color:#778084;
  display:block;
  margin-top:4px;
  font-size:11px;
  letter-spacing:.1em;
}
[data-hero-face="confirmed-draft"] .hero-art .status-live{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  background:#F4E6B8;
  color:#302811;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
}
[data-hero-face="confirmed-draft"] .hero-art .status-live::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#B27718;
}
[data-hero-face="confirmed-draft"] .hero-art .build-row{
  display:grid;
  grid-template-columns:108px 1fr auto;
  align-items:center;
  gap:14px;
  min-height:60px;
  border-bottom:1px solid #DADDD9;
  font-size:12px;
}
[data-hero-face="confirmed-draft"] .hero-art .build-row span{color:#71797C}
[data-hero-face="confirmed-draft"] .hero-art .build-row strong{
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:12px;
}
[data-hero-face="confirmed-draft"] .hero-art .pill-ok{
  padding:5px 8px;
  border-radius:999px;
  background:#D5E7E4;
  color:#18302F;
  font-size:10px;
  font-weight:800;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-line{
  display:grid;
  grid-template-columns:82px 1fr;
  gap:16px;
  margin-top:19px;
  padding:18px;
  background:#243034;
  color:#F7F8F5;
  border-radius:7px;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-line svg{width:64px;height:64px}
[data-hero-face="confirmed-draft"] .hero-art .runner-line strong{
  display:block;
  margin-bottom:5px;
  font-size:14px;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-line span{
  color:#BBC5C6;
  font-size:11px;
  line-height:1.5;
}
[data-hero-face="confirmed-draft"] .hero-art .float-card{
  position:absolute;
  right:-7px;
  bottom:20px;
  width:205px;
  padding:16px 17px;
  background:#F2D7D5;
  color:#321E20;
  border-radius:8px;
  transform:rotate(4deg);
  box-shadow:0 17px 35px rgba(0,0,0,.28);
}
[data-hero-face="confirmed-draft"] .hero-art .float-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:8px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
}
[data-hero-face="confirmed-draft"] .hero-art .float-card strong{
  display:block;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:19px;
}
[data-hero-face="confirmed-draft"] .hero-art .float-card span{
  display:block;
  margin-top:4px;
  font-size:11px;
  color:#674C50;
}
@media(max-width:46rem){
  [data-hero-face="confirmed-draft"]:not([data-face-root]){min-height:0}
  [data-hero-face="confirmed-draft"] .hero-art{height:auto}
  [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{width:100%}
}