.reliability-hero{
  padding-top:var(--hero-pad);
  padding-bottom:var(--hero-pad);
  background:#17161a;
  color:#f8f7f5;
}

.reliability-hero__grid{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:start;
  gap:var(--space-5);
}

.reliability-hero__copy{
  min-width:0;
  align-items:flex-start;
  color:#f8f7f5;
}

.reliability-hero__body{
  display:grid;
  min-width:0;
  gap:var(--space-1);
}

.reliability-hero__title{
  display:grid;
  min-width:0;
  gap:var(--space-2);
}

.reliability-hero__title .c-kicker{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
}

[data-hero-form="product-visual"] .reliability-hero__title{
  justify-items:center;
  text-align:center;
}

[data-hero-form="product-visual"] .reliability-hero__title .c-kicker{
  align-self:center;
  margin-inline:auto;
}

.reliability-hero h1{
  max-width:13ch;
  color:#f8f7f5;
  font-size:clamp(2.5rem,4.7vw,4rem);
  line-height:1.15;
}

.reliability-hero__body>p{
  max-width:39rem;
  color:#c7c3cb;
}

.reliability-hero__actions{
  justify-content:flex-start;
  margin-top:var(--space-3);
  margin-bottom:var(--space-2);
}

.reliability-hero__actions .c-btn-ghost{
  color:#f8f7f5;
  border-color:rgba(255,255,255,.38);
}

.reliability-stage{
  display:flex;
  height:auto;
  min-height:0;
  min-width:0;
  align-self:start;
  flex-direction:column;
  overflow:hidden;
  padding:0;
  border-radius:var(--radius-lg);
  background:#ffffff;
  color:#17161a;
  box-shadow:var(--shadow-soft);
}

.reliability-stage__header{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-2) var(--space-3);
  background:#e3e1ea;
  color:#211d2c;
}

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

.reliability-stage__header strong{
  color:#211d2c;
  font-family:var(--font-heading);
  font-size:var(--fs-3);
  line-height:var(--lh-heading);
}

.reliability-stage__label{
  color:#514b5b;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  line-height:var(--lh-small);
  overflow-wrap:anywhere;
}

.reliability-stage__state{
  flex:0 0 auto;
  padding:.45rem .7rem;
  border-radius:var(--radius-pill);
  background:#26335f;
  color:#ffffff;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  line-height:1.2;
}

.reliability-stage__body{
  display:flex;
  min-height:0;
  flex:1;
  flex-direction:column;
  padding:var(--space-3);
  background:#ffffff;
  color:#17161a;
}

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

.reliability-stage__identity>div{
  display:grid;
  min-width:0;
  gap:var(--space-1);
  padding:var(--space-2);
  border-radius:var(--radius-sm);
  background:#d8e8e6;
  color:#172a31;
}

.reliability-stage__identity span{
  color:#40545a;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  line-height:var(--lh-small);
}

.reliability-stage__identity strong{
  color:#172a31;
  font-size:var(--fs-1);
  line-height:var(--lh-heading);
  overflow-wrap:anywhere;
}

.reliability-stage__ledger{
  display:grid;
  margin-top:var(--space-3);
  border-top:1px solid #d8d5d0;
}

.reliability-stage__row{
  display:grid;
  grid-template-columns:2.2rem minmax(0,1fr) auto;
  min-width:0;
  align-items:start;
  gap:var(--space-2);
  padding:var(--space-2) 0;
  border-bottom:1px solid #d8d5d0;
}

.reliability-stage__index{
  color:#704d9a;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:750;
}

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

.reliability-stage__row strong{
  color:#17161a;
  font-size:var(--fs-1);
  line-height:var(--lh-heading);
}

.reliability-stage__row p{
  color:#5f5b63;
  font-size:var(--fs-1);
  line-height:var(--lh-small);
}

.reliability-stage__owner{
  padding:.35rem .6rem;
  border-radius:var(--radius-pill);
  background:#f2e0cf;
  color:#321e17;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  line-height:1.2;
}

.reliability-stage__footer{
  display:flex;
  min-width:0;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:var(--space-1) var(--space-2);
  margin-top:auto;
  padding-top:var(--space-2);
  color:#6d6971;
  font-size:var(--fs-0);
  line-height:var(--lh-small);
}

.reliability-section,
.reliability-isolation,
.reliability-connection,
.reliability-data,
.reliability-principles{
  padding-block:var(--section-space);
}

.reliability-section{
  background:#ffffff;
  color:#17161a;
}

.reliability-isolation{
  background:#d8e8e6;
  color:#172a31;
}

.reliability-connection{
  background:#f4dce7;
  color:#361b27;
}

.reliability-data{
  background:#e4e1c7;
  color:#252719;
}

.reliability-principles{
  background:#e3e1ea;
  color:#211d2c;
}

.reliability-section__heading{
  display:grid;
  max-width:54rem;
  gap:var(--space-2);
  margin-bottom:var(--space-4);
}

.reliability-section__heading .c-kicker{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
}

.reliability-section__heading-copy{
  display:grid;
  gap:var(--space-1);
}

.reliability-section__heading-copy p{
  max-width:48rem;
}

.reliability-section .reliability-section__heading-copy h2,
.reliability-section .reliability-section__heading-copy p{
  color:#17161a;
}

.reliability-section .reliability-section__heading-copy p{
  color:#5f5b63;
}

.reliability-isolation .reliability-section__heading-copy h2{
  color:#172a31;
}

.reliability-isolation .reliability-section__heading-copy p{
  color:#40545a;
}

.reliability-connection .reliability-section__heading-copy h2{
  color:#361b27;
}

.reliability-connection .reliability-section__heading-copy p{
  color:#593846;
}

.reliability-data .reliability-section__heading-copy h2{
  color:#252719;
}

.reliability-data .reliability-section__heading-copy p{
  color:#4f513e;
}

.reliability-principles .reliability-section__heading-copy h2{
  color:#211d2c;
}

.reliability-principles .reliability-section__heading-copy p{
  color:#514b5b;
}

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

.responsibility-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--space-2);
  padding:var(--space-3);
  border-radius:var(--radius-md);
}

.responsibility-card--platform{
  background:#e3e1ea;
  color:#211d2c;
}

.responsibility-card--team{
  background:#f2e0cf;
  color:#321e17;
}

.responsibility-card--shared{
  background:#d8e8e6;
  color:#172a31;
}

.responsibility-card__mark{
  display:flex;
  min-width:0;
  align-items:center;
  gap:var(--space-1);
}

.responsibility-card__mark svg{
  width:2.25rem;
  height:2.25rem;
  flex:0 0 auto;
  padding:.45rem;
  border-radius:var(--radius-sm);
  background:#26335f;
  color:#ffffff;
}

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

.responsibility-card h3{
  color:inherit;
}

.responsibility-card p{
  color:inherit;
  opacity:.82;
}

.responsibility-card ul{
  display:grid;
  gap:var(--space-1);
  margin:0;
  padding-left:1.2rem;
  color:inherit;
}

.isolation-layout{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);
  align-items:stretch;
  gap:var(--space-3);
}

.isolation-primary{
  min-width:0;
  overflow:hidden;
  padding:0;
  border-radius:var(--radius-md);
  background:#ffffff;
  color:#17161a;
}

.isolation-primary__head{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-2) var(--space-3);
  background:#26335f;
  color:#ffffff;
}

.isolation-primary__head span,
.isolation-primary__head strong{
  color:#ffffff;
}

.isolation-primary__flow{
  display:grid;
  grid-template-columns:minmax(0,1fr) 1.5rem minmax(0,1fr) 1.5rem minmax(0,1fr);
  align-items:center;
  gap:var(--space-2);
  padding:var(--space-3);
}

.isolation-primary__flow>div{
  display:grid;
  min-width:0;
  gap:var(--space-1);
  align-self:stretch;
  padding:var(--space-3);
  border-radius:var(--radius-sm);
  background:#f3f1ec;
  color:#17161a;
}

.isolation-primary__flow span{
  color:#6d6971;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
}

.isolation-primary__flow strong{
  color:#17161a;
  font-size:var(--fs-3);
}

.isolation-primary__flow p{
  color:#5f5b63;
  font-size:var(--fs-1);
}

.isolation-primary__flow>svg{
  width:1.5rem;
  height:1.5rem;
  color:#704d9a;
}

.isolation-notes{
  display:grid;
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:var(--space-3);
}

.isolation-notes>article{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#172a31;
  color:#f6fbfa;
}

.isolation-notes span{
  color:#b6cfcc;
  font-size:var(--fs-0);
}

.isolation-notes h3{
  color:#f6fbfa;
}

.isolation-notes p{
  color:#c7d8d6;
}

.isolation-note{
  display:grid;
  gap:var(--space-1);
  margin-top:var(--space-3);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#ffffff;
  color:#172a31;
}

.isolation-note strong{
  color:#172a31;
}

.isolation-note p{
  color:#40545a;
}

.credential-steps{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:start;
  gap:var(--space-3);
  margin:0;
  padding:0;
  list-style:none;
}

.credential-steps li{
  display:grid;
  min-width:0;
  gap:var(--space-2);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#f3f1ec;
  color:#17161a;
}

.credential-steps__number{
  display:inline-flex;
  width:2.5rem;
  height:2.5rem;
  align-items:center;
  justify-content:center;
  border-radius:var(--radius-pill);
  background:#26335f;
  color:#ffffff;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  line-height:1;
}

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

.credential-steps h3{
  color:#17161a;
  font-size:var(--fs-3);
}

.credential-steps p{
  color:#5f5b63;
  font-size:var(--fs-1);
}

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

.connection-card{
  display:grid;
  min-width:0;
  gap:var(--space-2);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#ffffff;
  color:#361b27;
}

.connection-card__code{
  color:#704d9a;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
}

.connection-card h3{
  color:#361b27;
}

.connection-card p{
  color:#593846;
}

.connection-warning{
  display:grid;
  grid-template-columns:2.5rem minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-3);
  margin-top:var(--space-3);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#361b27;
  color:#fff7fa;
}

.connection-warning>svg{
  width:2.5rem;
  height:2.5rem;
  padding:.5rem;
  border-radius:var(--radius-sm);
  background:#f4dce7;
  color:#361b27;
}

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

.connection-warning strong{
  color:#fff7fa;
}

.connection-warning p{
  color:#e9cfd9;
}

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

.change-board__column{
  display:grid;
  min-width:0;
  gap:var(--space-2);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#f3f1ec;
  color:#17161a;
}

.change-board__label{
  width:fit-content;
  max-width:100%;
  padding:.4rem .65rem;
  border-radius:var(--radius-pill);
  background:#26335f;
  color:#ffffff;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  line-height:1.2;
}

.change-board__column h3{
  color:#17161a;
}

.change-board__column .c-checklist{
  color:#343139;
}

.runtime-statement{
  display:grid;
  gap:var(--space-1);
  margin-top:var(--space-3);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#17161a;
  color:#f8f7f5;
}

.runtime-statement strong{
  color:#f8f7f5;
  font-size:var(--fs-3);
}

.runtime-statement p{
  color:#bcb8c1;
}

.data-register{
  overflow:hidden;
  border-radius:var(--radius-md);
  background:#ffffff;
  color:#252719;
}

.data-register__head,
.data-register__row{
  display:grid;
  grid-template-columns:minmax(10rem,.7fr) minmax(0,1fr) minmax(0,1.25fr);
  min-width:44rem;
  gap:var(--space-3);
  padding:var(--space-2) var(--space-3);
}

.data-register__head{
  background:#252719;
  color:#ffffff;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:750;
}

.data-register__row{
  background:#ffffff;
  color:#252719;
  border-bottom:1px solid #d8d5d0;
}

.data-register__row:last-child{
  border-bottom:0;
}

.data-register__row strong{
  color:#252719;
}

.data-register__row p{
  color:#4f513e;
  font-size:var(--fs-1);
}

.incident-flow{
  display:grid;
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid #d8d5d0;
}

.incident-flow li{
  display:grid;
  grid-template-columns:3rem minmax(0,1fr);
  gap:var(--space-3);
  padding:var(--space-3) 0;
  border-bottom:1px solid #d8d5d0;
}

.incident-flow__number{
  display:inline-flex;
  width:2.5rem;
  height:2.5rem;
  align-items:center;
  justify-content:center;
  border-radius:var(--radius-pill);
  background:#e3e1ea;
  color:#211d2c;
  font-family:var(--font-mono);
  font-weight:750;
  line-height:1;
}

.incident-flow li>div{
  display:grid;
  min-width:0;
  gap:var(--space-1);
}

.incident-flow h3{
  color:#17161a;
  font-size:var(--fs-3);
}

.incident-flow p{
  max-width:60rem;
  color:#5f5b63;
}

.incident-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  gap:var(--space-2);
  margin-top:var(--space-3);
}

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

.principle-grid article{
  display:grid;
  min-width:0;
  gap:var(--space-2);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#ffffff;
  color:#211d2c;
}

.principle-grid__index{
  color:#704d9a;
  font-family:var(--font-mono);
  font-size:var(--fs-1);
  font-weight:750;
}

.principle-grid h3{
  color:#211d2c;
}

.principle-grid p{
  color:#514b5b;
}

.reliability-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-1);
  margin-top:var(--space-3);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#17161a;
  color:#f8f7f5;
}

.reliability-facts>div{
  display:grid;
  min-width:0;
  gap:var(--space-1);
  padding:var(--space-2);
}

.reliability-facts strong{
  color:#f8f7f5;
  font-family:var(--font-heading);
  font-size:var(--fs-4);
  line-height:var(--lh-heading);
  overflow-wrap:anywhere;
}

.reliability-facts span{
  color:#bcb8c1;
  font-size:var(--fs-1);
  line-height:var(--lh-small);
}

.reliability-closing-section{
  padding-block:var(--section-space) var(--space-5);
  background:#fcfbf7;
  color:#17161a;
}

.reliability-closing{
  background:#17161a;
  color:#f8f7f5;
}

.reliability-closing h2{
  color:#f8f7f5;
}

.reliability-closing p{
  color:#bcb8c1;
}

.reliability-closing__actions{
  display:flex;
  max-width:20rem;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-2);
}

.reliability-closing__actions .c-btn{
  width:100%;
}

.reliability-closing__actions .c-btn-ghost{
  color:#f8f7f5;
  border-color:rgba(255,255,255,.38);
}

@media(max-width:64rem){
  .reliability-hero__grid{
    grid-template-columns:1fr;
  }

  .reliability-hero h1{
    max-width:18ch;
  }

  .reliability-stage{
    height:auto;
    overflow:hidden;
  }

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

  .isolation-layout{
    grid-template-columns:1fr;
  }

  .isolation-primary__flow{
    grid-template-columns:1fr;
  }

  .isolation-primary__flow>svg{
    transform:rotate(90deg);
    justify-self:center;
  }

  .isolation-notes{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto;
    align-items:start;
  }

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

  .credential-steps li:last-child{
    grid-column:1 / -1;
  }

  .change-board{
    grid-template-columns:1fr;
  }

  .connection-warning{
    grid-template-columns:2.5rem minmax(0,1fr);
  }

  .connection-warning .c-btn{
    grid-column:2;
    justify-self:start;
  }

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

@media(max-width:40rem){
  .reliability-hero{
    padding-top:var(--space-5);
    padding-bottom:var(--space-5);
  }

  .reliability-hero h1{
    max-width:none;
    font-size:clamp(2.35rem,12vw,3.2rem);
  }

  .reliability-hero__actions{
    width:100%;
  }

  .reliability-hero__actions .c-btn{
    width:100%;
    white-space:normal;
  }

  .reliability-stage__header{
    align-items:flex-start;
    flex-direction:column;
  }

  .reliability-stage__identity{
    grid-template-columns:1fr;
  }

  .reliability-stage__row{
    grid-template-columns:2rem minmax(0,1fr);
  }

  .reliability-stage__owner{
    grid-column:2;
    justify-self:start;
  }

  .responsibility-grid,
  .connection-grid,
  .principle-grid,
  .credential-steps,
  .isolation-notes,
  .reliability-facts{
    grid-template-columns:1fr;
  }

  .credential-steps li:last-child{
    grid-column:auto;
  }

  .connection-warning{
    grid-template-columns:1fr;
  }

  .connection-warning .c-btn{
    grid-column:auto;
    width:100%;
    justify-self:stretch;
    white-space:normal;
  }

  .data-register{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .incident-flow li{
    grid-template-columns:2.5rem minmax(0,1fr);
    gap:var(--space-2);
  }

  .incident-actions{
    width:100%;
  }

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

  .reliability-closing__actions{
    width:100%;
    max-width:none;
  }
}