:where(.c-section){padding-block:var(--space-section)}
:where(main>section:last-child){padding-bottom:var(--space-close)}
:where(main>.c-prose:last-child,main>.c-legal-layout:last-child){padding-bottom:var(--space-close)}
:where(.c-page-hero){padding:var(--hero-top) 0 var(--space-10);background:linear-gradient(180deg,#F7F8FD 0%,#FFFFFF 100%);color:#1E1A17}
:where(.c-page-hero h1){font-size:3.25rem;line-height:1.15;color:#1E1A17}
:where(.c-page-hero p){color:#3B3531;max-width:42rem}
:where(.c-page-hero .muted){color:#625B55}
:where(.c-page-hero h1+p){margin-top:var(--space-4)}
:where(.c-hero-split){display:grid;grid-template-columns:minmax(0,1fr) minmax(28rem,1.15fr);gap:var(--space-7);align-items:start}
:where(.c-hero-split>*){min-width:0}
:where(.c-hero-copy){text-align:left}
:where(.c-hero-copy>p){max-width:40rem}
.c-hero-center{text-align:center}
.c-hero-center>p{max-width:42rem;margin-inline:auto}
.c-hero-center>.c-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-4);margin-top:var(--space-4)}
:where(.c-hero-stage){position:relative;min-width:0;height:auto;overflow:hidden;border-radius:var(--r-l);padding:var(--space-6);background:#E8ECFA;color:#23305E}
:where(.c-hero-stage>.c-card){background:#FFFFFF;color:#1E1A17}
:where(.c-hero-stage>svg){width:100%;height:auto}
:where(.c-photo-stage){position:relative;height:440px;overflow:hidden;border-radius:var(--r-l)}
:where(.c-photo-stage img){width:100%;height:100%;object-fit:cover}
:where(.c-hero-stage::before,.c-hero-stage::after){pointer-events:none}
.hero[data-hero-form="card-collage"]{background:linear-gradient(180deg,#F7F8FD 0%,#FFFFFF 100%);padding:56px 0 96px;color:#1E1A17}
.hero[data-hero-form="card-collage"]>.wrap{display:grid;grid-template-columns:560px minmax(0,1fr);gap:56px;align-items:start}
.hero-copy{min-width:0}
.hero-copy h1{font-size:60px;line-height:1.08;letter-spacing:-2.4px;margin-bottom:26px;color:#1E1A17}
.hero-copy .lead{font-size:18px;line-height:1.65;color:#3B3531}
.hero-copy .lead b{font-weight:600;color:#1E1A17}
.hero-art[data-hero-face="confirmed-draft"]{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"plan plan" "spec node" "price node";gap:18px;padding:44px 40px 48px;border-radius:36px;background:#E8ECFA;color:#23305E;overflow:hidden;width:100%;height:auto;min-width:0}
.hero-art .art-backdrop{position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(420px 320px at 88% 12%,#D6DDF6 0%,rgba(214,221,246,0) 70%),radial-gradient(380px 300px at 8% 96%,#DFE5F9 0%,rgba(223,229,249,0) 70%);background-size:140% 140%;animation:artDrift 16s ease-in-out infinite alternate}
.hero-art .art-backdrop svg{width:100%;height:100%;display:block}
.hero-art .queue-card,.hero-art .float-card,.hero-art .cluster,.hero-art .runner-card{min-width:0;z-index:1;background:#FFFFFF;color:#1E1A17;border-radius:20px;padding:20px 22px;box-shadow:var(--shadow-fog);animation:artIn .9s ease-out both}
.hero-art .queue-card{grid-area:plan;margin-right:56px}
.hero-art .float-card{grid-area:spec;margin-left:22px;align-self:start;animation-delay:.12s}
.hero-art .cluster{grid-area:node;margin-top:34px;align-self:start;animation-delay:.22s}
.hero-art .runner-card{grid-area:price;align-self:start;animation-delay:.32s}
.hero-art .float-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--fh);font-size:17px;line-height:1.6;letter-spacing:-.3px;color:#1E1A17;margin-bottom:12px}
.hero-art .float-title small{font-family:var(--fb);font-size:12px;line-height:1.6;letter-spacing:.02em;color:#23305E;background:#E8ECFA;border-radius:100px;padding:3px 10px;white-space:nowrap}
.hero-art .queue-card .float-title small{color:#5A3A16;background:#F6EDE1}
.hero-art .runner-line{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#625B55;line-height:1.5}
.hero-art .runner-line b{font-family:var(--fm);font-size:13px;font-weight:500;color:#1E1A17;font-variant-numeric:tabular-nums}
.hero-art .queue-card>svg{display:block;width:100%;height:auto;aspect-ratio:400/62;margin:10px 0 8px}
.hero-art .float-card .spec-name{font-family:var(--fh);font-size:22px;letter-spacing:-.6px;color:#1E1A17;line-height:1.2}
.hero-art .float-card .spec-sub{font-family:var(--fm);font-size:13px;line-height:1.6;color:#23305E;margin:6px 0 14px;font-variant-numeric:tabular-nums}
.hero-art .float-card>svg{display:block;width:100%;height:auto;aspect-ratio:220/56;margin-bottom:12px}
.hero-art .node-label{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #F0ECE8;font-size:14px;line-height:1.6;color:#1E1A17}
.hero-art .float-title + .node-label{border-top:0}
.hero-art .node-label em{font-style:normal;font-family:var(--fm);font-size:11px;line-height:1.6;color:#625B55;width:22px}
.hero-art .status-live{width:8px;height:8px;border-radius:50%;background:#2E6B4F;box-shadow:0 0 0 3px #E2F1E9;flex:none}
.hero-art .pill-ok{margin-left:auto;font-size:11px;line-height:1.6;font-weight:600;letter-spacing:.04em;color:#1F4A35;background:#E2F1E9;border-radius:100px;padding:2px 9px}
.hero-art .build-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;padding:8px 0;border-top:1px solid #F0ECE8;font-size:14px;line-height:1.6;color:#625B55}
.hero-art .float-title + .build-row{border-top:0}
.hero-art .build-row b{font-family:var(--fm);font-weight:500;font-size:15px;line-height:1.6;color:#1E1A17;font-variant-numeric:tabular-nums}
.hero-art .build-row.is-entry b{color:#C2361A}
:where(.c-closing){padding-block:var(--space-close)}
:where(.c-closing-card){position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-6);padding:84px 80px;border-radius:40px;overflow:hidden;background:#FBEBE2;color:#5C2A1A}
:where(.c-closing-card h2){font-size:3rem;line-height:1.15;letter-spacing:-.0375em;color:#5C2A1A}
:where(.c-closing-card p){color:#7A4A38;margin-top:var(--space-3)}
:where(.c-closing-copy){text-align:left}
.c-closing-card .c-actions{margin-top:var(--action-follow)}
.c-closing-card .c-btn--secondary{color:#5C2A1A;border-color:color-mix(in srgb,currentColor 65%,transparent)}
:where(.c-legal-layout){display:grid;grid-template-columns:15rem minmax(0,1fr);align-items:stretch;gap:var(--space-8)}
.c-legal-toc{position:sticky;top:calc(var(--header-height) + var(--space-4));align-self:start;padding:var(--card-pad);border-radius:var(--r-m);background:#F8F8FB;color:#1E1A17}
.c-legal-toc ol{padding:0;list-style:none}
.c-legal-toc ol a{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:var(--space-2);padding-block:var(--space-2);font-size:var(--text-sm)}
.c-legal-toc>.c-btn{display:inline-flex}
:where(.c-blog-layout){display:grid;grid-template-columns:minmax(0,2fr) minmax(15rem,1fr);gap:var(--space-6);align-items:start}
:where(.c-blog-rest){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:stretch}
:where(.c-blog-rest>.c-card){height:100%}
@keyframes artDrift{from{background-position:0% 0%}
to{background-position:100% 100%}
}
@keyframes artIn{from{opacity:0}
to{opacity:1}
}
@media(max-width:80rem){.hero[data-hero-form="card-collage"]>.wrap{grid-template-columns:minmax(0,.95fr) minmax(28rem,1.05fr);gap:32px}
.hero-art[data-hero-face="confirmed-draft"]{padding:32px 24px;gap:16px}
.hero-art .queue-card{margin-right:20px}
.hero-art .float-card{margin-left:0}
.hero-art .float-title{font-size:15px}
.hero-art .float-title small{font-size:11px;padding-inline:8px}
}
@media(max-width:64rem){.hero[data-hero-form="card-collage"]>.wrap{grid-template-columns:minmax(0,1fr);gap:var(--space-6);align-items:start}
.hero-copy h1{font-size:var(--text-display);line-height:1.15}
.hero-art[data-hero-face="confirmed-draft"]{max-width:760px;justify-self:start}
.c-hero-split{grid-template-columns:minmax(0,1fr)}
.c-closing-card{grid-template-columns:minmax(0,1fr);padding:var(--space-6)}
.c-legal-layout{grid-template-columns:minmax(0,1fr)}
.c-legal-toc{position:static}
.c-blog-layout{grid-template-columns:minmax(0,1fr)}
.c-blog-layout>aside{grid-row:1}
.c-page-hero h1{font-size:var(--text-display)}
}
@media(max-width:42rem){
[data-hero-form] .c-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[data-hero-face="confirmed-draft"]{grid-template-columns:minmax(0,1fr);grid-template-areas:none;gap:var(--space-3);padding:var(--space-4)}
.hero-art>*{grid-area:auto;grid-column:1;width:auto;max-width:none;justify-self:stretch}
.hero-art .art-backdrop{inset:0;border-radius:36px;overflow:hidden}
.hero-art .queue-card,.hero-art .float-card,.hero-art .cluster,.hero-art .runner-card{grid-area:auto;grid-column:1;margin:0;padding:var(--card-pad)}
.hero-art .float-title{flex-wrap:wrap;font-size:17px}
.hero-art .runner-line{flex-wrap:wrap}
.hero[data-hero-form="card-collage"]{padding-top:var(--hero-top);padding-bottom:var(--space-8)}
.c-hero-stage{height:auto;min-height:0;overflow:visible}
.c-photo-stage{height:320px;overflow:hidden}
.c-page-hero h1{font-size:var(--text-display)}
.c-closing-card h2{font-size:var(--text-section)}
.c-blog-rest{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* 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{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"plan plan" "spec node" "price node";gap:18px;padding:44px 40px 48px;border-radius:36px;background:#E8ECFA;overflow:hidden;width:100%}
[data-hero-face="confirmed-draft"] .hero-art .art-backdrop{position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(420px 320px at 88% 12%,#d6ddf6 0%,rgba(214,221,246,0) 70%),radial-gradient(380px 300px at 8% 96%,#dfe5f9 0%,rgba(223,229,249,0) 70%);background-size:140% 140%;animation:artDrift 16s ease-in-out infinite alternate}
[data-hero-face="confirmed-draft"] .hero-art .art-backdrop svg{width:100%;height:100%;display:block}
[data-hero-face="confirmed-draft"] .hero-art .queue-card,[data-hero-face="confirmed-draft"] .hero-art .float-card,[data-hero-face="confirmed-draft"] .hero-art .cluster,[data-hero-face="confirmed-draft"] .hero-art .runner-card{z-index:1;background:#FFFFFF;border-radius:20px;padding:20px 22px;box-shadow:0 1px 2px rgba(35,48,94,.06),0 18px 40px -22px rgba(35,48,94,.28);animation:artIn .9s ease-out both}
[data-hero-face="confirmed-draft"] .hero-art .queue-card{grid-area:plan;margin-right:56px}
[data-hero-face="confirmed-draft"] .hero-art .float-card{grid-area:spec;margin-left:22px;align-self:start;animation-delay:.12s}
[data-hero-face="confirmed-draft"] .hero-art .cluster{grid-area:node;margin-top:34px;align-self:start;animation-delay:.22s}
[data-hero-face="confirmed-draft"] .hero-art .runner-card{grid-area:price;align-self:start;animation-delay:.32s}
[data-hero-face="confirmed-draft"] .hero-art .float-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:"Bricolage Grotesque","Avenir Next","Helvetica Neue","PingFang SC",sans-serif;font-size:17px;letter-spacing:-.3px;color:#1E1A17;margin-bottom:12px}
[data-hero-face="confirmed-draft"] .hero-art .float-title small{font-family:"Outfit","Avenir Next","PingFang SC",sans-serif;font-size:12px;letter-spacing:.02em;color:#23305E;background:#E8ECFA;border-radius:100px;padding:3px 10px;white-space:nowrap}
[data-hero-face="confirmed-draft"] .hero-art .queue-card .float-title small{color:#5A3A16;background:#F6EDE1}
[data-hero-face="confirmed-draft"] .hero-art .runner-line{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#6a625c;line-height:1.5}
[data-hero-face="confirmed-draft"] .hero-art .runner-line b{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-weight:500;color:#1E1A17;font-variant-numeric:tabular-nums}
[data-hero-face="confirmed-draft"] .hero-art .queue-card svg{display:block;width:100%;height:auto;margin:10px 0 8px}
[data-hero-face="confirmed-draft"] .hero-art .float-card .spec-name{font-family:"Bricolage Grotesque","Avenir Next","Helvetica Neue","PingFang SC",sans-serif;font-size:22px;letter-spacing:-.6px;color:#1E1A17;line-height:1.2}
[data-hero-face="confirmed-draft"] .hero-art .float-card .spec-sub{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:13px;color:#23305E;margin:6px 0 14px;font-variant-numeric:tabular-nums}
[data-hero-face="confirmed-draft"] .hero-art .float-card svg{display:block;width:100%;height:auto;margin-bottom:12px}
[data-hero-face="confirmed-draft"] .hero-art .node-label{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #f0ece8;font-size:14px;color:#1E1A17}
[data-hero-face="confirmed-draft"] .hero-art .float-title + .node-label{border-top:0}
[data-hero-face="confirmed-draft"] .hero-art .node-label em{font-style:normal;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;color:#6a625c;width:22px}
[data-hero-face="confirmed-draft"] .hero-art .status-live{width:8px;height:8px;border-radius:50%;background:#2E6B4F;box-shadow:0 0 0 3px #E2F1E9;flex:none}
[data-hero-face="confirmed-draft"] .hero-art .pill-ok{margin-left:auto;font-size:11px;font-weight:600;letter-spacing:.04em;color:#1F4A35;background:#E2F1E9;border-radius:100px;padding:2px 9px}
[data-hero-face="confirmed-draft"] .hero-art .build-row{display:grid;grid-template-columns:1fr auto;align-items:baseline;padding:8px 0;border-top:1px solid #f0ece8;font-size:14px;color:#6a625c}
[data-hero-face="confirmed-draft"] .hero-art .float-title + .build-row{border-top:0}
[data-hero-face="confirmed-draft"] .hero-art .build-row b{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-weight:500;font-size:15px;color:#1E1A17;font-variant-numeric:tabular-nums}
[data-hero-face="confirmed-draft"] .hero-art .build-row.is-entry b{color:#C2361A}
@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 */
