.home-page .reveal{
  opacity:1;
}

.home-hero{
  position:relative;
  min-height:48rem;
  padding-block:clamp(3rem,6vw,5.5rem);
  color:#ecebe6;
  background:
    radial-gradient(48rem 34rem at 78% 20%,rgba(23,60,158,.18),transparent 72%),
    #030405;
}

.home-hero::before{
  content:"";
  position:absolute;
  top:3rem;
  right:1rem;
  width:min(52rem,70vw);
  height:35rem;
  max-width:100%;
  pointer-events:none;
  background:radial-gradient(ellipse,rgba(43,98,201,.24),rgba(16,24,44,.07) 48%,transparent 72%);
  filter:blur(3.6rem);
  animation:home-drift 12s ease-in-out infinite alternate;
}

@keyframes home-drift{
  from{transform:translate3d(-1.5rem,.5rem,0) scale(.96)}
  to{transform:translate3d(2rem,-1rem,0) scale(1.06)}
}

.c-page-hero-inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:start;
  gap:clamp(2.5rem,6vw,6rem);
}

.home-hero-copy{
  min-width:0;
  align-self:start;
  padding-top:2rem;
  color:#ecebe6;
}

.home-hero-copy h1{
  color:#f4f2ed;
}

.home-hero-copy p{
  color:#969ca5;
}

.home-hero-copy .c-kicker{
  color:#c7cbd2;
  background:#0b0e13;
  border-color:#303640;
}

.home-title{
  max-width:14ch;
  margin-top:1rem;
  font-size:clamp(2.75rem,5.2vw,4.25rem);
  line-height:1.15;
}

.home-title span{
  color:#d7dce5;
}

.home-lead{
  max-width:40rem;
  margin-top:1.5rem;
  font-size:var(--vm-text-3);
}

.home-lead strong{
  color:#dbdde0;
  font-weight:550;
}

.home-hero-actions{
  justify-content:flex-start;
  margin-block:1.5rem;
}

.home-meta{
  display:flex;
  flex-wrap:wrap;
  gap:1rem 1.75rem;
  color:#b8bdc5;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-0);
  letter-spacing:.05em;
  text-transform:uppercase;
}

.home-meta span{
  display:flex;
  align-items:center;
  gap:.5rem;
  min-width:0;
}

.home-meta b{
  width:.3rem;
  height:.3rem;
  flex:0 0 auto;
  border-radius:50%;
  background:#657084;
}

.build-stage{
  position:relative;
  width:100%;
  height:35.625rem;
  min-width:0;
  align-self:start;
  margin-top:2.625rem;
  isolation:isolate;
}

.build-backdrop{
  position:absolute;
  inset:-2.5rem -2.5rem -2.5rem -3rem;
  width:calc(100% + 5.5rem);
  height:calc(100% + 5rem);
  max-width:none;
  pointer-events:none;
  animation:backdrop-pulse 8s ease-in-out infinite alternate;
}

@keyframes backdrop-pulse{
  from{opacity:.64;transform:scale(.98)}
  to{opacity:.95;transform:scale(1.02)}
}

.queue-card{
  position:absolute;
  top:3.8rem;
  left:2.625rem;
  width:calc(100% - 5rem);
  min-width:0;
  overflow:hidden;
  border:1px solid #29303b;
  border-radius:var(--vm-radius-md);
  color:#e9ebef;
  background:linear-gradient(145deg,rgba(16,19,25,.98),rgba(5,7,10,.99));
  box-shadow:var(--vm-shadow-panel),inset 0 1px rgba(255,255,255,.045);
  transform:perspective(68rem) rotateY(-5deg) rotateX(2deg);
  animation:panel-float 7s ease-in-out infinite alternate;
}

.queue-card h2,
.queue-card h3{
  color:#f4f2ed;
}

.queue-card p,
.queue-card small{
  color:#969ca5;
}

@keyframes panel-float{
  from{transform:perspective(68rem) rotateY(-5deg) rotateX(2deg) translateY(.3rem)}
  to{transform:perspective(68rem) rotateY(-2deg) rotateX(0) translateY(-.4rem)}
}

.queue-title{
  display:flex;
  min-height:4rem;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding-inline:1.4rem;
  border-bottom:1px solid #232934;
  color:#c8cdd5;
  background:#0d1015;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-0);
  line-height:1.4;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.status-live{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  color:#8fb3ff;
}

.status-live::before{
  content:"";
  width:.4rem;
  height:.4rem;
  flex:0 0 auto;
  border-radius:50%;
  background:#3978ef;
  box-shadow:0 0 .75rem rgba(57,120,239,.85);
}

.runner-card{
  padding:var(--vm-space-3);
  color:#e9ebef;
  background:#080a0d;
}

.runner-line{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  padding-bottom:1.25rem;
  border-bottom:1px solid #1c212a;
}

.node-label{
  display:grid;
  min-width:0;
  gap:.25rem;
  color:#f1f1ec;
  font-size:var(--vm-text-3);
  font-weight:560;
}

.node-label small{
  color:#757d89;
  font-family:var(--vm-font-mono);
  letter-spacing:.06em;
  overflow-wrap:anywhere;
}

.pill-ok{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  flex:0 0 auto;
  align-items:center;
  padding:.35rem .6rem;
  border:1px solid #25416f;
  border-radius:var(--vm-radius-pill);
  color:#9fbcfa;
  background:#0d1930;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-0);
  line-height:1.2;
}

.build-row{
  display:grid;
  grid-template-columns:minmax(0,4.875rem) minmax(2rem,1fr) minmax(0,3.8rem);
  align-items:center;
  gap:.875rem;
  min-height:3.25rem;
  border-bottom:1px solid #191e26;
  color:#959ca6;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-0);
  line-height:1.4;
}

.build-row:last-child{
  border-bottom:0;
}

.build-row b{
  min-width:0;
  color:#d8dbe0;
  font-weight:500;
  overflow-wrap:anywhere;
}

.build-row span{
  height:3px;
  overflow:hidden;
  border-radius:3px;
  background:#1c222c;
}

.build-row span::after{
  content:"";
  display:block;
  width:100%;
  height:100%;
  border-radius:3px;
  background:linear-gradient(90deg,#224691,#3979ed);
}

.build-row:nth-child(3) span::after{width:82%}
.build-row:nth-child(4) span::after{width:51%}
.build-row:nth-child(5) span::after{width:37%;background:linear-gradient(90deg,#665f37,#e7d889)}
.build-row:nth-child(6) span::after{width:19%;background:linear-gradient(90deg,#6b3838,#e4867f)}

.build-row i{
  min-width:0;
  color:#cfd3d9;
  font-style:normal;
  text-align:right;
}

.occupancy-card{
  position:absolute;
  right:0;
  bottom:2.9rem;
  width:14.5rem;
  padding:var(--vm-space-3);
  border:1px solid #2a3039;
  border-radius:var(--vm-radius-md);
  color:#a9afb8;
  background:#0b0e13;
  box-shadow:0 1.1rem 3.4rem rgba(0,0,0,.5);
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-0);
  line-height:1.7;
}

.occupancy-card>b{
  display:block;
  color:#f0f0ec;
  font-size:var(--vm-text-1);
  font-weight:500;
}

.occupancy-card>span{
  display:block;
  margin-top:.5rem;
  color:#8fb3ff;
}

.occupancy-card dl{
  display:grid;
  gap:.5rem;
  margin:1rem 0 0;
}

.occupancy-card dl div{
  display:grid;
  grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);
  gap:.75rem;
  min-width:0;
}

.occupancy-card dt{
  min-width:0;
  color:#747c87;
  overflow-wrap:anywhere;
}

.occupancy-card dd{
  min-width:0;
  color:#d6d9df;
  font-size:var(--vm-text-0);
  overflow-wrap:anywhere;
}

.home-facts{
  color:#ecebe6;
  background:#030405;
}

.fact-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid #20242b;
  border-bottom:1px solid #20242b;
}

.fact{
  min-width:0;
  padding:1.7rem;
  border-right:1px solid #20242b;
}

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

.fact small{
  display:block;
  margin-bottom:.4rem;
  color:#777e88;
  font-family:var(--vm-font-mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.fact strong{
  color:#dcdeda;
  font-size:var(--vm-text-2);
  font-weight:520;
}

.c-section-head,
.c-section-head-centered{
  margin-bottom:var(--vm-space-5);
}

.c-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.72fr);
  align-items:start;
  gap:clamp(2rem,6vw,5rem);
}

.c-section-head>div,
.c-section-head-centered{
  min-width:0;
}

.c-section-head .c-kicker+h2,
.c-section-head-centered .c-kicker+h2,
.workflow-copy .c-kicker+h2,
.faq-heading .c-kicker+h2,
.payment-copy .c-kicker+h2,
.c-final-stage .c-kicker+h2{
  margin-top:1rem;
}

.c-section-head>p{
  align-self:end;
  max-width:36rem;
}

.c-section-head-centered{
  max-width:48rem;
  margin-inline:auto;
  text-align:center;
}

.c-section-head-centered .c-kicker{
  align-self:center;
  margin-inline:auto;
}

.c-section-head-centered p{
  max-width:42rem;
  margin:1.25rem auto 0;
}

.usecase-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  border-top:1px solid var(--vm-line);
}

.usecase{
  min-width:0;
  padding:2.5rem;
  border-bottom:1px solid rgba(236,235,230,.18);
  color:#ecebe6;
  background:#0d1015;
}

.usecase:nth-child(odd){
  border-right:1px solid rgba(236,235,230,.18);
}

.usecase-mark{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:2.5rem;
  color:#aeb4bd;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-0);
}

.usecase-mark svg{
  width:1.875rem;
  height:1.875rem;
  flex:0 0 auto;
}

.usecase h3{
  color:#f4f2ed;
  font-family:var(--vm-font-body);
  font-size:var(--vm-text-3);
  font-weight:560;
}

.usecase p{
  margin-top:.75rem;
  color:#969ca5;
}

.usecase code{
  color:#e7d889;
}

.usecase ul{
  display:grid;
  gap:.5rem;
  margin:1.25rem 0 0;
  padding-left:1.15rem;
  color:#b7bbc2;
}

.pricing-stage{
  color:#ecebe6;
  background:
    radial-gradient(40rem 23rem at 50% 5%,rgba(29,65,145,.16),transparent 70%),
    linear-gradient(180deg,#05070a,#030405 94%);
}

.pricing-stage h2,
.pricing-stage h3{
  color:#f4f2ed;
}

.pricing-stage p{
  color:#969ca5;
}

.c-price-grid{
  align-items:start;
}

.c-price-card{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  padding-inline:1.875rem;
}

.c-price-card .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
}

.c-price-card .c-badge+h3{
  margin-top:1rem;
}

.plan-line{
  margin-top:.5rem;
  color:#aeb3bc;
}

.plan-note{
  min-height:4.5rem;
  margin-top:1.25rem;
}

.c-price-card>.c-btn{
  align-self:flex-start;
  margin-top:1.5rem;
}

.pricing-follow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--vm-space-3);
  margin-top:var(--vm-space-4);
  padding:var(--vm-space-3);
  border-radius:var(--vm-radius-md);
  color:#ecebe6;
  background:#0d1015;
}

.pricing-follow p{
  max-width:48rem;
  color:#aeb3bc;
}

.pricing-follow .c-btn{
  flex:0 0 auto;
}

.region-board{
  height:auto;
  overflow:hidden;
  border:1px solid #20242b;
  border-radius:var(--vm-radius-md);
  color:#ecebe6;
  background:#080a0d;
}

.region-row{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1.5fr) minmax(0,.75fr) minmax(0,.62fr);
  align-items:center;
  min-height:5rem;
  border-top:1px solid rgba(236,235,230,.16);
}

.region-row>div{
  min-width:0;
  padding:.75rem 1.4rem;
  overflow-wrap:anywhere;
}

.region-head{
  min-height:3rem;
  border-top:0;
  color:#7d8590;
  background:#0c0e12;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-0);
  text-transform:uppercase;
}

.region-city{
  color:#dbdcd8;
  font-size:var(--vm-text-2);
  font-weight:530;
}

.region-city small{
  display:block;
  color:#747c87;
  font-family:var(--vm-font-mono);
}

.region-copy{
  color:#9ca2ab;
  font-size:var(--vm-text-1);
}

.region-latency{
  color:#b3b7bd;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-1);
  font-variant-numeric:tabular-nums;
}

.stock{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-items:center;
  gap:.4rem;
  padding:.3rem .55rem;
  border:1px solid #23422f;
  border-radius:var(--vm-radius-pill);
  color:#9dd1af;
  background:#0b1710;
  font-size:var(--vm-text-0);
}

.stock::before{
  content:"";
  width:.3rem;
  height:.3rem;
  flex:0 0 auto;
  border-radius:50%;
  background:#63b681;
}

.region-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--vm-space-3);
  margin-top:var(--vm-space-3);
  color:#ecebe6;
  background:#0b0e13;
  border-color:#20242b;
}

.region-note p{
  max-width:48rem;
  color:#a6abb3;
}

.region-note .c-btn{
  flex:0 0 auto;
}

.workflow-section{
  color:#ecebe6;
  background:
    radial-gradient(35rem 22rem at 15% 30%,rgba(23,60,158,.1),transparent 72%),
    #030405;
}

.workflow{
  display:grid;
  grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
  align-items:start;
  gap:clamp(3rem,8vw,6rem);
}

.workflow-copy{
  position:sticky;
  top:7rem;
  min-width:0;
  align-self:start;
}

.workflow-copy h2{
  color:#f4f2ed;
}

.workflow-copy p{
  margin-top:1.25rem;
  color:#969ca5;
}

.workflow-summary{
  display:grid;
  gap:.75rem;
  margin-top:1.5rem;
  padding-top:1.5rem;
  border-top:1px solid #20242b;
  color:#aeb3bc;
  font-size:var(--vm-text-1);
}

.workflow-summary span{
  min-width:0;
  overflow-wrap:anywhere;
}

.workflow-summary b{
  color:#f4f2ed;
  font-family:var(--vm-font-mono);
  font-weight:500;
}

.steps{
  border-top:1px solid #20242b;
}

.step{
  display:grid;
  grid-template-columns:3rem minmax(0,1fr) auto;
  gap:1.25rem;
  padding:2rem 1.5rem;
  border-bottom:1px solid rgba(236,235,230,.16);
  color:#ecebe6;
  background:#0d1015;
}

.step-no,
.step-meta{
  color:#aeb4bd;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-0);
  line-height:1.5;
}

.step h3{
  color:#f4f2ed;
  font-family:var(--vm-font-body);
  font-size:var(--vm-text-3);
  font-weight:550;
}

.step p{
  margin-top:.45rem;
  color:#969ca5;
}

.step-meta{
  text-align:right;
  letter-spacing:.06em;
}

.toolchain-section{
  color:#ecebe6;
  background:#030405;
}

.tools{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));
  gap:.75rem;
}

.tool{
  display:flex;
  min-width:0;
  min-height:3.5rem;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:.75rem 1rem;
  border:1px solid #20242b;
  border-radius:var(--vm-radius-sm);
  color:#b1b5bc;
  background:#0a0c10;
  font-size:var(--vm-text-2);
  font-weight:600;
  text-align:center;
  overflow-wrap:anywhere;
}

.tool svg{
  width:1.35rem;
  height:1.35rem;
  flex:0 0 auto;
}

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

.tool-notes .c-card{
  padding-inline:var(--vm-space-3);
  color:#ecebe6;
  background:#0d1015;
}

.tool-notes .c-card h3{
  color:#f4f2ed;
}

.tool-notes .c-card p{
  margin-top:.75rem;
  color:#969ca5;
}

.payment{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  overflow:hidden;
  border:1px solid #20242b;
  border-radius:var(--vm-radius-md);
  color:#ecebe6;
  background:#080a0d;
}

.payment-copy{
  padding:3.5rem;
  color:#ecebe6;
  background:#080a0d;
}

.payment-copy h2{
  color:#f4f2ed;
}

.payment-copy p{
  margin-top:1.25rem;
  color:#969ca5;
}

.payment-checks{
  display:grid;
  gap:.5rem;
  margin:1.25rem 0 0;
  padding-left:1.15rem;
  color:#b7bbc2;
}

.payment-copy .c-btn{
  margin-top:1.5rem;
}

.methods{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-left:1px solid #20242b;
  color:#ecebe6;
  background:#0d1015;
}

.method{
  display:flex;
  min-width:0;
  min-height:19rem;
  flex-direction:column;
  justify-content:space-between;
  padding:2rem;
  color:#ecebe6;
  background:#0d1015;
}

.method:first-child{
  border-right:1px solid #20242b;
}

.method strong{
  display:block;
  color:#d8dad7;
  font-size:var(--vm-text-3);
}

.method p{
  margin-top:.5rem;
  color:#969ca5;
  font-size:var(--vm-text-1);
}

.faq-layout{
  display:grid;
  grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);
  align-items:start;
  gap:clamp(3rem,8vw,6rem);
}

.faq-heading{
  min-width:0;
}

.faq-heading p{
  margin-top:1.25rem;
}

.c-faq{
  color:#ecebe6;
  background:#030405;
  border-color:#20242b;
}

.c-faq summary{
  color:#ecebe6;
  background:#030405;
}

.c-faq[open] summary{
  padding-bottom:1rem;
}

.c-faq-body{
  padding:1rem 2rem 1.5rem 0;
  border-top:1px solid #20242b;
  color:#969ca5;
  background:#030405;
}

.c-faq-body p{
  color:#969ca5;
}

.closing-section{
  padding-block:var(--vm-space-section) var(--vm-space-5);
  color:#ecebe6;
  background:#030405;
}

.c-final-stage{
  padding:clamp(2.5rem,7vw,5rem);
  border:1px solid #20242b;
  border-radius:var(--vm-radius-lg);
  color:#ecebe6;
  background:
    radial-gradient(38rem 22rem at 50% 0,rgba(43,98,201,.22),transparent 72%),
    #080a0d;
  text-align:center;
}

.c-final-stage .c-kicker{
  align-self:center;
  margin-inline:auto;
  color:#c7cbd2;
  background:#0b0e13;
  border-color:#303640;
}

.closing-section .c-final-stage h2{
  max-width:44rem;
  margin-inline:auto;
  background:none;
  color:#f4f2ed;
}

.c-final-stage p{
  max-width:42rem;
  margin:1.25rem auto 0;
  color:#a6abb3;
}

.final-actions{
  justify-content:flex-start;
  margin-top:1.5rem;
}

@media (max-width:64rem){
  .home-hero{
    min-height:0;
  }

  .c-page-hero-inner{
    grid-template-columns:1fr;
  }

  .home-hero-copy{
    padding-top:0;
  }

  .build-stage{
    height:auto;
    min-height:34rem;
  }

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

  .fact:nth-child(2){
    border-right:0;
  }

  .fact:nth-child(-n+2){
    border-bottom:1px solid var(--vm-line);
  }

  .c-section-head{
    grid-template-columns:1fr;
  }

  .c-section-head>p{
    align-self:start;
  }

  .workflow,
  .faq-layout{
    grid-template-columns:1fr;
  }

  .workflow-copy{
    position:static;
  }

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

  .tool-notes .c-card:last-child{
    grid-column:1/-1;
  }

  .payment{
    grid-template-columns:1fr;
  }

  .methods{
    border-top:1px solid #20242b;
    border-left:0;
  }
}

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

  .home-title{
    max-width:none;
    font-size:clamp(2.6rem,14vw,3.5rem);
  }

  .home-hero::before{
    right:-8rem;
    width:32rem;
  }

  .home-hero-actions{
    align-items:stretch;
  }

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

  .build-stage{
    min-height:0;
    overflow:visible;
  }

  .build-backdrop{
    display:none;
  }

  .queue-card{
    position:relative;
    top:auto;
    left:auto;
    width:100%;
    transform:none;
    animation:none;
  }

  .occupancy-card{
    position:relative;
    right:auto;
    bottom:auto;
    width:100%;
    margin-top:1rem;
  }

  .queue-title{
    min-height:0;
    align-items:flex-start;
    flex-direction:column;
    padding-block:1rem;
  }

  .runner-line{
    display:grid;
  }

  .pill-ok{
    flex:0 1 auto;
  }

  .build-row{
    grid-template-columns:minmax(0,4rem) minmax(2rem,1fr) minmax(0,3.6rem);
    gap:.5rem;
  }

  .fact-strip,
  .usecase-grid{
    grid-template-columns:1fr;
  }

  .fact{
    border-right:0;
    border-bottom:1px solid var(--vm-line);
  }

  .fact:nth-child(3){
    border-bottom:1px solid var(--vm-line);
  }

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

  .usecase{
    padding:2rem 0;
    border-right:0;
  }

  .usecase:nth-child(odd){
    border-right:0;
  }

  .usecase-mark{
    margin-bottom:1.5rem;
  }

  .pricing-follow,
  .region-note{
    display:grid;
  }

  .pricing-follow .c-btn,
  .region-note .c-btn{
    width:100%;
  }

  .region-board{
    overflow-x:auto;
  }

  .region-row{
    min-width:43rem;
  }

  .step{
    grid-template-columns:2rem minmax(0,1fr);
  }

  .step-meta{
    display:none;
  }

  .tool-notes{
    grid-template-columns:1fr;
  }

  .tool-notes .c-card:last-child{
    grid-column:auto;
  }

  .payment-copy{
    padding:1.5rem;
  }

  .methods{
    grid-template-columns:1fr;
  }

  .method{
    min-height:12rem;
    padding:1.5rem;
  }

  .method:first-child{
    border-right:0;
    border-bottom:1px solid #20242b;
  }

  .c-faq-body{
    padding-right:1rem;
  }

  .c-final-stage{
    padding-inline:1.5rem;
  }
}

@media (max-width:24.375rem){
  .home-meta{
    display:grid;
  }

  .queue-title{
    overflow-wrap:anywhere;
  }

  .build-row{
    grid-template-columns:minmax(0,3.6rem) minmax(1.5rem,1fr) minmax(0,3.2rem);
    font-size:.625rem;
  }
}

@media (prefers-reduced-motion:reduce){
  .home-hero::before,
  .build-backdrop,
  .queue-card{
    animation:none;
  }
}