.home-hero{
  padding-block:var(--vm-space-5);
  color:var(--vm-ink);
  background:var(--vm-paper)
}

.home-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:var(--vm-space-5);
  align-items:start
}

.home-hero-grid>*{
  min-width:0
}

.home-hero-copy{
  display:grid;
  gap:var(--vm-space-1);
  align-items:start
}

.home-hero-title{
  max-width:18ch;
  font-size:clamp(2.55rem,5vw,3.75rem);
  line-height:1.16
}

.home-hero-title em{
  color:var(--vm-orange-paper);
  font-style:normal
}

.home-hero-copy .vm-hero-lead{
  max-width:40rem;
  color:var(--vm-ink);
  font-size:var(--vm-fs-3)
}

.home-hero-copy .vm-hero-note{
  max-width:42rem;
  color:var(--vm-muted)
}

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

.home-facts{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem 1.25rem;
  margin-top:var(--vm-space-2);
  color:var(--vm-muted);
  font-size:var(--vm-fs-0)
}

.home-facts span{
  min-width:0;
  display:flex;
  align-items:center;
  gap:.45rem;
  overflow-wrap:anywhere
}

.home-facts span::before{
  content:"";
  width:.45rem;
  height:.45rem;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--vm-amber)
}

.home-stage{
  position:relative;
  min-width:0;
  height:clamp(28rem,43vw,34rem);
  overflow:hidden;
  border-radius:var(--vm-radius-lg);
  background:var(--vm-surface);
  box-shadow:var(--vm-shadow)
}

.home-stage-img{
  width:100%;
  height:100%;
  object-fit:cover
}

.home-stage-light{
  position:absolute;
  top:var(--vm-space-3);
  right:var(--vm-space-3);
  max-width:46%;
  display:grid;
  gap:.35rem;
  padding:var(--vm-space-2);
  color:var(--vm-ink);
  background:color-mix(in srgb,var(--vm-paper) 94%,transparent);
  border-radius:var(--vm-radius-md);
  box-shadow:var(--vm-shadow-soft);
  backdrop-filter:blur(10px)
}

.home-stage-light small,
.home-stage-light span{
  color:var(--vm-muted)
}

.home-stage-light strong{
  color:var(--vm-ink);
  font-family:var(--vm-font-mono);
  font-size:var(--vm-fs-3);
  line-height:1.25
}

.home-stage-host{
  position:absolute;
  right:var(--vm-space-3);
  bottom:8.6rem;
  max-width:58%;
  display:grid;
  gap:.35rem;
  padding:.85rem 1rem;
  color:var(--vm-ink);
  background:var(--vm-amber);
  border-radius:var(--vm-radius-sm);
  box-shadow:var(--vm-shadow-soft)
}

.home-stage-host span{
  font-family:var(--vm-font-heading);
  font-size:var(--vm-fs-0);
  font-weight:750
}

.home-stage-host strong{
  font-family:var(--vm-font-mono);
  font-size:var(--vm-fs-1);
  overflow-wrap:anywhere
}

.home-terminal{
  position:absolute;
  left:var(--vm-space-3);
  right:5.5rem;
  bottom:var(--vm-space-3);
  padding:1.15rem 1.3rem;
  overflow-x:auto;
  color:var(--vm-paper);
  background:var(--vm-ink);
  border-radius:var(--vm-radius-md);
  box-shadow:var(--vm-shadow);
  font-family:var(--vm-font-mono);
  font-size:var(--vm-fs-1);
  line-height:1.72;
  white-space:nowrap
}

.home-terminal b{
  color:var(--vm-amber);
  font-weight:500
}

.home-terminal i{
  color:color-mix(in srgb,var(--vm-green) 62%,white);
  font-style:normal
}

.home-section-title{
  display:grid;
  gap:var(--vm-space-1);
  min-width:0
}

.home-value-grid{
  align-items:start
}

.home-value-card{
  display:grid;
  gap:var(--vm-space-1);
  align-content:start
}

.home-value-card p{
  color:var(--vm-muted)
}

.value-icon{
  width:3.25rem;
  height:3.25rem;
  display:grid;
  place-items:center;
  margin-bottom:var(--vm-space-1);
  color:var(--vm-ink);
  background:var(--vm-amber);
  border-radius:var(--vm-radius-md)
}

.value-icon svg{
  width:1.65rem;
  height:1.65rem
}

.workload-grid{
  display:grid;
  grid-template-columns:minmax(16rem,.72fr) minmax(0,1.28fr);
  gap:var(--vm-space-5);
  align-items:center
}

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

.workload-copy{
  display:grid;
  gap:var(--vm-space-1);
  align-content:center
}

.workload-copy p{
  color:var(--vm-muted)
}

.workload-selector{
  width:fit-content;
  max-width:100%;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.75rem;
  margin-top:var(--vm-space-2);
  font-family:var(--vm-font-heading);
  font-size:var(--vm-fs-1);
  font-weight:700
}

.workload-selector button{
  width:3.6rem;
  height:1.95rem;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  padding:.25rem;
  color:var(--vm-ink);
  background:var(--vm-surface-2);
  border:1px solid var(--vm-control-line);
  border-radius:var(--vm-radius-pill);
  cursor:pointer;
  transition:background-color .2s var(--vm-ease)
}

.workload-selector button span{
  width:1.35rem;
  height:1.35rem;
  display:block;
  border-radius:50%;
  background:var(--vm-amber);
  box-shadow:0 2px 7px color-mix(in srgb,var(--vm-ink) 20%,transparent);
  transition:transform .25s var(--vm-ease)
}

.workload-selector button[aria-pressed="true"]{
  color:var(--vm-paper);
  background:var(--vm-ink);
  border-color:var(--vm-ink)
}

.workload-selector button[aria-pressed="true"] span{
  transform:translateX(1.62rem)
}

.workload-note{
  color:var(--vm-muted);
  font-size:var(--vm-fs-1)
}

.workload-board{
  position:relative;
  min-width:0;
  min-height:29rem
}

.metric-sheet{
  position:absolute;
  inset:0 0 4.25rem 4rem;
  padding:var(--vm-space-3);
  color:var(--vm-ink);
  background:var(--vm-white);
  border-radius:var(--vm-radius-lg);
  box-shadow:var(--vm-shadow-soft)
}

.metric-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--vm-space-2)
}

.metric-head>div{
  min-width:0;
  display:grid;
  gap:.35rem
}

.metric-head small{
  color:var(--vm-muted)
}

.metric-head strong{
  overflow-wrap:anywhere
}

.metric-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
  margin-top:var(--vm-space-3)
}

.metric-grid div{
  min-width:0;
  padding:var(--vm-space-2);
  color:var(--vm-ink);
  background:var(--vm-surface);
  border-radius:var(--vm-radius-sm)
}

.metric-grid small{
  display:block;
  color:var(--vm-muted)
}

.metric-grid strong{
  display:block;
  margin-top:.35rem;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-fs-3);
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere
}

.metric-bars{
  height:8rem;
  display:flex;
  align-items:end;
  gap:.65rem;
  margin-top:var(--vm-space-3);
  padding:var(--vm-space-2);
  color:var(--vm-ink);
  background:var(--vm-amber-pale);
  border-radius:var(--vm-radius-sm)
}

.metric-bars i{
  flex:1;
  min-width:.35rem;
  background:linear-gradient(180deg,var(--vm-amber),var(--vm-orange));
  border-radius:.25rem .25rem 0 0;
  transition:height .35s var(--vm-ease)
}

.metric-bars i:nth-child(1){height:35%}
.metric-bars i:nth-child(2){height:58%}
.metric-bars i:nth-child(3){height:45%}
.metric-bars i:nth-child(4){height:78%}
.metric-bars i:nth-child(5){height:65%}
.metric-bars i:nth-child(6){height:91%}
.metric-bars i:nth-child(7){height:74%}

.workload-board.is-ci .metric-bars i:nth-child(1){height:66%}
.workload-board.is-ci .metric-bars i:nth-child(2){height:82%}
.workload-board.is-ci .metric-bars i:nth-child(3){height:54%}
.workload-board.is-ci .metric-bars i:nth-child(4){height:92%}
.workload-board.is-ci .metric-bars i:nth-child(5){height:71%}
.workload-board.is-ci .metric-bars i:nth-child(6){height:48%}
.workload-board.is-ci .metric-bars i:nth-child(7){height:63%}

.workload-code{
  position:absolute;
  left:0;
  bottom:0;
  width:min(84%,35rem);
  min-height:10.5rem;
  box-shadow:var(--vm-shadow)
}

.plan-board{
  display:grid;
  grid-template-columns:minmax(17rem,.7fr) minmax(0,1.3fr);
  overflow:hidden;
  border-radius:var(--vm-radius-lg);
  box-shadow:var(--vm-shadow)
}

.plan-board>*{
  min-width:0
}

.plan-identity{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:var(--vm-space-4);
  color:var(--vm-white);
  background:var(--vm-ink)
}

.plan-identity h3{
  margin-top:var(--vm-space-3);
  color:var(--vm-white)
}

.plan-identity>p{
  margin-top:var(--vm-space-1);
  color:color-mix(in srgb,var(--vm-white) 72%,transparent)
}

.plan-specs{
  width:100%;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
  margin-top:var(--vm-space-4)
}

.plan-specs span{
  min-width:0;
  display:grid;
  gap:.3rem;
  padding-top:.75rem;
  border-top:1px solid var(--vm-line-dark)
}

.plan-specs small{
  color:color-mix(in srgb,var(--vm-white) 64%,transparent)
}

.plan-specs strong{
  color:var(--vm-white);
  font-family:var(--vm-font-mono);
  font-size:var(--vm-fs-1);
  overflow-wrap:anywhere
}

.plan-pricing{
  padding:var(--vm-space-4);
  color:var(--vm-ink);
  background:var(--vm-white)
}

.plan-pricing>p{
  margin-top:var(--vm-space-1);
  color:var(--vm-muted)
}

.plan-pricing .c-price-list{
  margin-top:var(--vm-space-3)
}

.plan-pricing .plan-payment{
  margin-top:var(--vm-space-3);
  color:var(--vm-muted);
  font-size:var(--vm-fs-1)
}

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

.region-card{
  min-width:0;
  padding:var(--vm-space-3);
  color:var(--vm-ink);
  background:var(--vm-white);
  border-radius:var(--vm-radius-md);
  transition:transform .2s var(--vm-ease),box-shadow .2s var(--vm-ease)
}

.region-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--vm-shadow-soft)
}

.region-top{
  display:flex;
  justify-content:space-between;
  gap:.75rem;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-fs-0)
}

.region-stock{
  color:var(--vm-green);
  font-family:var(--vm-font-body);
  font-weight:700
}

.region-card h3{
  margin-top:var(--vm-space-4);
  color:var(--vm-ink)
}

.region-card p{
  margin-top:var(--vm-space-1);
  color:var(--vm-muted);
  font-size:var(--vm-fs-1)
}

.region-guidance{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  margin-top:var(--vm-space-3);
  color:var(--vm-white);
  background:var(--vm-ink-2);
  border-radius:var(--vm-radius-md)
}

.region-guidance>*{
  min-width:0;
  padding:var(--vm-space-2);
  overflow-wrap:anywhere
}

.region-guidance strong{
  color:var(--vm-amber);
  font-family:var(--vm-font-heading)
}

.region-guidance span{
  color:color-mix(in srgb,var(--vm-white) 76%,transparent);
  border-left:1px solid var(--vm-line-dark);
  font-size:var(--vm-fs-1)
}

.use-grid{
  align-items:start
}

.use-card{
  display:grid;
  gap:var(--vm-space-1);
  align-content:start
}

.use-card>p{
  color:var(--vm-muted)
}

.use-card dl{
  display:grid;
  gap:0;
  margin:var(--vm-space-2) 0 0
}

.use-card dl div{
  display:grid;
  grid-template-columns:7rem minmax(0,1fr);
  gap:.75rem;
  padding-block:.8rem;
  border-top:1px solid var(--vm-line-soft)
}

.use-card dt{
  color:var(--vm-orange-paper);
  font-size:var(--vm-fs-1)
}

.use-card dd{
  min-width:0;
  color:var(--vm-muted);
  overflow-wrap:anywhere
}

.migration-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--vm-space-2);
  align-items:start
}

.migration-step{
  min-width:0;
  display:flex;
  flex-direction:column;
  min-height:21rem;
  padding:var(--vm-space-3);
  color:var(--vm-white);
  background:var(--vm-ink);
  border-radius:var(--vm-radius-md)
}

.migration-step:nth-child(2){
  color:var(--vm-white);
  background:var(--vm-ink-2)
}

.migration-step:nth-child(3){
  color:var(--vm-ink);
  background:var(--vm-amber)
}

.migration-index{
  color:var(--vm-amber);
  font-size:var(--vm-fs-0)
}

.migration-step:nth-child(3) .migration-index{
  color:#713111
}

.migration-step h3{
  margin-top:var(--vm-space-2);
  color:inherit
}

.migration-step>p{
  margin-top:var(--vm-space-1);
  color:color-mix(in srgb,var(--vm-white) 76%,transparent);
  font-size:var(--vm-fs-1)
}

.migration-step:nth-child(3)>p{
  color:color-mix(in srgb,var(--vm-ink) 78%,transparent)
}

.migration-check{
  display:grid;
  gap:.35rem;
  margin-top:var(--vm-space-3);
  padding-top:var(--vm-space-2);
  border-top:1px solid var(--vm-line-dark)
}

.migration-step:nth-child(3) .migration-check{
  border-top-color:color-mix(in srgb,var(--vm-ink) 18%,transparent)
}

.migration-check strong{
  color:var(--vm-amber);
  font-family:var(--vm-font-heading);
  font-size:var(--vm-fs-1)
}

.migration-step:nth-child(3) .migration-check strong{
  color:#713111
}

.migration-check span{
  color:color-mix(in srgb,var(--vm-white) 72%,transparent);
  font-size:var(--vm-fs-1)
}

.migration-step:nth-child(3) .migration-check span{
  color:color-mix(in srgb,var(--vm-ink) 78%,transparent)
}

.migration-rule{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--vm-space-2);
  margin-top:var(--vm-space-3);
  padding:var(--vm-space-3);
  color:var(--vm-ink);
  background:var(--vm-amber-pale);
  border-radius:var(--vm-radius-md)
}

.migration-rule svg{
  width:1.4rem;
  height:1.4rem
}

.migration-rule>div{
  min-width:0;
  display:grid;
  gap:.35rem
}

.migration-rule p{
  color:var(--vm-muted)
}

.control-grid{
  display:grid;
  grid-template-columns:minmax(17rem,.72fr) minmax(0,1.28fr);
  gap:var(--vm-space-5);
  align-items:center
}

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

.control-copy{
  display:grid;
  gap:var(--vm-space-1)
}

.control-copy h2{
  color:var(--vm-white)
}

.control-copy>p{
  color:color-mix(in srgb,var(--vm-white) 72%,transparent)
}

.control-list{
  display:grid;
  gap:0;
  margin:var(--vm-space-2) 0 0;
  padding:0;
  list-style:none
}

.control-list li{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(6rem,.65fr) minmax(0,1.35fr);
  gap:var(--vm-space-2);
  padding-block:.8rem;
  color:var(--vm-white);
  border-top:1px solid var(--vm-line-dark)
}

.control-list span{
  color:var(--vm-amber);
  font-size:var(--vm-fs-1)
}

.control-list strong{
  min-width:0;
  color:var(--vm-white);
  font-size:var(--vm-fs-1);
  overflow-wrap:anywhere
}

.control-copy .c-btn-ghost{
  color:var(--vm-white);
  border-color:color-mix(in srgb,var(--vm-white) 42%,transparent)
}

.control-stage{
  position:relative;
  min-width:0;
  min-height:29rem
}

.control-sheet{
  position:absolute;
  inset:0 0 4.25rem 4rem;
  padding:var(--vm-space-3);
  color:var(--vm-ink);
  background:var(--vm-surface);
  border-radius:var(--vm-radius-lg);
  box-shadow:var(--vm-shadow-soft)
}

.control-sheet-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--vm-space-2)
}

.control-sheet-head>div{
  min-width:0;
  display:grid;
  gap:.35rem
}

.control-sheet-head small{
  color:var(--vm-muted)
}

.control-sheet-head strong{
  font-family:var(--vm-font-mono);
  overflow-wrap:anywhere
}

.control-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
  margin-top:var(--vm-space-3)
}

.control-summary div{
  min-width:0;
  padding:var(--vm-space-2);
  color:var(--vm-ink);
  background:var(--vm-white);
  border-radius:var(--vm-radius-sm)
}

.control-summary small{
  display:block;
  color:var(--vm-muted)
}

.control-summary strong{
  display:block;
  margin-top:.35rem;
  font-family:var(--vm-font-mono);
  overflow-wrap:anywhere
}

.control-queue{
  margin-top:var(--vm-space-2);
  padding:var(--vm-space-2);
  color:var(--vm-ink);
  background:var(--vm-white);
  border-radius:var(--vm-radius-sm)
}

.control-row{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(3rem,.5fr);
  gap:.5rem;
  padding:.5rem 0;
  border-bottom:1px solid var(--vm-line-soft);
  font-family:var(--vm-font-mono);
  font-size:var(--vm-fs-0)
}

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

.control-row:last-child{
  border-bottom:0
}

.control-row-head{
  color:var(--vm-muted)
}

.control-terminal{
  position:absolute;
  left:0;
  bottom:0;
  width:min(79%,32rem);
  min-height:10.5rem;
  box-shadow:var(--vm-shadow)
}

.blog-list{
  border-top:1px solid var(--vm-line-soft)
}

.blog-cover{
  display:none
}

.blog-row{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(16rem,.8fr) minmax(0,1.2fr) 7rem;
  gap:var(--vm-space-4);
  align-items:start;
  padding:var(--vm-space-3) var(--vm-space-2);
  color:var(--vm-ink);
  background:var(--vm-white);
  border-bottom:1px solid var(--vm-line-soft);
  transition:background-color .2s var(--vm-ease),padding-left .2s var(--vm-ease)
}

.blog-row:hover{
  padding-left:var(--vm-space-3);
  color:var(--vm-ink);
  background:var(--vm-amber-pale)
}

.blog-row-title{
  min-width:0;
  display:grid;
  gap:.4rem
}

.blog-row-title span{
  color:var(--vm-orange-paper);
  font-family:var(--vm-font-heading);
  font-size:var(--vm-fs-0);
  font-weight:750
}

.blog-row h3{
  color:var(--vm-ink);
  font-size:var(--vm-fs-3)
}

.blog-row p{
  min-width:0;
  display:-webkit-box;
  overflow:hidden;
  color:var(--vm-muted);
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
}

.blog-row time{
  color:color-mix(in srgb,var(--vm-orange-paper) 78%,var(--vm-ink));
  font-family:var(--vm-font-mono);
  font-size:var(--vm-fs-0);
  text-align:right;
  font-variant-numeric:tabular-nums
}

.blog-empty-link{
  margin-top:var(--vm-space-3)
}

.home-faq-grid{
  align-items:start
}

.home-faq-grid .c-faq{
  color:var(--vm-ink);
  background:var(--vm-surface)
}

.home-faq-grid .c-faq-body{
  padding-top:var(--vm-space-2);
  color:var(--vm-muted);
  border-top:1px solid var(--vm-line-soft)
}

.home-closing-section{
  padding-top:var(--vm-space-5);
  padding-bottom:var(--vm-space-3);
  background:var(--vm-paper)
}

.home-closing-copy{
  min-width:0;
  display:grid;
  gap:var(--vm-space-1);
  max-width:44rem
}

.home-closing-copy .c-kicker{
  color:var(--vm-amber)
}

.home-closing-copy h2{
  color:var(--vm-white)
}

.home-closing-copy p{
  color:color-mix(in srgb,var(--vm-white) 72%,transparent)
}

.home-closing-actions{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:.625rem
}

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

.home-closing-actions .c-btn-ghost{
  color:var(--vm-white);
  border-color:color-mix(in srgb,var(--vm-white) 42%,transparent)
}

@media (max-width:64rem){
  .home-hero-grid,
  .workload-grid,
  .plan-board,
  .control-grid{
    grid-template-columns:1fr
  }

  .home-hero-grid,
  .workload-grid,
  .control-grid{
    gap:var(--vm-space-4)
  }

  .home-stage{
    height:32rem
  }

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

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

  .region-guidance strong{
    grid-column:1/-1
  }

  .region-guidance span{
    border-left:0;
    border-top:1px solid var(--vm-line-dark)
  }

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

  .migration-step:last-child{
    grid-column:1/-1;
    min-height:0
  }
}

@media (max-width:44rem){
  .home-hero{
    padding-block:var(--vm-space-4)
  }

  .home-hero-title{
    max-width:none;
    font-size:clamp(2.35rem,12vw,3.25rem)
  }

  .home-hero-copy .c-actions{
    width:100%
  }

  .home-hero-copy .c-actions .c-btn{
    width:100%;
    white-space:normal
  }

  .home-stage{
    height:28rem
  }

  .home-stage-light{
    top:var(--vm-space-2);
    right:var(--vm-space-2);
    max-width:58%
  }

  .home-stage-host{
    right:var(--vm-space-2);
    bottom:8.6rem;
    max-width:72%
  }

  .home-terminal{
    left:var(--vm-space-2);
    right:var(--vm-space-2);
    bottom:var(--vm-space-2);
    font-size:var(--vm-fs-0)
  }

  .workload-board,
  .control-stage{
    min-height:0;
    display:grid;
    gap:var(--vm-space-2)
  }

  .metric-sheet,
  .control-sheet,
  .workload-code,
  .control-terminal{
    position:static;
    inset:auto;
    width:100%;
    height:auto
  }

  .metric-sheet,
  .control-sheet{
    padding:var(--vm-space-2)
  }

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

  .metric-bars{
    height:6.5rem
  }

  .workload-code,
  .control-terminal{
    min-height:0
  }

  .plan-identity,
  .plan-pricing{
    padding:var(--vm-space-3)
  }

  .region-grid,
  .region-guidance,
  .migration-grid{
    grid-template-columns:1fr
  }

  .region-guidance strong,
  .migration-step:last-child{
    grid-column:auto
  }

  .region-guidance span{
    border-top:1px solid var(--vm-line-dark)
  }

  .migration-step{
    min-height:0
  }

  .control-list li{
    grid-template-columns:1fr;
    gap:.35rem
  }

  .control-summary{
    grid-template-columns:1fr
  }

  .control-row{
    grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(3rem,.45fr)
  }

  .blog-row{
    grid-template-columns:1fr;
    gap:.6rem
  }

  .blog-row:hover{
    padding-left:var(--vm-space-2);
    padding-right:var(--vm-space-2)
  }

  .blog-row time{
    text-align:left
  }

  .c-closing-inner{
    gap:var(--vm-space-3)
  }

  .home-closing-actions{
    width:100%
  }
}

@media (max-width:24rem){
  .home-stage{
    height:26rem
  }

  .home-stage-light{
    max-width:66%;
    padding:.75rem
  }

  .home-stage-host{
    max-width:82%
  }

  .plan-specs{
    grid-template-columns:1fr
  }

  .workload-selector{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)
  }

  .workload-selector span:last-child{
    text-align:right
  }

  .migration-rule{
    grid-template-columns:1fr
  }
}

@media (prefers-reduced-motion:reduce){
  .workload-selector button span,
  .metric-bars i{
    transition:none
  }
}