.c-page-hero{position:relative;padding-block:var(--sm-hero-pad);background-color:#090b0a;color:#faf7f2}
.c-page-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 12% 28%,rgba(201,215,229,.12) 0 1px,transparent 1.5px),radial-gradient(circle at 78% 22%,rgba(231,199,184,.11) 0 1px,transparent 1.5px),radial-gradient(circle at 64% 76%,rgba(229,215,161,.1) 0 1px,transparent 1.5px);background-size:83px 83px,127px 127px,169px 169px}
.c-page-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(2.5rem,5vw,5rem);align-items:start}
.c-page-hero__copy{min-width:0;padding-top:0}
.c-page-hero__copy>p{max-width:37rem;margin-top:var(--sm-space-3);color:#b9bab6;font-size:var(--sm-text-lg)}
.c-page-hero__stage{position:relative;min-width:0;height:37rem;overflow:visible;isolation:isolate}
[data-hero-form="card-collage"] .hero-backdrop{position:absolute;inset:-2.5rem -1.5rem -1.25rem -1rem;width:45.625rem;height:40.625rem;pointer-events:none}
[data-hero-form="card-collage"] .hero-queue{position:absolute;top:3.875rem;left:4.25rem;width:26.25rem;height:17.125rem;transform:rotate(-2deg)}
[data-hero-form="card-collage"] .hero-float{position:absolute;border-radius:var(--sm-radius-pill)}
[data-hero-form="card-collage"] .hero-float-a{top:.25rem;right:2.2rem;width:13.25rem;transform:rotate(3deg)}
[data-hero-form="card-collage"] .hero-float-b{top:20.125rem;left:.125rem;width:12.375rem;transform:rotate(-5deg)}
[data-hero-form="card-collage"] .hero-float-c{top:22.8125rem;right:.8rem;width:14.1875rem;transform:rotate(4deg)}
[data-hero-form="card-collage"] .hero-runner{position:absolute;left:12.375rem;bottom:1.375rem;width:20.3125rem;transform:rotate(-1deg)}
.c-section{padding-block:var(--sm-space-7)}
.c-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,27rem);gap:var(--sm-space-5);align-items:end;margin-bottom:var(--sm-space-5)}
.c-section-head>p{color:var(--sm-muted-dark);font-size:var(--sm-text-lg)}
.surface-paper .c-section-head>p,.surface-clay .c-section-head>p,.surface-blue .c-section-head>p,.surface-wheat .c-section-head>p{color:#202520}
.c-section-head.is-centered{display:block;max-width:54rem;margin-inline:auto;text-align:center}
.c-section-head.is-centered .c-kicker{margin-inline:auto}
.c-section-head.is-centered>p{max-width:42rem;margin:var(--sm-space-3) auto 0}
.c-doc-hero{padding-block:var(--sm-space-6);background:#090b0a;color:#faf7f2}
@media(max-width:64rem){
  .c-page-hero__grid{grid-template-columns:1fr}
  .c-page-hero__stage{min-width:0;width:min(100%,42rem);margin-inline:auto}
  .c-section-head{grid-template-columns:1fr;gap:var(--sm-space-3)}
}
@media(max-width:42rem){
  .c-page-hero__copy{padding-top:0}
  .c-page-hero__stage{height:auto;min-height:0;overflow:visible;transform:none;width:100%;max-width:100%;margin-bottom:0}
  [data-hero-form="card-collage"] .c-page-hero__stage{display:grid;gap:var(--sm-space-2);width:100%}
  [data-hero-form="card-collage"] .hero-backdrop{display:none}
  [data-hero-form="card-collage"] .hero-queue,
  [data-hero-form="card-collage"] .hero-float,
  [data-hero-form="card-collage"] .hero-runner{position:relative;inset:auto;top:auto;right:auto;bottom:auto;left:auto;width:100%;max-width:none;height:auto;min-height:0;transform:none}
  .c-section-head{margin-bottom:var(--sm-space-4)}
}

[data-hero-face="confirmed-draft"]:not([data-face-root]):not(:has(> .hero-queue)):not(:has(> .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{
  position:relative;
  height:590px;
  isolation:isolate;
}
[data-hero-face="confirmed-draft"] .hero-art .art-backdrop{
  position:absolute;
  inset:-40px -30px -20px -20px;
  width:730px;
  height:650px;
  opacity:.96;
  filter:drop-shadow(0 28px 60px rgba(0,0,0,.35));
}
[data-hero-face="confirmed-draft"] .hero-art .cluster{
  position:absolute;
  inset:0;
}
[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{
  position:absolute;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 24px 70px rgba(0,0,0,.35);
  backdrop-filter:blur(10px);
}
[data-hero-face="confirmed-draft"] .hero-art .queue-card{
  top:62px;
  left:68px;
  width:420px;
  height:274px;
  padding:24px;
  border-radius:32px;
  color:#f7f3ee;
  background:rgba(24,26,25,.94);
  transform:rotate(-2deg);
}
[data-hero-face="confirmed-draft"] .hero-art .float-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:22px;
  color:#aeb2ad;
  font:12px/1.2 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
}
[data-hero-face="confirmed-draft"] .hero-art .status-live{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 10px;
  border-radius:999px;
  color:#dff4e3;
  background:#075f2b;
  font:11px/1 "SFMono-Regular",Consolas,monospace;
}
[data-hero-face="confirmed-draft"] .hero-art .status-live:before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#86d590;
  box-shadow:0 0 10px rgba(134,213,144,.8);
}
[data-hero-face="confirmed-draft"] .hero-art .build-row{
  display:grid;
  grid-template-columns:34px 1fr auto;
  align-items:center;
  gap:13px;
  min-height:58px;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.09);
}
[data-hero-face="confirmed-draft"] .hero-art .build-row:last-child{border-bottom:0}
[data-hero-face="confirmed-draft"] .hero-art .build-row>span:first-child{
  display:grid;
  place-items:center;
  width:33px;
  height:33px;
  border-radius:10px;
  color:#171b18;
  background:#c9d7e5;
  font:700 11px/1 "SFMono-Regular",Consolas,monospace;
}
[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-of-type(3)>span:first-child{background:#e7c7b8;color:#241b18}
[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-of-type(4)>span:first-child{background:#e5d7a1;color:#201d12}
[data-hero-face="confirmed-draft"] .hero-art .runner-line{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-line strong{
  color:#f5f2ed;
  font:600 14px/1.2 "Inter","Segoe UI",sans-serif;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-line small{
  color:#858a85;
  font:11px/1.2 "SFMono-Regular",Consolas,monospace;
}
[data-hero-face="confirmed-draft"] .hero-art .pill-ok{
  padding:6px 9px;
  border-radius:999px;
  color:#b9e5c0;
  background:rgba(57,148,71,.14);
  font:10px/1 "SFMono-Regular",Consolas,monospace;
}
[data-hero-face="confirmed-draft"] .hero-art .float-card{
  border-radius:999px;
  padding:18px 23px;
}
[data-hero-face="confirmed-draft"] .hero-art .float-card:nth-child(2){
  top:4px;
  right:35px;
  width:212px;
  color:#17202a;
  background:#c9d7e5;
  transform:rotate(3deg);
}
[data-hero-face="confirmed-draft"] .hero-art .float-card:nth-child(3){
  top:322px;
  left:2px;
  width:198px;
  color:#241b18;
  background:#e7c7b8;
  transform:rotate(-5deg);
}
[data-hero-face="confirmed-draft"] .hero-art .float-card:nth-child(4){
  top:365px;
  right:13px;
  width:227px;
  color:#201d12;
  background:#e5d7a1;
  transform:rotate(4deg);
}
[data-hero-face="confirmed-draft"] .hero-art .float-card .float-title{
  margin:0 0 4px;
  color:currentColor;
  opacity:.65;
}
[data-hero-face="confirmed-draft"] .hero-art .float-card strong{
  display:block;
  font:600 25px/1.1 "Outfit","Segoe UI",sans-serif;
  letter-spacing:-.04em;
}
[data-hero-face="confirmed-draft"] .hero-art .float-card small{
  display:block;
  margin-top:5px;
  color:currentColor;
  opacity:.72;
  font:11px/1.3 "SFMono-Regular",Consolas,monospace;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-card{
  left:198px;
  bottom:22px;
  width:325px;
  padding:21px 22px;
  border-radius:24px;
  color:#f7f3ee;
  background:#25212b;
  transform:rotate(-1deg);
}
[data-hero-face="confirmed-draft"] .hero-art .runner-card .float-title{margin-bottom:14px}
[data-hero-face="confirmed-draft"] .hero-art .runner-card strong{
  display:block;
  margin-bottom:9px;
  font:500 18px/1.25 "Outfit","Segoe UI",sans-serif;
}
[data-hero-face="confirmed-draft"] .hero-art .node-label{
  display:flex;
  justify-content:space-between;
  gap:7px;
}
[data-hero-face="confirmed-draft"] .hero-art .node-label span{
  flex:1;
  padding:7px 4px;
  border-radius:8px;
  color:#d9d2dc;
  background:rgba(255,255,255,.06);
  text-align:center;
  font:10px/1 "SFMono-Regular",Consolas,monospace;
}
@media(min-width:64.01rem){
  .c-site-header .c-nav-link,
  .c-site-header .c-lang-button,
  .c-site-header .c-nav-tools>.c-btn,
  .c-site-header .c-announcement,
  .c-site-header .c-announcement a,
  .c-site-header button,
  .c-site-header a:not(.c-brand){font-size:14px}
}
@media(max-width:46rem){
  [data-hero-face="confirmed-draft"]:not([data-face-root]):not(:has(> .hero-queue)):not(:has(> .hero-art)){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%;height:auto;min-height:0}
}