.c-page-hero.qs-hero{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  align-items:start;
  gap:var(--ov-space-4);
  padding-block:var(--ov-hero-pad) var(--ov-space-6);
}

.qs-hero__copy{
  min-width:0;
  align-self:start;
}

.qs-heading-stack{
  display:grid;
  gap:var(--ov-space-1);
  min-width:0;
  margin-top:var(--ov-space-2);
}

.qs-heading-stack h1{
  max-width:16ch;
  font-size:var(--ov-fs-6);
  line-height:1.18;
}

.qs-heading-stack p{
  max-width:42rem;
  color:#c5c9e5;
  font-size:var(--ov-fs-4);
}

.qs-hero__actions{
  justify-content:flex-start;
  margin-top:var(--ov-space-3);
}

.qs-hero-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  margin:var(--ov-space-3) 0 var(--ov-space-2);
  padding:var(--ov-space-2) 0;
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}

.qs-hero-stats div{
  min-width:0;
  padding-inline:var(--ov-space-2);
}

.qs-hero-stats div:first-child{
  padding-inline-start:0;
}

.qs-hero-stats div+div{
  border-left:1px solid rgba(255,255,255,.12);
}

.qs-hero-stats dt,
.qs-hero-stats dd{
  min-width:0;
  overflow-wrap:anywhere;
}

.qs-hero-stats dt{
  color:#c5c9e5;
}

.qs-hero-stats dd{
  margin-top:var(--ov-space-1);
  color:#ffffff;
  font-size:var(--ov-fs-5);
  font-weight:800;
}

.qs-hero__stage{
  min-width:0;
  align-self:start;
  height:auto;
  overflow:visible;
}

.qs-activation-board{
  min-width:0;
  overflow:hidden;
  border-radius:var(--ov-radius-lg);
  background:#dce7a1;
  color:#10133f;
  box-shadow:var(--ov-shadow);
}

.qs-activation-board h2,
.qs-activation-board h3,
.qs-activation-board strong{
  color:#10133f;
}

.qs-activation-board p,
.qs-activation-board small,
.qs-activation-board dt,
.qs-activation-board dd{
  color:#3f4458;
}

.qs-board-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--ov-space-2);
  padding:var(--ov-space-3);
  background:#b7d629;
  color:#182000;
}

.qs-board-head h2,
.qs-board-head span{
  color:#182000;
}

.qs-board-label{
  display:block;
  margin-bottom:var(--ov-space-1);
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.2;
  font-weight:800;
  letter-spacing:.08em;
}

.qs-board-head .qs-board-state{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-items:center;
  padding:.45rem .75rem;
  border-radius:999px;
  background:#10133f;
  color:#ffffff;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.2;
  font-weight:800;
}

.qs-board-body{
  padding:var(--ov-space-3);
  background:#dce7a1;
  color:#10133f;
}

.qs-board-primary{
  display:flex;
  flex-direction:column;
  gap:var(--ov-space-1);
  padding:var(--ov-space-3);
  border-radius:var(--ov-radius-md);
  background:#ecebe6;
  color:#10133f;
}

.qs-board-primary span,
.qs-board-primary small{
  color:#616477;
}

.qs-board-primary strong{
  font-family:var(--ov-font-heading);
  font-size:var(--ov-fs-5);
  line-height:1.25;
  overflow-wrap:anywhere;
}

.qs-board-fields{
  margin:var(--ov-space-2) 0 0;
}

.qs-board-fields div{
  display:grid;
  grid-template-columns:minmax(7rem,.42fr) minmax(0,1fr);
  gap:var(--ov-space-2);
  padding-block:var(--ov-space-2);
  border-bottom:1px solid rgba(16,19,63,.14);
}

.qs-board-fields dt,
.qs-board-fields dd{
  min-width:0;
  overflow-wrap:anywhere;
}

.qs-board-fields dt{
  color:#4c5065;
}

.qs-board-fields dd{
  color:#10133f;
  font-weight:700;
}

.qs-board-progress{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--ov-space-1);
  margin-top:var(--ov-space-3);
}

.qs-board-progress span{
  min-width:0;
  padding:.65rem .5rem;
  border-radius:var(--ov-radius-sm);
  background:#e3e2dc;
  color:#4c5065;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.25;
  font-weight:800;
  text-align:center;
  overflow-wrap:anywhere;
}

.qs-board-progress span.is-complete{
  background:#175c58;
  color:#ffffff;
}

.qs-board-foot{
  display:flex;
  flex-wrap:wrap;
  gap:var(--ov-space-1);
  padding:var(--ov-space-2) var(--ov-space-3) var(--ov-space-3);
  background:#343a79;
  color:#ffffff;
}

.qs-board-foot span{
  display:inline-flex;
  width:fit-content;
  padding:.45rem .7rem;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  color:#ffffff;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.2;
  font-weight:800;
}

.qs-preflight-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));
}

.qs-check-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.qs-icon-chip{
  display:inline-flex;
  width:2.75rem;
  height:2.75rem;
  align-items:center;
  justify-content:center;
  border-radius:var(--ov-radius-sm);
  background:rgba(255,255,255,.12);
  color:#ffffff;
}

.qs-icon-chip svg{
  width:1.35rem;
  height:1.35rem;
}

.qs-check-card h3{
  margin-top:var(--ov-space-2);
}

.qs-check-card p{
  margin-top:var(--ov-space-1);
}

.qs-preflight-note{
  margin-top:var(--ov-space-3);
}

.qs-plan-section{
  background:#633a68;
  color:#ffffff;
}

.qs-plan-section .c-section-head__aside{
  color:#f0dfef;
}

.qs-plan-copy{
  margin-top:var(--ov-space-3);
  color:#3e4152;
}

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

.qs-region-card{
  min-width:0;
  padding:var(--ov-space-3);
  border-radius:var(--ov-radius-md);
  background:#222a69;
  color:#ffffff;
}

.qs-region-card h3{
  margin-top:var(--ov-space-2);
  color:#ffffff;
}

.qs-region-card p{
  margin-top:var(--ov-space-1);
  color:#c5c9e5;
}

.qs-region-card a{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  margin-top:var(--ov-space-3);
  color:#dff56e;
  font-family:var(--ov-font-heading);
  font-size:var(--ov-fs-2);
  line-height:1.4;
  font-weight:800;
  overflow-wrap:anywhere;
}

.qs-region-code{
  display:inline-flex;
  width:fit-content;
  align-items:center;
  padding:.45rem .7rem;
  border-radius:999px;
  background:#b7d629;
  color:#182000;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.2;
  font-weight:800;
}

.qs-region-method{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));
  gap:var(--ov-space-2);
  margin-top:var(--ov-space-4);
}

.qs-region-method div{
  min-width:0;
  padding:var(--ov-space-3);
  border-radius:var(--ov-radius-md);
  background:#175c58;
  color:#ffffff;
}

.qs-region-method strong{
  color:#ffffff;
  font-family:var(--ov-font-heading);
  font-size:var(--ov-fs-4);
  line-height:1.3;
}

.qs-region-method p{
  margin-top:var(--ov-space-1);
  color:#d4ece8;
}

.qs-billing-section{
  background:#714c34;
  color:#ffffff;
}

.qs-billing-section .c-section-head__aside{
  color:#f2dfd1;
}

.qs-billing-sheet{
  min-width:0;
  overflow:hidden;
  border-radius:var(--ov-radius-md);
  background:#f8f7f2;
  color:#10133f;
}

.qs-billing-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--ov-space-2);
  padding:var(--ov-space-3);
  background:#b7d629;
  color:#182000;
}

.qs-billing-head span,
.qs-billing-head h3{
  color:#182000;
}

.qs-billing-head>div>span{
  display:block;
  margin-bottom:var(--ov-space-1);
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.2;
  font-weight:800;
}

.qs-billing-head .qs-billing-status{
  display:inline-flex;
  width:fit-content;
  padding:.45rem .7rem;
  border-radius:999px;
  background:#10133f;
  color:#ffffff;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1;
  font-weight:800;
}

.qs-billing-body{
  padding:var(--ov-space-3);
  background:#f8f7f2;
  color:#10133f;
}

.qs-billing-list{
  list-style:none;
  margin:0;
  padding:0;
}

.qs-billing-list li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--ov-space-2);
  padding-block:var(--ov-space-2);
  border-bottom:1px solid rgba(16,19,63,.14);
  color:#10133f;
}

.qs-billing-list li:first-child{
  padding-block-start:0;
}

.qs-billing-list li:last-child{
  padding-block-end:0;
  border-bottom:0;
}

.qs-billing-list li>span{
  display:inline-flex;
  width:2.25rem;
  height:2.25rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#10133f;
  color:#ffffff;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1;
  font-weight:800;
}

.qs-billing-list strong{
  color:#10133f;
}

.qs-billing-list p{
  margin-top:var(--ov-space-1);
  color:#616477;
}

.qs-billing-side>*{
  height:auto;
  justify-content:space-between;
}

.qs-billing-side h3{
  color:#ffffff;
}

.qs-billing-side p{
  margin-top:var(--ov-space-1);
}

.qs-billing-side .c-btn{
  margin-top:var(--ov-space-3);
}

.qs-addon-table{
  margin-top:var(--ov-space-4);
}

.qs-timeline{
  display:grid;
}

.qs-timeline-row{
  display:grid;
  grid-template-columns:minmax(9rem,.3fr) minmax(0,1fr);
  gap:var(--ov-space-4);
  padding:var(--ov-space-3);
  border-bottom:1px solid rgba(255,255,255,.12);
  background:#222a69;
  color:#ffffff;
}

.qs-timeline-row:first-child{
  border-radius:var(--ov-radius-md) var(--ov-radius-md) 0 0;
}

.qs-timeline-row:last-child{
  border-bottom:0;
  border-radius:0 0 var(--ov-radius-md) var(--ov-radius-md);
}

.qs-time-chip{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--ov-space-1);
  min-width:0;
}

.qs-time-chip span{
  display:inline-flex;
  width:fit-content;
  padding:.45rem .7rem;
  border-radius:999px;
  background:#b7d629;
  color:#182000;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.2;
  font-weight:800;
}

.qs-time-chip strong{
  color:#ffffff;
  font-size:var(--ov-fs-4);
  overflow-wrap:anywhere;
}

.qs-timeline-copy{
  min-width:0;
}

.qs-timeline-copy h3{
  color:#ffffff;
}

.qs-timeline-copy p,
.qs-timeline-copy li{
  color:#c5c9e5;
}

.qs-timeline-copy p{
  margin-top:var(--ov-space-1);
}

.qs-timeline-copy ul{
  display:flex;
  flex-wrap:wrap;
  gap:var(--ov-space-1);
  margin-top:var(--ov-space-2);
  padding:0;
  list-style:none;
}

.qs-timeline-copy li{
  display:inline-flex;
  width:fit-content;
  padding:.45rem .7rem;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  font-size:var(--ov-fs-2);
  line-height:1.3;
}

.qs-total-time{
  display:grid;
  grid-template-columns:minmax(0,.35fr) minmax(0,.65fr);
  gap:var(--ov-space-2) var(--ov-space-4);
  margin-top:var(--ov-space-3);
  padding:var(--ov-space-3);
  border-radius:var(--ov-radius-md);
  background:#b7d629;
  color:#182000;
}

.qs-total-time span,
.qs-total-time strong,
.qs-total-time p{
  color:#182000;
}

.qs-total-time span{
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.3;
  font-weight:800;
}

.qs-total-time strong{
  font-family:var(--ov-font-heading);
  font-size:var(--ov-fs-5);
  line-height:1.3;
  overflow-wrap:anywhere;
}

.qs-total-time p{
  grid-column:1/-1;
}

.qs-connect-section{
  background:#175c58;
  color:#ffffff;
}

.qs-connect-section .c-section-head__aside{
  color:#d4ece8;
}

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

.qs-connect-card{
  min-width:0;
  padding:var(--ov-space-3);
  border-radius:var(--ov-radius-md);
  background:#f8f7f2;
  color:#10133f;
}

.qs-connect-card h3{
  margin-top:var(--ov-space-2);
  color:#10133f;
}

.qs-connect-card p{
  margin-top:var(--ov-space-1);
  color:#616477;
}

.qs-connect-card .c-code{
  margin-top:var(--ov-space-3);
}

.qs-connect-card .c-btn{
  margin-top:var(--ov-space-3);
  border-color:rgba(16,19,63,.32);
}

.qs-step-tag{
  display:inline-flex;
  width:fit-content;
  align-items:center;
  padding:.45rem .7rem;
  border-radius:999px;
  background:#10133f;
  color:#ffffff;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.2;
  font-weight:800;
}

.qs-check-list{
  display:flex;
  flex-wrap:wrap;
  gap:var(--ov-space-1);
  margin-top:var(--ov-space-3);
}

.qs-check-list span{
  display:inline-flex;
  width:fit-content;
  padding:.45rem .7rem;
  border-radius:999px;
  background:#dce7a1;
  color:#182000;
  font-size:var(--ov-fs-2);
  line-height:1.3;
  font-weight:700;
}

.qs-workflow-board{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  gap:var(--ov-space-3);
  min-width:0;
  padding:var(--ov-space-4);
  border-radius:var(--ov-radius-lg);
  background:#343a79;
  color:#ffffff;
}

.qs-workflow-intro{
  min-width:0;
}

.qs-workflow-intro h3{
  color:#ffffff;
}

.qs-workflow-intro p{
  margin-top:var(--ov-space-1);
  color:#d7d9ef;
}

.qs-workflow-list{
  grid-row:span 2;
  list-style:none;
  margin:0;
  padding:0;
}

.qs-workflow-list li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--ov-space-2);
  padding-block:var(--ov-space-2);
  border-bottom:1px solid rgba(255,255,255,.12);
}

.qs-workflow-list li:first-child{
  padding-block-start:0;
}

.qs-workflow-list li:last-child{
  padding-block-end:0;
  border-bottom:0;
}

.qs-workflow-list h3{
  color:#ffffff;
  font-size:var(--ov-fs-4);
}

.qs-workflow-list p{
  margin-top:var(--ov-space-1);
  color:#d7d9ef;
}

.qs-workflow-number{
  display:inline-flex;
  width:2.4rem;
  height:2.4rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#b7d629;
  color:#182000;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1;
  font-weight:800;
}

.qs-workflow-command{
  min-width:0;
}

.qs-workflow-command>span{
  display:block;
  margin-bottom:var(--ov-space-1);
  color:#d7d9ef;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.3;
  font-weight:800;
}

.qs-security-section{
  background:#633a68;
  color:#ffffff;
}

.qs-security-section .c-section-head__aside{
  color:#f0dfef;
}

.qs-security-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));
  gap:var(--ov-space-2);
  align-items:start;
}

.qs-security-grid article{
  min-width:0;
  padding:var(--ov-space-3);
  border-radius:var(--ov-radius-md);
  background:#f8f7f2;
  color:#10133f;
}

.qs-security-grid h3{
  margin-top:var(--ov-space-2);
  color:#10133f;
}

.qs-security-grid p{
  margin-top:var(--ov-space-1);
  color:#616477;
}

.qs-security-number{
  display:inline-flex;
  width:2.4rem;
  height:2.4rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#10133f;
  color:#ffffff;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1;
  font-weight:800;
}

.qs-security-note{
  margin-top:var(--ov-space-3);
}

.qs-closing-section{
  padding-bottom:var(--ov-space-5);
}

.qs-closing-actions{
  display:flex;
  min-width:min(100%,15rem);
  flex-direction:column;
  align-items:stretch;
  gap:var(--ov-space-1);
}

.qs-closing-actions .c-btn{
  width:100%;
}

@media (max-width:64rem){
  .c-page-hero.qs-hero{
    grid-template-columns:1fr;
  }

  .qs-heading-stack h1{
    max-width:20ch;
  }

  .qs-hero__stage{
    width:100%;
  }

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

  .qs-workflow-list{
    grid-row:auto;
  }
}

@media (max-width:44rem){
  .c-page-hero.qs-hero{
    gap:var(--ov-space-3);
    padding-bottom:var(--ov-space-5);
  }

  .qs-heading-stack h1{
    max-width:none;
    font-size:clamp(2rem,10vw,2.75rem);
  }

  .qs-heading-stack p{
    font-size:var(--ov-fs-3);
  }

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

  .qs-hero-stats div{
    padding:var(--ov-space-1) 0;
  }

  .qs-hero-stats div+div{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.12);
  }

  .qs-board-head,
  .qs-billing-head{
    flex-direction:column;
  }

  .qs-board-fields div{
    grid-template-columns:1fr;
    gap:var(--ov-space-1);
  }

  .qs-board-progress{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .qs-connect-grid{
    grid-template-columns:1fr;
  }

  .qs-timeline-row{
    grid-template-columns:1fr;
    gap:var(--ov-space-2);
  }

  .qs-total-time{
    grid-template-columns:1fr;
  }

  .qs-total-time p{
    grid-column:auto;
  }

  .qs-workflow-board{
    padding:var(--ov-space-3);
  }

  .qs-workflow-list li{
    grid-template-columns:1fr;
  }

  .qs-closing-actions{
    width:100%;
  }
}