.home-hero{
  padding-bottom:var(--rv-space-7);
}

.home-hero .rv-page-hero-copy{
  min-width:0;
  align-items:start;
}

.home-hero .rv-page-hero-copy > .c-badge{
  margin-bottom:var(--rv-space-2);
}

.home-hero .rv-page-hero-copy > p{
  max-width:39rem;
  margin-top:var(--rv-space-2);
}

.home-hero .rv-page-hero-copy > .rv-actions{
  margin-top:var(--rv-space-3);
  justify-content:flex-start;
}

.home-facts{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:var(--rv-space-3);
}

.home-fact{
  max-width:100%;
  padding:.46rem .75rem;
  border-radius:var(--rv-radius-pill);
  background:#ffffff;
  color:#334b47;
  font-size:var(--rv-fs-1);
  font-weight:650;
  overflow-wrap:anywhere;
}

.home-hero .rv-hero-stage{
  position:relative;
  display:grid;
  min-height:clamp(22rem,40vw,34rem);
  place-items:center;
}

.home-hero .rv-hero-stage img{
  width:100%;
  height:100%;
  max-height:34rem;
  object-fit:cover;
}

.home-stage-note{
  position:absolute;
  z-index:2;
  max-width:min(58%,18rem);
  padding:.6rem .8rem;
  border-radius:var(--rv-radius-sm);
  background:#ffffff;
  color:#22423d;
  font-size:var(--rv-fs-0);
  font-weight:700;
  box-shadow:0 8px 0 rgba(23,53,50,.05);
  overflow-wrap:anywhere;
}

.home-stage-note-a{
  right:2%;
  top:13%;
}

.home-stage-note-b{
  left:1%;
  bottom:12%;
}

.choice-section{
  position:relative;
  z-index:3;
}

.choice-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--rv-space-3);
  margin-top:calc(var(--rv-space-5) * -1);
  align-items:start;
}

.choice-card{
  display:grid;
  grid-template-columns:6rem minmax(0,1fr);
  align-items:center;
  gap:var(--rv-space-3);
  min-width:0;
  padding:var(--rv-space-3);
  border-radius:var(--rv-radius-md);
  background:#ffffff;
  color:#172321;
  box-shadow:var(--rv-shadow-soft);
}

.choice-card p{
  color:#596866;
}

.choice-icon{
  display:grid;
  width:6rem;
  height:6rem;
  place-items:center;
  border-radius:50%;
  background:#d9f5ef;
  color:#173532;
}

.choice-icon-package{
  background:#dceef1;
  color:#173532;
}

.choice-icon svg{
  width:3.5rem;
  height:3.5rem;
}

.choice-copy{
  display:grid;
  min-width:0;
  gap:var(--rv-space-1);
  align-items:start;
}

.choice-copy h2{
  font-size:var(--rv-fs-4);
}

.choice-copy .c-btn{
  width:fit-content;
  margin-top:var(--rv-space-1);
}

.scene-grid{
  align-items:start;
}

.scene-card{
  display:flex;
  min-height:0;
  flex-direction:column;
  align-items:flex-start;
  padding:var(--rv-space-3);
}

.scene-icon{
  display:grid;
  width:3.5rem;
  height:3.5rem;
  flex:0 0 auto;
  place-items:center;
  margin-bottom:var(--rv-space-4);
  border-radius:var(--rv-radius-sm);
  background:#ffffff;
  color:#173532;
  font-weight:700;
}

.scene-icon svg{
  width:1.6rem;
  height:1.6rem;
}

.scene-card h3{
  overflow-wrap:anywhere;
}

.scene-card p{
  margin-top:var(--rv-space-1);
}

.scene-card small{
  display:block;
  margin-top:var(--rv-space-2);
  padding-top:0;
  color:inherit;
  font-family:var(--rv-font-mono);
  font-weight:700;
  letter-spacing:.08em;
  overflow-wrap:anywhere;
}

.pipeline-frame{
  overflow:hidden;
  border-radius:var(--rv-radius-lg);
  background:#ffffff;
  color:#173532;
  box-shadow:var(--rv-shadow-soft);
}

.pipeline-browser{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--rv-space-2);
  padding:var(--rv-space-2) var(--rv-space-3);
  background:#dceef1;
  color:#173532;
}

.pipeline-browser-mark{
  width:1.2rem;
  height:1.2rem;
  border-radius:.4rem;
  background:#00c2a8;
}

.pipeline-address{
  min-width:0;
  padding:.5rem .75rem;
  border-radius:var(--rv-radius-pill);
  background:#ffffff;
  color:#38534e;
  font-size:var(--rv-fs-0);
  overflow-wrap:anywhere;
}

.pipeline-state{
  font-size:var(--rv-fs-0);
  font-weight:700;
}

.pipeline{
  padding:var(--rv-space-4);
  background:#ffffff;
  color:#173532;
}

.pipeline p{
  color:#596866;
}

.pipeline-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--rv-space-3);
}

.pipeline-heading > div{
  display:grid;
  min-width:0;
  gap:var(--rv-space-1);
}

.pipeline-track{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--rv-space-2);
  margin:var(--rv-space-4) 0 0;
  padding:0;
  list-style:none;
}

.pipeline-track::before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:1.7rem;
  height:3px;
  border-radius:var(--rv-radius-pill);
  background:#b9ded4;
}

.pipeline-step{
  position:relative;
  z-index:1;
  min-width:0;
  text-align:center;
}

.pipeline-number{
  display:grid;
  width:3.5rem;
  height:3.5rem;
  place-items:center;
  margin:0 auto var(--rv-space-2);
  border:.55rem solid #ffffff;
  border-radius:50%;
  background:#00c2a8;
  color:#103a35;
  font-family:var(--rv-font-mono);
  font-size:var(--rv-fs-0);
  font-weight:700;
}

.pipeline-step h3{
  font-size:var(--rv-fs-3);
  overflow-wrap:anywhere;
}

.pipeline-step p{
  margin-top:var(--rv-space-1);
  font-size:var(--rv-fs-1);
}

.pipeline-code{
  max-width:100%;
  margin-top:var(--rv-space-3);
  padding:var(--rv-space-2) var(--rv-space-3);
  overflow-x:auto;
  border-radius:var(--rv-radius-sm);
  background:#173532;
  color:#d8f8ef;
  font-family:var(--rv-font-mono);
  font-size:var(--rv-fs-1);
  line-height:1.7;
}

.engineering-pair{
  align-items:start;
}

.terminal-mock{
  display:flex;
  min-width:0;
  overflow:hidden;
  flex-direction:column;
  border-radius:var(--rv-radius-md);
  background:#16312f;
  color:#dff8f1;
}

.terminal-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--rv-space-2);
  padding:var(--rv-space-2) var(--rv-space-3);
  background:#21423e;
  color:#bad2cd;
  font-size:var(--rv-fs-0);
}

.terminal-head > span{
  min-width:0;
  overflow-wrap:anywhere;
}

.terminal-lights{
  display:flex;
  gap:.4rem;
}

.terminal-lights i{
  width:.65rem;
  height:.65rem;
  border-radius:50%;
  background:#69bfd1;
}

.terminal-lights i:nth-child(2){
  background:#f5e7b6;
}

.terminal-lights i:nth-child(3){
  background:#00c2a8;
}

.terminal-body{
  flex:1;
  max-width:100%;
  padding:var(--rv-space-3);
  overflow-x:auto;
  background:#16312f;
  color:#dff8f1;
  font-family:var(--rv-font-mono);
  font-size:var(--rv-fs-1);
  line-height:1.8;
}

.terminal-green{
  color:#55e0c8;
}

.terminal-blue{
  color:#84d8e7;
}

.terminal-caption{
  padding:var(--rv-space-2) var(--rv-space-3);
  background:#21423e;
  color:#bad2cd;
  font-size:var(--rv-fs-0);
  line-height:1.6;
}

.engineering-side{
  grid-template-rows:auto auto;
  align-content:start;
}

.engineering-card{
  gap:var(--rv-space-1);
}

.engineering-card h3{
  margin-top:var(--rv-space-1);
}

.engineering-card dl{
  margin:var(--rv-space-1) 0 0;
}

.spec-row,
.advisor-row{
  display:grid;
  grid-template-columns:minmax(5.5rem,7rem) minmax(0,1fr);
  gap:.75rem;
  padding:.7rem 0;
  border-top:1px solid rgba(23,53,50,.14);
}

.spec-row dt,
.advisor-row dt{
  min-width:0;
  color:#566562;
  text-transform:uppercase;
  letter-spacing:.05em;
  overflow-wrap:anywhere;
}

.spec-row dd,
.advisor-row dd{
  min-width:0;
  color:#172321;
  font-family:var(--rv-font-mono);
  font-size:var(--rv-fs-1);
  font-weight:700;
  overflow-wrap:anywhere;
}

.region-section{
  background:#173532;
  color:#eef9f6;
}

.region-section .rv-section-head{
  color:#eef9f6;
}

.region-section .rv-section-head p{
  color:#b8d2cc;
}

.region-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));
  align-items:start;
}

.region-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  padding:var(--rv-space-3);
  border-radius:var(--rv-radius-md);
  background:#f7fffc;
  color:#173532;
}

.region-card > p{
  color:#56716c;
}

.region-card h3{
  margin-top:var(--rv-space-1);
  overflow-wrap:anywhere;
}

.region-card h3 + p{
  margin-top:var(--rv-space-1);
}

.stock{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  align-items:center;
  gap:.4rem;
  margin-top:var(--rv-space-2);
  padding:.4rem .65rem;
  border-radius:var(--rv-radius-pill);
  background:#d7f4e7;
  color:#186d60;
  font-size:var(--rv-fs-0);
  font-weight:700;
}

.region-guidance{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--rv-space-2);
  align-items:start;
  margin-top:var(--rv-space-3);
  padding:var(--rv-space-3);
  border-radius:var(--rv-radius-md);
  background:#244640;
  color:#eef9f6;
}

.region-guidance p{
  color:#c3d7d2;
}

.latency-table{
  background:#ffffff;
  color:#172321;
}

.latency-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--rv-space-2);
  padding:var(--rv-space-3);
  background:#ffffff;
  color:#172321;
}

.latency-meta > div{
  display:grid;
  gap:var(--rv-space-1);
}

.latency-meta p{
  color:#596866;
}

.latency-table .c-table{
  min-width:58rem;
}

.latency-table td,
.latency-table th{
  overflow-wrap:anywhere;
}

.latency-note{
  padding:var(--rv-space-2) var(--rv-space-3) var(--rv-space-3);
  background:#ffffff;
  color:#667571;
  font-size:var(--rv-fs-0);
  line-height:1.65;
}

.plan-bar{
  display:grid;
  grid-template-columns:minmax(13rem,.75fr) minmax(0,1.5fr) minmax(10rem,.55fr);
  gap:var(--rv-space-3);
  align-items:center;
  padding:var(--rv-space-4);
  border-radius:var(--rv-radius-lg);
  background:#f5e7b6;
  color:#34382f;
}

.plan-bar p{
  color:#62614e;
}

.plan-summary{
  display:grid;
  min-width:0;
  gap:var(--rv-space-1);
}

.plan-summary h2{
  overflow-wrap:anywhere;
}

.plan-bar .c-price-grid{
  min-width:0;
}

.plan-bar .c-btn{
  width:100%;
}

.plan-hint{
  margin-top:var(--rv-space-2);
  color:#596866;
  text-align:center;
}

.sla-card{
  display:grid;
  grid-template-columns:minmax(12rem,14rem) minmax(0,1fr);
  gap:var(--rv-space-4);
  padding:var(--rv-space-4);
  border-radius:var(--rv-radius-lg);
  background:#ffffff;
  color:#173532;
}

.sla-card p{
  color:#596866;
}

.sla-summary{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--rv-space-1);
}

.sla-big{
  max-width:100%;
  color:#173532;
  font-family:var(--rv-font-heading);
  font-size: clamp(3rem, 8cqi, 4.25rem);
  font-weight:500;
  line-height:1;
  letter-spacing:-.07em;
  overflow-wrap:anywhere;
}

.sla-history{
  min-width:0;
}

.sla-history-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--rv-space-2);
}

.sla-history-head > div{
  display:grid;
  min-width:0;
  gap:var(--rv-space-1);
}

.status-key{
  display:inline-flex;
  width:fit-content;
  flex:0 0 auto;
  align-items:center;
  gap:.4rem;
  color:#49625e;
  font-size:var(--rv-fs-0);
  font-weight:700;
}

.status-key i{
  width:.7rem;
  height:.7rem;
  border-radius:.2rem;
  background:#00c2a8;
}

.status-bars{
  display:grid;
  grid-template-columns:repeat(30,minmax(.2rem,1fr));
  gap:.22rem;
  margin-top:var(--rv-space-2);
}

.status-bars i{
  height:1.35rem;
  border-radius:.2rem;
  background:#00c2a8;
}

.status-bars i:nth-child(47){
  background:#69bfd1;
}

.status-note{
  display:grid;
  gap:var(--rv-space-1);
  margin-top:var(--rv-space-2);
  padding-top:var(--rv-space-2);
  border-top:1px solid #dce4df;
}

.status-note a{
  width:fit-content;
  color:#087f72;
  font-size:var(--rv-fs-1);
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:.2em;
}

.final-board{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--rv-space-4);
  padding:clamp(2.5rem,7vw,5rem);
  border-radius:var(--rv-radius-lg);
  background:#cfebda;
  color:#113c37;
}

.final-copy{
  display:grid;
  min-width:0;
  gap:var(--rv-space-1);
}

.final-copy .c-badge{
  margin-bottom:var(--rv-space-1);
  background:#ffffff;
  color:#116c62;
}

.final-copy p{
  max-width:44rem;
  color:#285b54;
}

.final-actions{
  display:grid;
  min-width:min(100%,15rem);
  gap:.625rem;
}

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

@media(max-width:64rem){
  .pipeline-track{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .pipeline-track::before{
    display:none;
  }

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

  .plan-bar .c-btn{
    width:fit-content;
  }

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

  .final-actions{
    width:fit-content;
    min-width:min(100%,15rem);
  }
}

@media(max-width:48rem){
  .home-hero{
    padding-bottom:var(--rv-space-5);
  }

  .home-hero .rv-hero-stage{
    height:14rem;
    min-height:0;
  }

  .home-stage-note-a{
    display:none;
  }

  .home-stage-note-b{
    left:var(--rv-space-2);
    bottom:var(--rv-space-2);
    max-width:calc(100% - var(--rv-space-4));
  }

  .choice-grid{
    grid-template-columns:1fr;
    margin-top:calc(var(--rv-space-3) * -1);
  }

  .choice-card{
    grid-template-columns:4.5rem minmax(0,1fr);
  }

  .choice-icon{
    width:4.5rem;
    height:4.5rem;
  }

  .choice-icon svg{
    width:2.8rem;
    height:2.8rem;
  }

  .pipeline{
    padding:var(--rv-space-3);
  }

  .pipeline-heading{
    flex-direction:column;
  }

  .pipeline-track{
    grid-template-columns:1fr;
  }

  .pipeline-browser{
    grid-template-columns:auto minmax(0,1fr);
  }

  .pipeline-state{
    display:none;
  }

  .sla-card{
    grid-template-columns:1fr;
    gap:var(--rv-space-3);
    padding:var(--rv-space-3);
  }

  .status-bars{
    grid-template-columns:repeat(18,minmax(.2rem,1fr));
  }

  .region-guidance{
    grid-template-columns:1fr;
  }
}

@media(max-width:24.375rem){
  .home-hero .rv-page-hero-copy > .rv-actions{
    width:100%;
  }

  .home-fact{
    width:100%;
    text-align:center;
  }

  .choice-card{
    grid-template-columns:1fr;
  }

  .choice-icon{
    width:4rem;
    height:4rem;
  }

  .choice-copy .c-btn{
    width:100%;
  }

  .pipeline-browser{
    grid-template-columns:1fr;
  }

  .pipeline-browser-mark{
    display:none;
  }

  .terminal-head{
    grid-template-columns:1fr;
  }

  .terminal-lights{
    display:none;
  }

  .spec-row,
  .advisor-row{
    grid-template-columns:1fr;
    gap:var(--rv-space-1);
  }

  .sla-history-head{
    flex-direction:column;
  }

  .status-bars{
    grid-template-columns:repeat(15,minmax(.2rem,1fr));
  }

  .plan-bar .c-btn,
  .final-actions{
    width:100%;
  }
}