:where(.sec,.c-section){padding-block:var(--space-10)}
:where(.sec-white,.c-section--white){background:#FFFFFF;color:#1B1E24}
:where(.sec-ice,.c-section--ice){background:#F8FAFB;color:#1B1E24}
:where(main>section:last-child){padding-bottom:var(--space-close)}
:where(.c-page-hero){position:relative;padding-block:var(--hero-top) var(--space-8);background:#F8FAFB;color:#1B1E24}
:where(.c-page-hero h1){font-size:var(--fs-display);line-height:var(--lh-tight);color:#161A1E}
:where(.c-page-hero p){max-width:40rem;margin-top:var(--space-4);color:#5B6470;font-size:var(--fs-base);line-height:var(--lh-body)}
:where(.c-page-hero .c-breadcrumb){color:#5B6470}
:where(.c-page-hero .c-kicker){background:#F1F3F6;color:#1B1E24}
:where(.c-page-hero .c-kicker+p){margin-top:0}
.c-hero-center{text-align:center}
.c-hero-center>p{margin-inline:auto}
.c-hero-center>.c-actions,.c-hero-center>.c-facts{justify-content:center}
.c-facts{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--fs-sm);line-height:var(--lh-small)}
:where(.c-split-hero){display:grid;grid-template-columns:minmax(0,.86fr) minmax(var(--stage-min),1.14fr);align-items:start;gap:4.5rem}
:where(.c-split-hero>*){min-width:0}
.hero{position:relative;overflow:hidden;padding:var(--hero-top) 0 8rem;background:#F8FAFB;color:#1B1E24}
.hero-waves{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,.86fr) minmax(var(--stage-min),1.14fr);gap:4.5rem;align-items:start}
.hero .wrap>*{min-width:0}
.hero h1{font-size:var(--fs-display);line-height:var(--lh-tight);font-weight:900;color:#161A1E}
.hero h1 span{display:block}
.hero h1 .dim{color:#6B7682}
.hero .sub{margin-top:var(--space-4);font-size:var(--fs-base);line-height:var(--lh-body);color:#3B434C;max-width:31rem}
.hero .ctas{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}
.hero .note{margin-top:1.25rem;font-size:var(--fs-sm);line-height:var(--lh-small);color:#5B6470}
.hero .quick{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2);font-size:var(--fs-base);line-height:var(--lh-body);font-weight:600;color:#1F7A4D}
.hero .quick a:hover{text-decoration:underline}
.hero-art{display:grid;position:relative;width:100%;grid-template-columns:minmax(0,1fr);height:auto;overflow:visible;text-align:left}
.hero-art>*{min-width:0}
.hero-art .art-photo{grid-area:1/1;display:block;width:100%;height:clamp(22rem,38vw,34rem);object-fit:cover;border-radius:28px;box-shadow:0 40px 80px -36px rgba(22,26,30,.32),0 12px 28px -18px rgba(22,26,30,.2)}
.hero-art .queue-card{grid-area:1/1;align-self:start;justify-self:end;margin:var(--space-3);width:18rem;height:auto;background:#FFFFFF;color:#1B1E24;border-radius:var(--r-md);overflow:hidden;box-shadow:0 30px 60px -28px rgba(22,26,30,.45),0 6px 16px -10px rgba(22,26,30,.25)}
.hero-art .queue-card header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);background:#262B31;color:#E9EEF2;font-size:var(--fs-xs);line-height:var(--lh-small);padding:.55rem .85rem}
.hero-art .queue-card header b{font-weight:600;color:#FFFFFF}
.hero-art .queue-card header span{color:#C0C9D2;font-family:var(--fm)}
.hero-art .queue-card svg{display:block;width:100%;height:auto;aspect-ratio:288/112}
.hero-art .build-row{padding:.75rem .85rem .35rem;font-family:var(--fm);font-size:var(--fs-xs);line-height:var(--lh-small);color:#1B1E24}
.hero-art .build-row p{display:flex;justify-content:space-between;gap:var(--space-1);font-size:var(--fs-xs);line-height:var(--lh-small)}
.hero-art .build-row em{font-style:normal;color:#1F7A4D;font-weight:700}
.hero-art .build-row i{display:block;height:6px;margin-top:.45rem;border-radius:var(--r-pill);background:linear-gradient(90deg,#1F7A4D 0 68%,#E4E8EC 68% 100%)}
.hero-art .runner-line{padding:.35rem .85rem .8rem;font-size:var(--fs-xs);line-height:var(--lh-small);color:#5B6470}
.hero-art .float-card{grid-area:1/1;align-self:end;justify-self:start;margin:var(--space-3);width:17.5rem;height:auto;background:#FFFFFF;color:#1B1E24;border-radius:var(--r-md);padding:var(--space-2) var(--space-2) var(--space-1);box-shadow:0 30px 60px -28px rgba(22,26,30,.45),0 6px 16px -10px rgba(22,26,30,.25)}
.hero-art .float-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);padding-bottom:.6rem;font-size:var(--fs-sm);line-height:var(--lh-small);color:#161A1E}
.hero-art .float-title b{font-weight:800}
.hero-art .status-live{font-family:var(--fm);font-size:var(--fs-xs);line-height:var(--lh-small);color:#1F7A4D;font-weight:700}
.hero-art .cluster{display:grid;gap:0;list-style:none;margin:0;padding:0}
.hero-art .node-label{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.6rem;padding:.5rem 0;border-top:1px solid #EEF1F4;font-size:var(--fs-sm);line-height:var(--lh-small);color:#1B1E24}
.hero-art .node-label i{width:14px;height:14px;border-radius:50%;border:2px solid #34B98A;box-shadow:0 0 0 3px rgba(52,185,138,.16);background:radial-gradient(circle,#1F7A4D 0 3px,transparent 3.5px)}
.hero-art .node-label small{font-family:var(--fm);font-size:var(--fs-xs);line-height:var(--lh-small);color:#626D79}
.hero-art .pill-ok{font-size:var(--fs-xs);line-height:var(--lh-small);font-weight:700;color:#1F7A4D}
:where(.c-section-head.center .lead){max-width:40rem;margin-top:1.25rem}
.c-section-head.center>.lead{margin-inline:auto}
.c-section-head.center>.c-actions{justify-content:center}
:where(.c-glossary-mini){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
:where(.c-glossary-mini>div){min-width:0;padding:var(--space-3);background:#F1F3F6;color:#1B1E24;border-radius:var(--r-md)}
:where(.c-glossary-mini dt){font-size:var(--fs-lg);line-height:var(--lh-heading);font-weight:700}
:where(.c-glossary-mini dd){margin-top:var(--space-1);font-size:var(--fs-base);line-height:var(--lh-body);color:#5B6470}
:where(.c-compare-rent-buy){width:100%}
:where(.c-quote-strip){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-7);align-items:stretch}
:where(.c-quote-strip blockquote){display:flex;flex-direction:column;gap:var(--space-3);height:100%;min-width:0}
:where(.c-quote-strip p){font-family:var(--fh);font-size:var(--fs-lg);line-height:1.6;font-weight:700;color:#161A1E}
.c-quote-strip cite{margin-top:auto;font-style:normal;font-size:var(--fs-sm);line-height:var(--lh-small);color:var(--muted)}
:where(.c-billing-anatomy){padding:var(--space-5);border-radius:var(--r-lg);background:#F1F3F6;color:#1B1E24}
:where(.c-billing-anatomy dl>div){display:grid;grid-template-columns:minmax(7rem,1fr) auto minmax(0,1.4fr);gap:var(--space-3);padding-block:var(--space-2);border-bottom:1px solid #DCE1E7}
:where(.c-billing-anatomy dt,.c-billing-anatomy dd){font-size:var(--fs-base);line-height:var(--lh-body);color:#1B1E24}
: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){display:flex;flex-direction:column;gap:var(--space-3);min-width:0;padding:var(--space-5);border-radius:var(--r-lg);background:#F1F3F6;color:#1B1E24}
:where(.c-migration-path article:nth-child(2)){background:#EDF2F8;color:#1A2233}
:where(.c-migration-path article:last-child){background:#F6F3EC;color:#2A2418}
:where(.c-migration-path h3){color:inherit;font-size:var(--fs-lg);line-height:var(--lh-heading)}
:where(.c-migration-path p){color:inherit;font-size:var(--fs-base);line-height:var(--lh-body)}
:where(.c-timeline-steps){display:grid;gap:var(--space-3);padding:0;list-style:none}
:where(.c-timeline-steps li){display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3)}
:where(.c-step-mark){display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#F1F3F6;color:#1B1E24;font-family:var(--fm);font-size:var(--fs-sm);line-height:1}
:where(.c-closing){padding:10rem 0 var(--space-close);text-align:center;background:#FFFFFF;color:#1B1E24}
:where(.c-closing h2){font-size:var(--fs-display);line-height:var(--lh-tight);color:#161A1E}
:where(.c-closing p){margin-top:var(--space-3);color:#5B6470}
.c-closing .c-actions{justify-content:center}
:where(.c-legal-layout){display:grid;grid-template-columns:14rem minmax(0,1fr);gap:var(--space-7);align-items:start}
:where(.c-legal-toc){position:sticky;top:calc(var(--header-height) + var(--space-3));padding:var(--space-3);background:#F1F3F6;color:#1B1E24;border-radius:var(--r-md)}
:where(.c-legal-toc ol){list-style:none;padding:0}
:where(.c-legal-toc ol a){display:block;padding-block:var(--space-1);font-size:var(--fs-sm);line-height:var(--lh-small)}
:where(.c-blog-masonry){columns:2;column-gap:var(--space-4)}
:where(.c-blog-masonry article){break-inside:avoid;margin-bottom:var(--space-4);height:auto}
:where(.c-blog-masonry .c-card){height:auto}
@media(max-width:64rem){
.hero .wrap,.c-split-hero{grid-template-columns:minmax(0,1fr);gap:var(--space-7)}
.hero-art{max-width:42rem}
.c-quote-strip,.c-migration-path{grid-template-columns:minmax(0,1fr)}
.c-legal-layout{grid-template-columns:12rem minmax(0,1fr);gap:var(--space-4)}
}
@media(max-width:42rem){
[data-hero-form] .hero-stage,[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)}
.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-area:auto;grid-column:1;justify-self:stretch;align-self:auto;width:auto;max-width:none;margin:0;height:auto}
.hero-art .art-photo{grid-area:auto;grid-column:1;width:100%;height:auto;aspect-ratio:1.15;object-fit:cover}
.hero{padding-bottom:var(--space-8)}
.hero .wrap{row-gap:var(--space-6)}
.hero .ctas .pill{padding-inline:var(--space-3)}
.c-glossary-mini,.c-legal-layout{grid-template-columns:minmax(0,1fr)}
.c-legal-toc{position:static}
.c-billing-anatomy dl>div{grid-template-columns:minmax(0,1fr) auto}
.c-billing-anatomy dl>div dd:last-child{grid-column:1/-1}
.c-blog-masonry{columns:1}
}

/* 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:not(.art-photo){display:none}
[data-hero-face="confirmed-draft"] .hero-art{display:grid;position:relative;width:100%;grid-template-columns:1fr}
[data-hero-face="confirmed-draft"] .hero-art .art-photo{grid-area:1/1;display:block;width:100%;height:clamp(22rem,38vw,34rem);object-fit:cover;border-radius:28px;box-shadow:0 40px 80px -36px rgba(22,26,30,.32),0 12px 28px -18px rgba(22,26,30,.2)}
[data-hero-face="confirmed-draft"] .hero-art .queue-card{grid-area:1/1;align-self:start;justify-self:end;margin:1.5rem;width:18rem;background:#FFFFFF;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -28px rgba(22,26,30,.45),0 6px 16px -10px rgba(22,26,30,.25)}
[data-hero-face="confirmed-draft"] .hero-art .queue-card header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#262B31;color:#E9EEF2;font-size:.75rem;padding:.55rem .85rem}
[data-hero-face="confirmed-draft"] .hero-art .queue-card header b{font-weight:600;color:#FFFFFF}
[data-hero-face="confirmed-draft"] .hero-art .queue-card header span{color:#A9B3BD;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace}
[data-hero-face="confirmed-draft"] .hero-art .queue-card svg{display:block;width:100%;height:auto}
[data-hero-face="confirmed-draft"] .hero-art .build-row{padding:.75rem .85rem .35rem;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:.75rem;color:#1B1E24}
[data-hero-face="confirmed-draft"] .hero-art .build-row p{display:flex;justify-content:space-between;gap:.5rem}
[data-hero-face="confirmed-draft"] .hero-art .build-row em{font-style:normal;color:#1F7A4D;font-weight:700}
[data-hero-face="confirmed-draft"] .hero-art .build-row i{display:block;height:6px;margin-top:.45rem;border-radius:999px;background:linear-gradient(90deg,#1F7A4D 0 68%,#E4E8EC 68% 100%)}
[data-hero-face="confirmed-draft"] .hero-art .runner-line{padding:.35rem .85rem .8rem;font-size:.75rem;color:#5B6470}
[data-hero-face="confirmed-draft"] .hero-art .float-card{grid-area:1/1;align-self:end;justify-self:start;margin:1.5rem;width:17.5rem;background:#FFFFFF;border-radius:16px;padding:1rem 1rem .5rem;box-shadow:0 30px 60px -28px rgba(22,26,30,.45),0 6px 16px -10px rgba(22,26,30,.25)}
[data-hero-face="confirmed-draft"] .hero-art .float-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.6rem;font-size:.875rem;color:#161A1E}
[data-hero-face="confirmed-draft"] .hero-art .float-title b{font-weight:800}
[data-hero-face="confirmed-draft"] .hero-art .status-live{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:.75rem;color:#1F7A4D;font-weight:700}
[data-hero-face="confirmed-draft"] .hero-art .cluster{display:grid;gap:0}
[data-hero-face="confirmed-draft"] .hero-art .node-label{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.6rem;padding:.5rem 0;border-top:1px solid #EEF1F4;font-size:.875rem;color:#1B1E24}
[data-hero-face="confirmed-draft"] .hero-art .node-label i{width:14px;height:14px;border-radius:50%;border:2px solid #34B98A;box-shadow:0 0 0 3px rgba(52,185,138,.16);background:radial-gradient(circle,#1F7A4D 0 3px,transparent 3.5px)}
[data-hero-face="confirmed-draft"] .hero-art .node-label small{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:.75rem;color:#8A939E}
[data-hero-face="confirmed-draft"] .hero-art .pill-ok{font-size:.75rem;font-weight:700;color:#1F7A4D}
@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}
  [data-hero-face="confirmed-draft"] .hero-art .hero-slide{animation:none!important;opacity:1!important;visibility:visible!important}
}
/* /confirmed-draft-hero-face */
