:where(.sec,.c-section){padding-block:var(--section-space)}
:where(main>section:last-child){padding-bottom:var(--space-close)}
:where(main>.c-last-block:last-child){padding-bottom:var(--space-close)}
:where(.c-page-hero,.hero){padding-block:var(--hero-top) var(--hero-bottom);background:#FBF8F6;color:#33252F}
:where(.c-page-hero h1,.hero h1){color:#1A0E17}
:where(.c-page-hero p,.hero .lead){color:#655761}
:where(.c-page-hero .c-chip,.hero .eyebrow){background:#FFFFFF;color:#1A0E17}

:where(.c-page-hero>.container,.c-page-hero>.wrap){min-width:0}
:where(.c-page-hero .lead){max-width:45rem;margin-top:var(--space-4);font-size:var(--text-base);line-height:1.75}
[data-hero-form="right-graphic"]>.wrap,[data-hero-form="right-graphic"]>.container{display:grid;grid-template-columns:minmax(0,29.375rem) minmax(var(--stage-min),1fr);gap:var(--space-8);align-items:start}
[data-hero-form="right-graphic"]>.wrap>*,[data-hero-form="right-graphic"]>.container>*{min-width:0}
:where(.c-hero-copy){text-align:left;align-self:start}
:where(.c-hero-copy .c-chip,.c-hero-copy .eyebrow){margin-bottom:var(--space-4)}
.hero h1{margin-top:var(--space-4);font-size:var(--text-display);line-height:var(--lh-display)}
.hero .lead{margin-top:1.75rem;font-size:var(--text-base);line-height:1.75}
.hero .lead b{color:#1A0E17;font-weight:600}
.hero .cta{margin-top:2.25rem}
.fine{margin-top:1.125rem;font:400 var(--text-xs)/1.6 var(--fm);color:#655761}
.fine b{color:#1A0E17;font-weight:600}
.ul{position:relative;display:inline-block;white-space:nowrap}
.ul svg{position:absolute;left:-6px;bottom:-12px;width:calc(100% + 12px);height:20px;overflow:visible}
.ul path{stroke-dasharray:420;stroke-dashoffset:420;animation:c-draw 1.1s .35s var(--ease) forwards}
@keyframes c-draw{to{stroke-dashoffset:0}}
:where(.c-hero-center){text-align:center}
.c-hero-center>.c-chip,.c-hero-center>.eyebrow,.c-hero-center>.kick{margin-inline:auto;align-self:center}
.c-hero-center>p{margin-inline:auto}
.c-hero-center>.c-actions,.c-hero-center>.cta,.c-hero-center>.c-facts{justify-content:center}
.c-head-center{text-align:center}
.c-head-center>.c-chip,.c-head-center>.kick{margin-inline:auto;align-self:center}
.c-head-center>p{margin-inline:auto}
.c-head-center>.c-actions{justify-content:center}
:where(.c-head){margin-bottom:var(--space-8)}
:where(.c-head h2){margin-top:1.25rem}
:where(.c-head p){margin-top:.875rem;max-width:45rem;font-size:var(--text-base);line-height:1.7}
:where(.c-band--mint){background:#E6F2EE;color:#14453A}
:where(.c-band--mint h1,.c-band--mint h2,.c-band--mint h3){color:#0C2E26}
:where(.c-band--mint p){color:#3F6B60}
:where(.c-band--mint .c-chip){background:#FFFFFF;color:#14453A}
:where(.c-band--ice){background:#EAEFFB;color:#1F3366}
:where(.c-band--ice h1,.c-band--ice h2,.c-band--ice h3){color:#132248}
:where(.c-band--ice p){color:#4A5C89}
:where(.c-band--ice .c-chip){background:#FFFFFF;color:#1F3366}
:where(.c-band--cream){background:#F8EFD9;color:#4F3A05}
:where(.c-band--cream h1,.c-band--cream h2,.c-band--cream h3){color:#352603}
:where(.c-band--cream p){color:#6E5A2A}
:where(.c-band--cream .c-chip){background:#FFFFFF;color:#4F3A05}
:where(.c-band--apricot){background:#FDF1E4;color:#5A2E0A}
:where(.c-band--apricot h1,.c-band--apricot h2,.c-band--apricot h3){color:#3B1D04}
:where(.c-band--apricot p){color:#7A5233}
:where(.c-band--apricot .c-chip){background:#FFFFFF;color:#5A2E0A}
:where(.c-band--dark){background:#1A0E17;color:#FBF8F6}
:where(.c-band--dark h1,.c-band--dark h2,.c-band--dark h3){color:#FBF8F6}
:where(.c-band--dark p){color:#B8A7B3}
:where(.c-band--dark .c-chip){background:#33252F;color:#FBF8F6}
.c-band--dark .c-card{background:#FFFFFF;color:#1A0E17}
.c-band--dark .c-card h3{color:#1A0E17}
.c-band--dark .c-card p{color:#655761}
.c-band--dark .c-card--dark{background:#4A3544;color:#FBF8F6}
.c-band--dark .c-card--dark h3{color:#FBF8F6}
.c-band--dark .c-card--dark p{color:#E9DDE6}
.hero-art{position:relative;display:grid;width:100%;height:auto;min-width:0;padding:1.75rem;border-radius:var(--r-l);text-align:left;animation:c-art-in .9s var(--ease) both}
.hero-art .art-backdrop{position:absolute;inset:0;pointer-events:none;border-radius:var(--r-l);background:radial-gradient(var(--board-dot) 1px,transparent 1.5px) 0 0/18px 18px,var(--board-stage)}
.hero-art .runner-card{position:relative;display:flex;flex-wrap:wrap;height:auto;min-width:0;background:#FFFFFF;color:#1A0E17;border-radius:var(--r-m);overflow:hidden;box-shadow:var(--shadow)}
.hero-art .runner-line{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#FFFFFF;color:#1A0E17}
.hero-art .runner-line nav{display:flex;gap:var(--space-1);padding:var(--space-1);border-radius:var(--pill);background:#A51CA8;color:#FFFFFF}
.hero-art .runner-line nav span{padding:.375rem .875rem;border-radius:var(--pill);font:600 var(--text-xs)/1 var(--fh);color:#FFFFFF;letter-spacing:.02em}
.hero-art .runner-line nav .pill-ok{background:#FFFFFF;color:#A51CA8}
.hero-art .runner-line .status-live{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;font:500 var(--text-xs)/1.3 var(--fm);color:#6E6069;font-style:normal}
.hero-art .runner-line .status-live::before{content:"";width:.4375rem;height:.4375rem;flex:0 0 .4375rem;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px rgba(165,28,168,.16)}
.hero-art .cluster{flex:1 1 7.375rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(6rem,1fr));align-content:start;align-items:start;gap:var(--space-1);padding:var(--space-3) .625rem;background:#F7F3F0;color:#4A3B45}
.hero-art .cluster .float-title{grid-column:1/-1;padding:0 .5rem .375rem;color:#75656F;font-size:var(--text-xs)}
.hero-art .cluster p:last-child{grid-column:1/-1;margin:.625rem .5rem 0;font:500 var(--text-xs)/1.4 var(--fm);color:#14453A}
.hero-art .node-label{display:flex;align-items:center;justify-content:space-between;gap:.375rem;padding:.5625rem .625rem;border-radius:var(--r-s);font:500 var(--text-xs)/1.2 var(--fb);color:#4A3B45}
.hero-art .node-label i{font:500 var(--text-xs)/1 var(--fm);font-style:normal;color:#75656F}
.hero-art .node-label.status-live{background:#FFFFFF;color:#1A0E17;font-weight:600;box-shadow:inset 3px 0 0 var(--primary),0 1px 2px rgba(26,14,23,.08)}
.hero-art .node-label.status-live i{color:#A51CA8}
.hero-art .build-row{flex:999 1 27.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.625rem;padding:.875rem;background:#FFFFFF;color:#1A0E17;min-width:0}
.hero-art .build-row>section{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;padding:var(--space-2);border-radius:.75rem;background:#F7F3F0;color:#1A0E17}
.hero-art .float-title{display:flex;align-items:center;gap:.375rem;margin:0;padding:.25rem .25rem .125rem;font:600 var(--text-xs)/1.2 var(--fh);color:#1A0E17}
.hero-art .build-row .float-title::before{content:"";width:.4375rem;height:.4375rem;flex:0 0 .4375rem;border-radius:50%;background:var(--apricot-ink)}
.hero-art .build-row>section:nth-child(2) .float-title::before{background:var(--mint-ink)}
.hero-art .build-row>section:nth-child(3) .float-title::before{background:var(--ice-ink)}
.hero-art .build-row>section:nth-child(4) .float-title::before{background:var(--primary)}
.hero-art .build-row .float-title i{margin-left:auto;font:500 var(--text-xs)/1 var(--fm);font-style:normal;color:#75656F}
.hero-art .queue-card{display:flex;flex-direction:column;gap:.375rem;min-width:0;padding:.625rem;border-radius:.625rem;background:#FFFFFF;color:#1A0E17;box-shadow:0 1px 2px rgba(26,14,23,.08),0 0 0 1px rgba(26,14,23,.04);animation:c-card-in .55s var(--ease) both}
.hero-art .queue-card code{font:600 var(--text-xs)/1.4 var(--fm);color:#1A0E17;overflow-wrap:anywhere}
.hero-art .queue-card small{font:400 var(--text-xs)/1.4 var(--fb);color:#655761}
.hero-art .queue-card u{display:block;height:.25rem;border-radius:var(--pill);background:linear-gradient(90deg,var(--primary) 0 62%,var(--board-track) 62% 100%)}
.hero-art .queue-card u.half{background:linear-gradient(90deg,var(--primary) 0 82%,var(--board-track) 82% 100%)}
.hero-art .queue-card .pill-ok{display:inline-flex;align-items:center;width:fit-content;align-self:flex-start;padding:.4em .8em;border-radius:var(--pill);background:#E6F2EE;color:#14453A;font:600 var(--text-xs)/1 var(--fb)}
.hero-art .float-card{box-shadow:0 12px 26px -12px rgba(165,28,168,.42),0 0 0 1px rgba(165,28,168,.22)}
.hero-art .float-card figure{display:flex;align-items:center;gap:0;margin:.125rem 0 0}
.hero-art .float-card figure>svg{flex:0 0 auto;width:1.625rem;height:1.75rem}
.hero-art .float-card figure span{display:inline-grid;place-items:center;min-width:0}
.hero-art .float-card figure span>*{grid-area:1/1}
.hero-art .float-card figure span svg{width:6.25rem;height:2.375rem;overflow:visible}
.hero-art .float-card figure b{padding:.625rem .75rem;font:700 var(--text-xs)/1 var(--fh);color:#A51CA8;white-space:nowrap}
.hero-art .float-card figure path{stroke-dasharray:300;stroke-dashoffset:300;animation:c-draw 1.1s 1.7s var(--ease) forwards}
.hero-art .build-row>section:nth-child(1) .queue-card{animation-delay:.35s}
.hero-art .build-row>section:nth-child(2) .queue-card{animation-delay:.6s}
.hero-art .build-row>section:nth-child(3) .queue-card{animation-delay:.85s}
.hero-art .build-row>section:nth-child(4) .queue-card{animation-delay:1.1s}
@keyframes c-art-in{from{opacity:0}to{opacity:1}}
@keyframes c-card-in{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}
.c-photo-stage{height:clamp(20rem,34vw,32rem);overflow:hidden;border-radius:var(--r-m)}
.c-photo-stage img{width:100%;height:100%;object-fit:cover}
:where(.c-document-hero){padding-block:var(--hero-top) var(--space-7);background:#FBF8F6;color:#33252F}

:where(.c-document-hero h1){font-size:var(--text-section);line-height:var(--lh-tight);color:#1A0E17}
:where(.c-document-hero p){margin-top:var(--space-4);color:#655761}
@media(max-width:64rem){
[data-hero-form="right-graphic"]>.wrap,[data-hero-form="right-graphic"]>.container{grid-template-columns:minmax(0,1fr);gap:var(--space-7)}
.hero-art{height:auto;min-height:0;overflow:visible}
}
@media(max-width:42rem){
[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);padding: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 .runner-card{height:auto;overflow:visible;flex-direction:column}
.hero-art .runner-line{border-radius:var(--r-m) var(--r-m) 0 0}
.hero-art .runner-line .status-live{margin-left:0;overflow-wrap:anywhere}
.hero-art .cluster{flex:auto;grid-template-columns:repeat(2,minmax(0,1fr))}
.hero-art .build-row{flex:auto;grid-template-columns:minmax(0,1fr);border-radius:0 0 var(--r-m) var(--r-m)}
.hero-art .build-row>section{height:auto;min-height:0}
.hero h1{overflow-wrap:break-word}
}
@media(prefers-reduced-motion:reduce){
.ul path,.hero-art .float-card figure path{stroke-dashoffset:0}
}

/* confirmed-draft-hero-face */
[data-hero-face="confirmed-draft"]:not([data-face-root]):not([data-hero-form]):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]):not([data-hero-form]):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]):not([data-hero-form])::before,[data-hero-face="confirmed-draft"]:not([data-face-root]):not([data-hero-form])::after{display:none;content:none}
[data-hero-face="confirmed-draft"]:not([data-face-root]):not([data-hero-form])>img{display:none}
[data-hero-face="confirmed-draft"] .hero-art{position:relative;display:grid;width:100%;padding:28px;border-radius:24px;animation:artIn .9s ease both}
[data-hero-face="confirmed-draft"] .hero-art .art-backdrop{position:absolute;inset:0;pointer-events:none;border-radius:24px;background:radial-gradient(rgba(26,14,23,.11) 1px,transparent 1.5px) 0 0/18px 18px,#F1EBE5}
[data-hero-face="confirmed-draft"] .hero-art .runner-card{position:relative;display:flex;flex-wrap:wrap;background:#FFFFFF;border-radius:16px;overflow:hidden;box-shadow:0 34px 64px -28px rgba(26,14,23,.32),0 2px 6px rgba(26,14,23,.06)}
[data-hero-face="confirmed-draft"] .hero-art .runner-line{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;background:#FFFFFF}
[data-hero-face="confirmed-draft"] .hero-art .runner-line nav{display:flex;gap:4px;padding:4px;border-radius:999px;background:#A51CA8}
[data-hero-face="confirmed-draft"] .hero-art .runner-line nav span{padding:6px 14px;border-radius:999px;font:600 12px/1 "Outfit","Avenir Next","Segoe UI",system-ui,sans-serif;color:#F3D6F4;letter-spacing:.02em}
[data-hero-face="confirmed-draft"] .hero-art .runner-line nav .pill-ok{background:#FFFFFF;color:#A51CA8}
[data-hero-face="confirmed-draft"] .hero-art .runner-line .status-live{display:flex;align-items:center;gap:8px;margin-left:auto;font:500 12px/1.3 "JetBrains Mono","SF Mono",Menlo,Consolas,monospace;color:#6E6069;font-style:normal}
[data-hero-face="confirmed-draft"] .hero-art .runner-line .status-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#A51CA8;box-shadow:0 0 0 3px rgba(165,28,168,.16)}
[data-hero-face="confirmed-draft"] .hero-art .cluster{flex:1 1 118px;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));align-content:start;gap:4px;padding:16px 10px;background:#F7F3F0}
[data-hero-face="confirmed-draft"] .hero-art .cluster .float-title{grid-column:1/-1;padding:0 8px 6px;color:#8A7A84;font-size:12px}
[data-hero-face="confirmed-draft"] .hero-art .cluster p:last-child{grid-column:1/-1;margin:10px 8px 0;font:500 12px/1.4 "JetBrains Mono","SF Mono",Menlo,monospace;color:#14453A}
[data-hero-face="confirmed-draft"] .hero-art .node-label{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 10px;border-radius:8px;font:500 12px/1.2 "Inter",-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#4A3B45}
[data-hero-face="confirmed-draft"] .hero-art .node-label i{font:500 12px/1 "JetBrains Mono","SF Mono",Menlo,monospace;font-style:normal;color:#9A8B94}
[data-hero-face="confirmed-draft"] .hero-art .node-label.status-live{background:#FFFFFF;color:#1A0E17;font-weight:600;box-shadow:inset 3px 0 0 #A51CA8,0 1px 2px rgba(26,14,23,.08)}
[data-hero-face="confirmed-draft"] .hero-art .node-label.status-live i{color:#A51CA8}
[data-hero-face="confirmed-draft"] .hero-art .build-row{flex:999 1 440px;display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;padding:14px;background:#FFFFFF}
[data-hero-face="confirmed-draft"] .hero-art .build-row section{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:12px;background:#F7F3F0}
[data-hero-face="confirmed-draft"] .hero-art .float-title{display:flex;align-items:center;gap:6px;margin:0;padding:4px 4px 2px;font:600 12px/1.2 "Outfit","Avenir Next","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#1A0E17}
[data-hero-face="confirmed-draft"] .hero-art .build-row .float-title::before{content:"";width:7px;height:7px;border-radius:50%;background:#C59A6E}
[data-hero-face="confirmed-draft"] .hero-art .build-row section:nth-child(2) .float-title::before{background:#3C8C78}
[data-hero-face="confirmed-draft"] .hero-art .build-row section:nth-child(3) .float-title::before{background:#4E6DC2}
[data-hero-face="confirmed-draft"] .hero-art .build-row section:nth-child(4) .float-title::before{background:#A51CA8}
[data-hero-face="confirmed-draft"] .hero-art .build-row .float-title i{margin-left:auto;font:500 12px/1 "JetBrains Mono","SF Mono",Menlo,monospace;font-style:normal;color:#9A8B94}
[data-hero-face="confirmed-draft"] .hero-art .queue-card{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:10px;background:#FFFFFF;box-shadow:0 1px 2px rgba(26,14,23,.08),0 0 0 1px rgba(26,14,23,.04);animation:cardIn .55s ease both}
[data-hero-face="confirmed-draft"] .hero-art .queue-card code{font:600 12px/1.4 "JetBrains Mono","SF Mono",Menlo,Consolas,monospace;color:#1A0E17;word-break:break-word}
[data-hero-face="confirmed-draft"] .hero-art .queue-card small{font:400 12px/1.4 "Inter",-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#7A6B74}
[data-hero-face="confirmed-draft"] .hero-art .queue-card u{display:block;height:4px;border-radius:999px;background:linear-gradient(90deg,#A51CA8 0 62%,#EEE6EB 62% 100%)}
[data-hero-face="confirmed-draft"] .hero-art .queue-card u.half{background:linear-gradient(90deg,#A51CA8 0 82%,#EEE6EB 82% 100%)}
[data-hero-face="confirmed-draft"] .hero-art .queue-card .pill-ok{display:inline-flex;align-items:center;width:fit-content;align-self:flex-start;padding:4px 8px;border-radius:999px;background:#E6F2EE;color:#14453A;font:600 12px/1 "Inter",-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}
[data-hero-face="confirmed-draft"] .hero-art .float-card{box-shadow:0 12px 26px -12px rgba(165,28,168,.42),0 0 0 1px rgba(165,28,168,.22)}
[data-hero-face="confirmed-draft"] .hero-art .float-card figure{display:flex;align-items:center;gap:0;margin:2px 0 0}
[data-hero-face="confirmed-draft"] .hero-art .float-card figure>svg{flex:0 0 auto;width:26px;height:28px}
[data-hero-face="confirmed-draft"] .hero-art .float-card figure span{display:inline-grid;place-items:center}
[data-hero-face="confirmed-draft"] .hero-art .float-card figure span>*{grid-area:1/1}
[data-hero-face="confirmed-draft"] .hero-art .float-card figure span svg{width:100px;height:38px;overflow:visible}
[data-hero-face="confirmed-draft"] .hero-art .float-card figure b{padding:10px 12px;font:700 12px/1 "Outfit","Avenir Next","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#A51CA8;white-space:nowrap}
[data-hero-face="confirmed-draft"] .hero-art .float-card figure path{stroke-dasharray:300;stroke-dashoffset:300;animation:ink 1.1s 1.7s ease forwards}
[data-hero-face="confirmed-draft"] .hero-art .build-row section:nth-child(1) .queue-card{animation-delay:.35s}
[data-hero-face="confirmed-draft"] .hero-art .build-row section:nth-child(2) .queue-card{animation-delay:.6s}
[data-hero-face="confirmed-draft"] .hero-art .build-row section:nth-child(3) .queue-card{animation-delay:.85s}
[data-hero-face="confirmed-draft"] .hero-art .build-row section:nth-child(4) .queue-card{animation-delay:1.1s}
@media(max-width:42rem){
  [data-hero-face="confirmed-draft"]:not([data-face-root]):not([data-hero-form]):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:not(:is(.runner-card,.queue-card,.float-card) .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}
}
/* /confirmed-draft-hero-face */
