.hero-home{
  padding-block:var(--hero-pad) var(--space-9);
  background:#fff;
  color:#19151b
}

.hero-home__copy{
  width:min(100%,52rem);
  margin-inline:auto;
  text-align:center
}

.hero-home__copy .hero-mode{
  margin-inline:auto
}

.hero-mode{
  padding:.35rem;
  gap:.25rem;
  background:#f1f1ef;
  color:#19151b;
  text-transform:none;
  letter-spacing:0
}

.hero-mode::before{
  display:none
}

.hero-mode__button{
  min-height:2rem;
  padding:.45rem .75rem;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#5f565f;
  font-size:var(--text-xs);
  line-height:1;
  font-weight:700;
  cursor:pointer
}

.hero-mode__button.is-active{
  background:#59155f;
  color:#fff
}

.hero-mode__button:focus-visible{
  outline-offset:2px
}

.hero-mode + h1{
  margin-top:var(--space-5)
}

.hero-home h1{
  font-size:var(--text-display);
  line-height:1.16
}

.hero-home__lead{
  max-width:47rem;
  margin:var(--space-5) auto 0;
  color:#5f565f;
  font-size:var(--text-lg);
  line-height:var(--leading-loose)
}

.hero-home__copy .c-actions{
  justify-content:center;
  margin-top:var(--space-6)
}

.hero-home__note{
  margin-top:var(--space-5);
  color:#6b646c;
  font-size:var(--text-sm);
  line-height:1.6
}

.hero-art{
  width:min(100%,68rem);
  margin:var(--space-9) auto 0;
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(17rem,.8fr);
  gap:var(--space-4);
  align-items:start
}

.hero-art__queue,
.hero-art__node,
.hero-art__clock{
  min-width:0;
  padding:var(--space-6);
  border-radius:var(--radius-lg);
  overflow:hidden
}

.hero-art__queue{
  grid-row:span 2;
  min-height:31.5rem;
  display:flex;
  flex-direction:column;
  background:#19151b;
  color:#f8f5f8
}

.hero-art__node{
  background:#f4f1e8;
  color:#29231d
}

.hero-art__clock{
  background:#eaf1f3;
  color:#19292e
}

.hero-art__head{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-3);
  padding-bottom:var(--space-4);
  border-bottom:1px solid rgba(25,21,27,.12);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  line-height:1.4;
  font-weight:700
}

.hero-art__queue .hero-art__head{
  border-bottom-color:rgba(255,255,255,.14)
}

.hero-art__head > span{
  min-width:0;
  overflow-wrap:anywhere
}

.hero-art__status{
  flex:0 0 auto;
  color:#59155f
}

.hero-art__queue .hero-art__status{
  color:#d7b8df
}

.hero-art__log{
  min-height:0;
  max-height:20rem;
  margin-top:var(--space-5);
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-color:#7b3f91 #2b262c
}

.hero-art__log[hidden]{
  display:none!important
}

.hero-art__row{
  min-width:0;
  display:grid;
  grid-template-columns:1.25rem minmax(0,1fr) auto;
  gap:var(--space-3);
  align-items:start;
  padding-block:.8rem;
  font-family:var(--font-mono);
  font-size:var(--text-sm);
  line-height:1.55
}

.hero-art__row b{
  color:#d7b8df
}

.hero-art__row span{
  min-width:0;
  overflow-wrap:anywhere
}

.hero-art__row em{
  color:#a79fa8;
  font-style:normal;
  font-size:var(--text-xs)
}

.hero-art__rule{
  height:1px;
  background:rgba(255,255,255,.13);
  color:#fff
}

.hero-art__pill{
  width:fit-content;
  display:inline-flex;
  align-items:center;
  gap:.4em;
  padding:.4em .9em;
  border-radius:999px;
  line-height:1;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:700
}

.hero-art__queue .hero-art__pill{
  margin-top:auto;
  background:#d7b8df;
  color:#19151b
}

.hero-art__node .hero-art__pill{
  margin-top:var(--space-5);
  background:#59155f;
  color:#fff
}

.hero-art__key{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(4.75rem,.75fr) minmax(0,1.25fr);
  gap:var(--space-3);
  padding-block:.65rem;
  border-bottom:1px solid rgba(25,21,27,.2);
  font-size:var(--text-sm);
  line-height:1.5
}

.hero-art__key span,
.hero-art__key b{
  min-width:0;
  overflow-wrap:anywhere
}

.hero-art__key span{
  color:#6a626b
}

.hero-art__key b{
  font-family:var(--font-mono)
}

.hero-art__dial{
  width:min(100%,10rem);
  margin:var(--space-4) auto
}

.workflow-strip{
  border-block:1px solid #f0eff0;
  background:#fff;
  color:#19151b
}

.workflow-inner{
  min-height:7.375rem;
  display:grid;
  grid-template-columns:1.25fr repeat(5,1fr);
  align-items:stretch
}

.workflow-intro{
  min-width:0;
  padding-right:1.875rem;
  display:flex;
  align-items:center;
  color:#756e76;
  font-size:var(--text-xs);
  line-height:1.55
}

.tool{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  padding:var(--space-4);
  border-left:1px solid #f0eff0;
  color:#5e585f;
  font-size:var(--text-sm);
  line-height:1.4;
  font-weight:700
}

.tool-icon{
  width:1.75rem;
  height:1.75rem;
  flex:0 0 auto;
  border-radius:.5rem;
  display:grid;
  place-items:center;
  background:#eeeeec;
  color:#3f3940;
  font-family:var(--font-mono);
  font-size:var(--text-xs)
}

.physical-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);
  gap:4.5rem;
  align-items:start
}

.physical-copy{
  min-width:0
}

.physical-copy .c-kicker + h2,
.price-head .c-kicker + h2,
.home-regions .c-kicker + h2,
.final-board .c-kicker + h2{
  margin-top:var(--space-5)
}

.physical-lead,
.physical-detail{
  margin-top:var(--space-5);
  color:#5f565f
}

.physical-lead{
  font-size:var(--text-lg);
  line-height:var(--leading-loose)
}

.physical-detail{
  line-height:var(--leading-body)
}

.stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-4);
  margin-top:var(--space-7)
}

.stat{
  min-width:0;
  padding:var(--space-5);
  border-radius:var(--radius-md);
  background:#fff;
  color:#19151b;
  box-shadow:0 0 0 1px #e8e5df
}

.stat strong{
  display:block;
  font-family:var(--font-heading);
  font-size:clamp(1.75rem,7cqi,2.375rem);
  line-height:1.1;
  letter-spacing:-.04em;
  overflow-wrap:anywhere
}

.stat span{
  display:block;
  margin-top:var(--space-3);
  color:#645d65;
  font-size:var(--text-sm);
  line-height:1.55
}

.session-panel{
  min-height:30.75rem;
  padding:var(--space-6);
  border-radius:var(--radius-lg);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:#eaf1f3;
  color:#19292e
}

.session-top{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-3);
  font-size:var(--text-xs);
  line-height:1.4;
  font-weight:700
}

.session-top > span{
  min-width:0;
  overflow-wrap:anywhere
}

.session-status{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:.5rem
}

.session-status::before{
  width:.5rem;
  height:.5rem;
  border-radius:50%;
  background:#59155f;
  content:""
}

.session-screen{
  margin:var(--space-6) var(--space-6) var(--space-5);
  padding:var(--space-6);
  border-radius:var(--radius-md);
  background:#fff;
  color:#19151b;
  box-shadow:var(--shadow-soft)
}

.machine{
  min-width:0;
  display:flex;
  align-items:center;
  gap:var(--space-4);
  padding-bottom:var(--space-5)
}

.machine-glyph{
  width:4rem;
  height:4rem;
  flex:0 0 auto;
  border-radius:var(--radius-md);
  display:grid;
  place-items:center;
  background:#f4f1e8;
  color:#59155f
}

.machine-glyph svg{
  width:2.125rem;
  height:2.125rem
}

.machine-name{
  min-width:0
}

.machine-name strong{
  display:block;
  font-size:var(--text-lg);
  line-height:1.35;
  overflow-wrap:anywhere
}

.machine-name span{
  display:block;
  margin-top:var(--space-2);
  color:#68767a;
  font-size:var(--text-xs);
  line-height:1.5;
  overflow-wrap:anywhere
}

.resource-row{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(4.5rem,5.625rem) minmax(0,1fr) auto;
  gap:var(--space-3);
  align-items:center;
  margin-top:var(--space-3);
  font-size:var(--text-xs);
  line-height:1.4
}

.resource-row > *{
  min-width:0
}

.resource-row span:last-child{
  text-align:right;
  font-family:var(--font-mono)
}

.meter{
  height:.44rem;
  border-radius:999px;
  overflow:hidden;
  background:#e8eaeb
}

.meter i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:#7b3f91
}

.meter-42{
  width:42%
}

.meter-31{
  width:31%
}

.meter-18{
  width:18%
}

.command-echo{
  padding:var(--space-4) var(--space-5);
  border-radius:.75rem;
  background:#19151b;
  color:#f0edf0;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  line-height:1.65;
  overflow-wrap:anywhere
}

.command-echo b{
  color:#d7b8df
}

.price-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:var(--space-8);
  margin-bottom:var(--space-7)
}

.price-head > *{
  min-width:0
}

.price-head p{
  max-width:29rem;
  color:#5f565f;
  font-size:var(--text-lg);
  line-height:var(--leading-loose)
}

.c-price-card{
  padding-inline:var(--space-6)
}

.c-price-card__head{
  align-items:flex-start
}

.c-price-card__head h3{
  max-width:65%;
}

.c-price-card .c-badge{
  flex:0 1 auto;
  text-align:center
}

.c-price-card .c-btn{
  width:100%
}

.pricing-actions{
  justify-content:center;
  margin-top:var(--space-7)
}

.c-section-head{
  max-width:48rem
}

.c-section-head .c-kicker + h2{
  margin-top:var(--space-5)
}

.c-section-head h2 + p{
  margin-top:var(--space-4)
}

.c-section-head p{
  color:#5f565f;
  font-size:var(--text-lg);
  line-height:var(--leading-loose)
}

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

.work-card{
  min-width:0;
  min-height:20rem;
  padding:var(--space-6);
  border-radius:var(--radius-md);
  display:flex;
  flex-direction:column
}

.work-card:nth-child(1),
.work-card:nth-child(4){
  background:#f7f7f5;
  color:#19151b
}

.work-card:nth-child(2){
  background:#edf2e8;
  color:#1d2b1a
}

.work-card:nth-child(3){
  background:#f5ece7;
  color:#30201b
}

.work-card__code{
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  line-height:1.4;
  font-weight:700;
  opacity:.68
}

.work-card h3{
  margin-top:var(--space-4);
  font-size:var(--text-h3)
}

.work-card > p{
  max-width:31rem;
  margin-top:var(--space-3);
  opacity:.78
}

.work-boundary{
  margin-top:var(--space-5);
  padding-top:var(--space-4);
  border-top:1px solid rgba(25,21,27,.12);
  display:grid;
  gap:var(--space-2)
}

.work-boundary strong{
  font-size:var(--text-sm);
  line-height:1.4
}

.work-boundary span{
  font-size:var(--text-sm);
  line-height:1.55;
  opacity:.75
}

.work-meta{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:auto;
  padding-top:var(--space-5);
  padding-bottom:var(--space-1)
}

.work-meta span{
  padding:.4em .9em;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  background:rgba(255,255,255,.72);
  color:#29232a;
  font-family:var(--font-mono);
  font-size:.6875rem;
  line-height:1
}

.home-process{
  padding-block:var(--section-pad);
  background:#19151b;
  color:#fff
}

.home-process .process-grid{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:6.25rem;
  align-items:start
}

.home-process .c-section-head p{
  color:#b8b1b9
}

.home-process .c-kicker{
  background:#d7b8df;
  color:#19151b
}

.home-process .c-kicker::before{
  background:#59155f
}

.process-note{
  margin-top:var(--space-7);
  padding:var(--space-5);
  border-radius:var(--radius-md);
  display:grid;
  gap:var(--space-2);
  background:#2a252b;
  color:#fff
}

.process-note strong{
  font-size:var(--text-base);
  line-height:1.4
}

.process-note span{
  color:#c9c2ca;
  font-size:var(--text-sm);
  line-height:1.6
}

.timeline{
  padding-top:var(--space-2)
}

.timeline-item{
  position:relative;
  display:grid;
  grid-template-columns:3rem minmax(0,1fr) auto;
  gap:var(--space-5);
  padding-bottom:var(--space-7)
}

.timeline-item:not(:last-child)::before{
  position:absolute;
  z-index:0;
  left:1.1875rem;
  top:2.375rem;
  bottom:0;
  width:1px;
  background:#4b444c;
  content:""
}

.timeline-num{
  position:relative;
  z-index:1;
  width:2.375rem;
  height:2.375rem;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#2a252b;
  color:#d8c2de;
  font-family:var(--font-mono);
  font-size:var(--text-xs)
}

.timeline-copy{
  min-width:0;
  padding:0 0 var(--space-6);
  border-bottom:1px solid #343035
}

.timeline-copy h3{
  margin-top:var(--space-1);
  font-size:var(--text-h3)
}

.timeline-copy p{
  margin-top:var(--space-2);
  color:#aaa4ab;
  font-size:var(--text-sm);
  line-height:1.6
}

.timeline-time{
  padding-top:.45rem;
  color:#c7a9d0;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  line-height:1.4;
  text-align:right
}

.timeline-total{
  display:flex;
  justify-content:space-between;
  gap:var(--space-4);
  padding:var(--space-5) 0 0 4.2rem;
  font-size:var(--text-base);
  line-height:1.4;
  font-weight:700
}

.timeline-total b{
  color:#c7a9d0;
  font-family:var(--font-mono)
}

.home-portal .c-portal-band{
  padding-inline:var(--space-8)
}

.portal-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-3)
}

.c-portal-band .portal-actions .c-btn-ghost{
  border-color:rgba(255,255,255,.42);
  color:#fff
}

.interface-grid{
  margin-top:var(--space-8);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:var(--space-4)
}

.interface-card{
  min-width:0;
  min-height:0;
  padding:var(--space-6);
  border-radius:var(--radius-md);
  display:flex;
  flex-direction:column
}

.interface-card:nth-child(1){
  background:#f4f1e8;
  color:#29231d
}

.interface-card:nth-child(2){
  background:#eaf1f3;
  color:#19292e
}

.interface-card:nth-child(3){
  background:#edf2e8;
  color:#1d2b1a
}

.interface-card h3{
  font-size:var(--text-h3)
}

.interface-card > p{
  margin:var(--space-2) 0 var(--space-5);
  opacity:.72;
  font-size:var(--text-sm)
}

.ui-panel{
  padding:var(--space-5);
  border-radius:.8rem;
  background:#fff;
  color:#19151b;
  box-shadow:0 .75rem 1.875rem rgba(25,21,27,.055)
}

.ui-label{
  color:#736d74;
  font-size:.6875rem;
  line-height:1.4;
  font-weight:700;
  letter-spacing:.06em
}

.lease-dial{
  height:6rem;
  margin:var(--space-2) 0;
  display:grid;
  place-items:center
}

.lease-dial strong{
  width:5.125rem;
  height:5.125rem;
  border:.5rem solid #e5dce7;
  border-top-color:#59155f;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-family:var(--font-mono);
  font-size:var(--text-xs)
}

.key-row,
.task-line{
  min-width:0;
  display:grid;
  gap:var(--space-3);
  padding:.65rem 0;
  border-bottom:1px solid #eceaec;
  font-size:var(--text-xs);
  line-height:1.5
}

.key-row{
  grid-template-columns:minmax(4.5rem,.8fr) minmax(0,1.2fr)
}

.key-row span,
.key-row b,
.task-line > *{
  min-width:0;
  overflow-wrap:anywhere
}

.key-row span{
  color:#736d74
}

.key-row b,
.task-line b{
  font-family:var(--font-mono)
}

.task-line{
  grid-template-columns:minmax(0,1fr) auto
}

.task-line small{
  display:block;
  margin-top:var(--space-1);
  color:#736d74
}

.home-blog{
  background:#f7f7f5;
  color:#19151b
}

.home-blog__head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:var(--space-7)
}

.home-blog__head > *{
  min-width:0
}

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

.home-blog__card{
  min-width:0;
  min-height:16rem;
  padding:var(--space-6);
  border-radius:var(--radius-md);
  display:flex;
  flex-direction:column;
  background:#fff;
  color:#19151b
}

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

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

.home-blog__card .pill + h3{
  margin-top:var(--space-5)
}

.home-blog__card h3{
  font-size:var(--text-h3)
}

.home-blog__card p{
  margin-top:var(--space-3);
  color:#5f565f;
  font-size:var(--text-sm)
}

.home-blog__empty{
  margin-top:var(--space-7);
  padding:var(--space-6);
  border-radius:var(--radius-md);
  background:#fff;
  color:#5f565f
}

.home-blog__empty a:not(.c-btn){
  color:#59155f;
  text-decoration:underline;
  text-underline-offset:.2rem
}

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

.home-regions{
  background:#f4f1e8;
  color:#29231d
}

.regions-grid{
  display:grid;
  grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);
  gap:4.5rem;
  align-items:start
}

.regions-grid > *{
  min-width:0
}

.regions-lead{
  margin-top:var(--space-5);
  color:#625a51;
  font-size:var(--text-lg);
  line-height:var(--leading-loose)
}

.region-list{
  margin-top:var(--space-7);
  display:grid;
  gap:var(--space-3)
}

.region-row{
  min-width:0;
  min-height:4rem;
  padding:var(--space-4) var(--space-5);
  border-radius:.7rem;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:var(--space-5);
  align-items:center;
  background:#fff;
  color:#29231d
}

.region-row > *{
  min-width:0;
  overflow-wrap:anywhere
}

.region-code{
  color:#746d65;
  font-family:var(--font-mono);
  font-size:var(--text-xs)
}

.stock{
  display:inline-flex;
  align-items:center;
  gap:.4em;
  width:fit-content;
  margin-left:auto;
  padding:.4em .9em;
  border-radius:999px;
  background:#edf2e8;
  color:#1d2b1a;
  font-size:.6875rem;
  line-height:1;
  font-weight:700
}

.region-actions{
  margin-top:var(--space-6)
}

.home-regions .c-faq-list{
  margin-top:var(--space-7);
  gap:0
}

.home-regions .c-faq{
  padding:var(--space-5) 0;
  border-radius:0;
  border-bottom:1px solid rgba(41,35,29,.14);
  background:#f4f1e8;
  color:#29231d
}

.home-regions .c-faq-list > .c-faq:first-child{
  border-top:1px solid rgba(41,35,29,.14)
}

.home-regions .c-faq__body{
  margin-top:var(--space-3);
  padding:var(--space-4) var(--space-4) 0;
  border-top:1px solid rgba(41,35,29,.14);
  background:#f4f1e8;
  color:#625a51
}

.faq-actions{
  margin-top:var(--space-6)
}

.home-final{
  padding-block:var(--section-pad-tight);
  background:#fff;
  color:#19151b
}

.final-board{
  min-height:18.75rem;
  padding:var(--space-8);
  border-radius:var(--radius-lg);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--space-8);
  align-items:center;
  background:#19151b;
  color:#fff
}

.final-board p{
  margin-top:var(--space-4);
  color:#c8c1c9
}

.final-board .c-kicker{
  background:#d7b8df;
  color:#19151b
}

.final-board .c-kicker::before{
  background:#59155f
}

.final-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-3)
}

.final-actions .c-btn-secondary{
  border-color:rgba(255,255,255,.42);
  background:transparent;
  color:#fff
}

.reveal{
  opacity:1
}

@media(max-width:64rem){
  .hero-art{
    grid-template-columns:minmax(0,1.25fr) minmax(16rem,.75fr)
  }

  .workflow-inner{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }

  .workflow-intro{
    grid-column:1/-1;
    min-height:5rem;
    padding:var(--space-4) 0
  }

  .tool{
    min-height:5rem
  }

  .physical-grid,
  .home-process .process-grid,
  .regions-grid{
    grid-template-columns:1fr;
    gap:var(--space-8)
  }

  .session-panel{
    min-height:0
  }

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

  .interface-card{
    min-height:0
  }

  .interface-card:last-child{
    grid-column:1/-1
  }

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

@media(max-width:42rem){
  .hero-home{
    padding-block:var(--hero-pad) var(--space-8)
  }

  .hero-home h1 br{
    display:none
  }

  .hero-home__lead{
    font-size:var(--text-base)
  }

  .hero-art{
    width:min(calc(100% - var(--gutter)*2),100%);
    margin-inline:auto;
    margin-top:var(--space-8);
    height:auto;
    overflow:visible;
    transform:none;
    grid-template-columns:minmax(0,1fr)
  }

  .hero-art__queue,
  .hero-art__node,
  .hero-art__clock{
    grid-column:1;
    grid-row:auto;
    width:auto;
    height:auto;
    min-height:0
  }

  .hero-art__row{
    grid-template-columns:1.1rem minmax(0,1fr)
  }

  .hero-art__row em{
    grid-column:2;
    text-align:left
  }

  .workflow-inner,
  .work-grid,
  .interface-grid,
  .home-blog__grid{
    grid-template-columns:1fr
  }

  .tool{
    border-left:0;
    border-top:1px solid #f0eff0
  }

  .stats{
    grid-template-columns:1fr
  }

  .session-screen{
    margin:var(--space-5) 0
  }

  .price-head,
  .home-blog__head,
  .final-board{
    display:grid;
    grid-template-columns:1fr;
    align-items:start
  }

  .price-head{
    gap:var(--space-5)
  }

  .price-head p{
    font-size:var(--text-base)
  }

  .work-card{
    min-height:0
  }

  .timeline-item{
    grid-template-columns:2.5rem minmax(0,1fr);
    gap:var(--space-4)
  }

  .timeline-time{
    grid-column:2;
    padding-top:0;
    text-align:left
  }

  .timeline-total{
    padding-left:3.5rem
  }

  .home-portal .c-portal-band{
    padding-inline:var(--space-6)
  }

  .interface-card:last-child{
    grid-column:auto
  }

  .key-row{
    grid-template-columns:1fr
  }

  .region-row{
    grid-template-columns:minmax(0,1fr) auto;
    gap:var(--space-3)
  }

  .region-row .stock{
    grid-column:1/-1;
    margin-left:0
  }

  .final-board{
    min-height:0;
    padding:var(--space-6)
  }

  .final-actions{
    width:100%
  }

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

@media(max-width:24.375rem){
  .hero-mode{
    width:100%;
    display:grid;
    grid-template-columns:1fr
  }

  .hero-mode__button{
    width:100%
  }

  .session-panel,
  .hero-art__queue,
  .hero-art__node,
  .hero-art__clock,
  .work-card,
  .interface-card,
  .home-blog__card{
    padding-inline:var(--space-5)
  }

  .machine{
    align-items:flex-start
  }

  .machine-glyph{
    width:3rem;
    height:3rem
  }

  .resource-row{
    grid-template-columns:1fr auto
  }

  .resource-row .meter{
    grid-column:1/-1;
    grid-row:2
  }
}