.c-page-hero{padding-block:var(--bam-hero-pad);background:#fcfcfd;color:#1c2028}
.c-page-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(3rem,7vw,6rem)}
.c-page-hero-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.c-page-hero-copy h1{max-width:44rem}
.c-page-hero-copy>p{max-width:36rem;margin-top:var(--bam-space-3);color:#5b6069;font-size:1.0625rem}
.c-page-hero-copy .c-actions{margin-top:var(--bam-space-3)}
.c-hero-stage{position:relative;min-width:0;min-height:34rem;height:auto;overflow:visible;border-radius:var(--bam-radius-lg);background:#f1f2f6;color:#1c2028}
[data-hero-form="terminal"] .c-hero-stage{background:linear-gradient(145deg,#ffffff 0%,#f6f6f8 54%,#eee9e7 100%)}
[data-hero-form="terminal"] .c-hero-stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,rgba(192,0,50,.06) 50%,transparent 50.2%)}
.c-terminal{overflow:hidden;border-radius:var(--bam-radius-md);background:#101319;color:#ccd1da;font-family:var(--bam-mono);font-size:var(--bam-fs-1);box-shadow:var(--bam-shadow)}
.c-terminal-head{display:flex;min-height:2.35rem;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid #292e37;color:#969daa}
.c-terminal-head b{color:#e4e7ec;font-size:var(--bam-fs-0);font-weight:500}
.c-terminal-screen{height:7.25rem;overflow:hidden;padding:.75rem 1rem}
.c-terminal-flow{animation:bam-terminal 9s ease-in-out infinite}
.c-terminal-line{height:1.25rem;white-space:nowrap}
.c-terminal-line .prompt{color:#ff7981}
.c-terminal-line .ok{color:#80c7ae}
.c-terminal-line .dim{color:#7d8592}
@keyframes bam-terminal{
  0%,18%{transform:translateY(0)}
  34%,53%{transform:translateY(-2.5rem)}
  69%,88%{transform:translateY(-5rem)}
  100%{transform:translateY(0)}
}
.c-shell-section{padding-block:var(--bam-section-pad)}
.c-shell-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(3rem,8vw,7rem)}
.c-shell-split-copy{display:flex;flex-direction:column;align-items:flex-start}
.c-shell-split-copy p{margin-top:var(--bam-space-2)}
.c-ledger{height:auto;overflow:hidden;border-radius:var(--bam-radius-md);background:#ffffff;color:#1c2028}
.c-ledger-row{display:grid;grid-template-columns:minmax(8rem,.6fr) minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--bam-line);font-family:var(--bam-mono);font-size:var(--bam-fs-1)}
.c-ledger-row:last-child{border-bottom:0}
.c-spec-sheet{padding:var(--bam-space-4);border-radius:var(--bam-radius-lg);background:#111318;color:#fcfcfd}
.c-spec-sheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem}
.c-spec-sheet dl{display:grid;grid-template-columns:minmax(7rem,.8fr) minmax(0,1fr);padding:1rem 0;border-bottom:1px solid var(--bam-line-dark)}
.c-spec-sheet dt{color:#9da5b1}
.c-spec-sheet dd{font-family:var(--bam-mono);overflow-wrap:anywhere}
.c-billing{display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr);gap:var(--bam-space-4);padding:var(--bam-space-4);border-radius:var(--bam-radius-lg);background:#f4f0ea;color:#242019}
.c-billing-receipt{padding:var(--bam-space-3);border-radius:var(--bam-radius-md);background:#ffffff;color:#1c2028}
.c-billing-line{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--bam-line);font-size:var(--bam-fs-2)}
.c-compare{min-width:44rem}
.c-glossary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--bam-space-4)}
.c-glossary>div{padding:var(--bam-space-2) 0;border-bottom:1px solid var(--bam-line)}
.c-glossary dd{margin-top:.35rem;color:#5b6069}
.c-blog-timeline{position:relative;display:grid;gap:var(--bam-space-4)}
.c-blog-month{position:relative;padding-left:2.75rem}
.c-blog-month::before{content:"";position:absolute;left:.45rem;top:.6rem;bottom:calc(var(--bam-space-4)*-1);width:1px;background:var(--bam-line)}
.c-blog-month:last-child::before{bottom:.5rem}
.c-blog-month::after{content:"";position:absolute;left:0;top:.35rem;width:.95rem;height:.95rem;border:4px solid #f1f2f6;border-radius:50%;background:#c00032;box-shadow:0 0 0 1px #c7c9cf}
.c-blog-month h3{font-family:var(--bam-mono);font-size:var(--bam-fs-2)}
.c-blog-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:var(--bam-space-2);margin-top:var(--bam-space-2)}
.c-blog-cards .c-card{height:100%}
@media(max-width:64rem){
  .c-page-hero-grid,.c-shell-split{grid-template-columns:1fr}
  .c-hero-stage{height:auto;min-height:30rem;overflow:visible}
  .c-spec-sheet-grid{grid-template-columns:1fr}
  .c-billing{grid-template-columns:1fr}
}
@media(max-width:44rem){
  .c-hero-stage{min-height:0}
  .c-terminal-line{font-size:.65rem}
  .c-spec-sheet,.c-billing{padding:var(--bam-space-3)}
  .c-glossary,.c-blog-cards{grid-template-columns:1fr}
  .c-ledger-row{grid-template-columns:1fr auto}
  .c-ledger-row span:nth-child(2){grid-column:1/-1}
}

[data-hero-face="confirmed-draft"]:not([data-face-root]){height:auto;min-height:510px;min-width:0;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])::before,[data-hero-face="confirmed-draft"]:not([data-face-root])::after{display:none;content:none}
[data-hero-face="confirmed-draft"]:not([data-face-root])>img{display:none}
[data-hero-face="confirmed-draft"] .hero-art{
  position:relative;
  width:652px;
  height:586px;
  border-radius:22px;
  background:#f1f2f6;
  overflow:hidden;
}
[data-hero-face="confirmed-draft"] .hero-art .art-backdrop{
  position:absolute;
  inset:0;
  background:linear-gradient(145deg,#ffffff 0%,#f6f6f8 54%,#eee9e7 100%);
}
[data-hero-face="confirmed-draft"] .hero-art > svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
[data-hero-face="confirmed-draft"] .hero-art .queue-card{
  position:absolute;
  left:48px;
  top:52px;
  width:342px;
  height:190px;
  padding:21px;
  border:1px solid #d7d8dd;
  border-radius:15px;
  background:#ffffff;
  color:#1c2028;
  box-shadow:0 18px 50px rgba(27,30,36,.08);
}
[data-hero-face="confirmed-draft"] .hero-art .float-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:18px;
  font-family:"SFMono-Regular",Consolas,monospace;
  color:#70747c;
  font-size:11px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
[data-hero-face="confirmed-draft"] .hero-art .float-title strong{
  color:#1c2028;
  font-weight:600;
}
[data-hero-face="confirmed-draft"] .hero-art .build-row{
  display:grid;
  grid-template-columns:76px 1fr auto;
  align-items:center;
  min-height:39px;
  border-top:1px solid #ececef;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:11px;
  color:#555a64;
}
[data-hero-face="confirmed-draft"] .hero-art .node-label{
  color:#22262d;
  font-weight:600;
}
[data-hero-face="confirmed-draft"] .hero-art .status-live{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#c00032;
  box-shadow:0 0 0 4px rgba(192,0,50,.09);
}
[data-hero-face="confirmed-draft"] .hero-art .pill-ok{
  padding:4px 8px;
  border-radius:999px;
  background:#eaf2f1;
  color:#1f5a4c;
  font-size:10px;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-card{
  position:absolute;
  right:37px;
  top:118px;
  width:197px;
  height:106px;
  padding:16px;
  border-radius:13px;
  background:#111318;
  color:#f6f7f9;
  box-shadow:0 18px 38px rgba(18,20,25,.17);
}
[data-hero-face="confirmed-draft"] .hero-art .runner-card .float-title{
  color:#959ba7;
  margin-bottom:12px;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-card .float-title strong{color:#ffffff}
[data-hero-face="confirmed-draft"] .hero-art .runner-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:27px;
  border-top:1px solid #2c3038;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:10px;
  color:#c8cdd5;
}
[data-hero-face="confirmed-draft"] .hero-art .float-card{
  position:absolute;
  right:44px;
  bottom:43px;
  width:225px;
  min-height:163px;
  padding:19px;
  border-radius:14px;
  background:#f4f0ea;
  color:#242019;
  box-shadow:0 14px 34px rgba(35,30,25,.08);
}
[data-hero-face="confirmed-draft"] .hero-art .float-card .float-title{
  color:#726c63;
  margin-bottom:13px;
}
[data-hero-face="confirmed-draft"] .hero-art .float-card .build-row{
  grid-template-columns:1fr auto;
  min-height:35px;
  border-color:#ded8cf;
  color:#585249;
}
[data-hero-face="confirmed-draft"] .hero-art .cluster{
  position:absolute;
  left:70px;
  bottom:54px;
  width:274px;
  height:206px;
  border-radius:36px;
  background:linear-gradient(145deg,#373a40 0%,#17191e 75%);
  box-shadow:0 24px 42px rgba(20,22,27,.24),inset 0 1px 0 rgba(255,255,255,.28);
}
[data-hero-face="confirmed-draft"] .hero-art .cluster:before{
  content:"M4";
  position:absolute;
  left:24px;
  top:22px;
  color:#8f949d;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:12px;
  letter-spacing:.12em;
}
[data-hero-face="confirmed-draft"] .hero-art .cluster:after{
  content:"BookAMini / PHYSICAL 04";
  position:absolute;
  left:24px;
  bottom:23px;
  color:#e7e9ed;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:10px;
  letter-spacing:.06em;
}
[data-hero-face="confirmed-draft"] .hero-art .queue-card:hover,[data-hero-face="confirmed-draft"] .hero-art .runner-card:hover,[data-hero-face="confirmed-draft"] .hero-art .float-card:hover{
  transform:translateY(-3px);
  transition:transform .2s ease;
}
@media(max-width:46rem){
  [data-hero-face="confirmed-draft"]:not([data-face-root]){min-height:0}
  [data-hero-face="confirmed-draft"] .hero-art{height:auto}
  [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{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{width:100%}
}
