.scenario-hero{
  padding-block:var(--sv-hero-crumb-top) var(--sv-section);
  background:#FFFFFF;
  color:#0F1F17
}

.scenario-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.96fr);
  align-items:start;
  gap:var(--sv-space-5)
}

.scenario-hero__copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start
}

.scenario-hero__copy>.c-kicker{
  margin-bottom:var(--sv-space-2)
}

.scenario-hero__copy h1{
  max-width:14ch;
  font-size:clamp(2.5rem,4.4vw,3.5rem);
  line-height:1.16
}

.scenario-hero__lead{
  max-width:42rem;
  margin-top:var(--sv-space-2);
  color:#526058;
  font-size:var(--sv-text-4)
}

.scenario-hero__actions{
  justify-content:flex-start;
  margin-block:var(--sv-space-3)
}

.scenario-hero__facts{
  display:grid;
  width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:0;
  padding-top:var(--sv-space-3);
  border-top:1px solid var(--sv-line)
}

.scenario-hero__facts div{
  min-width:0;
  padding-inline:var(--sv-space-2)
}

.scenario-hero__facts div:first-child{
  padding-inline-start:0
}

.scenario-hero__facts div+div{
  border-left:1px solid var(--sv-line)
}

.scenario-hero__facts dt{
  color:#526058
}

.scenario-hero__facts dd{
  margin-top:var(--sv-space-1);
  color:#0F1F17;
  font-weight:700;
  overflow-wrap:anywhere
}

.scenario-stage{
  min-width:0;
  min-height:34rem;
  padding:var(--sv-space-4);
  border-radius:var(--sv-radius-lg);
  background:linear-gradient(145deg,var(--sv-mint),var(--sv-butter) 38%,var(--sv-peach) 69%,var(--sv-sky));
  color:#0F1F17
}

.scenario-stage__sheet{
  display:flex;
  min-width:0;
  min-height:29rem;
  flex-direction:column;
  padding:var(--sv-space-3);
  border-radius:var(--sv-radius-md);
  background:#FFFFFF;
  color:#0F1F17;
  box-shadow:var(--sv-shadow-float)
}

.scenario-stage__head{
  display:flex;
  min-width:0;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--sv-space-2);
  padding-bottom:var(--sv-space-3);
  border-bottom:1px solid var(--sv-line)
}

.scenario-stage__head>div{
  min-width:0
}

.scenario-stage__eyebrow{
  display:block;
  color:#526058;
  font-size:var(--sv-text-1);
  font-weight:750;
  letter-spacing:.1em
}

.scenario-stage__head h2{
  margin-top:var(--sv-space-1);
  color:#0F1F17;
  font-size:var(--sv-text-5)
}

.scenario-stage__node{
  flex:0 0 auto;
  padding:.5rem .7rem;
  border-radius:999px;
  background:#0F1F17;
  color:#F6F8F4;
  font-size:var(--sv-text-1)
}

.scenario-route-list{
  display:flex;
  flex:1;
  flex-direction:column
}

.scenario-route{
  display:grid;
  min-width:0;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--sv-space-2);
  padding-block:var(--sv-space-2);
  border-bottom:1px solid var(--sv-line)
}

.scenario-route__icon{
  display:inline-flex;
  width:2.5rem;
  height:2.5rem;
  align-items:center;
  justify-content:center;
  border-radius:var(--sv-radius-sm);
  background:#DDF2E4;
  color:#1D4A36
}

.scenario-route__icon svg{
  width:1.2rem;
  height:1.2rem
}

.scenario-route>div{
  min-width:0
}

.scenario-route strong{
  display:block;
  color:#0F1F17;
  font-size:var(--sv-text-2);
  overflow-wrap:anywhere
}

.scenario-route small{
  display:block;
  margin-top:var(--sv-space-1);
  color:#526058;
  overflow-wrap:anywhere
}

.scenario-route__status{
  width:fit-content;
  max-width:100%;
  padding:.45rem .65rem;
  border-radius:999px;
  background:#F8EFC9;
  color:#5C4A0B;
  font-size:var(--sv-text-1);
  font-weight:700;
  text-align:center;
  overflow-wrap:anywhere
}

.scenario-stage__foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sv-space-2);
  padding-top:var(--sv-space-3);
  color:#3E4B44;
  font-size:var(--sv-text-1)
}

.scenario-stage__foot span{
  min-width:0;
  overflow-wrap:anywhere
}

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

.scenario-dimension{
  min-width:0;
  padding:var(--sv-space-4);
  border-radius:var(--sv-radius-lg)
}

.scenario-dimension--mint{
  background:#DDF2E4;
  color:#1D4A36
}

.scenario-dimension--butter{
  background:#F8EFC9;
  color:#5C4A0B
}

.scenario-dimension--lilac{
  background:#EAE3F5;
  color:#4A3670
}

.scenario-dimension--sky{
  background:#DCEAF6;
  color:#1F4260
}

.scenario-dimension__number{
  display:inline-flex;
  width:2.75rem;
  height:2.75rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#0F1F17;
  color:#F6F8F4;
  font-size:var(--sv-text-2)
}

.scenario-dimension h3{
  margin-top:var(--sv-space-2);
  color:inherit
}

.scenario-dimension>p{
  margin-top:var(--sv-space-1);
  color:inherit
}

.scenario-dimension dl{
  display:grid;
  gap:var(--sv-space-1);
  margin:var(--sv-space-3) 0 0
}

.scenario-dimension dl div{
  display:grid;
  min-width:0;
  grid-template-columns:minmax(6rem,.35fr) minmax(0,1fr);
  gap:var(--sv-space-2);
  padding-top:var(--sv-space-2);
  border-top:1px solid color-mix(in srgb,currentColor 16%,transparent)
}

.scenario-dimension dt,
.scenario-dimension dd{
  min-width:0;
  color:inherit;
  overflow-wrap:anywhere
}

.scenario-usecases{
  background:#F7F6F2;
  color:#0F1F17
}

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

.scenario-usecase{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  padding:var(--sv-space-4);
  border-radius:var(--sv-radius-lg)
}

.scenario-usecase--mint{
  background:#DDF2E4;
  color:#1D4A36
}

.scenario-usecase--butter{
  background:#F8EFC9;
  color:#5C4A0B
}

.scenario-usecase--lilac{
  background:#EAE3F5;
  color:#4A3670
}

.scenario-usecase--peach{
  background:#F8DCD2;
  color:#7A3A26
}

.scenario-usecase__mark{
  display:flex;
  min-width:0;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--sv-space-1)
}

.scenario-usecase__mark .c-badge{
  width:fit-content;
  align-self:flex-start;
  background:#FFFFFF;
  color:#0F1F17
}

.scenario-icon-chip{
  display:inline-flex;
  width:2.75rem;
  height:2.75rem;
  align-items:center;
  justify-content:center;
  border-radius:var(--sv-radius-sm);
  background:#0F1F17;
  color:#F6F8F4
}

.scenario-icon-chip svg{
  width:1.3rem;
  height:1.3rem
}

.scenario-usecase h3{
  margin-top:var(--sv-space-2);
  color:inherit
}

.scenario-usecase>p{
  margin-top:var(--sv-space-1);
  color:inherit
}

.scenario-usecase ul{
  width:100%;
  margin:var(--sv-space-2) 0 0;
  padding-left:1.2rem;
  color:inherit
}

.scenario-usecase li+li{
  margin-top:var(--sv-space-1)
}

.scenario-card-link{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-items:center;
  gap:.5rem;
  margin-top:var(--sv-space-3);
  padding:.7rem .9rem;
  border:1px solid color-mix(in srgb,currentColor 35%,transparent);
  border-radius:var(--sv-radius-sm);
  color:inherit;
  font-size:var(--sv-text-2);
  font-weight:750;
  overflow-wrap:anywhere
}

.scenario-card-link svg{
  width:1rem;
  height:1rem;
  flex:0 0 auto
}

.scenario-workflow__heading{
  display:flex;
  max-width:52rem;
  flex-direction:column;
  align-items:flex-start
}

.scenario-workflow__heading>.c-kicker{
  margin-bottom:var(--sv-space-2)
}

.scenario-workflow__heading>p{
  margin-top:var(--sv-space-1);
  color:#526058;
  font-size:var(--sv-text-4)
}

.scenario-workflow__layout{
  display:grid;
  grid-template-columns:minmax(0,1.42fr) minmax(0,.78fr);
  align-items:stretch;
  gap:var(--sv-space-3);
  margin-top:var(--sv-space-4)
}

.scenario-runbook{
  min-width:0;
  padding:var(--sv-space-4);
  border-radius:var(--sv-radius-lg)
}

.scenario-runbook--mint{
  background:#DDF2E4;
  color:#1D4A36
}

.scenario-runbook--butter{
  background:#F8EFC9;
  color:#5C4A0B
}

.scenario-runbook--lilac{
  background:#EAE3F5;
  color:#4A3670
}

.scenario-runbook--peach{
  background:#F8DCD2;
  color:#7A3A26
}

.scenario-runbook__head{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:var(--sv-space-2);
  padding-bottom:var(--sv-space-3);
  border-bottom:1px solid color-mix(in srgb,currentColor 17%,transparent);
  font-size:var(--sv-text-2);
  font-weight:700
}

.scenario-runbook__head span{
  min-width:0;
  overflow-wrap:anywhere
}

.scenario-runbook__code{
  letter-spacing:.06em
}

.scenario-step-list{
  margin:0;
  padding:0;
  list-style:none
}

.scenario-step-list li{
  display:grid;
  min-width:0;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--sv-space-2);
  padding-block:var(--sv-space-3);
  border-bottom:1px solid color-mix(in srgb,currentColor 17%,transparent)
}

.scenario-step-list li:last-child{
  padding-bottom:0;
  border-bottom:0
}

.scenario-step-list__number{
  display:inline-flex;
  width:2.5rem;
  height:2.5rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#0F1F17;
  color:#F6F8F4;
  font-size:var(--sv-text-1)
}

.scenario-step-list h3{
  color:inherit;
  font-size:var(--sv-text-4)
}

.scenario-step-list p{
  margin-top:var(--sv-space-1);
  color:inherit
}

.scenario-output{
  display:flex;
  min-width:0;
  height:100%;
  flex-direction:column;
  justify-content:space-between;
  padding:var(--sv-space-4);
  border-radius:var(--sv-radius-lg)
}

.scenario-output--sky{
  background:#DCEAF6;
  color:#1F4260
}

.scenario-output--lilac{
  background:#EAE3F5;
  color:#4A3670
}

.scenario-output--mint{
  background:#DDF2E4;
  color:#1D4A36
}

.scenario-output--butter{
  background:#F8EFC9;
  color:#5C4A0B
}

.scenario-output__label{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  padding:.48rem .75rem;
  border-radius:999px;
  background:#0F1F17;
  color:#F6F8F4;
  font-size:var(--sv-text-1);
  font-weight:750
}

.scenario-output h3{
  margin-top:var(--sv-space-2);
  color:inherit
}

.scenario-output p{
  margin-top:var(--sv-space-1);
  color:inherit
}

.scenario-output dl{
  display:grid;
  gap:0;
  margin:var(--sv-space-3) 0
}

.scenario-output dl div{
  min-width:0;
  padding-block:var(--sv-space-2);
  border-top:1px solid color-mix(in srgb,currentColor 17%,transparent)
}

.scenario-output dt,
.scenario-output dd{
  color:inherit;
  overflow-wrap:anywhere
}

.scenario-output dd{
  margin-top:var(--sv-space-1)
}

.scenario-output>.c-btn{
  width:fit-content;
  max-width:100%;
  margin-top:var(--sv-space-3)
}

.scenario-region-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));
  align-items:start;
  gap:var(--sv-space-2)
}

.scenario-region{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  padding:var(--sv-space-3);
  border-radius:var(--sv-radius-lg)
}

.scenario-region--mint{
  background:#DDF2E4;
  color:#1D4A36
}

.scenario-region--butter{
  background:#F8EFC9;
  color:#5C4A0B
}

.scenario-region--lilac{
  background:#EAE3F5;
  color:#4A3670
}

.scenario-region--peach{
  background:#F8DCD2;
  color:#7A3A26
}

.scenario-region--sky{
  background:#DCEAF6;
  color:#1F4260
}

.scenario-region__code{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  padding:.45rem .65rem;
  border-radius:999px;
  background:#0F1F17;
  color:#F6F8F4;
  font-size:var(--sv-text-1)
}

.scenario-region h3{
  margin-top:var(--sv-space-2);
  color:inherit
}

.scenario-region>p{
  margin-top:var(--sv-space-1);
  color:inherit
}

.scenario-region dl{
  width:100%;
  margin:var(--sv-space-3) 0 0;
  padding-top:var(--sv-space-2);
  border-top:1px solid color-mix(in srgb,currentColor 17%,transparent)
}

.scenario-region dt,
.scenario-region dd{
  color:inherit
}

.scenario-region dd{
  margin-top:var(--sv-space-1);
  font-weight:750
}

.scenario-region>a{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-items:center;
  gap:.45rem;
  margin-top:var(--sv-space-3);
  padding:.65rem .8rem;
  border:1px solid color-mix(in srgb,currentColor 35%,transparent);
  border-radius:var(--sv-radius-sm);
  color:inherit;
  font-size:var(--sv-text-2);
  font-weight:750;
  overflow-wrap:anywhere
}

.scenario-region>a svg{
  width:1rem;
  height:1rem;
  flex:0 0 auto
}

.scenario-region-note{
  margin-top:var(--sv-space-3)
}

.scenario-region-note p{
  color:#5C4A0B
}

.scenario-plans{
  background:#F7F6F2;
  color:#0F1F17
}

.scenario-price-grid{
  margin-top:var(--sv-space-4)
}

.scenario-price-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start
}

.scenario-price-card>.c-badge{
  margin-bottom:var(--sv-space-2)
}

.scenario-price-card>.c-spec-grid{
  width:100%;
  margin-top:var(--sv-space-3)
}

.scenario-price-card>p{
  color:#3E4B44
}

.scenario-price-card>.c-btn{
  width:fit-content;
  max-width:100%;
  margin-top:var(--sv-space-3)
}

.scenario-payment{
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  align-items:center;
  gap:var(--sv-space-4);
  margin-top:var(--sv-space-4);
  padding:var(--sv-space-4);
  border-radius:var(--sv-radius-lg);
  background:#DCEAF6;
  color:#1F4260
}

.scenario-payment__label{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  padding:.48rem .75rem;
  border-radius:999px;
  background:#0F1F17;
  color:#F6F8F4;
  font-size:var(--sv-text-1);
  font-weight:750
}

.scenario-payment h3{
  margin-top:var(--sv-space-2);
  color:#1F4260
}

.scenario-payment p{
  color:#1F4260
}

.scenario-closing{
  padding-top:var(--sv-section);
  padding-bottom:var(--sv-space-4)
}

.scenario-closing .c-cta>.sv-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  margin-top:0
}

.scenario-closing .c-cta>.sv-actions .c-btn{
  width:100%
}

.scenario-closing .c-btn-ghost{
  border-color:rgba(255,255,255,.38);
  color:#F6F8F4
}

@media(max-width:64rem){
  .scenario-hero__grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:var(--sv-space-3)
  }

  .scenario-hero__copy h1{
    font-size:clamp(2.35rem,5vw,3.35rem)
  }

  .scenario-stage{
    padding:var(--sv-space-3)
  }

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

  .scenario-workflow__layout{
    grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)
  }
}

@media(max-width:48rem){
  .scenario-hero{
    padding-top:var(--sv-hero-top)
  }

  .scenario-hero__grid{
    grid-template-columns:1fr
  }

  .scenario-hero__copy h1{
    max-width:none;
    font-size:clamp(2.25rem,10vw,3rem)
  }

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

  .scenario-stage__sheet{
    min-height:0;
    height:auto
  }

  .scenario-hero__facts{
    grid-template-columns:1fr
  }

  .scenario-hero__facts div{
    padding:var(--sv-space-2) 0
  }

  .scenario-hero__facts div+div{
    border-top:1px solid var(--sv-line);
    border-left:0
  }

  .scenario-stage__head,
  .scenario-stage__foot,
  .scenario-runbook__head{
    align-items:flex-start;
    flex-direction:column
  }

  .scenario-route{
    grid-template-columns:auto minmax(0,1fr)
  }

  .scenario-route__status{
    grid-column:2
  }

  .scenario-dimension-grid,
  .scenario-usecase-grid,
  .scenario-workflow__layout{
    grid-template-columns:1fr
  }

  .scenario-output{
    height:auto
  }

  .scenario-payment{
    grid-template-columns:1fr;
    gap:var(--sv-space-2)
  }

  .scenario-closing .c-cta>.sv-actions{
    width:100%
  }
}

@media(max-width:24.375rem){
  .scenario-hero__actions,
  .scenario-hero__actions .c-btn{
    width:100%
  }

  .scenario-stage,
  .scenario-stage__sheet,
  .scenario-dimension,
  .scenario-usecase,
  .scenario-runbook,
  .scenario-output,
  .scenario-payment{
    padding-inline:var(--sv-space-3)
  }

  .scenario-dimension dl div{
    grid-template-columns:1fr;
    gap:var(--sv-space-1)
  }

  .scenario-route{
    grid-template-columns:1fr
  }

  .scenario-route__status{
    grid-column:1
  }

  .scenario-step-list li{
    grid-template-columns:1fr
  }

  .scenario-card-link,
  .scenario-region>a,
  .scenario-output>.c-btn,
  .scenario-price-card>.c-btn{
    width:100%
  }
}

@media(prefers-reduced-motion:reduce){
  .scenario-card-link,
  .scenario-region>a{
    transition:none
  }
}