.scenario-hero{
  padding-block:var(--space-5) var(--space-4);
  background:var(--paper);
  color:var(--ink);
}

.scenario-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(28rem,1.1fr);
  gap:var(--space-5);
  align-items:center;
}

.scenario-hero__grid>*{
  min-width:0;
}

.scenario-hero__copy{
  display:grid;
  gap:var(--space-3);
}

.scenario-hero__copy .c-breadcrumb{
  margin-block-end:var(--space-2);
}

.scenario-hero__heading{
  display:grid;
  gap:var(--space-1);
}

.scenario-hero__heading .p-kicker,
.scenario-section-title .p-kicker,
.scenario-final__copy .p-kicker{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
}

.scenario-hero__heading h1{
  max-width:12ch;
  margin-inline:0;
}

.scenario-hero__heading p{
  max-width:42rem;
  color:var(--muted);
  font-size:var(--text-lg);
}

.scenario-hero__facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-block:1px solid var(--line);
}

.scenario-hero__facts div{
  display:grid;
  min-width:0;
  gap:var(--space-1);
  padding-block:var(--space-2);
}

.scenario-hero__facts div+div{
  padding-inline-start:var(--space-2);
  border-inline-start:1px solid var(--line);
}

.scenario-hero__facts strong{
  color:var(--green-deep);
  font-size:var(--text-lg);
}

.scenario-hero__facts span{
  color:var(--muted);
  font-size:var(--text-xs);
}

.scenario-hero__actions{
  justify-content:flex-start;
}

.scenario-ledger{
  min-width:0;
  overflow:hidden;
  border-radius:var(--radius-xl);
  background:var(--ink);
  color:var(--paper);
  box-shadow:var(--shadow-soft);
}

.scenario-ledger__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-3);
  background:var(--dark-card);
  color:var(--paper);
}

.scenario-ledger__header>div{
  display:grid;
  min-width:0;
  gap:var(--space-1);
}

.scenario-ledger__header span{
  color:#aaa69b;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
}

.scenario-ledger__header strong{
  font-family:var(--font-heading);
  font-size:var(--text-xl);
  font-weight:400;
}

.scenario-ledger__route{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-1);
  padding:var(--space-1);
  background:var(--ink);
  color:var(--paper);
}

.scenario-ledger__step{
  display:grid;
  min-width:0;
  gap:var(--space-1);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:var(--dark-card-2);
  color:var(--paper);
}

.scenario-ledger__step>span{
  color:#8ee49a;
  font-size:var(--text-xs);
}

.scenario-ledger__step strong{
  font-size:var(--text-md);
}

.scenario-ledger__step p{
  color:#aaa69b;
  font-size:var(--text-sm);
}

.scenario-ledger__footer{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-3);
  background:var(--green-pale);
  color:var(--green-deep);
}

.scenario-ledger__footer span{
  font-size:var(--text-sm);
}

.scenario-ledger__footer strong{
  font-size:var(--text-xs);
}

.scenario-nav-wrap{
  margin-block-start:var(--space-4);
}

.scenario-nav{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-1);
  padding:var(--space-1);
  border-radius:var(--radius-lg);
  background:var(--surface);
  color:var(--ink);
}

.scenario-nav a{
  display:grid;
  min-width:0;
  gap:var(--space-1);
  padding:var(--space-2);
  border-radius:var(--radius-md);
  background:var(--paper);
  color:var(--ink);
  transition:
    background-color var(--duration) var(--ease),
    color var(--duration) var(--ease),
    transform var(--duration) var(--ease);
}

.scenario-nav a:hover{
  background:var(--green-pale);
  color:var(--green-deep);
  transform:translateY(-1px);
}

.scenario-nav a>span{
  color:var(--green);
  font-size:var(--text-xs);
  font-weight:700;
}

.scenario-nav a strong{
  font-size:var(--text-md);
}

.scenario-nav a small{
  color:var(--muted);
  font-size:var(--text-xs);
}

.scenario-workflows{
  background:var(--paper);
  color:var(--ink);
}

.scenario-section-title{
  display:grid;
  gap:var(--space-1);
  min-width:0;
}

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

.scenario-workflow-card{
  display:grid;
  min-width:0;
  gap:var(--space-3);
  padding:clamp(1.5rem,3vw,2.5rem);
  border-radius:var(--radius-lg);
  background:var(--surface);
  color:var(--ink);
}

.scenario-workflow-card:nth-child(2),
.scenario-workflow-card:nth-child(3){
  background:var(--white);
  color:var(--ink);
}

.scenario-workflow-card__top{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--space-2);
  align-items:start;
}

.scenario-workflow-card__top>div:last-child{
  display:grid;
  min-width:0;
  gap:var(--space-1);
}

.scenario-workflow-card__icon{
  display:grid;
  width:3rem;
  height:3rem;
  place-items:center;
  border-radius:var(--radius-md);
  background:var(--green-deep);
  color:var(--white);
}

.scenario-workflow-card__icon svg{
  width:1.4rem;
  height:1.4rem;
}

.scenario-workflow-card__lead{
  color:var(--muted);
}

.scenario-runbook{
  display:grid;
  gap:var(--space-2);
  padding-inline-start:1.35rem;
}

.scenario-runbook li{
  padding-inline-start:var(--space-1);
}

.scenario-runbook li::marker{
  color:var(--green);
  font-family:var(--font-mono);
  font-weight:700;
}

.scenario-runbook li>strong,
.scenario-runbook li>p{
  display:block;
}

.scenario-runbook li>p{
  margin-block-start:var(--space-1);
  color:var(--muted);
  font-size:var(--text-sm);
}

.scenario-workflow-card__measure{
  display:grid;
  gap:var(--space-1);
  padding:var(--space-2);
  border-radius:var(--radius-md);
  background:var(--green-pale);
  color:var(--green-deep);
}

.scenario-workflow-card__measure span{
  font-family:var(--font-mono);
  font-size:var(--text-xs);
}

.scenario-workflow-card__measure strong{
  font-size:var(--text-sm);
}

.scenario-mapping{
  background:var(--surface);
  color:var(--ink);
}

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

.scenario-plan{
  display:grid;
  min-width:0;
  gap:var(--space-3);
  padding:clamp(1.5rem,3vw,2rem);
  border-radius:var(--radius-lg);
  background:var(--white);
  color:var(--ink);
}

.scenario-plan--featured{
  background:var(--green-deep);
  color:var(--white);
}

.scenario-plan__head{
  display:grid;
  gap:var(--space-1);
}

.scenario-plan__head p{
  color:var(--muted);
  font-size:var(--text-sm);
}

.scenario-plan--featured .scenario-plan__head p{
  color:#c0d7c5;
}

.scenario-plan__prices{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-1);
}

.scenario-plan__prices strong{
  grid-column:1/-1;
  color:var(--green-deep);
  font-size:var(--text-2xl);
}

.scenario-plan--featured .scenario-plan__prices strong{
  color:var(--white);
}

.scenario-plan__prices span{
  min-width:0;
  padding:var(--space-1);
  border-radius:var(--radius-sm);
  background:var(--surface);
  color:var(--muted);
  font-size:var(--text-xs);
  text-align:center;
}

.scenario-plan--featured .scenario-plan__prices span{
  background:rgba(255,255,255,.08);
  color:#c0d7c5;
}

.scenario-plan>p{
  color:var(--muted);
  font-size:var(--text-sm);
}

.scenario-plan--featured>p{
  color:#deebe0;
}

.scenario-plan__fit{
  display:grid;
  gap:var(--space-2);
}

.scenario-plan__fit div{
  display:grid;
  gap:var(--space-1);
}

.scenario-plan__fit dt{
  color:var(--green-deep);
  font-size:var(--text-xs);
  font-weight:800;
}

.scenario-plan--featured .scenario-plan__fit dt{
  color:#8ee49a;
}

.scenario-plan__fit dd{
  color:var(--muted);
  font-size:var(--text-sm);
}

.scenario-plan--featured .scenario-plan__fit dd{
  color:#c0d7c5;
}

.scenario-cycle-note{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-1);
  margin-block-start:var(--space-3);
  padding:var(--space-1);
  border-radius:var(--radius-lg);
  background:var(--surface-deep);
  color:var(--ink);
}

.scenario-cycle-note div{
  display:grid;
  min-width:0;
  gap:var(--space-1);
  padding:var(--space-2);
  border-radius:var(--radius-md);
  background:var(--paper);
  color:var(--ink);
}

.scenario-cycle-note strong{
  color:var(--green-deep);
}

.scenario-cycle-note p{
  color:var(--muted);
  font-size:var(--text-sm);
}

.scenario-access{
  background:var(--paper);
  color:var(--ink);
}

.scenario-access__main{
  display:grid;
  min-width:0;
  gap:var(--space-3);
  padding:clamp(1.5rem,3vw,2.5rem);
  border-radius:var(--radius-xl);
  background:var(--surface);
  color:var(--ink);
}

.scenario-access__lead{
  max-width:48rem;
  color:var(--muted);
}

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

.scenario-access__rules article{
  display:grid;
  min-width:0;
  gap:var(--space-1);
  padding:var(--space-2);
  border-radius:var(--radius-md);
  background:var(--paper);
  color:var(--ink);
}

.scenario-access__rules article>span{
  color:var(--green);
  font-size:var(--text-xs);
  font-weight:700;
}

.scenario-access__rules article p{
  color:var(--muted);
  font-size:var(--text-sm);
}

.scenario-access__side{
  grid-auto-rows:1fr;
}

.scenario-side-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:var(--space-3);
  padding:var(--space-3);
  border-radius:var(--radius-lg);
  background:var(--green-pale);
  color:var(--green-deep);
}

.scenario-side-card>div:first-child{
  display:grid;
  gap:var(--space-1);
}

.scenario-side-card ul{
  display:grid;
  gap:var(--space-1);
  color:var(--green-deep);
  font-size:var(--text-sm);
}

.scenario-side-card--dark{
  background:var(--ink);
  color:var(--paper);
}

.scenario-side-card--dark p{
  color:#aaa69b;
}

.scenario-side-card--dark .c-actions{
  margin-block-start:auto;
}

.scenario-experiment{
  background:var(--green);
  color:var(--white);
}

.scenario-experiment__head{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:var(--space-4);
  align-items:end;
}

.scenario-experiment__head .p-kicker{
  width:fit-content;
  align-self:flex-start;
  background:var(--green-pale);
  color:var(--green-deep);
}

.scenario-experiment__head p{
  color:#def0e1;
  font-size:var(--text-lg);
}

.scenario-experiment__steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-2);
  margin-block-start:var(--space-4);
  padding:0;
  list-style:none;
}

.scenario-experiment__steps li{
  display:grid;
  min-width:0;
  gap:var(--space-2);
  padding:var(--space-3);
  border-radius:var(--radius-lg);
  background:var(--paper);
  color:var(--ink);
}

.scenario-experiment__steps li>span{
  width:fit-content;
  padding:.35rem .55rem;
  border-radius:var(--radius-pill);
  background:var(--green-pale);
  color:var(--green-deep);
  font-size:var(--text-xs);
  font-weight:800;
}

.scenario-experiment__steps li>div{
  display:grid;
  gap:var(--space-1);
}

.scenario-experiment__steps p{
  color:var(--muted);
  font-size:var(--text-sm);
}

.scenario-experiment__note{
  display:flex;
  align-items:flex-start;
  gap:var(--space-1);
  margin-block-start:var(--space-3);
  padding:var(--space-2);
  border-radius:var(--radius-md);
  background:var(--green-deep);
  color:var(--white);
}

.scenario-experiment__note svg{
  width:1.25rem;
  height:1.25rem;
  flex:none;
  margin-block-start:.18rem;
}

.scenario-experiment__note p{
  color:#deebe0;
}

.scenario-cta-band{
  padding-block:var(--space-5);
  background:var(--ink);
  color:var(--paper);
}

.scenario-final{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--space-4);
  align-items:center;
}

.scenario-final__copy{
  display:grid;
  max-width:48rem;
  gap:var(--space-1);
}

.scenario-final__copy .p-kicker{
  background:var(--green-deep);
  color:#b9efbf;
}

.scenario-final__copy h2{
  color:var(--paper);
}

.scenario-final__copy p{
  color:#aaa69b;
}

.scenario-final__actions{
  display:grid;
  gap:var(--space-1);
  min-width:min(100%,17rem);
}

.scenario-final__secondary{
  border-color:var(--line-inverse);
  background:transparent;
  color:var(--paper);
}

.scenario-final__secondary:hover{
  border-color:var(--green-bright);
  background:var(--dark-card);
  color:var(--white);
}

@media (min-width:90rem){
  .scenario-ledger__step{
    padding:var(--space-4);
  }
}

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

  .scenario-hero__heading h1{
    max-width:16ch;
  }

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

  .scenario-plan-grid{
    grid-template-columns:1fr;
  }

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

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

@media (max-width:47.99rem){
  .scenario-hero{
    padding-block:var(--space-4);
  }

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

  .scenario-hero__facts div+div{
    padding-inline-start:0;
    border-block-start:1px solid var(--line);
    border-inline-start:0;
  }

  .scenario-hero__actions .c-btn{
    width:100%;
  }

  .scenario-ledger__route{
    grid-template-columns:1fr;
  }

  .scenario-ledger__header,
  .scenario-ledger__footer{
    align-items:flex-start;
    flex-direction:column;
  }

  .scenario-nav{
    grid-template-columns:1fr;
  }

  .scenario-workflow-grid,
  .scenario-access__rules,
  .scenario-cycle-note,
  .scenario-experiment__steps{
    grid-template-columns:1fr;
  }

  .scenario-workflow-card__top{
    grid-template-columns:1fr;
  }

  .scenario-plan__prices{
    grid-template-columns:1fr;
  }

  .scenario-plan__prices strong{
    grid-column:auto;
  }

  .scenario-experiment__head{
    grid-template-columns:1fr;
    gap:var(--space-3);
  }

  .scenario-final{
    grid-template-columns:1fr;
    align-items:start;
  }

  .scenario-final__actions{
    width:100%;
    min-width:0;
  }

  .scenario-final__actions .c-btn{
    width:100%;
  }
}

@media (max-width:24.375rem){
  .scenario-ledger__header{
    padding:var(--space-2);
  }

  .scenario-ledger__step,
  .scenario-workflow-card,
  .scenario-plan,
  .scenario-access__main,
  .scenario-side-card,
  .scenario-experiment__steps li{
    padding:var(--space-2);
  }

  .scenario-workflow-card__icon{
    width:2.75rem;
    height:2.75rem;
  }
}
