:where(.c-section,.sec){padding-top:var(--space-section)}
:where(main>section:last-child){padding-bottom:var(--space-close)}
:where(main>.c-reading:last-child,main>.c-legal:last-child){padding-bottom:var(--space-close)}
.c-cta-short{display:none}
:where(.c-page-hero){position:relative;padding-block:var(--hero-top) var(--space-8);background:#FFFFFF;color:#1A1418;--ink:#1A1418;--ink-2:#3B3237;--muted:#6F676C;--line:#ECE8EA}
:where(.c-page-hero h1){font-size:var(--text-display);line-height:var(--lh-display);color:#1A1418}
:where(.c-page-hero p){color:#6F676C;font-size:var(--text-lg);line-height:var(--lh-body)}
:where(.c-page-hero .c-breadcrumb){color:#6F676C}

:where(.c-page-hero .c-hero-copy){padding:0;min-width:0}
.c-hero-center{text-align:center}
.c-hero-center>p,.c-hero-center>.c-kicker{margin-inline:auto}
.c-hero-center>.c-actions,.c-hero-center>.c-hero-facts{justify-content:center}
.c-hero-center>p{max-width:51.25rem}
.c-hero-center>.c-kicker{width:fit-content;align-self:center}
.c-section-head--center>.c-kicker{align-self:center;margin-inline:auto}
.c-section-head--center{text-align:center}
.c-section-head--center>.c-kicker,.c-section-head--center>p{margin-inline:auto}
.c-section-head--center>.c-actions{justify-content:center}
:where(.c-hero-facts){display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--text-sm);line-height:var(--lh-small)}
:where(.c-hero-split){display:grid;grid-template-columns:minmax(0,1fr) minmax(var(--stage-min),1fr);gap:var(--space-9);align-items:start}
:where(.c-hero-split>*){min-width:0}
:where(.c-hero-stage){position:relative;height:auto;overflow:hidden;border-radius:var(--radius-xl);background:#EEF0F3;color:#1F2733;padding:var(--space-4)}
:where(.c-hero-stage>article:only-child){width:100%;max-width:none}
:where(.c-hero-stage::before,.c-hero-stage::after){pointer-events:none}
:where(.c-hero-stage img){width:100%;height:28rem;object-fit:cover}
:where(.c-section-head>p){margin-top:var(--space-4);max-width:48rem}
:where(.c-migration-path){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);align-items:stretch}
:where(.c-migration-path article){display:flex;flex-direction:column;gap:var(--space-3);height:100%;min-width:0;padding:var(--space-5);border-radius:var(--radius-lg);background:#EEF0F3;color:#1F2733}
:where(.c-migration-path article:nth-child(2)){background:#F8E3D0;color:#4A2A14}
:where(.c-migration-path article:last-child){background:#E1EBE3;color:#1F3A2A}
:where(.c-migration-path article>.c-badge:last-child){margin-top:auto}
:where(.c-region-matrix,.c-latency-table){color:#1F2733}
:where(.c-timeline-steps){list-style:none;margin:0;padding:0}
:where(.c-timeline-steps>li){position:relative;display:grid;grid-template-columns:5.25rem 1.5rem minmax(0,1fr);gap:var(--space-4);padding-bottom:var(--space-6)}
:where(.c-timeline-steps>li)::before{content:"";position:absolute;left:7rem;top:.75rem;bottom:-.75rem;width:2px;background:var(--line);z-index:0}
:where(.c-timeline-steps>li:last-child)::before{display:none}
:where(.c-step-dot){position:relative;z-index:1;display:grid;place-items:center;width:1.5rem;height:1.5rem;background:#FFFFFF;color:#86396A;box-shadow:inset 0 0 0 2px #D9D3D6;border-radius:var(--radius-pill)}
:where(.c-timeline-steps time){font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--lh-body);text-align:right}
:where(.c-checklist){list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}
:where(.c-checklist li){display:grid;grid-template-columns:1.25rem minmax(0,1fr);align-items:start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:#EEF0F3;color:#1F2733}
:where(.c-checklist svg){width:1.25rem;height:1.25rem;margin-top:.2rem;color:#86396A}
:where(.c-usecase-cards){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:stretch}
:where(.c-usecase-cards article){display:flex;flex-direction:column;gap:var(--space-3);height:100%;padding:var(--space-5);border-radius:var(--radius-xl);background:#EEF0F3;color:#1F2733}
:where(.c-usecase-cards article:nth-child(2)){background:#F8E3D0;color:#4A2A14}
:where(.c-usecase-cards article:nth-child(3)){background:#E1EBE3;color:#1F3A2A}
:where(.c-usecase-cards article:nth-child(4)){background:#F4F2EE;color:#2A2824}
:where(.c-usecase-cards article>.c-btn:last-child){margin-top:var(--space-3);align-self:flex-start}
.c-terminal-mock{height:auto;overflow:hidden;border-radius:var(--radius-lg);background:#1A1418;color:#F4F2EE}
.c-terminal-mock>header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#3B3237;color:#FFFFFF;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--lh-small)}
.c-terminal-lights{display:flex;gap:.375rem;flex:none}
.c-terminal-lights i{display:block;width:.625rem;height:.625rem;border-radius:var(--radius-pill);background:#D49AD6}
.c-terminal-lights i:nth-child(2){background:#F8E3D0}
.c-terminal-lights i:nth-child(3){background:#E1EBE3}
.c-terminal-mock pre{color:#F4F2EE;padding:var(--space-4)}
.c-terminal-mock code{font-size:var(--text-sm);line-height:var(--lh-body);color:#F4F2EE}
:where(.c-blog-rows){display:grid;gap:0}
.c-blog-rows img,.c-blog-rows picture,.c-blog-rows .c-blog-cover{display:none}
:where(.c-blog-row){display:grid;grid-template-columns:minmax(0,1fr) 8rem;gap:var(--space-5);padding-block:var(--space-5);border-bottom:1px solid var(--line);text-decoration:none;background:#FFFFFF;color:#1A1418}
:where(.c-blog-row:hover){background:#F4F2EE;color:#2A2824}
:where(.c-blog-row p){margin-top:var(--space-2);padding-bottom:var(--space-3);font-size:var(--text-sm);line-height:var(--lh-body);color:#6F676C}
:where(.c-blog-row time){font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--lh-small)}
:where(.c-legal){display:grid;grid-template-columns:15rem minmax(0,1fr);align-items:stretch;gap:var(--space-8);padding-top:var(--space-8)}
.c-legal-toc{align-self:start;position:sticky;top:calc(var(--nav-height) + var(--space-4));padding:var(--space-4);border-radius:var(--radius-lg);background:#F4F2EE;color:#2A2824}
.c-legal-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}
.c-legal-toc ol a{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:var(--space-2);text-decoration:none;font-size:var(--text-sm);line-height:var(--lh-body)}
.c-legal-toc>.c-btn{display:inline-flex;margin-top:var(--space-4)}
:where(.c-close){position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius-xl);padding:7.5rem 5rem;background:#F8E3D0;color:#1A1418;text-align:center}
:where(.c-close)::before{content:"";position:absolute;inset:-25%;z-index:-2;background:var(--close-gradient);filter:blur(24px);animation:osx-drift 22s ease-in-out infinite alternate-reverse;pointer-events:none}
:where(.c-close)::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 50% at 50% 45%,rgba(255,255,255,.55),rgba(255,255,255,0));pointer-events:none}
:where(.c-close h2){font-size:var(--text-display);font-weight:300;line-height:var(--lh-display);letter-spacing:var(--tracking-display);color:#1A1418}
:where(.c-close p){margin:1.375rem 0 2.25rem;font-size:var(--text-lg);line-height:var(--lh-body);color:#3A2E35}
.c-close>.c-actions{justify-content:center}
[data-hero-form="gradient-motion"]{position:relative;overflow:hidden;padding:var(--hero-top) 0 7rem;text-align:center;isolation:isolate;background:#F8E3D0;color:#1A1418}
[data-hero-form="gradient-motion"]::before{content:"";position:absolute;inset:-18%;z-index:-2;background:var(--hero-gradient);filter:blur(24px);animation:osx-drift 26s ease-in-out infinite alternate;pointer-events:none}
[data-hero-form="gradient-motion"]::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(46% 30% at 50% 22%,rgba(255,255,255,.62) 0%,rgba(255,255,255,0) 100%);pointer-events:none}
[data-hero-form="gradient-motion"] h1{font-family:var(--font-heading);font-weight:300;font-size:var(--text-display);line-height:var(--lh-display);letter-spacing:var(--tracking-display);margin:0;color:#1A1418}
[data-hero-form="gradient-motion"] .sub{font-size:var(--text-lg);line-height:var(--lh-body);color:#3A2E35;margin:1.625rem auto 0;max-width:51.25rem}
[data-hero-form="gradient-motion"] .ctas{justify-content:center;gap:.75rem;margin-top:2.375rem}
[data-hero-form="gradient-motion"] .spec{margin:1.375rem 0 0;font-size:var(--text-xs);line-height:var(--lh-small);color:#4B3E46}
.hero-art{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 150px auto;max-width:var(--hero-art-width);width:auto;margin:4.5rem auto 0;text-align:left;color:#1A1418;font-family:var(--font-body);font-size:var(--text-xs);line-height:1.45}
.hero-art>*{min-width:0}
.hero-art .art-backdrop{position:absolute;inset:0;pointer-events:none;border-radius:40px;background:radial-gradient(60% 55% at 45% 45%,rgba(255,255,255,.4) 0%,rgba(255,255,255,0) 72%)}
.hero-art .queue-card{grid-column:1/12;grid-row:1/3;display:flex;flex-direction:column;background:#FFFFFF;color:#1A1418;border-radius:22px;overflow:hidden;box-shadow:0 44px 90px -36px rgba(74,22,52,.55),0 2px 8px rgba(26,20,24,.08)}
.hero-art .float-title{display:grid;gap:10px;padding:10px 14px 12px;background:#F3F1F2;color:#1A1418}
.hero-art .float-title nav{display:flex;align-items:center;gap:6px}
.hero-art .float-title nav span{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:10px;color:#6F676C;font-size:12px;line-height:1.45}
.hero-art .float-title nav span:first-child{background:#FFFFFF;color:#1A1418;box-shadow:0 1px 2px rgba(26,20,24,.08)}
.hero-art .float-title nav span:first-child i{width:8px;height:8px;border-radius:2px;background:#A24A7F}
.hero-art .float-title nav svg{margin-left:auto;width:96px;height:14px;flex:none}
.hero-art .float-title p{margin:0;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#FFFFFF;color:#1A1418;font-size:13px;line-height:1.45}
.hero-art .float-title p svg{width:13px;height:13px;flex:none}
.hero-art .float-title p b{font-weight:600}
.hero-art .float-title p em{font-style:normal;color:#6F676C}
.hero-art .status-live{margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding:3px 10px 3px 8px;border-radius:999px;background:#F1EFF0;color:#1A1418;font-size:12px;line-height:1.45}
.hero-art .status-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#A24A7F;box-shadow:0 0 0 3px rgba(162,74,127,.2);animation:osx-live 2.4s ease-in-out infinite}
.hero-art .cluster{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:30px auto auto;min-height:420px;background:var(--desktop-gradient);color:#FFFFFF}
.hero-art .runner-line{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:0 16px;background:rgba(20,14,20,.42);color:#F5EEF2;font-size:12px;line-height:1.45}
.hero-art .runner-line b{font-weight:700}
.hero-art .runner-line em{margin-left:auto;font-style:normal;font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.hero-art .runner-card{grid-row:2;margin:36px 150px 0;background:#FFFFFF;color:#1A1418;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -24px rgba(20,10,20,.6)}
.hero-art .runner-card header{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #EEEBED}
.hero-art .runner-card header svg{width:28px;height:28px;flex:none}
.hero-art .runner-card header b{display:block;font-size:15px;line-height:1.45;font-weight:600;letter-spacing:-.01em}
.hero-art .runner-card header span{display:block;font-size:12px;line-height:1.45;color:#6F676C}
.hero-art .runner-card header small{margin-left:auto;padding:3px 10px;border-radius:999px;background:#EEF0F3;color:#1F2733;font-size:11px;line-height:1.45;font-family:var(--font-mono)}
.hero-art .build-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 18px;border-bottom:1px solid #F3F1F2;font-size:13px;line-height:1.45}
.hero-art .build-row i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-style:normal;font-size:10px;font-weight:700;background:#F1EFF0;color:#6F676C}
.hero-art .build-row.pill-ok i{background:#E1EBE3;color:#1F3A2A}
.hero-art .build-row span{color:#3B3237}
.hero-art .build-row em{font-style:normal;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:#6F676C;font-size:12px}
.hero-art .runner-card footer{display:grid;gap:8px;padding:14px 18px 18px}
.hero-art .runner-card footer p{margin:0;display:flex;justify-content:space-between;gap:12px;font-size:13px;line-height:1.45;font-weight:600}
.hero-art .runner-card footer p em{font-style:normal;font-family:var(--font-mono);color:#A24A7F}
.hero-art .runner-card footer u{display:grid;grid-template-columns:68fr 32fr;height:6px;border-radius:999px;background:#EEEBED;overflow:hidden;text-decoration:none}
.hero-art .runner-card footer u i{display:block}
.hero-art .runner-card footer u i:first-child{background:linear-gradient(90deg,#A24A7F,#D49AD6,#A24A7F);background-size:200% 100%;animation:osx-bar 3s linear infinite}
.hero-art .runner-card footer small{color:#6F676C;font-size:12px;line-height:1.45}
.hero-art .node-label{grid-row:3;justify-self:start;align-self:end;margin:28px 0 20px 20px;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.9);color:#1A1418;font-size:12px;line-height:1.45;font-family:var(--font-mono)}
.hero-art .float-card{grid-column:9/13;grid-row:2/4;align-self:end;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);margin:0;color:#1A1418;filter:drop-shadow(0 26px 30px rgba(74,22,52,.28)) drop-shadow(0 2px 3px rgba(26,20,24,.12))}
.hero-art .float-card header{display:flex;align-items:center;gap:10px;padding:16px 20px 12px;background:#FFFFFF;color:#1A1418;border-radius:18px 18px 0 0;border-top:4px solid #A24A7F}
.hero-art .float-card header b{font-size:15px;line-height:1.45;font-weight:600;letter-spacing:-.01em}
.hero-art .float-card header span{font-size:11px;line-height:1.45;letter-spacing:.12em;color:#A24A7F;font-weight:600}
.hero-art .float-card header small{margin-left:auto;font-family:var(--font-mono);font-size:11px;line-height:1.45;color:#6F676C}
.hero-art .float-card dl{margin:0;padding:4px 20px 14px;background:#FFFFFF;color:#1A1418;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
.hero-art .float-card dl div{min-width:0}
.hero-art .float-card dt{font-size:11px;line-height:1.45;color:#6F676C}
.hero-art .float-card dd{margin:0;font-size:14px;line-height:1.45;font-weight:600}
.hero-art .float-card hr{margin:0;border:0;height:14px;padding:0 16px;background:radial-gradient(circle,#CFC4CA 1.4px,rgba(255,255,255,0) 1.9px) 0 50%/9px 14px repeat-x content-box,radial-gradient(circle at 0 7px,rgba(255,255,255,0) 7px,#FFFFFF 7.5px) left top/51% 14px no-repeat border-box,radial-gradient(circle at 100% 7px,rgba(255,255,255,0) 7px,#FFFFFF 7.5px) right top/51% 14px no-repeat border-box}
.hero-art .float-card footer{display:flex;align-items:flex-end;gap:10px;padding:12px 20px 14px;background:#FFFFFF;color:#1A1418}
.hero-art .float-card footer strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:34px;font-weight:500;letter-spacing:-.03em;line-height:1}
.hero-art .float-card footer span{font-size:12px;line-height:1.45;color:#6F676C;padding-bottom:3px}
.hero-art .float-card footer i{margin-left:auto;width:72px;height:30px;flex:none;background:repeating-linear-gradient(90deg,#1A1418 0 2px,rgba(255,255,255,0) 2px 4px,#1A1418 4px 5px,rgba(255,255,255,0) 5px 8px,#1A1418 8px 11px,rgba(255,255,255,0) 11px 13px)}
.hero-art .float-card s{display:block;height:10px;background:radial-gradient(circle at 7px 10px,rgba(255,255,255,0) 4.5px,#FFFFFF 5px) 0 0/14px 10px repeat-x}
.reveal{opacity:1;transform:none}
.reveal.reveal-pending{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.reveal-left.reveal-pending{transform:translateX(-18px)}
.reveal.reveal-right.reveal-pending{transform:translateX(18px)}
.reveal.is-visible{opacity:1;transform:none}
@keyframes osx-drift{0%{transform:translate3d(-3%,-2%,0) rotate(0) scale(1)}
50%{transform:translate3d(2%,2%,0) rotate(4deg) scale(1.06)}
100%{transform:translate3d(4%,-1%,0) rotate(-3deg) scale(1.02)}
}
@keyframes osx-live{0%,100%{box-shadow:0 0 0 3px rgba(162,74,127,.2)}
50%{box-shadow:0 0 0 6px rgba(162,74,127,.06)}
}
@keyframes osx-bar{0%{background-position:0 0}
100%{background-position:200% 0}
}
@media(max-width:64rem){
:where(.c-hero-split){grid-template-columns:minmax(0,1fr);gap:var(--space-7)}
:where(.c-migration-path){grid-template-columns:minmax(0,1fr)}
:where(.c-legal){grid-template-columns:minmax(0,1fr);gap:var(--space-5)}
.c-legal-toc{position:static}
.hero-art .runner-card{margin-inline:5rem}
}
@media(max-width:42rem){
.c-cta-long{display:none}
.c-cta-short{display:inline}
[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-rows:auto;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}
.hero-art .queue-card,.hero-art .float-card{grid-column:1;grid-row:auto;height:auto;min-height:0}
.hero-art .runner-card{margin:20px 12px 0;height:auto}
.hero-art .float-title p{flex-wrap:wrap}
.hero-art .float-title p em{display:none}
.hero-art .float-title nav span:nth-child(2){display:none}
.hero-art .float-title nav span{padding-inline:8px}
.hero-art .float-title nav svg{width:48px}
.hero-art .status-live{margin-left:0}
.hero-art .runner-line{gap:10px}
.hero-art .runner-line span:nth-of-type(3),.hero-art .runner-line span:nth-of-type(4){display:none}
.hero-art .cluster{height:auto;min-height:0;grid-template-rows:auto auto auto}
.hero-art .runner-line{padding-block:6px}
.hero-art .runner-card header{flex-wrap:wrap}
.hero-art .runner-card header small{margin-left:0}
.hero-art .build-row{grid-template-columns:18px minmax(0,1fr);padding-inline:12px}
.hero-art .build-row em{grid-column:2}
.hero-art .node-label{margin:20px 12px;font-size:11px}
.hero-art .float-card header{flex-wrap:wrap}
.hero-art .float-card header small{margin-left:0}
:where(.c-hero-stage){height:auto;min-height:0;overflow:visible}
:where(.c-usecase-cards){grid-template-columns:minmax(0,1fr)}
:where(.c-close){padding:var(--space-8) var(--space-4)}
:where(.c-blog-row){grid-template-columns:minmax(0,1fr);gap:var(--space-2)}
:where(.c-timeline-steps>li){grid-template-columns:3.5rem 1.5rem minmax(0,1fr);gap:var(--space-3)}
:where(.c-timeline-steps>li)::before{left:5.1875rem}
}

/* 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;--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;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 150px auto;max-width:1120px;width:auto;margin:72px auto 0;text-align:left;color:#1A1418;font-family:Inter,"Segoe UI","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:13px;line-height:1.45}
[data-hero-face="confirmed-draft"] .hero-art .art-backdrop{position:absolute;inset:0;pointer-events:none;border-radius:40px;background:radial-gradient(60% 55% at 45% 45%,rgba(255,255,255,.4) 0%,rgba(255,255,255,0) 72%)}
[data-hero-face="confirmed-draft"] .hero-art .queue-card{grid-column:1/12;grid-row:1/3;display:flex;flex-direction:column;background:#FFFFFF;border-radius:22px;overflow:hidden;box-shadow:0 44px 90px -36px rgba(74,22,52,.55),0 2px 8px rgba(26,20,24,.08)}
[data-hero-face="confirmed-draft"] .hero-art .float-title{display:grid;gap:10px;padding:10px 14px 12px;background:#F3F1F2}
[data-hero-face="confirmed-draft"] .hero-art .float-title nav{display:flex;align-items:center;gap:6px}
[data-hero-face="confirmed-draft"] .hero-art .float-title nav span{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:10px;color:#6F676C;font-size:12px}
[data-hero-face="confirmed-draft"] .hero-art .float-title nav span:first-child{background:#FFFFFF;color:#1A1418;box-shadow:0 1px 2px rgba(26,20,24,.08)}
[data-hero-face="confirmed-draft"] .hero-art .float-title nav span:first-child i{width:8px;height:8px;border-radius:2px;background:#A24A7F}
[data-hero-face="confirmed-draft"] .hero-art .float-title nav svg{margin-left:auto;width:96px;height:14px;flex:none}
[data-hero-face="confirmed-draft"] .hero-art .float-title p{margin:0;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#FFFFFF;font-size:13px}
[data-hero-face="confirmed-draft"] .hero-art .float-title p svg{width:13px;height:13px;flex:none}
[data-hero-face="confirmed-draft"] .hero-art .float-title p b{font-weight:600}
[data-hero-face="confirmed-draft"] .hero-art .float-title p em{font-style:normal;color:#8A8186}
[data-hero-face="confirmed-draft"] .hero-art .status-live{margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding:3px 10px 3px 8px;border-radius:999px;background:#F1EFF0;color:#1A1418;font-size:12px}
[data-hero-face="confirmed-draft"] .hero-art .status-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#A24A7F;box-shadow:0 0 0 3px rgba(162,74,127,.2);animation:livepulse 2.4s ease-in-out infinite}
[data-hero-face="confirmed-draft"] .hero-art .cluster{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:30px auto auto;min-height:420px;background:radial-gradient(70% 90% at 12% 100%,#5B2A57 0%,rgba(91,42,87,0) 62%),radial-gradient(60% 80% at 92% 6%,#E7A27A 0%,rgba(231,162,122,0) 60%),linear-gradient(140deg,#2B1E3A 0%,#7D3E6E 46%,#D79A8E 100%)}
[data-hero-face="confirmed-draft"] .hero-art .runner-line{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:0 16px;background:rgba(20,14,20,.42);color:#F5EEF2;font-size:12px}
[data-hero-face="confirmed-draft"] .hero-art .runner-line b{font-weight:700}
[data-hero-face="confirmed-draft"] .hero-art .runner-line em{margin-left:auto;font-style:normal;font-family:"SF Mono",Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}
[data-hero-face="confirmed-draft"] .hero-art .runner-card{grid-row:2;margin:36px 150px 0;background:#FFFFFF;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -24px rgba(20,10,20,.6)}
[data-hero-face="confirmed-draft"] .hero-art .runner-card header{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #EEEBED}
[data-hero-face="confirmed-draft"] .hero-art .runner-card header svg{width:28px;height:28px;flex:none}
[data-hero-face="confirmed-draft"] .hero-art .runner-card header b{display:block;font-size:15px;font-weight:600;letter-spacing:-0.01em}
[data-hero-face="confirmed-draft"] .hero-art .runner-card header span{display:block;font-size:12px;color:#8A8186}
[data-hero-face="confirmed-draft"] .hero-art .runner-card header small{margin-left:auto;padding:3px 10px;border-radius:999px;background:#EEF0F3;color:#1F2733;font-size:11px;font-family:"SF Mono",Menlo,Consolas,monospace}
[data-hero-face="confirmed-draft"] .hero-art .build-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 18px;border-bottom:1px solid #F3F1F2}
[data-hero-face="confirmed-draft"] .hero-art .build-row i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-style:normal;font-size:10px;font-weight:700;background:#F1EFF0;color:#6F676C}
[data-hero-face="confirmed-draft"] .hero-art .build-row.pill-ok i{background:#E1EBE3;color:#1F3A2A}
[data-hero-face="confirmed-draft"] .hero-art .build-row span{color:#3B3237}
[data-hero-face="confirmed-draft"] .hero-art .build-row em{font-style:normal;font-family:"SF Mono",Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;color:#8A8186;font-size:12px}
[data-hero-face="confirmed-draft"] .hero-art .runner-card footer{display:grid;gap:8px;padding:14px 18px 18px}
[data-hero-face="confirmed-draft"] .hero-art .runner-card footer p{margin:0;display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:600}
[data-hero-face="confirmed-draft"] .hero-art .runner-card footer p em{font-style:normal;font-family:"SF Mono",Menlo,Consolas,monospace;color:#A24A7F}
[data-hero-face="confirmed-draft"] .hero-art .runner-card footer u{display:grid;grid-template-columns:68fr 32fr;height:6px;border-radius:999px;background:#EEEBED;overflow:hidden;text-decoration:none}
[data-hero-face="confirmed-draft"] .hero-art .runner-card footer u i{display:block}
[data-hero-face="confirmed-draft"] .hero-art .runner-card footer u i:first-child{background:linear-gradient(90deg,#A24A7F,#D49AD6,#A24A7F);background-size:200% 100%;animation:barflow 3s linear infinite}
[data-hero-face="confirmed-draft"] .hero-art .runner-card footer small{color:#8A8186;font-size:12px}
[data-hero-face="confirmed-draft"] .hero-art .node-label{grid-row:3;justify-self:start;align-self:end;margin:28px 0 20px 20px;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.9);color:#1A1418;font-size:12px;font-family:"SF Mono",Menlo,Consolas,monospace}
[data-hero-face="confirmed-draft"] .hero-art .float-card{grid-column:9/13;grid-row:2/4;align-self:end;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);margin:0 0 0 0;color:#1A1418;filter:drop-shadow(0 26px 30px rgba(74,22,52,.28)) drop-shadow(0 2px 3px rgba(26,20,24,.12))}
[data-hero-face="confirmed-draft"] .hero-art .float-card header{display:flex;align-items:center;gap:10px;padding:16px 20px 12px;background:#FFFFFF;border-radius:18px 18px 0 0;border-top:4px solid #A24A7F}
[data-hero-face="confirmed-draft"] .hero-art .float-card header b{font-size:15px;font-weight:600;letter-spacing:-0.01em}
[data-hero-face="confirmed-draft"] .hero-art .float-card header span{font-size:11px;letter-spacing:0.12em;color:#A24A7F;font-weight:600}
[data-hero-face="confirmed-draft"] .hero-art .float-card header small{margin-left:auto;font-family:"SF Mono",Menlo,Consolas,monospace;font-size:11px;color:#8A8186}
[data-hero-face="confirmed-draft"] .hero-art .float-card dl{margin:0;padding:4px 20px 14px;background:#FFFFFF;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 16px}
[data-hero-face="confirmed-draft"] .hero-art .float-card dl div{min-width:0}
[data-hero-face="confirmed-draft"] .hero-art .float-card dt{font-size:11px;color:#8A8186}
[data-hero-face="confirmed-draft"] .hero-art .float-card dd{margin:0;font-size:14px;font-weight:600}
[data-hero-face="confirmed-draft"] .hero-art .float-card hr{margin:0;border:0;height:14px;padding:0 16px;background:radial-gradient(circle,#CFC4CA 1.4px,rgba(255,255,255,0) 1.9px) 0 50%/9px 14px repeat-x content-box,radial-gradient(circle at 0 7px,rgba(255,255,255,0) 7px,#FFFFFF 7.5px) left top/51% 14px no-repeat border-box,radial-gradient(circle at 100% 7px,rgba(255,255,255,0) 7px,#FFFFFF 7.5px) right top/51% 14px no-repeat border-box}
[data-hero-face="confirmed-draft"] .hero-art .float-card footer{display:flex;align-items:flex-end;gap:10px;padding:12px 20px 14px;background:#FFFFFF}
[data-hero-face="confirmed-draft"] .hero-art .float-card footer strong{font-family:"SF Mono",Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;font-size:34px;font-weight:500;letter-spacing:-0.03em;line-height:1}
[data-hero-face="confirmed-draft"] .hero-art .float-card footer span{font-size:12px;color:#6F676C;padding-bottom:3px}
[data-hero-face="confirmed-draft"] .hero-art .float-card footer i{margin-left:auto;width:72px;height:30px;flex:none;background:repeating-linear-gradient(90deg,#1A1418 0 2px,rgba(255,255,255,0) 2px 4px,#1A1418 4px 5px,rgba(255,255,255,0) 5px 8px,#1A1418 8px 11px,rgba(255,255,255,0) 11px 13px)}
[data-hero-face="confirmed-draft"] .hero-art .float-card s{display:block;height:10px;background:radial-gradient(circle at 7px 10px,rgba(255,255,255,0) 4.5px,#FFFFFF 5px) 0 0/14px 10px repeat-x}
[data-hero-face="confirmed-draft"] .node.n1{background:var(--s1);color:var(--i1)}
[data-hero-face="confirmed-draft"] .node.n2{background:var(--s2);color:var(--i2)}
[data-hero-face="confirmed-draft"] .node.n3{background:var(--s3);color:var(--i3)}
[data-hero-face="confirmed-draft"] .node.n4{background:var(--s4);color:var(--i4)}
[data-hero-face="confirmed-draft"] .node.n1 p,[data-hero-face="confirmed-draft"] .node.n1 .code{color:var(--m1)}
[data-hero-face="confirmed-draft"] .node.n2 p,[data-hero-face="confirmed-draft"] .node.n2 .code{color:var(--m2)}
[data-hero-face="confirmed-draft"] .node.n3 p,[data-hero-face="confirmed-draft"] .node.n3 .code{color:var(--m3)}
[data-hero-face="confirmed-draft"] .node.n4 p,[data-hero-face="confirmed-draft"] .node.n4 .code{color:var(--m4)}
@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 */