:where(.c-section,.sec){padding-block:var(--space-9)}
:where(main>section:last-child){padding-bottom:var(--space-close)}
:where(main>.c-prose:last-child,main>.c-legal-layout:last-child){margin-bottom:var(--space-close)}
:where(.c-section-head,.sec-head){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-7);align-items:end;margin-bottom:var(--space-7)}
:where(.c-section-head p,.lead){max-width:32.5rem;font-size:var(--text-base);line-height:var(--lh-body);color:var(--muted)}
.c-section-head--center{display:block}
.c-section-head--center>p{margin-inline:auto;margin-top:var(--space-3)}
.c-section-head--center .c-kicker,.c-section-head--center .kicker{margin-inline:auto}
.c-section-head--center .c-actions{justify-content:center}
:where(.c-page-hero,[data-hero-form="data-band"]){background:#FFFFFF;color:#1C1B22;--ink:#1C1B22;--muted:#5E5C68;--line:#E6E5EA;padding-top:var(--hero-top);padding-bottom:var(--space-7)}
:where(.c-page-hero h1,.c-page-hero h2,[data-hero-form="data-band"] h1){color:#1C1B22}
:where(.c-page-hero p){color:#5E5C68;font-size:var(--text-base);line-height:var(--lh-body);max-width:35rem}
.c-page-hero h1{font-size:var(--text-display);line-height:var(--lh-display)}

:where(.c-page-hero__copy){min-width:0;padding-inline:0;display:flex;flex-direction:column;align-items:flex-start}
:where(.c-page-hero__copy>p){margin-top:var(--space-3)}
:where(.c-hero-split){display:grid;grid-template-columns:minmax(0,1fr) minmax(28rem,1fr);align-items:start;gap:var(--space-7)}
.c-hero-split>*{min-width:0}
:where(.c-hero-center){text-align:center}
.c-hero-center>p{margin-inline:auto}
.c-hero-center>.c-kicker,.c-hero-center>.kicker{margin-inline:auto}
.c-hero-center>.c-actions,.c-hero-center>.c-hero-facts{justify-content:center}
:where(.c-hero-facts){display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}
:where(.c-hero-stage){position:relative;min-width:0;min-height:var(--hero-stage);height:auto;overflow:hidden;border-radius:var(--radius-lg);background:#F5F5F7;color:#1C1B22;--ink:#1C1B22;--muted:#5E5C68;--line:#E6E5EA}
.c-hero-stage::before,.hero-art .art-backdrop{pointer-events:none}
.c-hero-stage>img{width:100%;height:var(--hero-stage);object-fit:cover;object-position:left center}
:where(.c-ledger){height:auto;overflow:hidden;padding:var(--space-3);border-radius:var(--radius-lg);background:#FFFFFF;color:#1C1B22;--ink:#1C1B22;--muted:#5E5C68;--line:#E6E5EA}
.c-hero-stage>.c-ledger:only-child{width:100%;max-width:none;min-height:var(--hero-stage)}
:where(.c-data-band){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:var(--space-6);padding:var(--space-3);border-radius:var(--radius-lg);background:#E3B23C;color:#3B2F12;--ink:#3B2F12;--muted:#3B2F12;--line:color-mix(in srgb,#3B2F12 18%,transparent)}
:where(.c-data-band>*){min-width:0;padding:var(--space-2)}
.c-data-band b{font-family:var(--f-head);font-size:var(--text-section);line-height:var(--lh-display);font-variant-numeric:tabular-nums}
.c-data-band p{margin-top:var(--space-1);font-size:var(--text-xs);line-height:var(--lh-small);color:#3B2F12}
.hero{padding:var(--hero-top) 0 0;background:#FFFFFF;color:#1C1B22}
.hero-grid{display:grid;grid-template-columns:600px minmax(0,1fr);gap:72px;align-items:start}
.hero-grid>*{min-width:0}
.hero-copy h1{font-size:var(--text-display);line-height:var(--lh-display);letter-spacing:-2px;font-weight:500;color:#1C1B22}
.hero-copy h1 span{display:block}
.hero-copy .checks{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:40px 0 48px}
.hero-copy .check{display:inline-flex;align-items:center;gap:12px;min-height:48px;height:auto;max-width:100%;padding:10px 22px 10px 10px;border-radius:var(--radius-pill);background:#EEF7F0;border:1px solid #D3E9DA;color:#1E3A2A;font-size:var(--text-base);line-height:var(--lh-small);font-weight:500}
.hero-copy .check.hl{box-shadow:0 10px 28px -8px rgba(30,58,42,.28);font-weight:700}
.hero-copy .check i{width:26px;height:26px;flex:none;border-radius:50%;background:#1E3A2A;display:grid;place-items:center}
.hero-copy .check svg{width:14px;height:14px}
.mailbar{display:flex;gap:10px;max-width:560px}
.mailbar input{flex:1;width:0;min-width:0;min-height:56px;border:1px solid #96939F;border-radius:var(--radius-sm);padding:0 18px;font:inherit;font-size:var(--text-base);line-height:var(--lh-small);color:#1C1B22;background:#FFFFFF}
.mailbar input:focus{outline:2px solid #6E5418;outline-offset:2px}
.mailbar input::placeholder{color:#696773}
.mailbar .btn{flex-shrink:0}
.mailnote{display:flex;flex-wrap:wrap;gap:20px;margin-top:14px;font-size:var(--text-sm);line-height:var(--lh-small);color:#5E5C68}
.hero-art{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,304px) minmax(16px,64px);grid-template-rows:28px minmax(0,1fr) 28px;position:relative;width:100%;height:auto}
.hero-art>*{min-width:0}
.hero-art .art-backdrop{position:absolute;inset:0;border-radius:32px;background:radial-gradient(60% 50% at 70% 50%,rgba(227,178,60,.10),rgba(227,178,60,0))}
.hero-art .cluster{grid-column:1/4;grid-row:2/3;display:flex;min-height:520px;border-radius:28px;overflow:hidden;background:#D8CDBC}
.hero-art .cluster svg{display:block;flex:1;width:100%;height:520px;min-height:520px}
.hero-art .float-card{grid-column:1/2;grid-row:2/3;align-self:start;justify-self:start;margin:24px 16px 0 24px;z-index:3;background:#FFFFFF;color:#1C1B22;border-radius:16px;padding:12px 14px;box-shadow:0 1px 2px rgba(28,27,34,.08),0 16px 32px -12px rgba(28,27,34,.28);display:flex;flex-direction:column;gap:6px;max-width:200px}
.hero-art .float-title{font-family:var(--f-head);font-size:var(--text-xs);line-height:var(--lh-small);color:#5E5C68}
.hero-art .float-card b{font-family:var(--f-head);font-size:var(--text-lg);line-height:var(--lh-heading);font-weight:600;letter-spacing:-.4px;color:#1C1B22;font-variant-numeric:tabular-nums}
.hero-art .node-label{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:var(--text-xs);line-height:var(--lh-small);color:#1C1B22}
.hero-art .queue-card{grid-column:2/3;grid-row:1/4;z-index:2;display:flex;flex-direction:column;gap:10px;background:#FFFFFF;color:#1C1B22;border-radius:24px;padding:14px 14px 12px;box-shadow:var(--shadow-card)}
.hero-art .queue-card>.float-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 2px 8px;font-size:var(--text-sm);line-height:var(--lh-small);font-weight:600;color:#1C1B22}
.hero-art .queue-card>.float-title>span{display:inline-flex;align-items:center;gap:8px}
.hero-art .queue-card>.float-title svg{width:22px;height:22px}
.hero-art .status-live{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);line-height:var(--lh-small);font-weight:500;color:#5E5C68;font-family:var(--f-body)}
.hero-art .status-live i{width:8px;height:8px;border-radius:50%;background:#D9A22E;box-shadow:0 0 0 3px rgba(217,162,46,.22)}
.hero-art .queue-card small{display:block;font-size:var(--text-xs);line-height:1.3;color:#696773}
.hero-art .queue-card small.c{align-self:center;padding:2px 10px;border-radius:var(--radius-pill);background:#F5F5F7;color:#5E5C68}
.hero-art .build-row{align-self:flex-end;max-width:86%;background:#FFFFFF;border:1px solid #ECEBEF;border-radius:16px 16px 4px 16px;padding:10px 14px;font-size:var(--text-sm);line-height:1.45;color:#1C1B22;box-shadow:0 6px 16px -8px rgba(28,27,34,.18)}
.hero-art .runner-line{align-self:flex-start;max-width:90%;background:#1C1B22;color:#F4F3F7;border-radius:16px 16px 16px 4px;padding:10px 14px;font-size:var(--text-sm);line-height:1.45}
.hero-art .runner-line code{font-family:var(--f-mono);font-size:var(--text-xs);line-height:var(--lh-small);color:#FFFFFF;background:#33313D;border-radius:6px;padding:1px 6px}
.hero-art .runner-line div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.hero-art .pill-ok{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:24px;padding:2px 10px;border-radius:var(--radius-pill);background:#2E2C37;color:#E9E7EF;font-size:var(--text-xs);line-height:var(--lh-small);font-family:var(--f-mono)}
.hero-art .queue-card>label{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;border:1px solid #E6E5EA;border-radius:14px;padding:6px 6px 6px 14px;font-size:var(--text-xs);line-height:var(--lh-small);color:#696773}
.hero-art .queue-card>label span{width:32px;height:32px;flex:none;border-radius:10px;background:#F5F5F7;display:grid;place-items:center}
.hero-art .queue-card>label svg{width:16px;height:16px}
.hero-art .queue-card>.build-row,.hero-art .queue-card>.runner-line,.hero-art .queue-card>small{animation:heroBub .6s ease-out both}
.hero-art .queue-card>:nth-child(2){animation-delay:.2s}
.hero-art .queue-card>:nth-child(3){animation-delay:.5s}
.hero-art .queue-card>:nth-child(4){animation-delay:1.3s}
.hero-art .queue-card>:nth-child(5){animation-delay:2.1s}
.hero-art .queue-card>:nth-child(6){animation-delay:2.6s}
@keyframes heroBub{from{opacity:0}
to{opacity:1}
}
:where(.c-sla-meter){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-lg);background:#EEF7F0;color:#1E3A2A;--ink:#1E3A2A;--muted:#4B6A57;--line:#D3E9DA}
.c-sla-meter__number{font-family:var(--f-head);font-size:var(--text-display);line-height:var(--lh-display);font-variant-numeric:tabular-nums}
:where(.c-migration-path){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);align-items:stretch}
:where(.c-migration-path>article){min-width:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:#F5F5F7;color:#1C1B22;--ink:#1C1B22;--muted:#5E5C68;--line:#E6E5EA}
:where(.c-migration-path>article:last-child){background:#F1F0FA;color:#2A2650;--ink:#2A2650;--muted:#5D5986;--line:#DDD9EE}
.c-migration-path p{font-size:var(--text-sm);line-height:var(--lh-body)}
.c-migration-path article>:last-child{margin-top:auto}
:where(.c-glossary-mini){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.c-glossary-mini dt{font-family:var(--f-head);font-size:var(--text-lg);line-height:var(--lh-heading)}
.c-glossary-mini dd{margin-top:var(--space-1);font-size:var(--text-sm);line-height:var(--lh-body);color:var(--muted)}
:where(.c-billing-anatomy){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4);align-items:start}
:where(.c-billing-anatomy__sheet){padding:var(--space-4);background:#F1F0FA;color:#2A2650;--ink:#2A2650;--muted:#5D5986;--line:#DDD9EE;border-radius:var(--radius-lg);height:auto;overflow:hidden}
:where(.c-billing-anatomy__row){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);padding-block:var(--space-2)}
.c-billing-anatomy__row strong{font-family:var(--f-mono);font-size:var(--text-sm);line-height:var(--lh-small);font-variant-numeric:tabular-nums}
:where(.c-quote-strip){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);align-items:stretch}
.c-quote-strip figure{display:flex;flex-direction:column;gap:var(--space-3);height:100%;min-width:0}
.c-quote-strip cite{margin-top:auto;font-style:normal;font-size:var(--text-sm);line-height:var(--lh-small)}
:where(.c-timeline-steps){display:grid;gap:var(--space-4)}
:where(.c-timeline-steps>li){position:relative;display:grid;grid-template-columns:3rem minmax(0,1fr) auto;gap:var(--space-3);align-items:start;min-width:0}
.c-timeline-steps>li:not(:last-child)::before{content:"";position:absolute;left:calc(1.5rem - 1px);top:3rem;bottom:calc(-1 * var(--space-4));width:2px;background:var(--line);z-index:0}
.c-timeline-steps__number{position:relative;z-index:1;display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:#FFFFFF;color:#1C1B22;font-family:var(--f-head);font-size:var(--text-base);line-height:var(--lh-heading)}
.c-timeline-steps p{font-size:var(--text-sm);line-height:var(--lh-body);margin-top:var(--space-1)}
.c-timeline-steps time{font-family:var(--f-mono);font-size:var(--text-xs);line-height:var(--lh-small)}
.c-region-matrix{width:100%}
:where(.c-closing){padding-bottom:var(--space-close)}
:where(.c-closing__card){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-6);align-items:center;padding:5rem 4.5rem;border-radius:var(--radius-lg);background:#FBF1EC;color:#4A2416;--ink:#4A2416;--muted:#7E5644;--line:#E9DCD4}
.c-closing__card h2{color:#4A2416}
.c-closing__card p{margin-top:var(--space-2);color:#7E5644;font-size:var(--text-base);line-height:var(--lh-body)}
.c-closing__actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}
.c-closing__actions .sub{color:#4A2416;font-size:var(--text-base);line-height:var(--lh-small);text-decoration:underline;text-underline-offset:.3em}
:where(.c-legal-layout){display:grid;grid-template-columns:15rem minmax(0,1fr);gap:var(--space-7);align-items:start}
.c-legal-toc{position:sticky;top:10rem;background:#FFFFFF;color:#1C1B22;padding:var(--space-3);border-radius:var(--radius-md)}
.c-legal-toc ol a{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:var(--space-1);padding-block:var(--space-1);font-size:var(--text-sm);line-height:var(--lh-small)}
.c-legal-toc .c-btn{display:inline-flex}
.c-editorial-rows{display:grid;gap:0}
.c-editorial-rows img,.c-editorial-rows .cover{display:none}
:where(.c-editorial-rows>a){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4);padding:var(--space-4) var(--space-3);border-bottom:1px solid var(--line);background:#FFFFFF;color:#1C1B22}
.c-editorial-rows>a:hover{background:#F5F5F7;color:#1C1B22}
.c-editorial-rows h3{font-size:var(--text-lg);line-height:var(--lh-heading)}
.c-editorial-rows p{font-size:var(--text-sm);line-height:var(--lh-body);color:#5E5C68;margin-top:var(--space-1)}
.c-editorial-rows time{font-family:var(--f-mono);font-size:var(--text-xs);line-height:var(--lh-small);color:#5E5C68}
.reveal{opacity:1;transform:none}
.reveal.is-reveal-pending{opacity:0;transform:translateY(16px)}
.reveal.reveal-left.is-reveal-pending{transform:translateX(-16px)}
.reveal.reveal-right.is-reveal-pending{transform:translateX(16px)}
.reveal.is-revealed{opacity:1;transform:none;transition:opacity 500ms var(--ease),transform 500ms var(--ease)}
@media(max-width:80rem) and (min-width:64.001rem){
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(28rem,1fr);gap:var(--space-4)}
.hero-copy h1{font-size:3rem}
.hero-art{grid-template-columns:minmax(0,1fr) minmax(260px,290px) 16px}
.hero-art .float-card{margin-left:12px;max-width:160px}
}
@media(max-width:64rem){
.hero-grid,.c-hero-split{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}
.hero-art{max-width:600px}
.hero-copy{max-width:44rem}
.c-section-head,.sec-head{gap:var(--space-4)}
.c-data-band{grid-template-columns:repeat(2,minmax(0,1fr))}
.c-hero-stage{min-height:0}
.c-migration-path{grid-template-columns:minmax(0,1fr)}
.c-closing__card{padding:var(--space-5);grid-template-columns:minmax(0,1fr)}
.c-closing__actions{align-items:flex-start}
.c-legal-layout{grid-template-columns:12rem minmax(0,1fr);gap:var(--space-4)}
}
@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-rows:none;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 .cluster{grid-column:1;grid-row:auto;min-height:0;aspect-ratio:1.1}
.hero-art .cluster svg{width:100%;height:100%;min-height:0}
.hero-art .float-card{grid-column:1;grid-row:auto;max-width:none;width:auto;margin:0;padding:var(--space-3)}
.hero-art .queue-card{grid-column:1;grid-row:auto;width:auto;height:auto;min-height:0;max-width:none;overflow:visible;padding:var(--space-3)}
.hero-copy h1{font-size:var(--text-display);letter-spacing:var(--tracking-display)}
.hero-copy .checks{margin:var(--space-4) 0;gap:var(--space-1)}
.hero-copy .check{padding:.625rem .875rem;font-size:var(--text-sm)}
.mailbar{flex-direction:column}
.mailbar input{width:100%;flex:auto;padding:var(--space-2)}
.mailbar .btn{width:100%}
.c-section-head,.sec-head,.c-sla-meter,.c-billing-anatomy,.c-glossary-mini,.c-quote-strip{grid-template-columns:minmax(0,1fr)}
.c-hero-stage,.c-ledger{height:auto;min-height:0;overflow:visible}
.c-timeline-steps>li{grid-template-columns:3rem minmax(0,1fr);gap:var(--space-2)}
.c-timeline-steps time{grid-column:2}
.c-data-band{grid-template-columns:minmax(0,1fr)}
.c-legal-layout{grid-template-columns:minmax(0,1fr)}
.c-legal-toc{position:static}
.c-editorial-rows>a{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}
}
@media(prefers-reduced-motion:reduce){
.reveal.is-reveal-pending{opacity:1;transform:none}
.hero-art .queue-card>*{animation:none}
}


[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-columns:minmax(0,1fr) minmax(260px,304px) minmax(16px,64px);grid-template-rows:28px minmax(0,1fr) 28px;position:relative;width:100%}
[data-hero-face="confirmed-draft"] .hero-art .art-backdrop{position:absolute;inset:0;pointer-events:none;border-radius:32px;background:radial-gradient(60% 50% at 70% 50%,rgba(227,178,60,.10),rgba(227,178,60,0))}
[data-hero-face="confirmed-draft"] .hero-art .cluster{grid-column:1/4;grid-row:2/3;display:flex;min-height:520px;border-radius:28px;overflow:hidden;background:#D8CDBC}
[data-hero-face="confirmed-draft"] .hero-art .cluster svg{display:block;flex:1;width:100%;height:auto;min-height:520px}
[data-hero-face="confirmed-draft"] .hero-art .float-card{grid-column:1/2;grid-row:2/3;align-self:start;justify-self:start;margin:24px 16px 0 24px;z-index:3;background:#FFFFFF;border-radius:16px;padding:12px 14px;box-shadow:0 1px 2px rgba(28,27,34,.08),0 16px 32px -12px rgba(28,27,34,.28);display:flex;flex-direction:column;gap:6px;max-width:200px}
[data-hero-face="confirmed-draft"] .hero-art .float-card .float-title{font-family:"Outfit","Avenir Next","PingFang SC",sans-serif;font-size:13px;color:#5E5C68;display:block}
[data-hero-face="confirmed-draft"] .hero-art .float-card b{font-family:"Outfit","Avenir Next","PingFang SC",sans-serif;font-size:20px;font-weight:600;letter-spacing:-.4px;color:#1C1B22;font-variant-numeric:tabular-nums}
[data-hero-face="confirmed-draft"] .hero-art .node-label{display:inline-flex;align-items:center;gap:6px;font-family:"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;font-size:13px;color:#1C1B22}
[data-hero-face="confirmed-draft"] .hero-art .queue-card{grid-column:2/3;grid-row:1/4;z-index:2;display:flex;flex-direction:column;gap:10px;background:#FFFFFF;border-radius:24px;padding:14px 14px 12px;box-shadow:0 1px 2px rgba(28,27,34,.06),0 28px 56px -16px rgba(28,27,34,.30)}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > .float-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 2px 8px;font-family:"Outfit","Avenir Next","PingFang SC",sans-serif;font-size:15px;font-weight:600;color:#1C1B22}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > .float-title span{display:inline-flex;align-items:center;gap:8px}
[data-hero-face="confirmed-draft"] .hero-art .status-live{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#5E5C68;font-family:"Manrope","Avenir Next","PingFang SC",sans-serif}
[data-hero-face="confirmed-draft"] .hero-art .status-live i{width:8px;height:8px;border-radius:50%;background:#D9A22E;box-shadow:0 0 0 3px rgba(217,162,46,.22)}
[data-hero-face="confirmed-draft"] .hero-art .queue-card small{display:block;font-size:13px;color:#8A8994;line-height:1.3}
[data-hero-face="confirmed-draft"] .hero-art .queue-card small.c{align-self:center;padding:2px 10px;border-radius:999px;background:#F5F5F7;color:#5E5C68}
[data-hero-face="confirmed-draft"] .hero-art .build-row{align-self:flex-end;max-width:86%;background:#FFFFFF;border:1px solid #ECEBEF;border-radius:16px 16px 4px 16px;padding:10px 14px;font-size:15px;line-height:1.45;color:#1C1B22;box-shadow:0 6px 16px -8px rgba(28,27,34,.18)}
[data-hero-face="confirmed-draft"] .hero-art .runner-line{align-self:flex-start;max-width:90%;background:#1C1B22;color:#F4F3F7;border-radius:16px 16px 16px 4px;padding:10px 14px;font-size:15px;line-height:1.45}
[data-hero-face="confirmed-draft"] .hero-art .runner-line code{font-family:"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;font-size:13px;color:#FFFFFF;background:#33313D;border-radius:6px;padding:1px 6px}
[data-hero-face="confirmed-draft"] .hero-art .runner-line div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
[data-hero-face="confirmed-draft"] .hero-art .pill-ok{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:999px;background:#2E2C37;color:#E9E7EF;font-size:13px;font-family:"SF Mono","JetBrains Mono",Menlo,Consolas,monospace}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > label{margin-top:auto;display:flex;align-items:center;justify-content:space-between;height:44px;border:1px solid #E6E5EA;border-radius:14px;padding:0 6px 0 14px;font-size:13px;color:#8A8994}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > label span{width:32px;height:32px;border-radius:10px;background:#F5F5F7;display:grid;place-items:center}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > .build-row,[data-hero-face="confirmed-draft"] .hero-art .queue-card > .runner-line,[data-hero-face="confirmed-draft"] .hero-art .queue-card > small{animation:heroBub .6s ease-out both}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > :nth-child(2){animation-delay:.2s}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > :nth-child(3){animation-delay:.5s}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > :nth-child(4){animation-delay:1.3s}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > :nth-child(5){animation-delay:2.1s}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > :nth-child(6){animation-delay:2.6s}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > :nth-child(7){animation-delay:3.2s}
@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}
}