.home-page [hidden]{display:none!important}

.home-page .page-section{padding-block:var(--section-pad)}
.home-page .page-section-tight{padding-block:clamp(3.5rem,7vw,6rem)}

.home-page [data-hero-form="product-visual"]{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:var(--space-3);
  align-items:start;
  padding-block:var(--hero-pad)
}

.home-page .hero-copy{
  min-width:0;
  justify-content:flex-start;
  padding:var(--space-3) clamp(2rem,5vw,4.5rem) clamp(2rem,5vw,4.5rem);
  border-radius:var(--radius-lg);
  background:#F3EEDD;
  color:#25251F
}

.home-page .hero-copy h1{
  max-width:13ch;
  overflow-wrap:anywhere
}

.home-page .hero-copy>p{
  max-width:40rem;
  margin-top:var(--space-3);
  color:#48483F;
  font-size:var(--text-md)
}

.home-page .hero-copy .c-actions{margin-top:var(--space-3)}

.home-page .hero-note{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
  justify-content:flex-start;
  margin-top:var(--space-2);
  padding-top:var(--space-2);
  border-top:1px solid rgba(37,37,31,.14);
  color:#4B4B43;
  font-size:var(--text-sm)
}

.home-page .hero-note strong{
  color:#6F2A10;
  font-size:var(--text-md)
}

.home-page .hero-stage{
  min-width:0;
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:#202426;
  color:#FFFFFF
}

.home-page .hero-stage-head{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-2) var(--space-3);
  background:#292E30;
  color:#FFFFFF
}

.home-page .hero-stage-head>span:first-child{
  min-width:0;
  overflow-wrap:anywhere;
  color:#DDE1DF;
  font-family:var(--font-mono);
  font-size:var(--text-xs)
}

.home-page .hero-art{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:36rem;
  padding:var(--space-3);
  background:#202426;
  color:#FFFFFF
}

.home-page .hero-art::before{
  content:"";
  flex:1 0 33rem
}

.home-page .queue-card,
.home-page .node-label,
.home-page .runner-card{
  position:absolute;
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md)
}

.home-page .queue-card{
  top:var(--space-3);
  left:var(--space-3);
  width:min(68%,27rem);
  background:#DDE9F2;
  color:#1D2D38
}

.home-page .float-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  margin-bottom:var(--space-2);
  font-family:var(--font-heading);
  font-weight:700
}

.home-page .float-title span{
  color:#40535E;
  font-family:var(--font-mono);
  font-size:var(--text-xs)
}

.home-page .build-row{
  display:grid;
  grid-template-columns:2rem minmax(0,1fr) auto;
  gap:.65rem;
  align-items:center;
  padding:.72rem 0;
  border-top:1px solid rgba(29,45,56,.13)
}

.home-page .build-row>b{
  color:#6F2A10;
  font-family:var(--font-mono);
  font-size:var(--text-xs)
}

.home-page .build-row>div{
  min-width:0;
  font-family:var(--font-heading);
  font-size:var(--text-sm);
  font-weight:700;
  overflow-wrap:anywhere
}

.home-page .build-row small{
  display:block;
  color:#50616B;
  font-family:var(--font-mono);
  overflow-wrap:anywhere
}

.home-page .pill-ok{
  display:inline-flex;
  width:fit-content;
  align-items:center;
  gap:.4em;
  padding:.4em .9em;
  border-radius:999px;
  background:#FFFFFF;
  color:#17312E;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:700;
  line-height:1
}

.home-page .node-label{
  top:14.5rem;
  right:var(--space-3);
  width:min(42%,16rem);
  background:#F3EEDD;
  color:#25251F
}

.home-page .status-live{
  display:inline-flex;
  width:fit-content;
  align-items:center;
  gap:.4em;
  padding:.4em .9em;
  border-radius:999px;
  background:#873515;
  color:#FFFFFF;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:700;
  line-height:1
}

.home-page .node-label strong{
  display:block;
  margin-top:var(--space-2);
  font-family:var(--font-heading);
  font-size:var(--text-xl);
  line-height:1.2
}

.home-page .node-label small{
  display:block;
  margin-top:var(--space-2);
  color:#57574E;
  font-family:var(--font-mono)
}

.home-page .runner-card{
  top:18rem;
  left:var(--space-3);
  width:min(48%,19rem);
  background:#E3E2F2;
  color:#29263B
}

.home-page .runner-card>strong{
  display:block;
  margin-bottom:var(--space-2)
}

.home-page .runner-line{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  padding:.55rem 0;
  border-top:1px solid rgba(41,38,59,.13);
  font-family:var(--font-mono);
  font-size:var(--text-xs)
}

.home-page .runner-line span{
  min-width:0;
  overflow-wrap:anywhere
}

.home-page .cluster{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.4rem;
  margin-top:var(--space-2)
}

.home-page .cluster span{
  height:.42rem;
  border-radius:999px;
  background:#873515;
  color:#FFFFFF
}

.home-page .cluster span:last-child{
  background:#B6B2C5;
  color:#29263B
}

.home-page .delivery-strip{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-3);
  width:auto;
  min-height:0;
  height:auto;
  margin-top:var(--space-2);
  padding:var(--space-3);
  overflow:hidden;
  border-radius:16px;
  background:#292E30;
  color:#FFFFFF
}

.home-page .delivery-copy{
  min-width:0
}

.home-page .delivery-copy span{
  display:block;
  color:#C7CECB;
  font-family:var(--font-mono);
  font-size:10px;
  line-height:1.35
}

.home-page .delivery-copy strong{
  display:block;
  margin-top:.3rem;
  color:#FFFFFF;
  font-size:14px;
  font-weight:700;
  line-height:1.35
}

.home-page .delivery-badge{
  flex:0 0 auto;
  max-width:42%;
  padding:.55rem .85rem;
  border-radius:999px;
  background:#873515;
  color:#FFFFFF;
  font-family:var(--font-mono);
  font-size:10px;
  font-weight:700;
  line-height:1.3;
  text-align:center
}

.home-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:var(--space-3);
  margin-bottom:var(--space-4);
  overflow:hidden;
  border-radius:var(--radius-md);
  background:#202426;
  color:#FFFFFF
}

.home-fact{
  min-width:0;
  padding:var(--space-3);
  border-right:1px solid rgba(255,255,255,.13)
}

.home-fact:last-child{border-right:0}

.home-fact small{
  display:block;
  margin-bottom:.5rem;
  color:#C7CECB;
  font-family:var(--font-mono)
}

.home-fact strong{
  display:block;
  color:#FFFFFF;
  font-family:var(--font-heading);
  font-size:var(--text-lg);
  line-height:1.25;
  overflow-wrap:anywhere
}

.home-fact span{
  display:block;
  margin-top:.35rem;
  color:#D9DCDB;
  font-size:var(--text-xs);
  overflow-wrap:anywhere
}

.workflow-layout{
  display:grid;
  grid-template-columns:minmax(17rem,25rem) minmax(0,1fr);
  gap:var(--space-3);
  align-items:start
}

.workflow-stack{
  display:grid;
  gap:.75rem
}

.workflow-card{
  display:flex;
  min-width:0;
  min-height:8.7rem;
  flex-direction:column;
  justify-content:space-between;
  padding:var(--space-3);
  border-radius:var(--radius-md)
}

.workflow-card:nth-child(1){background:#DDE9F2;color:#1D2D38}
.workflow-card:nth-child(2){background:#F3EEDD;color:#25251F}
.workflow-card:nth-child(3){background:#E3E2F2;color:#29263B}
.workflow-card:nth-child(4){background:#F1E2E5;color:#38242A}

.workflow-title{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2)
}

.workflow-title strong,
.workflow-title span{
  min-width:0;
  overflow-wrap:anywhere
}

.workflow-title span{
  font-family:var(--font-mono);
  font-size:var(--text-xs)
}

.workflow-line{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
  gap:.35rem;
  align-items:center;
  font-size:var(--text-xs);
  text-align:center
}

.workflow-line b{
  min-width:0;
  overflow-wrap:anywhere
}

.workflow-line i{
  color:#6F2A10;
  font-style:normal
}

.console-panel{
  min-width:0;
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:#DDE9F2;
  color:#1D2D38
}

.console-top{
  display:flex;
  min-width:0;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-2);
  margin-bottom:var(--space-3)
}

.console-top>*{
  min-width:0;
  overflow-wrap:anywhere
}

.console-top span{
  color:#50616B;
  font-family:var(--font-mono);
  font-size:var(--text-xs)
}

.console-grid{
  display:grid;
  grid-template-columns:minmax(10rem,12rem) minmax(0,1fr);
  gap:var(--space-2);
  align-items:stretch
}

.console-side,
.console-main{
  display:grid;
  min-width:0;
  gap:.65rem
}

.console-side{
  align-content:start;
  padding:.75rem;
  border-radius:var(--radius-md);
  background:#F8FAFB;
  color:#202426
}

.console-side b{
  padding:.75rem;
  border-radius:.6rem;
  color:#3C484E;
  font-size:var(--text-xs);
  overflow-wrap:anywhere
}

.console-side b:first-child{
  background:#873515;
  color:#FFFFFF
}

.console-card{
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#202426
}

.console-card h3{
  margin-bottom:var(--space-2);
  font-size:var(--text-md)
}

.region-pills,
.console-progress,
.credential{
  display:grid;
  gap:.5rem
}

.region-pills{grid-template-columns:repeat(5,minmax(0,1fr))}

.region-pills span,
.console-progress div{
  min-width:0;
  padding:.65rem;
  border-radius:.6rem;
  background:#F1F3F3;
  color:#293032;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  text-align:center;
  overflow-wrap:anywhere
}

.region-pills span:first-child{
  background:#DDEBE8;
  color:#17312E;
  font-weight:800
}

.console-progress{grid-template-columns:repeat(4,minmax(0,1fr))}

.console-progress b{
  display:block;
  color:#6F2A10
}

.credential{grid-template-columns:repeat(2,minmax(0,1fr))}

.credential div{
  min-width:0;
  padding:.8rem;
  border-radius:.65rem;
  background:#202426;
  color:#F7F7F4;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  overflow-wrap:anywhere
}

.credential small{
  display:block;
  color:#BEC5C2
}

.console-caption{
  margin-top:var(--space-2);
  color:#465A62;
  font-size:var(--text-sm)
}

.surface-light{
  background:#F7FAFC;
  color:#202426
}

.usecases{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-2);
  align-items:stretch
}

.usecase{
  display:flex;
  min-width:0;
  height:100%;
  min-height:22rem;
  flex-direction:column;
  padding:var(--space-3);
  border-radius:var(--radius-md)
}

.usecase:nth-child(1){background:#F3EEDD;color:#25251F}
.usecase:nth-child(2){background:#DDEBE8;color:#17312E}
.usecase:nth-child(3){background:#E3E2F2;color:#29263B}
.usecase:nth-child(4){background:#F1E2E5;color:#38242A}

.usecase-code{
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  overflow-wrap:anywhere
}

.usecase h3{
  margin:var(--space-5) 0 var(--space-2);
  font-size:var(--text-md);
  overflow-wrap:anywhere
}

.usecase p{color:inherit}

.pipeline{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
  margin-top:auto;
  padding-top:var(--space-3);
  padding-bottom:var(--space-2)
}

.pipeline span{
  padding:.4em .9em;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:inherit;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  line-height:1
}

.latency-shell{
  display:grid;
  grid-template-columns:minmax(18rem,23rem) minmax(0,1fr);
  gap:var(--space-3);
  align-items:start
}

.latency-copy{
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:#DDEBE8;
  color:#17312E
}

.latency-copy h2{margin-bottom:var(--space-2)}
.latency-copy p{color:#294A46}

.test-meta{
  display:grid;
  gap:.5rem;
  margin-top:var(--space-4)
}

.test-meta span{
  display:flex;
  min-width:0;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-2);
  padding-bottom:.5rem;
  border-bottom:1px solid rgba(23,49,46,.18);
  color:#17312E;
  font-family:var(--font-mono);
  font-size:var(--text-xs)
}

.test-meta b,
.test-meta em{
  min-width:0;
  overflow-wrap:anywhere
}

.test-meta em{
  color:#31534F;
  font-style:normal;
  text-align:right
}

.latency-table-wrap{
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-lg);
  background:#202426;
  color:#FFFFFF
}

.latency-table-wrap .table-scroll{
  background:#202426;
  color:#FFFFFF
}

.latency-table{
  display:table;
  width:100%;
  min-width:44rem;
  border-collapse:collapse;
  background:#202426;
  color:#FFFFFF;
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums
}

.latency-table th,
.latency-table td{
  padding:.9rem .6rem;
  border-bottom:1px solid rgba(255,255,255,.12);
  color:#FFFFFF;
  text-align:right;
  vertical-align:top
}

.latency-table th{
  color:#C5CCCA;
  font-size:var(--text-xs)
}

.latency-table th:first-child,
.latency-table td:first-child{
  width:18%;
  text-align:left
}

.latency-table td:first-child{
  font-family:var(--font-body);
  font-weight:700
}

.latency-table tbody tr:last-child td{border-bottom:0}

.p95{
  display:block;
  color:#AEB7B3;
  font-size:.7rem
}

.price-band{
  padding:clamp(2rem,4vw,3rem);
  border-radius:var(--radius-lg);
  background:#F3EEDD;
  color:#25251F
}

.price-top{
  display:flex;
  min-width:0;
  align-items:flex-end;
  justify-content:space-between;
  gap:var(--space-5);
  margin-bottom:var(--space-4)
}

.price-top>div{
  min-width:0
}

.specs{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:var(--space-2)
}

.specs span{
  padding:.4em .9em;
  border-radius:999px;
  background:#FFFFFF;
  color:#202426;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  line-height:1
}

.price-lead{
  display:grid;
  justify-items:end;
  min-width:0;
  gap:var(--space-2);
  text-align:right
}

.price-lead strong{
  color:#6F2A10;
  font-family:var(--font-mono);
  font-size:clamp(2.4rem,5vw,3.2rem);
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere
}

.price-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.65rem;
  align-items:stretch
}

.price-cell{
  display:flex;
  min-width:0;
  height:100%;
  flex-direction:column;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#202426
}

.price-cell b{
  margin:.35rem 0;
  color:#202426;
  font-family:var(--font-mono);
  font-size:var(--text-xl);
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere
}

.price-cell span{
  margin-top:auto;
  padding-top:var(--space-2);
  color:#555B59;
  font-size:var(--text-xs)
}

.availability-row{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:var(--space-3)
}

.availability-row span{
  display:inline-flex;
  width:fit-content;
  align-items:center;
  gap:.4em;
  padding:.4em .9em;
  border-radius:999px;
  background:#DDEBE8;
  color:#17312E;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  line-height:1
}

.nodes{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:.75rem;
  align-items:stretch
}

.node{
  display:flex;
  min-width:0;
  height:100%;
  min-height:17rem;
  flex-direction:column;
  padding:var(--space-3);
  border-radius:var(--radius-md)
}

.node:nth-child(1){background:#DDEBE8;color:#17312E}
.node:nth-child(2){background:#E3E2F2;color:#29263B}
.node:nth-child(3){background:#DDE9F2;color:#1D2D38}
.node:nth-child(4){background:#F1E2E5;color:#38242A}
.node:nth-child(5){background:#F3EEDD;color:#25251F}

.node-code{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  font-family:var(--font-mono);
  font-size:var(--text-xs)
}

.node h3{
  margin-top:var(--space-5);
  font-size:var(--text-md);
  overflow-wrap:anywhere
}

.node p{
  margin-top:var(--space-2);
  color:inherit;
  font-size:var(--text-sm)
}

.node>a{
  margin-top:auto;
  padding-top:var(--space-3);
  color:inherit;
  font-size:var(--text-sm);
  font-weight:700;
  overflow-wrap:anywhere
}

.receipts{
  padding:clamp(2rem,5vw,4rem);
  border-radius:var(--radius-lg);
  background:#202426;
  color:#FFFFFF
}

.receipt-head{
  display:flex;
  min-width:0;
  align-items:flex-end;
  justify-content:space-between;
  gap:var(--space-5)
}

.receipt-head>div,
.receipt-head>p{
  min-width:0
}

.receipt-head>p{
  max-width:31rem;
  color:#C3C8C6
}

.receipt-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
  align-items:stretch;
  margin-top:var(--space-4)
}

.receipt{
  display:flex;
  min-width:0;
  height:100%;
  flex-direction:column;
  padding:var(--space-3);
  border-radius:var(--radius-md)
}

.receipt:nth-child(1){background:#DDE9F2;color:#1D2D38}
.receipt:nth-child(2){background:#F3EEDD;color:#25251F}
.receipt:nth-child(3){background:#F1E2E5;color:#38242A}

.person{
  display:flex;
  min-width:0;
  align-items:center;
  gap:.75rem
}

.person>div{
  min-width:0
}

.person strong,
.person small{
  overflow-wrap:anywhere
}

.person small{
  display:block;
  color:inherit
}

.avatar{
  display:grid;
  width:2.8rem;
  height:2.8rem;
  flex:0 0 auto;
  place-items:center;
  border-radius:50%;
  background:#FFFFFF;
  color:#202426;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:800
}

.receipt blockquote{
  margin:var(--space-4) 0;
  color:inherit;
  font-size:var(--text-base)
}

.receipt dl{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:.45rem var(--space-2);
  margin-top:auto
}

.receipt dt,
.receipt dd{
  min-width:0;
  color:inherit;
  overflow-wrap:anywhere
}

.receipt dd{
  font-family:var(--font-mono);
  text-align:right
}

.payment-note{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-4);
  margin-top:var(--space-4);
  padding-top:var(--space-3);
  border-top:1px solid rgba(255,255,255,.14)
}

.payment-note p{
  max-width:47rem;
  color:#C3C8C6;
  font-size:var(--text-sm)
}

.faq-layout{
  display:grid;
  grid-template-columns:minmax(18rem,.75fr) minmax(0,1.25fr);
  gap:var(--space-3);
  align-items:start
}

.faq-copy{
  min-width:0;
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:#F3EEDD;
  color:#25251F
}

.faq-copy p{
  margin-top:var(--space-2);
  color:#525249
}

.home-blog{
  background:#F7FAFC;
  color:#202426
}

.home-blog__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-3);
  align-items:stretch
}

.home-blog__card{
  display:flex;
  min-width:0;
  height:100%;
  flex-direction:column;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#202426
}

.home-blog__card .pill{
  display:inline-flex;
  width:fit-content;
  align-items:center;
  gap:.4em;
  padding:.4em .9em;
  border-radius:999px;
  background:#DDEBE8;
  color:#17312E;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  line-height:1
}

.home-blog__card h3{
  margin-top:var(--space-2);
  color:#202426;
  font-size:var(--text-md);
  overflow-wrap:anywhere
}

.home-blog__card p{
  margin-top:var(--space-2);
  color:#555B59
}

.home-blog__empty{
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#F3EEDD;
  color:#25251F
}

.home-blog__empty a:not(.c-btn){
  color:#6F2A10;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:.2em
}

.closing-actions{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-2)
}

.home-page .c-cta-band .c-btn-ghost{
  border-color:rgba(255,255,255,.45);
  color:#FFFFFF
}

@media (max-width:64rem){
  .home-page [data-hero-form="product-visual"]{
    grid-template-columns:minmax(0,1fr)
  }

  .home-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-fact:nth-child(2){border-right:0}
  .home-fact:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}

  .workflow-layout,
  .latency-shell,
  .faq-layout{
    grid-template-columns:minmax(0,1fr)
  }

  .usecases,
  .nodes{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .receipt-grid{grid-template-columns:minmax(0,1fr)}
  .receipt-head{align-items:flex-start;flex-direction:column}
  .home-blog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:42rem){
  .home-page [data-hero-form="product-visual"]{
    width:min(calc(100% - var(--gutter)*2),100%);
    margin-inline:auto
  }

  .home-page .hero-copy{
    padding:var(--space-3)
  }

  .home-page .hero-copy h1{
    max-width:none
  }

  .home-page .hero-stage{
    width:min(calc(100% - var(--gutter)*2),100%);
    margin-inline:auto;
    height:auto;
    overflow:hidden;
    transform:none
  }

  .home-page .hero-stage-head{
    align-items:flex-start;
    flex-direction:column
  }

  .home-page .hero-art::before{
    display:none
  }

  .home-page .hero-art{
    position:static;
    display:grid;
    width:min(calc(100% - var(--gutter)*2),100%);
    min-height:0;
    height:auto;
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-2);
    margin-inline:auto;
    padding:var(--space-3) 0;
    overflow:visible;
    transform:none
  }

  .home-page .queue-card,
  .home-page .node-label,
  .home-page .runner-card,
  .home-page .delivery-strip{
    position:static;
    grid-column:1;
    width:auto;
    max-width:none;
    height:auto;
    transform:none
  }

  .home-page .delivery-strip{
    width:100%
  }

  .home-page .build-row{
    grid-template-columns:1.75rem minmax(0,1fr)
  }

  .home-page .build-row .pill-ok{
    grid-column:2
  }

  .home-facts,
  .usecases,
  .nodes,
  .price-grid,
  .home-blog__grid{
    grid-template-columns:minmax(0,1fr)
  }

  .home-fact{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.13)
  }

  .home-fact:last-child{border-bottom:0}

  .workflow-line{
    grid-template-columns:minmax(0,1fr);
    text-align:left
  }

  .workflow-line i{display:none}

  .console-panel{padding:var(--space-3)}

  .console-grid,
  .credential{
    grid-template-columns:minmax(0,1fr)
  }

  .region-pills{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .console-progress{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .price-top,
  .payment-note{
    align-items:flex-start;
    flex-direction:column
  }

  .price-lead{
    justify-items:start;
    text-align:left
  }

  .price-lead .c-btn,
  .payment-note .c-btn{
    width:100%
  }

  .test-meta span{
    flex-direction:column;
    gap:.25rem
  }

  .test-meta em{text-align:left}

  .receipt dl{
    grid-template-columns:minmax(0,1fr)
  }

  .receipt dd{text-align:left}

  .closing-actions{
    width:100%
  }

  .closing-actions .c-btn{
    width:100%
  }
}