.c-page-hero{padding-block:var(--sv-hero-top) var(--sv-space-6)}
.c-page-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(31rem,1.12fr);
  align-items:start;
  gap:clamp(2.5rem,6vw,5rem)
}
.c-page-hero-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start}
.c-page-hero-copy .c-kicker{margin-bottom:var(--sv-space-2)}
.c-page-hero-copy h1{max-width:20ch;overflow-wrap:anywhere}
.c-page-hero-copy>p{max-width:34rem;margin-top:var(--sv-space-3);color:var(--sv-muted);font-size:var(--sv-text-4)}
.c-page-hero-copy .sv-actions{margin-top:var(--sv-space-3)}
.c-page-hero-follow{margin-top:var(--sv-space-4)}
[data-hero-form="product-visual"] .c-hero-stage{
  position:relative;
  min-width:0;
  height:35rem;
  overflow:hidden;
  border-radius:2.25rem;
  background:
    radial-gradient(ellipse at 18% 16%,rgba(221,242,228,.98),transparent 42%),
    radial-gradient(ellipse at 84% 12%,rgba(248,239,201,.98),transparent 40%),
    radial-gradient(ellipse at 88% 86%,rgba(220,234,246,.98),transparent 42%),
    radial-gradient(ellipse at 14% 90%,rgba(234,227,245,.98),transparent 44%),
    linear-gradient(150deg,#EEF6EE 0%,#F9EEDD 50%,#F8DCD2 100%)
}
[data-hero-form="product-visual"] .c-hero-stage:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(15,31,23,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(15,31,23,.025) 1px,transparent 1px);
  background-size:2rem 2rem
}
.c-hero-sheet{
  position:absolute;
  z-index:1;
  top:6.5rem;
  right:3.5rem;
  left:3.5rem;
  padding:1.65rem;
  border-radius:var(--sv-radius-md);
  background:#FFFFFF;
  color:#0F1F17;
  box-shadow:var(--sv-shadow-float)
}
.c-hero-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.9rem}
.c-hero-sheet-head h3{font-size:var(--sv-text-3);color:#0F1F17}
.c-build-row{
  display:grid;
  grid-template-columns:2rem minmax(0,1fr) minmax(5rem,8rem) 3.5rem;
  align-items:center;
  gap:1rem;
  padding:.9rem 0
}
.c-build-row+.c-build-row{border-top:1px solid var(--sv-line)}
.c-build-icon{display:grid;width:2rem;height:2rem;place-items:center;border-radius:.6rem}
.c-build-row:nth-child(2) .c-build-icon{background:var(--sv-mint);color:var(--sv-mint-ink)}
.c-build-row:nth-child(3) .c-build-icon{background:var(--sv-butter);color:var(--sv-butter-ink)}
.c-build-row:nth-child(4) .c-build-icon{background:var(--sv-lilac);color:var(--sv-lilac-ink)}
.c-build-icon svg{width:1rem;height:1rem}
.c-build-copy{min-width:0;text-align:left}
.c-build-copy strong{display:block;color:#0F1F17;font-size:var(--sv-text-2);line-height:1.35;overflow-wrap:anywhere}
.c-build-copy small{display:block;color:#87918B;font-family:var(--sv-font-mono);font-size:var(--sv-text-1)}
.c-progress{height:.5rem;overflow:hidden;border-radius:999px;background:var(--sv-paper-soft)}
.c-progress i{display:block;height:100%;border-radius:inherit;background:var(--sv-brand)}
.c-build-value{text-align:right;color:#0F1F17;font-family:var(--sv-font-mono);font-size:var(--sv-text-2)}
.c-live{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .55rem;border-radius:999px;background:var(--sv-mint);color:var(--sv-mint-ink);font-family:var(--sv-font-mono);font-size:var(--sv-text-1)}
.c-live:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--sv-brand)}
.c-stage-label,.c-stage-ticket{
  position:absolute;
  z-index:2;
  bottom:3rem;
  display:flex;
  align-items:center;
  gap:.7rem;
  padding:.8rem 1rem;
  border-radius:var(--sv-radius-sm);
  box-shadow:var(--sv-shadow-soft);
  font-size:var(--sv-text-2);
  line-height:1.4
}
.c-stage-label{left:3.5rem;background:#0F1F17;color:#F6F8F4}
.c-stage-label code{color:#BFE3C8;font-size:var(--sv-text-1)}
.c-stage-ticket{right:3.5rem;background:#FFFFFF;color:#0F1F17}
.c-stage-label svg,.c-stage-ticket svg{width:1.25rem;height:1.25rem;flex:0 0 auto}
.c-stage-ticket small{display:block;color:#87918B;font-family:var(--sv-font-mono)}
.c-doc-hero{padding-block:var(--sv-hero-crumb-top) var(--sv-space-5);background:var(--sv-paper-soft)}
.c-doc-hero h1{max-width:16ch}
.c-doc-hero p{max-width:46rem;margin-top:var(--sv-space-2);color:var(--sv-muted)}
.c-section-band{padding-block:var(--sv-section)}
.c-section-band-mint{background:var(--sv-mint);color:var(--sv-mint-ink)}
.c-section-band-butter{background:var(--sv-butter);color:var(--sv-butter-ink)}
.c-section-band-lilac{background:var(--sv-lilac);color:var(--sv-lilac-ink)}
.c-section-band-peach{background:var(--sv-peach);color:var(--sv-peach-ink)}
.c-section-band-sky{background:var(--sv-sky);color:var(--sv-sky-ink)}
@media(max-width:64rem){
  .c-page-hero-grid{grid-template-columns:1fr}
  [data-hero-form="product-visual"] .c-hero-stage{height:auto;min-height:34rem;overflow:visible}
}
@media(max-width:40rem){
  [data-hero-form="product-visual"] .c-hero-stage{min-height:0;padding:1rem}
  .c-hero-sheet{position:relative;inset:auto;padding:1.2rem}
  .c-build-row{grid-template-columns:2rem minmax(0,1fr) 3rem}
  .c-build-row .c-progress{grid-column:2/4;width:100%}
  .c-stage-label,.c-stage-ticket{position:relative;inset:auto;margin-top:.75rem}
  .c-page-hero-copy>p{font-size:var(--sv-text-3)}
}

[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;
  height:560px;
  border-radius:36px;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 18% 16%,rgba(221,242,228,.98),transparent 42%),
    radial-gradient(ellipse at 84% 12%,rgba(248,239,201,.98),transparent 40%),
    radial-gradient(ellipse at 88% 86%,rgba(220,234,246,.98),transparent 42%),
    radial-gradient(ellipse at 14% 90%,rgba(234,227,245,.98),transparent 44%),
    linear-gradient(150deg,#EEF6EE 0%,#F9EEDD 50%,#F8DCD2 100%);
}
[data-hero-face="confirmed-draft"] .hero-art .queue-card{
  position:absolute;
  left:64px;
  right:64px;
  top:112px;
  padding:26px 26px 22px;
  border-radius:22px;
  background:rgba(255,255,255,.96);
  box-shadow:0 24px 60px rgba(15,31,23,.12);
}
[data-hero-face="confirmed-draft"] .hero-art .queue-card h4{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:15px;
  font-weight:700;
}
[data-hero-face="confirmed-draft"] .hero-art .queue-card h4 span{
  color:#8A948E;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  font-size:11px;
  font-weight:500;
  letter-spacing:.06em;
}
[data-hero-face="confirmed-draft"] .hero-art .build-row{
  display:grid;
  grid-template-columns:30px 1fr 138px 58px;
  align-items:center;
  gap:16px;
  padding:15px 0;
  font-size:13px;
}
[data-hero-face="confirmed-draft"] .hero-art .build-row+.build-row{border-top:1px solid rgba(15,31,23,.1)}
[data-hero-face="confirmed-draft"] .hero-art .build-row:first-of-type{margin-top:14px}
[data-hero-face="confirmed-draft"] .hero-art .build-row svg{width:30px;height:30px}
[data-hero-face="confirmed-draft"] .hero-art .build-row b{display:block;font-weight:600}
[data-hero-face="confirmed-draft"] .hero-art .build-row small{
  display:block;
  margin-top:2px;
  color:#8A948E;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  font-size:11px;
}
[data-hero-face="confirmed-draft"] .hero-art .build-row .bar{
  height:8px;
  overflow:hidden;
  border-radius:99px;
  background:#F7F6F2;
}
[data-hero-face="confirmed-draft"] .hero-art .build-row .bar i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:#2F5D12;
}
[data-hero-face="confirmed-draft"] .hero-art .build-row em{
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  font-style:normal;
  font-size:13px;
  text-align:right;
  color:#0F1F17;
}
[data-hero-face="confirmed-draft"] .hero-art .status-live{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 10px;
  border-radius:99px;
  background:#DDF2E4;
  color:#1D4A36;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  font-size:11px;
  letter-spacing:.05em;
}
[data-hero-face="confirmed-draft"] .hero-art .status-live i{width:7px;height:7px;border-radius:50%;background:#2F5D12}
[data-hero-face="confirmed-draft"] .hero-art .pill-ok{
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:99px;
  background:#DCEAF6;
  color:#1F4260;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  font-size:10px;
  letter-spacing:.06em;
}
[data-hero-face="confirmed-draft"] .hero-art .node-label{
  position:absolute;
  left:64px;
  bottom:48px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 18px;
  border-radius:16px;
  color:#F6F8F4;
  background:#0F1F17;
  box-shadow:0 12px 30px rgba(15,31,23,.08);
  font-size:13px;
}
[data-hero-face="confirmed-draft"] .hero-art .node-label svg{width:22px;height:22px}
[data-hero-face="confirmed-draft"] .hero-art .node-label code{color:#BFE3C8;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;font-size:12px}
[data-hero-face="confirmed-draft"] .hero-art .float-card{
  position:absolute;
  right:64px;
  bottom:48px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 18px;
  border-radius:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 12px 30px rgba(15,31,23,.08);
  font-size:13px;
  font-weight:600;
}
[data-hero-face="confirmed-draft"] .hero-art .float-card svg{width:24px;height:24px}
[data-hero-face="confirmed-draft"] .hero-art .float-card small{
  display:block;
  color:#8A948E;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  font-size:11px;
  font-weight:500;
}
@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%}
}