.home-hero{
  position:relative;
  padding-block:var(--sp-5) var(--sp-6);
  background:
    radial-gradient(circle at 18% 24%,color-mix(in srgb,var(--c-accent) 52%,transparent),transparent 30%),
    radial-gradient(circle at 84% 70%,color-mix(in srgb,var(--c-lime) 28%,transparent),transparent 34%),
    linear-gradient(145deg,var(--c-primary),var(--c-dark));
  color:#fff;
}

.home-hero__copy{
  text-align:center;
}

.home-hero__copy>.c-kicker{
  margin-inline:auto;
  background:#ddf9ec;
  color:#006d3d;
}

.home-hero__copy h1{
  max-width:62rem;
  margin:var(--sp-2) auto 0;
  font-size:var(--fs-6);
  line-height:1.22;
  text-wrap:balance;
}

.home-hero__copy .p-hero__lead{
  max-width:48rem;
  margin:var(--sp-2) auto 0;
  color:#e4fff3;
}

.home-hero__copy .home-hero__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:var(--sp-1);
  margin-top:var(--sp-3);
}

.home-hero__actions .c-btn--ghost{
  color:#fff;
  border-color:color-mix(in srgb,currentColor 45%,transparent);
}

.home-data-band{
  width:100%;
  margin-top:var(--sp-4);
  text-align:left;
}

.home-data-band .p-data-band__item{
  min-width:0;
}

.home-data-band b,
.home-data-band small{
  overflow-wrap:anywhere;
}

.home-stage{
  position:relative;
  width:min(67rem,100%);
  height:clamp(21rem,40vw,25rem);
  margin:var(--sp-4) auto 0;
  overflow:hidden;
  border-radius:var(--r-lg);
}

.release-wall{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);
  gap:var(--sp-2);
  align-items:center;
  padding:var(--sp-2);
  perspective:56rem;
}

.release-tile{
  min-width:0;
  border-radius:var(--r-md);
  padding:var(--sp-3);
  background:color-mix(in srgb,var(--c-dark) 66%,transparent);
  color:#fff;
  box-shadow:var(--shadow-lift);
  backdrop-filter:blur(14px);
}

.release-tile:nth-child(1){
  transform:rotateY(12deg) translateY(var(--sp-3));
}

.release-tile:nth-child(3){
  transform:rotateY(-12deg) translateY(calc(var(--sp-2) * -1));
}

.release-tile__label{
  color:#bff8df;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:700;
  letter-spacing:.08em;
}

.release-tile b{
  display:block;
  margin-top:var(--sp-1);
  font-family:var(--font-mono);
  font-size:var(--fs-3);
  overflow-wrap:anywhere;
}

.release-lines{
  display:grid;
  gap:var(--sp-1);
  margin-top:var(--sp-2);
}

.release-lines i{
  display:block;
  width:100%;
  height:.3rem;
  border-radius:var(--r-pill);
  background:color-mix(in srgb,#fff 20%,transparent);
}

.release-lines i:nth-child(2){
  width:68%;
  background:var(--c-accent);
}

.release-lines i:nth-child(3){
  width:84%;
}

.hardware-bay{
  position:absolute;
  left:50%;
  bottom:var(--sp-1);
  width:min(45rem,72%);
  height:clamp(15rem,30vw,19rem);
  transform:translateX(-50%);
  border-radius:var(--r-lg);
  overflow:hidden;
  background:color-mix(in srgb,var(--c-dark) 42%,transparent);
  box-shadow:var(--shadow-lift);
}

.hardware-bay img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.9) contrast(1.04);
}

.order-board{
  position:relative;
  z-index:4;
  width:min(59rem,100%);
  margin:calc(var(--sp-4) * -1) auto 0;
  padding:var(--sp-2);
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr) auto;
  gap:var(--sp-1);
  align-items:stretch;
  border-radius:var(--r-md);
  background:#fff;
  color:#071e1a;
  box-shadow:var(--shadow-lift);
  text-align:left;
}

.order-board__field{
  min-width:0;
  display:grid;
  align-content:center;
  gap:var(--sp-1);
  border-radius:var(--r-sm);
  padding:var(--sp-1) var(--sp-2);
  background:#f0fff8;
  color:#071e1a;
}

.order-board__field small{
  color:#56716b;
  font-family:var(--font-mono);
  letter-spacing:.08em;
}

.order-board__field b{
  overflow-wrap:anywhere;
  font-size:var(--fs-1);
  line-height:1.4;
}

.order-board .c-btn{
  align-self:stretch;
}

.order-note{
  position:relative;
  z-index:4;
  max-width:48rem;
  margin:var(--sp-2) auto 0;
  color:#d3f8e8;
  font-size:var(--fs-0);
  text-align:center;
}

.value-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(0,.85fr));
  gap:var(--sp-2);
  align-items:start;
}

.value-card{
  min-height:19rem;
  display:flex;
  flex-direction:column;
  gap:var(--sp-1);
}

.value-card p{
  color:#56716b;
}

.value-card.c-card--dark{
  background:#062d27;
  color:#fff;
}

.value-card.c-card--dark p{
  color:#b0ccc5;
}

.value-card.c-card--teal{
  background:#dffbf8;
  color:#071e1a;
}

.value-stat{
  display:flex;
  flex-direction:column;
  gap:var(--sp-1);
  margin-top:auto;
  padding-top:var(--sp-3);
  color:#007c43;
}

.value-card.c-card--dark .value-stat{
  color:#6de9c2;
}

.value-stat strong{
  font-family:var(--font-mono);
  font-size:clamp(2.4rem,12cqi,3.5rem);
  line-height:1;
  letter-spacing:-.06em;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}

.value-stat span{
  font-size:var(--fs-1);
  font-weight:700;
}

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

.home-price-grid .c-price-card{
  display:flex;
  flex-direction:column;
}

.price-fit{
  min-height:5.2rem;
  margin-bottom:var(--sp-3);
  color:#56716b;
  font-size:var(--fs-1);
}

.c-price-card--pro .price-fit{
  color:#b0ccc5;
}

.price-followup{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-3);
  margin-top:var(--sp-4);
  padding:var(--sp-3);
  border-radius:var(--r-md);
  background:#fff;
  color:#071e1a;
  box-shadow:var(--shadow-soft);
}

.price-followup p{
  max-width:48rem;
  color:#56716b;
}

.price-followup a{
  flex:0 0 auto;
  color:#007c43;
  font-weight:700;
}

.node-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
  gap:var(--sp-2);
  align-items:start;
}

.node-card{
  container-type:inline-size;
  display:flex;
  flex-direction:column;
  gap:var(--sp-1);
  background:#fff;
  color:#071e1a;
}

.node-card .u-cluster{
  justify-content:space-between;
}

.node-code{
  color:#007c43;
  font-family:var(--font-mono);
  font-size:clamp(1.4rem,10cqi,2rem);
  font-weight:800;
}

.node-card h3{
  margin-top:var(--sp-3);
  font-size:clamp(1.35rem,9cqi,1.8rem);
}

.node-card p{
  color:#56716b;
  font-size:var(--fs-1);
}

.node-card a{
  margin-top:var(--sp-2);
  color:#007c43;
  font-weight:700;
}

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

.usecase-card{
  display:flex;
  flex-direction:column;
  gap:var(--sp-1);
  background:#f0fff8;
  color:#071e1a;
}

.usecase-card:nth-child(2){
  background:#ddf9ec;
  color:#071e1a;
}

.usecase-card:nth-child(3){
  background:#dffbf8;
  color:#071e1a;
}

.usecase-card:nth-child(4){
  background:#c7f2df;
  color:#071e1a;
}

.usecase-card p{
  color:#496a62;
}

.workflow{
  border-radius:var(--r-lg);
  padding:clamp(var(--sp-3),6vw,var(--sp-5));
  background:#062d27;
  color:#fff;
}

.workflow .p-section-head p{
  color:#b0ccc5;
}

.steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--sp-1);
}

.step{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:var(--sp-1);
  border-radius:var(--r-md);
  padding:var(--sp-3);
  background:#12483f;
  color:#fff;
}

.step b{
  color:#6de9c2;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
}

.step h3{
  margin-top:var(--sp-2);
  font-size:var(--fs-3);
}

.step p{
  color:#b8d2cb;
  font-size:var(--fs-1);
}

.workflow-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:var(--sp-1);
  margin-top:var(--sp-3);
}

.workflow-actions .c-btn--ghost{
  color:#fff;
  border-color:color-mix(in srgb,currentColor 45%,transparent);
}

.quote-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:var(--sp-3);
  border-radius:var(--r-md);
  overflow:hidden;
  background:#b5d5ca;
  gap:1px;
}

.quote{
  min-width:0;
  padding:var(--sp-3);
  background:#f3fcf8;
  color:#071e1a;
}

.quote blockquote{
  font-family:var(--font-heading);
  font-weight:650;
}

.quote small{
  display:block;
  margin-top:var(--sp-2);
  color:#56716b;
}

.billing{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(17rem,.85fr);
  gap:var(--sp-3);
  align-items:stretch;
}

.invoice{
  min-width:0;
  border-radius:var(--r-md);
  padding:var(--sp-4);
  background:#fff;
  color:#071e1a;
  box-shadow:var(--shadow-soft);
}

.invoice__head{
  display:flex;
  justify-content:space-between;
  gap:var(--sp-2);
  padding-bottom:var(--sp-2);
  color:#56716b;
  font-family:var(--font-mono);
  font-size:var(--fs-1);
}

.invoice__row{
  display:flex;
  justify-content:space-between;
  gap:var(--sp-2);
  padding-block:var(--sp-2);
  border-bottom:1px solid rgba(7,30,26,.12);
}

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

.invoice__row b{
  text-align:right;
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
}

.invoice__row--total{
  border-bottom:0;
  color:#007c43;
}

.compare-mini{
  display:grid;
  grid-template-rows:repeat(3,minmax(0,1fr));
  gap:var(--sp-1);
}

.compare-mini .c-card{
  display:flex;
  flex-direction:column;
  gap:var(--sp-1);
}

.compare-mini .c-card h3{
  font-size:var(--fs-3);
}

.compare-mini .c-card p{
  color:#56716b;
  font-size:var(--fs-1);
}

.compare-mini .c-card--primary{
  background:#007a42;
  color:#fff;
}

.compare-mini .c-card--primary p{
  color:#fff;
}

.compare-mini .c-card--teal{
  background:#dffbf8;
  color:#071e1a;
}

.compare-mini .c-card--teal p{
  color:#496a62;
}

.billing-note{
  margin-top:var(--sp-3);
  padding:var(--sp-3);
  border-radius:var(--r-md);
  background:#fff4d8;
  color:#513d08;
}

.sla-meter{
  display:grid;
  grid-template-columns:minmax(14rem,.55fr) minmax(0,1fr);
  gap:var(--sp-4);
  align-items:center;
  padding:var(--sp-4);
  border-radius:var(--r-lg);
  background:#f0fff8;
  color:#071e1a;
}

.sla-number{
  display:flex;
  flex-direction:column;
  gap:var(--sp-1);
  color:#007c43;
}

.sla-number strong{
  font-family:var(--font-mono);
  font-size:clamp(2.4rem,6vw,3.6rem);
  font-weight:800;
  line-height:.85;
  letter-spacing:-.08em;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}

.sla-number span{
  font-weight:700;
}

.sla-ledger{
  min-width:0;
}

.sla-bars{
  display:grid;
  grid-template-columns:repeat(30,minmax(0,1fr));
  gap:.25rem;
}

.sla-bars i{
  min-width:0;
  height:2.2rem;
  border-radius:var(--r-sm);
  background:#29d6c7;
}

.sla-ledger p{
  margin-top:var(--sp-2);
  color:#56716b;
  font-size:var(--fs-1);
}

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

.blog-card{
  min-height:18rem;
  display:flex;
  flex-direction:column;
  gap:var(--sp-1);
  background:#fff;
  color:#071e1a;
}

.blog-card[hidden]{
  display:none;
}

.blog-card h3{
  margin-top:var(--sp-2);
  font-size:var(--fs-3);
}

.blog-card p{
  color:#56716b;
  font-size:var(--fs-1);
}

.blog-card__hint{
  margin-top:auto;
  padding-top:var(--sp-3);
  color:#007c43;
  font-size:var(--fs-1);
  font-weight:700;
}

.blog-empty{
  grid-column:1/-1;
  display:flex;
  flex-direction:column;
  gap:var(--sp-1);
  background:#fff;
  color:#071e1a;
}

.blog-empty h3{
  margin-top:var(--sp-2);
}

.blog-empty p{
  max-width:48rem;
  color:#56716b;
}

.blog-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:var(--sp-1);
  margin-top:var(--sp-4);
}
.p-section--soft .blog-actions,
.p-section-head--center ~ .blog-actions{
  width:100%;
  justify-content:center;
}

.home-faq .c-faq__body{
  padding:var(--sp-2);
  border-top:1px solid rgba(7,30,26,.12);
  background:#fff;
  color:#56716b;
}

.cta-shell{
  padding-block:var(--sp-4) var(--sp-7);
}

.cta-home{
  min-height:22rem;
  padding:var(--sp-5);
  background:#062d27;
  color:#fff;
}

.cta-home__copy{
  min-width:0;
  max-width:48rem;
  display:flex;
  flex-direction:column;
  gap:var(--sp-1);
}

.cta-home__copy h2{
  margin-top:var(--sp-2);
}

.cta-home__copy p{
  max-width:41rem;
  color:#b6d1ca;
}

.cta-home .c-cta__actions{
  flex:0 0 auto;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
}

.cta-home .c-btn--ghost{
  color:#fff;
  border-color:color-mix(in srgb,currentColor 45%,transparent);
}

@media(max-width:64rem){
  .value-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .value-card:first-child{
    grid-column:1/-1;
  }

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

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

  .order-board .c-btn{
    width:100%;
  }

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

@media(max-width:48rem){
  .home-hero{
    padding-top:var(--sp-4);
  }

  .home-hero__copy h1{
    font-size:var(--fs-6);
  }

  .home-data-band{
    text-align:center;
  }

  .home-stage{
    height:21rem;
  }

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

  .release-tile:nth-child(3){
    display:none;
  }

  .hardware-bay{
    width:90%;
    height:15rem;
  }

  .value-grid,
  .usecase-grid,
  .billing,
  .sla-meter,
  .blog-grid{
    grid-template-columns:1fr;
  }

  .value-card:first-child,
  .blog-empty{
    grid-column:auto;
  }

  .price-followup{
    align-items:flex-start;
    flex-direction:column;
  }

  .price-followup a{
    flex-basis:auto;
  }

  .quote-strip{
    grid-template-columns:1fr;
  }

  .compare-mini{
    grid-template-rows:auto;
  }

  .cta-home{
    min-height:0;
    padding:var(--sp-4) var(--sp-3);
  }

  .cta-home .c-cta__actions{
    width:100%;
  }
}

@media(max-width:34rem){
  .home-hero__actions,
  .workflow-actions,
  .blog-actions{
    align-items:stretch;
    flex-direction:column;
  }

  .home-hero__actions .c-btn,
  .workflow-actions .c-btn,
  .blog-actions .c-btn{
    width:100%;
  }

  .order-board,
  .steps{
    grid-template-columns:1fr;
  }

  .release-wall{
    grid-template-columns:1fr;
  }

  .release-tile:nth-child(1){
    display:none;
  }

  .hardware-bay{
    width:100%;
  }

  .invoice{
    padding:var(--sp-3);
  }

  .invoice__row{
    align-items:flex-start;
    flex-direction:column;
    gap:var(--sp-1);
  }

  .invoice__row b{
    text-align:left;
  }

  .sla-meter{
    padding:var(--sp-3);
  }

  .sla-bars{
    grid-template-columns:repeat(15,minmax(0,1fr));
  }

  .sla-bars i{
    height:1.5rem;
  }
}