.c-page-hero{
  position:relative;
  padding-block:var(--vm-hero-pad);
  overflow:visible;
  color:var(--vm-ink);
  background:
    radial-gradient(42rem 29rem at 76% 40%,rgba(37,88,191,.19),transparent 66%),
    radial-gradient(50rem 31rem at 48% 100%,rgba(14,31,76,.15),transparent 72%),
    var(--vm-bg);
}
.c-page-hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:10rem;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,var(--vm-bg));
}
.c-page-hero-inner{
  position:relative;
  z-index:1;
}
.c-page-hero[data-hero-form="gradient-motion"]>.c-page-hero-inner,
.c-page-hero[data-hero-form="split"]>.c-page-hero-inner{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:start;
  gap:clamp(3rem,6vw,5rem);
}
.c-page-hero-copy{
  min-width:0;
  padding-top:0;
  text-align:left;
}
.c-page-hero-copy h1{max-width:38rem}
.c-page-hero-copy>p{
  max-width:34rem;
  margin-top:var(--vm-space-3);
  color:var(--vm-muted);
  font-size:var(--vm-text-3);
}
.c-page-hero-stage{
  position:relative;
  min-width:32rem;
  height:35.625rem;
  overflow:visible;
}
.c-page-hero-stage::before{
  content:"";
  position:absolute;
  inset:5% -5% 0;
  pointer-events:none;
  filter:blur(3rem);
  background:radial-gradient(ellipse,rgba(31,73,169,.2),transparent 68%);
}
.c-section{
  position:relative;
  padding-block:var(--vm-space-section);
  color:var(--vm-ink);
  background:var(--vm-bg);
}
.c-section+.c-section{padding-top:var(--vm-space-section)}
.c-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(17rem,26rem);
  align-items:end;
  gap:var(--vm-space-5);
  margin-bottom:var(--vm-space-4);
}
.c-section-head p{color:var(--vm-muted)}
.c-section-head-centered{
  display:grid;
  justify-items:center;
  max-width:44rem;
  margin-inline:auto;
  margin-bottom:var(--vm-space-4);
  text-align:center;
}
.c-section-head-centered .c-kicker{margin-inline:auto}
.c-section-head-centered h2{margin-top:var(--vm-space-2)}
.c-section-head-centered p{max-width:35rem;margin-top:var(--vm-space-2)}
.c-section-head-centered .c-actions{justify-content:center}
.c-hairline-list{border-top:1px solid var(--vm-line)}
.c-hairline-row{
  padding-block:var(--vm-space-3);
  border-bottom:1px solid var(--vm-line);
}
.c-final-stage{
  position:relative;
  padding-block:clamp(6rem,12vw,10rem);
  overflow:hidden;
  text-align:center;
  color:var(--vm-ink);
  background:
    radial-gradient(38rem 20rem at 50% 45%,rgba(36,80,175,.18),transparent 72%),
    #020304;
}
.c-final-stage::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:min(80%,48rem);
  height:1px;
  pointer-events:none;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,#2d4f91,transparent);
}
.c-final-stage h2{
  max-width:48rem;
  margin-inline:auto;
  background:linear-gradient(92deg,#f3f1eb 18%,#9bb9f4 55%,#dedfe0 83%);
  background-clip:text;
  color:transparent;
}
.c-final-stage p{max-width:36rem;margin:var(--vm-space-2) auto 0}
.c-final-stage .c-actions{justify-content:center}
@media (max-width:64rem){
  .c-page-hero[data-hero-form="gradient-motion"]>.c-page-hero-inner,
  .c-page-hero[data-hero-form="split"]>.c-page-hero-inner{
    grid-template-columns:1fr;
  }
  .c-page-hero-stage{
    min-width:0;
    width:100%;
    height:auto;
    overflow:visible;
  }
}
@media (max-width:44rem){
  .c-page-hero{padding-block:var(--vm-space-5)}
  .c-page-hero-copy{padding-top:0}
  .c-section{padding-block:var(--vm-space-6)}
  .c-section+.c-section{padding-top:var(--vm-space-section)}
  .c-section-head{grid-template-columns:1fr;gap:var(--vm-space-2)}
}

[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:590px;
  height:570px;
  isolation:isolate;
}
[data-hero-face="confirmed-draft"] .hero-art .art-backdrop{
  position:absolute;
  inset:-42px -45px -45px -55px;
  width:700px;
  height:660px;
  opacity:.88;
  animation:artPulse 8s ease-in-out infinite alternate;
}
[data-hero-face="confirmed-draft"] .hero-art .queue-card{
  position:absolute;
  left:42px;
  top:61px;
  width:500px;
  overflow:hidden;
  border:1px solid #29303b;
  border-radius:10px;
  color:#e9ebef;
  background:linear-gradient(145deg,rgba(16,19,25,.96),rgba(5,7,10,.98));
  box-shadow:0 24px 100px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.045);
  transform:perspective(1100px) rotateY(-5deg) rotateX(2deg);
  animation:panelFloat 7s ease-in-out infinite alternate;
}
[data-hero-face="confirmed-draft"] .hero-art .float-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:65px;
  padding:0 22px;
  border-bottom:1px solid #232934;
  color:#c8cdd5;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
[data-hero-face="confirmed-draft"] .hero-art .status-live{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#8fb3ff;
}
[data-hero-face="confirmed-draft"] .hero-art .status-live:before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#3978ef;
  box-shadow:0 0 12px rgba(57,120,239,.85);
  animation:liveDot 1.7s ease-in-out infinite;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-card{
  padding:22px;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-line{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  padding-bottom:20px;
  border-bottom:1px solid #1c212a;
}
[data-hero-face="confirmed-draft"] .hero-art .node-label{
  display:flex;
  flex-direction:column;
  gap:4px;
  color:#f1f1ec;
  font-size:15px;
  font-weight:560;
}
[data-hero-face="confirmed-draft"] .hero-art .node-label small{
  color:#757d89;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:10px;
  font-weight:400;
  letter-spacing:.06em;
}
[data-hero-face="confirmed-draft"] .hero-art .pill-ok{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:5px 9px;
  border:1px solid #25416f;
  border-radius:999px;
  color:#9fbcfa;
  background:#0d1930;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:10px;
}
[data-hero-face="confirmed-draft"] .hero-art .build-row{
  display:grid;
  grid-template-columns:78px 1fr 58px;
  align-items:center;
  gap:14px;
  height:52px;
  border-bottom:1px solid #191e26;
  color:#959ca6;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:11px;
}
[data-hero-face="confirmed-draft"] .hero-art .build-row:last-child{border-bottom:0}
[data-hero-face="confirmed-draft"] .hero-art .build-row b{
  color:#d8dbe0;
  font-weight:500;
}
[data-hero-face="confirmed-draft"] .hero-art .build-row span{
  height:3px;
  overflow:hidden;
  border-radius:3px;
  background:#1c222c;
}
[data-hero-face="confirmed-draft"] .hero-art .build-row span:after{
  content:"";
  display:block;
  height:100%;
  border-radius:3px;
  background:linear-gradient(90deg,#224691,#3979ed);
  box-shadow:0 0 9px rgba(43,98,201,.35);
}
[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-child(2) span:after{width:100%}
[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-child(3) span:after{width:82%}
[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-child(4) span:after{width:51%}
[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-child(5) span:after{width:37%;background:linear-gradient(90deg,#665f37,#e7d889)}
[data-hero-face="confirmed-draft"] .hero-art .build-row:nth-child(6) span:after{width:19%;background:linear-gradient(90deg,#6b3838,#e4867f)}
[data-hero-face="confirmed-draft"] .hero-art .build-row i{
  color:#cfd3d9;
  font-style:normal;
  text-align:right;
}
[data-hero-face="confirmed-draft"] .hero-art .float-card{
  position:absolute;
  right:-2px;
  bottom:46px;
  width:211px;
  padding:15px 17px;
  border:1px solid #2a3039;
  border-radius:8px;
  color:#a9afb8;
  background:rgba(11,14,19,.94);
  box-shadow:0 18px 55px rgba(0,0,0,.5);
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:10px;
  line-height:1.75;
  animation:cardHover 6s ease-in-out infinite alternate;
}
[data-hero-face="confirmed-draft"] .hero-art .float-card b{
  display:block;
  color:#f0f0ec;
  font-size:12px;
  font-weight:500;
}
[data-hero-face="confirmed-draft"] .hero-art .float-card span{color:#719af1}
@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%}
}