.region-hero{
  padding-block:var(--dm-space-6);
  color:var(--dm-ink);
  background:var(--dm-paper);
  overflow:hidden
}

.region-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:var(--dm-space-5);
  align-items:center
}

.region-hero-copy{
  min-width:0
}

.region-hero-copy .c-eyebrow+h1{
  margin-top:var(--dm-space-2)
}

.region-hero-copy h1{
  max-width:38rem
}

.region-hero-lead{
  max-width:40rem;
  margin-top:var(--dm-space-2);
  color:var(--dm-charcoal);
  font-size:var(--dm-fs-3)
}

.region-hero-note{
  max-width:40rem;
  margin-top:var(--dm-space-2);
  color:var(--dm-muted)
}

.region-hero-note strong{
  color:var(--dm-primary)
}

.region-hero-actions{
  margin-block:var(--dm-space-4);
  justify-content:flex-start
}

.region-hero-stats{
  display:flex;
  flex-wrap:wrap;
  gap:var(--dm-space-3);
  margin-top:var(--dm-space-4);
  padding-top:var(--dm-space-3);
  border-top:1px solid var(--dm-line)
}

.region-hero-stats div{
  min-width:0;
  display:grid;
  gap:var(--dm-space-1)
}

.region-hero-stats strong{
  color:var(--dm-ink);
  font-size:var(--dm-fs-3);
  line-height:1.1
}

.region-hero-stats span{
  color:var(--dm-muted);
  font-size:var(--dm-fs-0)
}

.region-hero-stage{
  position:relative;
  min-width:0;
  min-height:34rem;
  overflow:hidden;
  border-radius:var(--dm-radius-lg);
  color:var(--dm-ink);
  background:var(--dm-surface)
}

.region-hero-scene{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.7
}

.region-run-sheet{
  position:absolute;
  inset:16% 11% auto 14%;
  z-index:2;
  overflow:hidden;
  border-radius:var(--dm-radius-md);
  color:var(--dm-paper);
  background:var(--dm-charcoal);
  box-shadow:var(--dm-shadow-panel)
}

.region-run-sheet-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--dm-space-2);
  padding:var(--dm-space-2) var(--dm-space-3);
  color:var(--dm-accent);
  background:var(--dm-terminal);
  font-family:var(--dm-font-mono);
  font-size:var(--dm-fs-0);
  letter-spacing:.08em
}

.region-online{
  display:inline-flex;
  align-items:center;
  gap:var(--dm-space-1);
  color:#7fd8a8
}

.region-online::before{
  content:"";
  width:.45rem;
  height:.45rem;
  border-radius:50%;
  background:currentColor
}

.region-run-sheet dl{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr))
}

.region-run-sheet dl div{
  min-width:0;
  padding:var(--dm-space-3);
  border-bottom:1px solid var(--dm-line-dark)
}

.region-run-sheet dt{
  color:var(--dm-muted-light);
  font-size:var(--dm-fs-0)
}

.region-run-sheet dd{
  margin-top:var(--dm-space-1);
  color:var(--dm-paper);
  font-family:var(--dm-font-mono);
  font-size:var(--dm-fs-1);
  overflow-wrap:anywhere
}

.region-stage-tag{
  position:absolute;
  z-index:3;
  max-width:58%;
  padding:var(--dm-space-2);
  border-radius:var(--dm-radius-sm);
  display:grid;
  gap:var(--dm-space-1);
  box-shadow:var(--dm-shadow-soft)
}

.region-stage-tag strong{
  font-family:var(--dm-font-mono);
  font-size:var(--dm-fs-1)
}

.region-stage-tag span{
  font-family:var(--dm-font-mono);
  font-size:var(--dm-fs-0)
}

.region-stage-tag-primary{
  right:4%;
  bottom:10%;
  color:var(--dm-primary-ink);
  background:var(--dm-accent-soft)
}

.region-stage-tag-primary strong,
.region-stage-tag-primary span{
  color:var(--dm-primary-ink)
}

.region-stage-tag-secondary{
  left:5%;
  bottom:4%;
  color:var(--dm-ink);
  background:var(--dm-white)
}

.region-stage-tag-secondary strong{
  color:var(--dm-ink)
}

.region-stage-tag-secondary span{
  color:var(--dm-muted)
}

.region-plan-section{
  color:var(--dm-ink);
  background:var(--dm-surface)
}

.region-section-head{
  max-width:48rem;
  display:flex;
  flex-direction:column;
  gap:var(--dm-space-2)
}

.region-section-head .c-eyebrow{
  margin-bottom:var(--dm-space-1)
}

.region-section-head p{
  color:var(--dm-muted)
}

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

.region-plan-card{
  display:flex;
  flex-direction:column;
  min-width:0
}

.region-plan-card .c-price-head>div{
  min-width:0
}

.region-featured-badge{
  color:var(--dm-primary-ink);
  background:var(--dm-accent)
}

.region-plan-points{
  list-style:none;
  display:grid;
  gap:var(--dm-space-2);
  margin-block:var(--dm-space-3);
}

.region-plan-points li{
  position:relative;
  padding-left:var(--dm-space-3);
  color:var(--dm-muted);
  font-size:var(--dm-fs-1)
}

.region-plan-points li::before{
  content:"";
  position:absolute;
  left:0;
  top:.7em;
  width:.42rem;
  height:.42rem;
  border-radius:50%;
  background:var(--dm-primary)
}

.region-plan-card.is-featured .region-plan-points li{
  color:var(--dm-muted-light)
}

.region-plan-card>.c-btn{
  margin-top:auto
}

.region-featured-action{
  color:var(--dm-primary);
  background:var(--dm-white);
  border-color:var(--dm-white)
}

.region-featured-action:hover{
  color:var(--dm-primary-deep);
  background:var(--dm-accent-soft);
  border-color:var(--dm-accent-soft)
}

.region-order-note{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--dm-space-4);
  margin-top:var(--dm-space-3);
  padding:var(--dm-space-3);
  border-radius:var(--dm-radius-md);
  color:var(--dm-ink);
  background:var(--dm-paper)
}

.region-order-note>div{
  min-width:0;
  display:grid;
  gap:var(--dm-space-1)
}

.region-order-note strong{
  color:var(--dm-ink)
}

.region-order-note p{
  color:var(--dm-muted);
  font-size:var(--dm-fs-1)
}

.region-network{
  color:var(--dm-paper);
  background:var(--dm-charcoal)
}

.region-network h2,
.region-network h3{
  color:var(--dm-paper)
}

.region-network-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:var(--dm-space-2)
}

.region-dark-eyebrow{
  color:var(--dm-accent)
}

.region-network-copy .region-dark-eyebrow{
  margin-bottom:var(--dm-space-1)
}

.region-network-copy p{
  color:var(--dm-muted-light)
}

.region-network-facts{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--dm-space-2)
}

.region-network-fact{
  min-width:0;
  padding:var(--dm-space-3);
  border-radius:var(--dm-radius-md);
  display:flex;
  flex-direction:column;
  gap:var(--dm-space-1);
  color:var(--dm-paper);
  background:var(--dm-terminal-2)
}

.region-network-fact>span{
  color:var(--dm-accent);
  font-size:var(--dm-fs-0);
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase
}

.region-network-fact strong{
  color:var(--dm-paper);
  font-size:var(--dm-fs-3)
}

.region-network-fact p{
  color:var(--dm-muted-light);
  font-size:var(--dm-fs-1)
}

.region-steps{
  list-style:none;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--dm-space-3);
  margin-top:var(--dm-space-4)
}

.region-step-card{
  min-width:0;
  padding:var(--dm-space-3);
  border-radius:var(--dm-radius-md);
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--dm-space-2);
  align-items:start;
  color:var(--dm-ink);
  background:var(--dm-surface)
}

.region-step-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:2.5rem;
  min-height:2.5rem;
  border-radius:var(--dm-radius-pill);
  color:var(--dm-white);
  background:var(--dm-primary);
  font-family:var(--dm-font-mono);
  font-size:var(--dm-fs-0);
  font-weight:800
}

.region-step-card>div{
  min-width:0;
  display:grid;
  gap:var(--dm-space-1)
}

.region-step-card h3{
  color:var(--dm-ink)
}

.region-step-card p{
  color:var(--dm-muted);
  font-size:var(--dm-fs-1)
}

.region-step-time{
  grid-column:2;
  width:fit-content;
  max-width:100%;
  padding:.35rem .62rem;
  border-radius:var(--dm-radius-pill);
  color:var(--dm-primary);
  background:var(--dm-accent-soft);
  font-family:var(--dm-font-mono);
  font-size:var(--dm-fs-0);
  font-weight:750
}

.region-step-action{
  margin-top:var(--dm-space-3);
  padding:var(--dm-space-3);
  border-radius:var(--dm-radius-md);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--dm-space-3);
  align-items:center;
  color:var(--dm-primary-ink);
  background:var(--dm-accent-soft)
}

.region-step-action>div{
  min-width:0;
  display:grid;
  gap:var(--dm-space-1)
}

.region-step-action strong{
  color:var(--dm-primary-ink)
}

.region-step-action p{
  color:var(--dm-primary-ink);
  font-size:var(--dm-fs-1)
}

.region-faq-section{
  color:var(--dm-ink);
  background:var(--dm-paper)
}

.region-faq{
  margin-top:var(--dm-space-4)
}

.region-faq .c-faq-body{
  padding-top:var(--dm-space-2);
  border-top:1px solid var(--dm-line)
}

.region-faq .c-faq-body p{
  padding-top:0;
  color:var(--dm-muted)
}

.region-endcap{
  padding-block:var(--dm-space-6);
  color:var(--dm-ink);
  background:var(--dm-paper)
}

.region-endcap-actions{
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start
}

.region-endcap-actions .c-btn{
  width:100%
}

@media (max-width:768px){
  .region-hero{
    padding-block:var(--dm-space-5)
  }

  .region-hero-grid{
    grid-template-columns:1fr;
    gap:var(--dm-space-4)
  }

  .region-hero-stage{
    min-height:auto
  }

  .region-hero-scene{
    display:none
  }

  .region-plan-grid,
  .region-order-note,
  .region-steps{
    grid-template-columns:1fr
  }

  .region-step-action{
    grid-template-columns:1fr
  }

  .region-network-facts{
    grid-template-columns:1fr
  }

  .region-endcap-actions{
    align-items:flex-start
  }
}

@media (max-width:390px){
  .region-hero{
    padding-block:var(--dm-space-4)
  }

  .region-hero-stats{
    display:grid;
    grid-template-columns:1fr
  }

  .region-hero-stage{
    min-height:34rem;
    border-radius:var(--dm-radius-md)
  }

  .region-run-sheet{
    inset:var(--dm-space-3) var(--dm-space-2) auto
  }

  .region-run-sheet dl{
    grid-template-columns:1fr
  }

  .region-run-sheet dl div{
    padding:var(--dm-space-2)
  }

  .region-stage-tag{
    max-width:72%
  }

  .region-stage-tag-primary{
    right:var(--dm-space-2);
    bottom:var(--dm-space-5)
  }

  .region-stage-tag-secondary{
    left:var(--dm-space-2);
    bottom:var(--dm-space-2)
  }

  .region-plan-card .c-price-head{
    flex-direction:column
  }

  .region-order-note,
  .region-step-card,
  .region-step-action{
    padding:var(--dm-space-2)
  }

  .region-step-card{
    grid-template-columns:1fr
  }

  .region-step-time{
    grid-column:1
  }

  .region-network-fact{
    padding:var(--dm-space-2)
  }
}