:where(.sec,.c-section){padding-block:var(--space-section)}
:where(main>section:last-child){padding-bottom:var(--space-close)}
:where(main>.c-page-close:last-child){margin-bottom:var(--space-close)}
:where(.c-page-hero){padding-block:var(--hero-pad) var(--space-9);background:#FBFAFD;color:#1B1030}
:where(.c-page-hero h1){font-size:var(--text-display);line-height:var(--lh-tight);color:#1B1030;max-width:20ch}
:where(.c-page-hero p){font-size:var(--text-md);line-height:1.6;color:#5B5470;max-width:56ch;margin-top:var(--space-4)}
:where(.c-page-hero .c-kicker){color:#2A1F5C}
:where(.c-hero-split){display:grid;grid-template-columns:minmax(0,1fr) minmax(var(--stage-min),1fr);gap:var(--space-8);align-items:start;padding-block:var(--hero-pad) var(--space-9);background:#FBFAFD;color:#1B1030}
:where(.c-hero-split)>*{min-width:0}
:where(.c-hero-split h1){font-size:var(--text-display);line-height:var(--lh-tight);color:#1B1030}
:where(.c-hero-split p){font-size:var(--text-md);line-height:1.6;color:#5B5470}
.c-hero-center{text-align:center}
.c-hero-center>h1,.c-hero-center>p{margin-inline:auto}
.c-hero-center>.c-actions{justify-content:center}
.c-hero-center>.c-kicker{margin-inline:auto}
.c-hero-center>.c-facts{justify-content:center}
.c-hero-center>.c-terminal,.c-hero-center>.table-scroll{text-align:start}
:where(.c-section-head){margin-bottom:var(--space-7)}
:where(.c-section-head p){margin-top:var(--space-3);color:#5B5470;font-size:var(--text-md);line-height:1.6}
.c-section-head.c-center{text-align:center}
.c-section-head.c-center>.c-kicker{margin-inline:auto}
.c-section-head.c-center>.c-actions{justify-content:center}
:where(.c-lav-band){padding:var(--space-9);border-radius:var(--radius-band);background:#EEECFB;color:#2A1F5C}
:where(.c-lav-band h2,.c-lav-band h3){color:#2A1F5C}
:where(.c-lav-band p){color:#5A5084}
:where(.c-mint-band){padding:var(--space-9);border-radius:var(--radius-band);background:#E6F2EC;color:#1E4A35}
:where(.c-mint-band h2,.c-mint-band h3){color:#1E4A35}
:where(.c-mint-band p){color:#44705B}
:where(.c-sky-band){padding:var(--space-9);border-radius:var(--radius-band);background:#E7EFF7;color:#1C3A5A}
:where(.c-sky-band h2,.c-sky-band h3){color:#1C3A5A}
:where(.c-sky-band p){color:#46627F}
:where(.c-cream-band){padding:var(--space-9);border-radius:var(--radius-band);background:#F6F0DF;color:#5A4210}
:where(.c-cream-band h2,.c-cream-band h3){color:#5A4210}
:where(.c-cream-band p){color:#756032}
.c-close{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);padding:var(--space-11) 72px;border-radius:var(--radius-band);background:#EEECFB;color:#2A1F5C}
.c-close h2{font-size:var(--text-display);line-height:var(--lh-tight);letter-spacing:-1px;color:#1B1030}
.c-close p{font-size:var(--text-md);line-height:1.6;color:#5A5084;margin-top:18px}
.c-close .c-actions{flex-wrap:nowrap;flex-shrink:0;margin-top:var(--space-4)}
.hero[data-hero-form="terminal"]{padding:var(--hero-pad) 0 0;background:#FBFAFD;color:#1B1030}
.hero-stage{display:grid;grid-template-columns:72px 56px 568px 56px 24px 840px;grid-template-rows:56px auto 56px}
.ghost{grid-column:2/4;grid-row:1/4;background:#F3F1F8;border-radius:20px;padding:26px 30px;filter:blur(2.5px);opacity:.85;display:grid;align-content:start;gap:14px;pointer-events:none}
.ghost i{display:block;height:12px;border-radius:6px;background:#DCD7EA}
.ghost i:nth-child(1){width:180px;height:14px}
.ghost i:nth-child(2){width:420px;margin-top:20px}
.ghost i:nth-child(3){width:360px}
.ghost i:nth-child(4){width:470px}
.ghost i:nth-child(5){width:300px}
.ghost i:nth-child(6){width:440px;margin-top:330px}
.ghost i:nth-child(7){width:260px}
.hero-card{grid-column:3/5;grid-row:2;position:relative;z-index:2;background:#EEECFB;color:#2A1F5C;border-radius:var(--radius-card);padding:44px 48px 40px;box-shadow:var(--shadow-card);min-width:0}
.hero-card .eyebrow{font-family:var(--fh);font-size:var(--text-sm);line-height:1.5;font-weight:600;letter-spacing:.16em;color:#2A1F5C;margin-bottom:26px}
.hero-card h1{font-size:var(--text-display);line-height:var(--lh-tight);letter-spacing:-1px;font-weight:500;color:#1B1030;min-height:198px}
.hero-card p{font-size:var(--text-md);line-height:1.65;color:#5A5084;margin-top:4px;max-width:500px}
.hero-card p b{font-family:var(--fm);font-weight:600;color:#2A1F5C}
.hero-cta{gap:14px;margin-top:30px}
.hero-note{margin-top:22px;font-size:var(--text-sm);line-height:1.65;color:#5A5084}
.hero-slot{grid-column:6;grid-row:1/4;display:grid;min-width:0}
.hero-art{display:grid;grid-template-rows:auto 1fr auto;width:auto;height:auto;min-width:0;position:relative;background:#FFFFFF;color:#1B1030;border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-window);font-family:var(--fb)}
.hero-art .art-backdrop{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#FFFFFF 0,#FFFFFF 64px,#F7F5FB 64px,#F7F5FB 100%)}
.hero-art .queue-card{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;min-width:0}
.hero-art .cluster{display:flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:10px;background:#F1EFF7;color:#1B1030;min-width:0}
.hero-art .node-label{display:inline-flex;align-items:baseline;gap:8px;padding:8px 14px;border-radius:8px;font-size:var(--text-xs);line-height:16px;color:#5B5470}
.hero-art .node-label b{font-family:var(--fm);font-size:13px;line-height:16px;font-weight:600;color:#1B1030}
.hero-art .node-label:first-child{background:#FFFFFF;color:#5B5470;box-shadow:0 1px 2px rgba(27,16,48,.10)}
.hero-art .status-live{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-size:var(--text-xs);line-height:1.5;font-weight:700;letter-spacing:.08em;color:#5E0F57}
.hero-art .status-live svg{width:10px;height:10px}
.hero-art .runner-card{position:relative;display:grid;align-content:start;gap:1px;margin:0 14px;padding:22px 26px;border-radius:16px;background:#1B1030;color:#CFC7E2;font-family:var(--fm);font-size:13.5px;line-height:22px;min-width:0;height:auto}
.hero-art .runner-line{font-size:13.5px;line-height:22px;white-space:pre-wrap;overflow-wrap:anywhere}
.hero-art .runner-line b{color:#FFFFFF;font-weight:600}
.hero-art .runner-line i{font-style:normal;color:#ADA2C4}
.hero-art .runner-line em{font-style:normal;color:#F3EEFF;font-weight:600}
.hero-art .runner-line u{display:inline-block;width:8px;height:16px;vertical-align:-3px;background:#CFC7E2;text-decoration:none;animation:mvcur 1.1s steps(1) infinite}
.hero-art .float-card{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 14px 14px;padding:12px 16px;border-radius:14px;background:#FFFFFF;color:#1B1030;box-shadow:var(--shadow-small)}
.hero-art .float-card svg{width:34px;height:34px;flex:none}
.hero-art .float-title{font-size:13px;line-height:1.5;font-weight:700;color:#1B1030;margin-right:4px}
.hero-art .pill-ok{display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;border-radius:999px;background:#F1EFF7;color:#5B5470;font-size:var(--text-xs);line-height:1.5}
.hero-art .pill-ok b{font-family:var(--fm);font-size:13px;line-height:1.5;color:#1B1030}
.hero-art .float-title + .pill-ok{background:#5E0F57;color:#F6E4F2}
.hero-art .float-title + .pill-ok b{color:#FFFFFF}
.hero-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:64px}
.hero-foot h2{font-size:24px;font-weight:500;letter-spacing:-.3px;line-height:1.4;color:#2A1F5C}
.hero-foot h2 span{font-family:var(--fm);color:#5E0F57}
.play{display:inline-flex;align-items:center;gap:14px;flex:none;padding:8px 24px 8px 8px;border-radius:999px;border:1.5px solid var(--line);font-family:var(--fh);font-weight:600;font-size:15px;line-height:1.5;color:#2A1F5C;transition:border-color var(--duration),background var(--duration)}
.play:hover{border-color:var(--primary);background:#FFFFFF}
.play svg{width:40px;height:40px}
.play small{font-family:var(--fm);font-size:13px;line-height:1.5;color:#676079;font-weight:500}
@keyframes mvcur{0%{opacity:1}
50%{opacity:0}
}
@media(min-width:100rem){
.hero-stage{grid-template-columns:max(72px,calc((100vw - 1296px)/2)) 56px 568px 56px 24px 840px}
}
@media(max-width:80rem) and (min-width:64.001rem){
.hero-stage{grid-template-columns:24px 24px minmax(440px,1fr) 24px 24px minmax(480px,1fr);grid-template-rows:40px auto 40px}
.hero-card{padding:40px 32px}
.hero-card h1{font-size:3.25rem}
.hero-art .queue-card{gap:8px}
.hero-art .node-label{padding:8px 10px}
}
@media(max-width:64rem){
.c-hero-split{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}
.hero-stage{grid-template-columns:var(--gutter) minmax(0,1fr) var(--gutter);grid-template-rows:auto auto;gap:var(--space-5) 0}
.ghost{display:none}
.hero-card{grid-column:2;grid-row:1;padding:40px}
.hero-card h1{min-height:0}
.hero-card p{margin-top:var(--space-4)}
.hero-slot{grid-column:2;grid-row:2}
.hero-art{height:auto;overflow:hidden}
.hero-foot{align-items:flex-start;flex-wrap:wrap;padding-top:var(--space-7)}
.c-close{padding:var(--space-9) var(--space-6);flex-direction:column;align-items:flex-start}
:where(.c-lav-band,.c-mint-band,.c-sky-band,.c-cream-band){padding:var(--space-6)}
}
@media(max-width:42rem){
[data-hero-form] .hero-slot,[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-stage{display:flex;flex-direction:column;gap:var(--space-5)}
.hero-card{margin-inline:var(--gutter);padding:var(--space-5) var(--space-4)}
.hero-card .eyebrow{font-size:var(--text-xs);margin-bottom:var(--space-4)}
.hero-card h1{font-size:var(--text-display);line-height:var(--lh-tight);min-height:0}
.hero-cta{flex-wrap:wrap}
[data-hero-form] .hero-slot{width:100%}
.hero-art{grid-template-columns:minmax(0,1fr);grid-template-areas:none;gap: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;border-radius:var(--radius-card)}
.hero-art .runner-card{margin:0;padding:var(--space-4);height:auto;overflow:visible}
.hero-art .queue-card{padding:var(--space-4);border-radius:var(--radius-card) var(--radius-card) 0 0;background:#FFFFFF;color:#1B1030}
.hero-art .cluster{width:100%}
.hero-art .node-label{flex-wrap:wrap;padding:8px 10px}
.hero-art .status-live{margin-left:0}
.hero-art .float-card{margin:0;padding:var(--space-4)}
.hero-foot{padding-top:var(--space-6)}
.hero-foot h2{font-size:var(--text-card);line-height:1.4}
.play{gap:10px;padding-right:16px;font-size:var(--text-sm);max-width:100%;flex-wrap:wrap}
.c-close{padding:var(--space-7) var(--space-4)}
.c-close .c-actions{flex-wrap:wrap}
:where(.c-lav-band,.c-mint-band,.c-sky-band,.c-cream-band){padding:var(--space-4)}
}

/* 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{display:grid;grid-template-rows:auto 1fr auto;width:auto;position:relative;background:#FFFFFF;border-radius:24px;overflow:hidden;box-shadow:0 1px 2px rgba(27,16,48,.06),0 30px 70px -30px rgba(27,16,48,.30);font-family:"Manrope","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#1B1030}
[data-hero-face="confirmed-draft"] .hero-art .art-backdrop{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#FFFFFF 0,#FFFFFF 64px,#F7F5FB 64px,#F7F5FB 100%)}
[data-hero-face="confirmed-draft"] .hero-art .queue-card{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px}
[data-hero-face="confirmed-draft"] .hero-art .cluster{display:flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:10px;background:#F1EFF7}
[data-hero-face="confirmed-draft"] .hero-art .node-label{display:inline-flex;align-items:baseline;gap:8px;padding:8px 14px;border-radius:8px;font-size:12px;line-height:16px;color:#6A6380}
[data-hero-face="confirmed-draft"] .hero-art .node-label b{font-family:"SF Mono","JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;font-size:13px;font-weight:600;color:#1B1030}
[data-hero-face="confirmed-draft"] .hero-art .node-label:first-child{background:#FFFFFF;box-shadow:0 1px 2px rgba(27,16,48,.10)}
[data-hero-face="confirmed-draft"] .hero-art .status-live{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-size:12px;font-weight:700;letter-spacing:.08em;color:#5E0F57}
[data-hero-face="confirmed-draft"] .hero-art .status-live svg{width:10px;height:10px}
[data-hero-face="confirmed-draft"] .hero-art .runner-card{position:relative;display:grid;align-content:start;gap:1px;margin:0 14px;padding:22px 26px;border-radius:16px;background:#1B1030;font-family:"SF Mono","JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;font-size:13.5px;line-height:22px;color:#CFC7E2}
[data-hero-face="confirmed-draft"] .hero-art .runner-line{white-space:pre-wrap;overflow-wrap:anywhere}
[data-hero-face="confirmed-draft"] .hero-art .runner-line b{color:#FFFFFF;font-weight:600}
[data-hero-face="confirmed-draft"] .hero-art .runner-line i{font-style:normal;color:#8478A3}
[data-hero-face="confirmed-draft"] .hero-art .runner-line em{font-style:normal;color:#F3EEFF;font-weight:600}
[data-hero-face="confirmed-draft"] .hero-art .runner-line u{display:inline-block;width:8px;height:16px;vertical-align:-3px;background:#CFC7E2;text-decoration:none;animation:mvcur 1.1s steps(1) infinite}
[data-hero-face="confirmed-draft"] .hero-art .runner-line+.runner-line b{margin-top:0}
[data-hero-face="confirmed-draft"] .hero-art .float-card{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 14px 14px;padding:12px 16px;border-radius:14px;background:#FFFFFF;box-shadow:0 1px 3px rgba(27,16,48,.08)}
[data-hero-face="confirmed-draft"] .hero-art .float-card svg{width:34px;height:34px;flex:none}
[data-hero-face="confirmed-draft"] .hero-art .float-title{font-size:13px;font-weight:700;color:#1B1030;margin-right:4px}
[data-hero-face="confirmed-draft"] .hero-art .pill-ok{display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;border-radius:999px;background:#F1EFF7;font-size:12px;color:#5B5470}
[data-hero-face="confirmed-draft"] .hero-art .pill-ok b{font-family:"SF Mono","JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:#1B1030}
[data-hero-face="confirmed-draft"] .hero-art .float-title + .pill-ok{background:#5E0F57;color:#F6E4F2}
[data-hero-face="confirmed-draft"] .hero-art .float-title + .pill-ok b{color:#FFFFFF}
@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 */
