.security-hero{
  padding-bottom:var(--sp-5);
  background:var(--c-light);
  color:#071e1a;
}

.security-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(22rem,.82fr);
  gap:var(--sp-5);
  align-items:center;
}

.security-hero__copy,
.security-access__main,
.transport-copy,
.checklist-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sp-3);
}

.security-heading-group,
.security-card-copy,
.security-callout-copy,
.incident-report__intro{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sp-1);
}

.security-heading-group .c-kicker,
.incident-report__intro .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
}

.security-heading-group p{
  max-width:44rem;
  color:#42655d;
}

.security-hero__copy h1{
  max-width:min(36rem,100%);
  font-size:var(--fs-6);
}

.security-hero__copy p{
  max-width:39rem;
  font-size:var(--fs-3);
}

.security-hero__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:var(--sp-2);
}

.security-boundary{
  min-width:0;
  overflow:hidden;
  border-radius:var(--r-lg);
  background:#062d27;
  color:#ffffff;
  box-shadow:var(--shadow-lift);
}

.security-boundary__head,
.security-boundary__foot{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-2);
  padding:var(--sp-3);
}

.security-boundary__head{
  background:#00b34f;
  color:#071e1a;
}

.security-boundary__head span,
.security-boundary__foot span{
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.security-boundary__head b,
.security-boundary__foot strong{
  min-width:0;
  text-align:right;
  overflow-wrap:anywhere;
}

.security-boundary__body{
  display:grid;
  gap:var(--sp-1);
  padding:var(--sp-3);
  background:#062d27;
  color:#ffffff;
}

.security-boundary__lane{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--sp-2);
  align-items:start;
  border-radius:var(--r-md);
  padding:var(--sp-2);
  background:#12483f;
  color:#ffffff;
}

.security-boundary__lane p{
  margin-top:var(--sp-1);
  color:#c6ded8;
  font-size:var(--fs-1);
}

.security-boundary__icon{
  display:flex;
  width:2.75rem;
  height:2.75rem;
  align-items:center;
  justify-content:center;
  border-radius:var(--r-sm);
  background:#29d6c7;
  color:#062d27;
}

.security-boundary__foot{
  background:#dffbf0;
  color:#071e1a;
}

.security-responsibility{
  align-items:start;
}

.security-responsibility__card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sp-3);
}

.security-card-icon{
  display:flex;
  width:3rem;
  height:3rem;
  align-items:center;
  justify-content:center;
  border-radius:var(--r-sm);
  background:#062d27;
  color:#ffffff;
}

.security-list{
  display:grid;
  gap:var(--sp-1);
  margin:0;
  padding-left:1.2rem;
  color:#315e54;
}

.security-list li::marker{
  color:var(--c-primary-paper);
}

.security-access{
  align-items:stretch;
}

.security-access__main{
  justify-content:space-between;
  border-radius:var(--r-lg);
  padding:clamp(1.5rem,4vw,2.5rem);
  background:#ffffff;
  color:#071e1a;
  box-shadow:var(--shadow-soft);
}

.security-access__rules{
  display:grid;
  gap:var(--sp-3);
}

.security-access__rules article{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sp-1);
  padding-top:var(--sp-3);
  border-top:1px solid rgba(7,30,26,.12);
}

.security-access__rules article p{
  color:#42655d;
}

.security-access__side article{
  min-width:0;
  gap:var(--sp-3);
}

.security-access__side .c-card--dark{
  background:#062d27;
  color:#ffffff;
}

.security-access__side .c-card--dark h3{
  color:#ffffff;
}

.security-access__side .c-card--dark p{
  color:#b0ccc5;
}

.security-access__side .c-card--white{
  background:#ffffff;
  color:#071e1a;
}

.security-access__side .c-card--white p{
  color:#56716b;
}

.security-lifecycle{
  display:grid;
  gap:var(--sp-2);
  margin-bottom:0;
  padding:0;
  list-style:none;
}

.security-lifecycle__item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(12rem,.35fr);
  gap:var(--sp-3);
  align-items:center;
  border-radius:var(--r-md);
  padding:var(--sp-3);
  background:var(--c-light);
  color:#071e1a;
}

.security-lifecycle__number{
  display:inline-flex;
  width:3.25rem;
  height:3.25rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#00b34f;
  color:#071e1a;
  font-family:var(--font-mono);
  font-weight:700;
  line-height:1;
}

.security-lifecycle__copy{
  min-width:0;
}

.security-lifecycle__copy p{
  margin-top:var(--sp-1);
  color:#42655d;
}

.security-lifecycle__result{
  min-width:0;
  border-radius:var(--r-sm);
  padding:var(--sp-2);
  background:#ffffff;
  color:#07533f;
  font-family:var(--font-mono);
  font-size:var(--fs-1);
  font-weight:700;
  overflow-wrap:anywhere;
}

.lifecycle-callout{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-3);
  margin-top:var(--sp-3);
  background:#e8fbf3;
  color:#153f36;
}

.lifecycle-callout a{
  flex:0 0 auto;
  color:#006d3d;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:.2em;
}

.transport-section{
  background:#062d27;
  color:#ffffff;
}

.transport-layout{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  gap:var(--sp-5);
  align-items:start;
}

.transport-copy{
  position:sticky;
  top:7rem;
}

.transport-copy .security-heading-group h2{
  color:#ffffff;
}

.transport-copy .security-heading-group p{
  color:#b6d1ca;
}

.transport-kicker{
  background:#174d44;
  color:#c9f9e6;
}

.transport-checks{
  display:grid;
  gap:var(--sp-2);
}

.transport-check{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--sp-3);
  border-radius:var(--r-md);
  padding:var(--sp-3);
  background:#12483f;
  color:#ffffff;
}

.transport-check>span{
  display:inline-flex;
  width:3rem;
  height:3rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#29d6c7;
  color:#062d27;
  font-family:var(--font-mono);
  font-weight:700;
  line-height:1;
}

.transport-check p{
  margin-top:var(--sp-1);
  color:#c6ded8;
}

.operations-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));
  gap:var(--sp-3);
  align-items:start;
}

.operations-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sp-3);
  border-radius:var(--r-md);
  padding:var(--sp-3);
  background:#dffbf8;
  color:#071e1a;
}

.operations-card__index{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  border-radius:var(--r-pill);
  padding:.45em .85em;
  background:#062d27;
  color:#ffffff;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:700;
  letter-spacing:.08em;
}

.operations-card p{
  color:#42655d;
}

.sla-section{
  background:var(--c-light);
  color:#071e1a;
}

.sla-meter{
  display:grid;
  grid-template-columns:minmax(18rem,.7fr) minmax(0,1.3fr);
  overflow:hidden;
  border-radius:var(--r-lg);
  background:#062d27;
  color:#ffffff;
  box-shadow:var(--shadow-lift);
}

.sla-meter__summary{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:space-between;
  gap:var(--sp-4);
  padding:clamp(1.5rem,4vw,2.5rem);
  background:#00b34f;
  color:#071e1a;
}

.sla-meter__summary .security-heading-group p{
  color:#10352d;
}

.sla-meter__kicker{
  background:#062d27;
  color:#ffffff;
}

.sla-meter__summary h2{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sp-1);
}

.sla-meter__summary h2 span{
  max-width:100%;
  font-size:clamp(3.8rem,14cqi,3.6rem);
  line-height:.9;
  letter-spacing:-.08em;
  overflow-wrap:anywhere;
}

.sla-meter__summary h2 small{
  color:#10352d;
  font-family:var(--font-heading);
  font-size:var(--fs-3);
  letter-spacing:0;
}

.sla-meter__facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--sp-1);
}

.sla-meter__facts div{
  min-width:0;
  border-radius:var(--r-sm);
  padding:var(--sp-2);
  background:#c7f28d;
  color:#10352d;
}

.sla-meter__facts b,
.sla-meter__facts span{
  display:block;
  overflow-wrap:anywhere;
}

.sla-meter__facts span{
  margin-top:var(--sp-1);
  font-size:var(--fs-1);
}

.sla-meter__chart{
  min-width:0;
  padding:clamp(1.5rem,4vw,2.5rem);
  background:#062d27;
  color:#ffffff;
}

.sla-meter__chart-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-2);
}

.sla-meter__chart-head div{
  min-width:0;
}

.sla-meter__chart-head b,
.sla-meter__chart-head span{
  display:block;
}

.sla-meter__chart-head div span{
  color:#a6c2bb;
  font-size:var(--fs-1);
}

.sla-meter__legend{
  display:inline-flex!important;
  flex:0 0 auto;
  align-items:center;
  gap:var(--sp-1);
  color:#c6ded8;
  font-size:var(--fs-1);
}

.sla-meter__legend i{
  width:.75rem;
  height:.75rem;
  border-radius:50%;
  background:#29d6c7;
}

.sla-days{
  display:grid;
  grid-template-columns:repeat(30,minmax(.35rem,1fr));
  gap:.35rem;
  margin-top:var(--sp-3);
}

.sla-days span{
  min-width:0;
  height:2.4rem;
  border-radius:var(--r-pill);
  background:#29d6c7;
}

.sla-days span:nth-child(7n){
  background:#c7f28d;
}

.sla-meter__note{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sp-2);
  margin-top:var(--sp-3);
  padding-top:var(--sp-3);
  border-top:1px solid rgba(255,255,255,.14);
}

.sla-meter__note p{
  color:#b6d1ca;
}

.sla-meter__note a{
  color:#6de9c2;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:.2em;
}

.incident-flow{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));
  gap:var(--sp-2);
  margin-bottom:0;
  padding:0;
  list-style:none;
  align-items:start;
}

.incident-flow__item{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sp-2);
  border-radius:var(--r-md);
  padding:var(--sp-3);
  background:#dffbf0;
  color:#071e1a;
}

.incident-flow__number{
  display:inline-flex;
  width:2.75rem;
  height:2.75rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#062d27;
  color:#ffffff;
  font-family:var(--font-mono);
  font-weight:700;
  line-height:1;
}

.incident-flow__item p{
  margin-top:var(--sp-1);
  color:#42655d;
}

.incident-report{
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  gap:var(--sp-4);
  border-radius:var(--r-lg);
  padding:clamp(1.5rem,4vw,2.5rem);
  background:#ffffff;
  color:#071e1a;
  box-shadow:var(--shadow-soft);
}

.incident-report__intro p{
  color:#56716b;
}

.incident-report__fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--sp-2);
  margin:0;
}

.incident-report__fields div{
  min-width:0;
  border-radius:var(--r-sm);
  padding:var(--sp-2);
  background:var(--c-light);
  color:#071e1a;
}

.incident-report__fields dd{
  margin-top:var(--sp-1);
  color:#42655d;
  overflow-wrap:anywhere;
}

.incident-report__actions{
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:var(--sp-2);
}

.incident-report__actions .c-btn--ghost{
  color:#07533f;
  border-color:color-mix(in srgb,currentColor 42%,transparent);
}

.checklist-layout{
  display:grid;
  grid-template-columns:minmax(17rem,.58fr) minmax(0,1.42fr);
  gap:var(--sp-5);
  align-items:start;
}

.checklist-copy{
  position:sticky;
  top:7rem;
}

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

.checklist-item{
  display:grid;
  min-width:0;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--sp-2);
  border-radius:var(--r-md);
  padding:var(--sp-3);
  background:#ffffff;
  color:#071e1a;
  box-shadow:var(--shadow-soft);
}

.checklist-item__icon{
  display:flex;
  width:3rem;
  height:3rem;
  align-items:center;
  justify-content:center;
  border-radius:var(--r-sm);
  background:#00b34f;
  color:#071e1a;
}

.checklist-item p{
  margin-top:var(--sp-1);
  color:#42655d;
}

.security-close .c-cta{
  background:#062d27;
  color:#ffffff;
}

.security-close__copy{
  min-width:0;
}

.security-close__copy h2{
  max-width:18ch;
  color:#ffffff;
}

.security-close__copy p{
  max-width:42rem;
  margin-top:var(--sp-1);
  color:#b6d1ca;
}

.security-close__actions{
  min-width:min(100%,16rem);
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
}

.security-close__actions .c-btn{
  width:100%;
}

.security-close__actions .c-btn--ghost{
  color:#ffffff;
  border-color:color-mix(in srgb,currentColor 42%,transparent);
}

@media(max-width:64rem){
  .security-hero__grid,
  .transport-layout,
  .sla-meter,
  .checklist-layout{
    grid-template-columns:1fr;
  }

  .security-hero__copy h1{
    max-width:14ch;
  }

  .transport-copy,
  .checklist-copy{
    position:static;
  }

  .transport-layout,
  .checklist-layout{
    gap:var(--sp-4);
  }

  .sla-days{
    grid-template-columns:repeat(18,minmax(.35rem,1fr));
  }
}

@media(max-width:48rem){
  .security-hero__grid{
    gap:var(--sp-4);
  }

  .security-lifecycle__item{
    grid-template-columns:auto minmax(0,1fr);
    align-items:start;
  }

  .security-lifecycle__result{
    grid-column:2;
  }

  .lifecycle-callout{
    align-items:flex-start;
    flex-direction:column;
  }

  .incident-report{
    grid-template-columns:1fr;
  }

  .incident-report__actions{
    grid-column:auto;
  }

  .checklist-grid{
    grid-template-columns:1fr;
  }

  .sla-meter__facts{
    grid-template-columns:1fr;
  }
}

@media(max-width:390px){
  .security-hero__actions,
  .incident-report__actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }

  .security-hero__actions .c-btn,
  .incident-report__actions .c-btn{
    width:100%;
    white-space:normal;
  }

  .security-boundary__head,
  .security-boundary__foot,
  .sla-meter__chart-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .security-boundary__head b,
  .security-boundary__foot strong{
    text-align:left;
  }

  .security-lifecycle__item{
    grid-template-columns:1fr;
  }

  .security-lifecycle__result{
    grid-column:auto;
  }

  .security-lifecycle__number{
    width:2.75rem;
    height:2.75rem;
  }

  .transport-check,
  .checklist-item{
    grid-template-columns:1fr;
  }

  .incident-report__fields{
    grid-template-columns:1fr;
  }

  .sla-days{
    grid-template-columns:repeat(10,minmax(.35rem,1fr));
  }

  .sla-days span{
    height:1.8rem;
  }
}