.home-page h1,
.home-page h2,
.home-page h3,
.home-page h4{
  font-family:var(--vm-font-body)
}

.home-page .reveal,
.home-page .reveal-up,
.home-page .reveal-left{
  opacity:1
}

.home-hero{
  position:relative;
  display:flex;
  min-height:clamp(46rem,86vh,57rem);
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:var(--vm-hero-pad) var(--vm-gutter) var(--vm-space-5);
  overflow:hidden;
  color:#FFFDFD;
  background:linear-gradient(135deg,#6F0A20 0%,#B51232 48%,#8F0D29 100%)
}

.home-hero:before{
  position:absolute;
  inset:-24%;
  content:"";
  background:
    radial-gradient(circle at 22% 30%,rgba(255,154,175,.52),transparent 27%),
    radial-gradient(circle at 76% 22%,rgba(72,9,29,.62),transparent 30%),
    radial-gradient(circle at 54% 86%,rgba(240,101,125,.42),transparent 34%);
  animation:homeGradientDrift 18s ease-in-out infinite alternate;
  pointer-events:none
}

.home-hero .c-page-hero-copy{
  position:relative;
  z-index:3;
  display:flex;
  width:min(100%,60rem);
  min-width:0;
  flex-direction:column;
  align-items:center;
  color:#FFFDFD;
  text-align:center
}

.home-hero .vm-kicker{
  align-self:center;
  margin:0 0 var(--vm-space-2);
  color:#FFFDFD
}

.home-hero h1{
  max-width:58rem;
  color:#FFFDFD;
  font-size:clamp(2.7rem,6vw,4.25rem);
  line-height:1.15
}

.home-hero .c-page-hero-copy>p{
  max-width:48rem;
  margin-top:var(--vm-space-2);
  color:#FFE8ED;
  font-size:var(--vm-fs-3)
}

.home-hero .home-hero-actions{
  justify-content:center;
  margin-top:var(--vm-space-3);
  margin-bottom:var(--vm-space-4)
}

.home-hero .c-text-link{
  color:#FFFDFD
}

.home-runbook{
  position:relative;
  z-index:2;
  width:min(100%,76rem);
  min-height:24rem;
  margin-top:var(--vm-space-2)
}

.home-runbook-scene{
  width:100%;
  height:24rem;
  border-radius:var(--vm-radius-lg);
  box-shadow:0 28px 70px rgba(26,7,14,.25)
}

.archive-sheet{
  position:absolute;
  left:50%;
  bottom:1.5rem;
  z-index:2;
  width:min(48rem,82%);
  transform:translateX(-50%);
  padding:1.2rem 1.35rem;
  border-radius:var(--vm-radius-md);
  color:#FFFDFD;
  background:rgba(38,24,29,.94);
  backdrop-filter:blur(12px);
  text-align:left
}

.archive-head,
.archive-row{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr) minmax(0,.95fr) minmax(0,.7fr);
  gap:var(--vm-space-2);
  align-items:center
}

.archive-head{
  padding-bottom:.65rem;
  color:#D8C9CE;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-fs-0)
}

.archive-row{
  padding:.75rem 0;
  border-top:1px solid rgba(255,255,255,.14);
  color:#FFFDFD;
  font-size:var(--vm-fs-1)
}

.archive-row span:not(:first-child){
  min-width:0;
  overflow-wrap:anywhere;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-fs-0)
}

.archive-row b{
  min-width:0;
  overflow-wrap:anywhere;
  font-weight:650
}

.live{
  display:inline-flex;
  align-items:center;
  gap:.4rem
}

.live:before{
  width:.42rem;
  height:.42rem;
  flex:none;
  border-radius:50%;
  content:"";
  background:#F0657D
}

.media-ledger{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(0,.85fr);
  gap:var(--vm-space-3);
  align-items:start
}

.media-panel{
  position:relative;
  min-width:0;
  min-height:36rem;
  overflow:hidden;
  border-radius:var(--vm-radius-lg)
}

.media-panel-tech{
  color:#FFFDFD;
  background:#26181D
}

.media-panel-human{
  color:#FFFDFD;
  background:#6F2439
}

.media-panel-visual{
  width:100%;
  height:22rem;
  object-fit:cover
}

.mlx-record{
  position:absolute;
  right:7%;
  bottom:var(--vm-space-3);
  left:7%;
  padding:var(--vm-space-3);
  border-radius:var(--vm-radius-md);
  color:#FFFDFD;
  background:rgba(38,24,29,.96);
  backdrop-filter:blur(10px)
}

.mlx-record .record-head{
  border-color:rgba(255,255,255,.16)
}

.mlx-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.65rem;
  margin:1.2rem 0
}

.mlx-metrics div{
  min-width:0;
  padding:.8rem;
  border-radius:var(--vm-radius-sm);
  color:#FFFDFD;
  background:#3A2930
}

.mlx-metrics small{
  display:block;
  color:#CBBBC1
}

.mlx-metrics strong{
  display:block;
  margin-top:.35rem;
  overflow-wrap:anywhere;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-fs-3)
}

.mlx-record pre{
  padding:var(--vm-space-2);
  border-radius:var(--vm-radius-sm);
  color:#F8E9ED;
  background:#160D11
}

.human-copy{
  position:absolute;
  right:var(--vm-space-3);
  bottom:var(--vm-space-3);
  left:var(--vm-space-3);
  padding:var(--vm-space-3);
  border-radius:var(--vm-radius-md);
  color:#FFFDFD;
  background:rgba(38,24,29,.9);
  backdrop-filter:blur(10px)
}

.human-copy small{
  color:#F5C8D2;
  font-family:var(--vm-font-mono)
}

.human-copy h3{
  margin-top:var(--vm-space-1);
  color:#FFFDFD;
  font-size:var(--vm-fs-4)
}

.human-copy p{
  margin-top:var(--vm-space-1);
  color:#EEDFE4
}

.capability-section{
  color:#26181D;
  background:#FFFFFF
}

.capability-card{
  min-width:0;
  padding:var(--vm-space-3) var(--vm-space-3) var(--vm-space-4);
  color:#26181D;
  background:#FFFFFF
}

.icon-line{
  width:4.5rem;
  height:4.5rem;
  color:#8F0D29
}

.capability-card h3{
  margin-top:var(--vm-space-3);
  color:#26181D
}

.capability-card p{
  margin-top:var(--vm-space-1);
  color:#746970
}

.mlx-section{
  color:#FFFDFD;
  background:#26181D
}

.flow-layout{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:var(--vm-space-5);
  align-items:start
}

.flow-copy{
  min-width:0
}

.flow-copy>.vm-kicker{
  color:#FF9AAF
}

.flow-copy h2{
  color:#FFFDFD
}

.flow-copy>p{
  margin-top:var(--vm-space-2);
  color:#CDBEC3
}

.flow-steps{
  margin-top:var(--vm-space-4)
}

.flow-step{
  display:grid;
  grid-template-columns:3rem minmax(0,1fr);
  gap:var(--vm-space-2);
  padding:1.1rem 0;
  border-top:1px solid rgba(255,255,255,.16)
}

.flow-step:last-child{
  border-bottom:1px solid rgba(255,255,255,.16)
}

.flow-step>span{
  color:#FF9AAF;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-fs-0)
}

.flow-step strong{
  color:#FFFDFD
}

.flow-step p{
  margin-top:.4rem;
  color:#CDBEC3
}

.mlx-section .c-btn-ghost{
  color:#FFFDFD;
  border-color:rgba(255,255,255,.45)
}

.inference-record{
  min-width:0;
  padding:var(--vm-space-4);
  border-radius:var(--vm-radius-lg);
  color:#26181D;
  background:#FFFDFD
}

.record-head{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:var(--vm-space-2);
  padding-bottom:var(--vm-space-2);
  border-bottom:1px solid #E5DADF
}

.record-head strong{
  min-width:0;
  overflow-wrap:anywhere
}

.record-lines{
  display:grid;
  gap:.85rem;
  margin:var(--vm-space-3) 0 0
}

.record-line{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,auto);
  gap:var(--vm-space-2);
  align-items:center;
  padding:var(--vm-space-2);
  border-radius:var(--vm-radius-sm);
  color:#26181D;
  background:#F7F0F2
}

.record-line dt{
  min-width:0;
  color:#26181D
}

.record-line dd{
  min-width:0;
  overflow-wrap:anywhere;
  color:#4D3A41;
  font-family:var(--vm-font-mono);
  text-align:right
}

.record-note{
  margin-top:var(--vm-space-3);
  color:#746970;
  font-size:var(--vm-fs-1)
}

.plans-section{
  color:#26181D;
  background:#F7F0F2
}

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

.plan-head{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--vm-space-2)
}

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

.plan-head h3{
  color:inherit
}

.plan-price-block{
  margin-top:var(--vm-space-4)
}

.plan-price-block .vm-muted{
  margin-top:var(--vm-space-1)
}

.plan-description{
  margin-top:var(--vm-space-3);
  color:#746970
}

.c-price-card.is-featured .plan-description{
  color:#FFE2E8
}

.c-price-card.is-featured .c-text-link{
  color:#FFFDFD
}

.c-price-card .c-actions{
  margin-top:var(--vm-space-3)
}

.node-section{
  color:#26181D;
  background:#FFFFFF
}

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

.node-copy{
  min-width:0
}

.node-copy h2{
  color:#26181D
}

.node-copy>p{
  margin-top:var(--vm-space-2);
  color:#746970
}

.node-count-block{
  display:flex;
  align-items:baseline;
  gap:var(--vm-space-2);
  margin-top:var(--vm-space-4)
}

.node-count{
  color:#8F0D29;
  font-family:var(--vm-font-body);
  font-size:clamp(2.7rem,6vw,4.25rem);
  font-variant-numeric:tabular-nums;
  line-height:1
}

.node-count-block span{
  color:#4F3D44;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-fs-1)
}

.node-note{
  font-size:var(--vm-fs-1)
}

.node-list{
  min-width:0;
  border-top:1px solid #E5DADF
}

.node-row{
  display:grid;
  grid-template-columns:4rem minmax(0,1fr) minmax(10rem,.9fr) 4rem;
  gap:var(--vm-space-2);
  align-items:center;
  padding:1.15rem 0;
  border-bottom:1px solid #E5DADF;
  color:#26181D
}

.node-row>span{
  min-width:0;
  overflow-wrap:anywhere;
  color:#746970;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-fs-0)
}

.node-row strong{
  min-width:0;
  overflow-wrap:anywhere
}

.node-row em{
  color:#8F0D29;
  font-style:normal;
  font-weight:650;
  text-align:right
}

.team-section{
  color:#26181D;
  background:#FFFFFF
}

.team-stage{
  position:relative;
  min-height:38rem;
  overflow:hidden;
  border-radius:var(--vm-radius-lg);
  color:#FFFDFD;
  background:#26181D
}

.team-stage-visual{
  width:100%;
  height:38rem;
  object-fit:cover
}

.team-console{
  position:absolute;
  right:var(--vm-space-4);
  bottom:var(--vm-space-4);
  width:min(38rem,calc(100% - (var(--vm-space-4) * 2)));
  padding:var(--vm-space-3);
  border-radius:var(--vm-radius-md);
  color:#FFFDFD;
  background:rgba(38,24,29,.95);
  backdrop-filter:blur(12px)
}

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

.team-console-head>div{
  min-width:0
}

.team-console-label{
  display:block;
  margin-bottom:.4rem;
  color:#E0C9D0;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-fs-0)
}

.team-console-head strong{
  display:block;
  overflow-wrap:anywhere;
  color:#FFFDFD
}

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

.team-console-grid>div{
  min-width:0;
  padding:var(--vm-space-2);
  border-radius:var(--vm-radius-sm);
  color:#FFFDFD;
  background:#3A2930
}

.team-console-grid small{
  display:block;
  color:#CDBEC3
}

.team-console-grid strong{
  display:block;
  margin-top:.35rem;
  overflow-wrap:anywhere;
  color:#FFFDFD
}

.team-console-grid span{
  display:block;
  margin-top:.35rem;
  overflow-wrap:anywhere;
  color:#D9C9CE;
  font-size:var(--vm-fs-1)
}

.team-console-foot{
  margin-top:var(--vm-space-3);
  padding-top:var(--vm-space-2);
  border-top:1px solid rgba(255,255,255,.16)
}

.team-console-foot p{
  color:#D9C9CE
}

.team-console-foot .c-text-link{
  margin-top:var(--vm-space-2);
  color:#FFFDFD
}

.workloads-section{
  color:#26181D;
  background:#F7F0F2
}

.workload-grid{
  align-items:start
}

.workload-card{
  display:flex;
  min-height:0;
  flex-direction:column;
  padding:var(--vm-space-3);
  color:#26181D;
  background:#FFFFFF
}

.workload-mark{
  display:flex;
  min-width:0;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--vm-space-2)
}

.workload-mark>svg{
  width:2.75rem;
  height:2.75rem;
  flex:none;
  padding:.65rem;
  border-radius:var(--vm-radius-sm);
  color:#FFFDFD;
  background:#8F0D29
}

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

.workload-card h3{
  margin-top:var(--vm-space-3);
  color:#26181D
}

.workload-card>p{
  margin-top:var(--vm-space-1);
  color:#746970
}

.workload-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--vm-space-2);
  margin:var(--vm-space-4) 0 0
}

.workload-facts div{
  min-width:0;
  padding:var(--vm-space-2);
  border-radius:var(--vm-radius-sm);
  color:#26181D;
  background:#F7F0F2
}

.workload-facts dt{
  color:#8F0D29;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-fs-0);
  font-weight:650
}

.workload-facts dd{
  margin-top:.4rem;
  overflow-wrap:anywhere;
  color:#4F3D44
}

.workload-actions{
  justify-content:flex-start;
  margin-top:var(--vm-space-4)
}

.delivery-section{
  color:#26181D;
  background:#FFFFFF
}

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

.delivery-card,
.payment-card{
  display:flex;
  min-width:0;
  min-height:100%;
  flex-direction:column;
  justify-content:space-between;
  gap:var(--vm-space-4);
  padding:var(--vm-space-4)
}

.delivery-card{
  color:#26181D;
  background:#FFFDFD
}

.payment-card{
  color:#FFFDFD;
  background:#8F0D29
}

.delivery-card>div:first-child,
.payment-card>div:first-child{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--vm-space-2)
}

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

.delivery-card h3{
  color:#26181D
}

.delivery-card p{
  color:#746970
}

.payment-card h3{
  color:#FFFDFD
}

.payment-card p{
  color:#FFE2E8
}

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

.period-grid span{
  min-width:0;
  padding:var(--vm-space-2);
  border-radius:var(--vm-radius-sm);
  color:#26181D;
  background:#F7F0F2;
  font-family:var(--vm-font-mono);
  text-align:center
}

.payment-list{
  border-top:1px solid rgba(255,255,255,.18)
}

.payment-row{
  display:flex;
  min-width:0;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--vm-space-2);
  padding:.85rem 0;
  border-bottom:1px solid rgba(255,255,255,.18);
  color:#FFFDFD
}

.payment-row span{
  min-width:0;
  color:#FFDCE4;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-fs-0)
}

.payment-row strong{
  min-width:0;
  overflow-wrap:anywhere;
  color:#FFFDFD;
  text-align:right
}

.delivery-notice{
  margin-top:var(--vm-space-3);
  color:#26181D;
  background:#F7F0F2
}

.delivery-notice strong{
  color:#26181D
}

.delivery-notice p{
  color:#5E4B52
}

.home-faq{
  color:#26181D;
  background:#F7F0F2
}

.faq-list{
  max-width:var(--vm-container-narrow);
  margin-inline:auto
}

.home-faq .c-faq{
  color:#26181D;
  background:#F7F0F2;
  border-color:#E5DADF
}

.home-faq .c-faq summary{
  margin-bottom:0;
  color:#26181D
}

.home-faq .c-faq[open] summary{
  padding-bottom:var(--vm-space-2)
}

.home-faq .c-faq-body{
  padding:var(--vm-space-2) var(--vm-space-4) 1.35rem;
  border-top:1px solid #E5DADF;
  color:#5E4B52;
  background:#F7F0F2
}

.home-faq .c-faq-body p{
  color:#5E4B52
}

.home-faq .faq-actions{
  justify-content:center;
  margin-top:var(--vm-space-4)
}

.closing-section{
  padding-bottom:var(--vm-space-5);
  color:#26181D;
  background:#FFFFFF
}

.home-closing{
  padding:var(--vm-space-4);
  color:#FFFDFD;
  background:#26181D
}

.closing-copy{
  min-width:0;
  max-width:44rem
}

.closing-copy .vm-kicker{
  color:#FF9AAF
}

.closing-copy h2{
  color:#FFFDFD
}

.closing-copy p{
  color:#CDBEC3
}

.closing-actions{
  display:flex;
  min-width:min(100%,15rem);
  flex-direction:column;
  align-items:stretch;
  gap:var(--vm-space-2)
}

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

.closing-actions .c-btn-ghost{
  color:#FFFDFD;
  background:transparent;
  border-color:rgba(255,255,255,.42)
}

.closing-actions .c-text-link{
  width:100%;
  justify-content:center;
  color:#FFFDFD;
  text-align:center
}

@keyframes homeGradientDrift{
  0%{
    transform:translate3d(-2%,0,0) scale(1)
  }
  50%{
    transform:translate3d(3%,-2%,0) scale(1.05)
  }
  100%{
    transform:translate3d(-1%,3%,0) scale(1.02)
  }
}

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

  .media-ledger,
  .flow-layout,
  .node-layout{
    grid-template-columns:1fr
  }

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

  .node-copy{
    max-width:46rem
  }

  .workload-facts{
    grid-template-columns:minmax(0,1fr)
  }

  .team-stage{
    min-height:42rem
  }

  .team-stage-visual{
    height:42rem
  }

  .team-console{
    right:var(--vm-space-3);
    bottom:var(--vm-space-3);
    width:calc(100% - (var(--vm-space-3) * 2))
  }
}

@media(max-width:45rem){
  .home-hero{
    padding-top:var(--vm-space-5);
    padding-bottom:var(--vm-space-4)
  }

  .home-hero .c-page-hero-copy>p{
    font-size:var(--vm-fs-2)
  }

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

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

  .home-runbook{
    min-height:29rem
  }

  .home-runbook-scene{
    height:29rem
  }

  .archive-sheet{
    width:92%;
    padding:var(--vm-space-2)
  }

  .archive-head{
    display:none
  }

  .archive-row{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:.4rem var(--vm-space-2)
  }

  .archive-row span:nth-child(3),
  .archive-row span:nth-child(4){
    padding-top:.3rem
  }

  .media-panel{
    min-height:33rem
  }

  .media-panel-visual{
    height:33rem
  }

  .mlx-record{
    right:var(--vm-space-2);
    bottom:var(--vm-space-2);
    left:var(--vm-space-2);
    padding:var(--vm-space-2)
  }

  .mlx-metrics{
    grid-template-columns:1fr
  }

  .human-copy{
    right:var(--vm-space-2);
    bottom:var(--vm-space-2);
    left:var(--vm-space-2);
    padding:var(--vm-space-2)
  }

  .price-grid,
  .delivery-grid{
    grid-template-columns:1fr
  }

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

  .inference-record{
    padding:var(--vm-space-3)
  }

  .record-head{
    align-items:flex-start;
    flex-direction:column
  }

  .record-line{
    grid-template-columns:1fr
  }

  .record-line dd{
    text-align:left
  }

  .node-count-block{
    align-items:flex-start;
    flex-direction:column
  }

  .node-row{
    grid-template-columns:3rem minmax(0,1fr) auto
  }

  .node-row>span:nth-child(3){
    display:none
  }

  .team-stage{
    min-height:48rem;
    overflow:visible;
    background:#26181D
  }

  .team-stage-visual{
    height:23rem;
    border-radius:var(--vm-radius-lg) var(--vm-radius-lg) 0 0
  }

  .team-console{
    position:static;
    width:100%;
    border-radius:0 0 var(--vm-radius-lg) var(--vm-radius-lg);
    backdrop-filter:none
  }

  .team-console-grid{
    grid-template-columns:1fr
  }

  .workload-facts{
    grid-template-columns:1fr
  }

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

  .payment-row{
    flex-direction:column
  }

  .payment-row strong{
    text-align:left
  }

  .home-faq .c-faq-body{
    padding-inline:var(--vm-space-3)
  }

  .home-closing{
    align-items:flex-start;
    flex-direction:column
  }

  .closing-actions{
    width:100%
  }

  .closing-actions .c-text-link{
    white-space:normal
  }
}

@media(max-width:24.375rem){
  .home-hero h1{
    font-size:2.55rem
  }

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

  .archive-row span:nth-child(3),
  .archive-row span:nth-child(4){
    padding-top:0
  }

  .home-runbook{
    min-height:34rem
  }

  .home-runbook-scene{
    height:34rem
  }

  .c-price-card,
  .delivery-card,
  .payment-card,
  .inference-record,
  .home-closing{
    padding:var(--vm-space-3)
  }
}

@media(prefers-reduced-motion:reduce){
  .home-hero:before{
    animation:none
  }
}
