.remote-access-page{
  background:
    radial-gradient(56rem 34rem at 78% 5%,rgba(43,98,201,.14),transparent 70%),
    #030405;
}

.ra-hero{
  display:block;
  padding-block:var(--vm-hero-pad);
  color:#ecebe6;
  background:
    radial-gradient(42rem 32rem at 78% 25%,rgba(43,98,201,.2),transparent 70%),
    linear-gradient(180deg,#030405,#05070a);
}

.ra-hero-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.94fr);
  align-items:start;
  gap:var(--vm-space-5);
}

.ra-hero-copy{
  display:flex;
  min-width:0;
  align-items:flex-start;
  flex-direction:column;
  color:#ecebe6;
}

.ra-heading-stack{
  display:grid;
  min-width:0;
  gap:.75rem;
}

.ra-heading-stack .c-kicker{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
}

.ra-hero h1{
  max-width:17ch;
  color:#f4f2ed;
  font-size:clamp(2.55rem,4.8vw,3.75rem);
  line-height:1.16;
}

.ra-hero-lead{
  max-width:43rem;
  margin-top:var(--vm-space-2);
  color:#b3b7be;
  font-size:var(--vm-text-3);
}

.ra-hero-actions{
  justify-content:flex-start;
  margin-block:var(--vm-space-3);
}

.ra-hero-facts{
  display:grid;
  width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:0 0 var(--vm-space-2);
  padding-top:var(--vm-space-3);
  border-top:1px solid #20242b;
}

.ra-hero-facts div{
  min-width:0;
  padding-right:var(--vm-space-2);
}

.ra-hero-facts div+div{
  padding-left:var(--vm-space-2);
  border-left:1px solid #20242b;
}

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

.ra-hero-facts dt{
  color:#969ca5;
}

.ra-hero-facts dd{
  margin-top:.5rem;
  color:#ecebe6;
}

.ra-beat-stage{
  width:100%;
  min-width:0;
  align-self:start;
}

.ra-beat-sheet{
  width:100%;
  min-width:0;
  overflow:hidden;
  border:1px solid #20242b;
  border-radius:var(--vm-radius-lg);
  color:#ecebe6;
  background:#0a0c10;
  box-shadow:var(--vm-shadow-panel);
}

.ra-beat-sheet h2,
.ra-beat-sheet h3,
.ra-beat-sheet strong{
  color:#f4f2ed;
}

.ra-beat-sheet p,
.ra-beat-sheet small{
  color:#969ca5;
}

.ra-beat-head{
  display:flex;
  min-width:0;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--vm-space-2);
  padding:var(--vm-space-3);
  border-bottom:1px solid rgba(236,235,230,.18);
  color:#ecebe6;
  background:#0d1015;
}

.ra-beat-head>div{
  min-width:0;
}

.ra-beat-head h2{
  margin-top:.5rem;
  font-family:var(--vm-font-body);
  font-size:var(--vm-text-4);
  font-weight:600;
}

.ra-beat-eyebrow{
  color:#7fa7ff;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-0);
  letter-spacing:.08em;
}

.ra-route-switch{
  display:grid;
  padding-inline:var(--vm-space-3);
}

.ra-route{
  display:grid;
  min-width:0;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--vm-space-2);
  padding-block:1.1rem;
  border-bottom:1px solid rgba(236,235,230,.16);
}

.ra-route-index{
  color:#7fa7ff;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-1);
}

.ra-route div{
  min-width:0;
}

.ra-route strong,
.ra-route small{
  display:block;
  overflow-wrap:anywhere;
}

.ra-route small{
  margin-top:.35rem;
}

.ra-route-state{
  width:fit-content;
  max-width:100%;
  padding:.35rem .6rem;
  border-radius:var(--vm-radius-pill);
  color:#bec3cb;
  background:#15181d;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-0);
  line-height:1.2;
}

.ra-route.is-current .ra-route-state{
  color:#ffffff;
  background:#173c9e;
}

.ra-beat-checks{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  padding:var(--vm-space-3);
  color:#ecebe6;
  background:#080a0d;
}

.ra-beat-checks div{
  min-width:0;
}

.ra-beat-checks div+div{
  padding-left:var(--vm-space-2);
  border-left:1px solid #20242b;
}

.ra-beat-checks span,
.ra-beat-checks strong{
  display:block;
  overflow-wrap:anywhere;
}

.ra-beat-checks span{
  color:#969ca5;
  font-size:var(--vm-text-0);
}

.ra-beat-checks strong{
  margin-top:.4rem;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-1);
  font-weight:400;
}

.ra-beat-note{
  padding:0 var(--vm-space-3) var(--vm-space-3);
  color:#969ca5;
  background:#080a0d;
}

.ra-section-head{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  align-items:end;
  gap:var(--vm-space-4);
  margin-bottom:var(--vm-space-4);
}

.ra-section-head>div,
.ra-section-head>p{
  min-width:0;
}

.ra-section-head p{
  max-width:38rem;
  justify-self:end;
}

.ra-access-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
}

.ra-access-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  padding-inline:var(--vm-space-3);
  color:#ecebe6;
  background:#151a22;
}

.ra-access-card h3{
  color:#f4f2ed;
}

.ra-access-card p{
  color:#969ca5;
}

.ra-icon-chip{
  display:inline-flex;
  width:2.5rem;
  height:2.5rem;
  align-items:center;
  justify-content:center;
  border-radius:var(--vm-radius-sm);
  color:#a9c0f7;
  background:#111a2d;
}

.ra-icon-chip svg{
  width:1.25rem;
  height:1.25rem;
}

.ra-card-copy{
  display:grid;
  gap:.5rem;
  margin-top:var(--vm-space-2);
}

.ra-line-list{
  display:grid;
  margin:var(--vm-space-3) 0 0;
  padding:0;
  list-style:none;
}

.ra-line-list li{
  display:flex;
  min-width:0;
  justify-content:space-between;
  gap:var(--vm-space-2);
  padding-block:.75rem;
  border-top:1px solid rgba(236,235,230,.18);
}

.ra-line-list span,
.ra-line-list strong{
  min-width:0;
  overflow-wrap:anywhere;
}

.ra-line-list span{
  color:#969ca5;
}

.ra-line-list strong{
  color:#d9dbe0;
  font-family:var(--vm-font-mono);
  font-weight:400;
  text-align:right;
}

.ra-preflight-section{
  color:#ecebe6;
  background:
    radial-gradient(34rem 24rem at 18% 40%,rgba(23,60,158,.1),transparent 72%),
    #050608;
}

.ra-preflight-layout{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  align-items:start;
  gap:var(--vm-space-5);
}

.ra-preflight-copy{
  min-width:0;
}

.ra-preflight-copy>p{
  margin-top:var(--vm-space-2);
  color:#969ca5;
}

.ra-preflight-alert{
  margin-top:var(--vm-space-3);
  color:#ecebe6;
  background:#0b0e13;
  border-color:#20242b;
}

.ra-preflight-alert h3{
  color:#f4f2ed;
}

.ra-preflight-alert p{
  margin-top:.5rem;
  color:#969ca5;
}

.ra-preflight-list{
  display:grid;
  margin:0;
  padding:0;
  list-style:none;
}

.ra-preflight-list li{
  display:grid;
  min-width:0;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--vm-space-2);
  padding-block:var(--vm-space-3);
  border-bottom:1px solid rgba(236,235,230,.18);
}

.ra-preflight-list li:first-child{
  border-top:1px solid #20242b;
}

.ra-preflight-list div{
  display:grid;
  min-width:0;
  gap:.5rem;
}

.ra-preflight-list h3{
  color:#f4f2ed;
}

.ra-preflight-list p{
  color:#969ca5;
}

.ra-step-number{
  position:relative;
  z-index:1;
  display:inline-flex;
  width:2.25rem;
  height:2.25rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:#ffffff;
  background:#173c9e;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-0);
}

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

.ra-command-sheet{
  min-width:0;
  overflow:hidden;
  border:1px solid #303640;
  border-radius:var(--vm-radius-md);
  color:#ecebe6;
  background:#151a22;
}

.ra-command-title{
  display:grid;
  gap:.5rem;
  padding:var(--vm-space-3);
  color:#ecebe6;
  background:#0d1015;
  border-bottom:1px solid rgba(236,235,230,.18);
}

.ra-command-title span{
  color:#7fa7ff;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-0);
}

.ra-command-title h3{
  color:#f4f2ed;
}

.ra-command-sheet pre{
  min-height:11rem;
  padding:var(--vm-space-3);
  color:#ecebe6;
  background:#050608;
}

.ra-command-sheet p{
  padding:0 var(--vm-space-3) var(--vm-space-3);
  color:#b5bac3;
  background:#151a22;
}

.ra-ssh-note{
  margin-top:var(--vm-space-4);
  padding-inline:var(--vm-space-3);
  color:#211f13;
  background:#e7d889;
  border-color:rgba(231,216,137,.32);
}

.ra-ssh-note h3,
.ra-ssh-note p{
  color:#211f13;
}

.ra-ssh-note p{
  margin-top:.5rem;
}

.ra-desktop-section{
  color:#ecebe6;
  background:#050608;
}

.ra-desktop-layout{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  align-items:start;
  gap:var(--vm-space-4);
}

.ra-desktop-copy{
  min-width:0;
}

.ra-desktop-copy>p{
  margin-top:var(--vm-space-2);
  color:#969ca5;
}

.ra-desktop-checks{
  margin-top:var(--vm-space-3);
}

.ra-session-meter{
  min-width:0;
  overflow:hidden;
  border:1px solid #303640;
  border-radius:var(--vm-radius-md);
  color:#ecebe6;
  background:#151a22;
}

.ra-session-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--vm-space-2);
  padding:var(--vm-space-3);
  color:#ecebe6;
  background:#0d1015;
  border-bottom:1px solid rgba(236,235,230,.18);
}

.ra-session-head h3{
  color:#f4f2ed;
}

.ra-session-row{
  display:grid;
  grid-template-columns:minmax(8rem,.55fr) minmax(0,1.45fr);
  gap:var(--vm-space-3);
  padding:var(--vm-space-3);
  border-bottom:1px solid rgba(236,235,230,.16);
}

.ra-session-row:last-child{
  border-bottom:0;
}

.ra-session-row div,
.ra-session-row p{
  min-width:0;
}

.ra-session-row div{
  display:flex;
  align-items:baseline;
  gap:.75rem;
}

.ra-session-row span{
  color:#7fa7ff;
  font-family:var(--vm-font-mono);
}

.ra-session-row strong{
  color:#ecebe6;
}

.ra-session-row p{
  color:#969ca5;
}

.ra-migration-path{
  align-items:start;
}

.ra-migration-path .c-card{background:#151a22}

.ra-migration-step{
  display:flex;
  min-width:0;
  flex-direction:column;
  padding-inline:var(--vm-space-3);
  color:#ecebe6;
  background:#151a22;
}

.ra-migration-step h3{
  margin-top:.75rem;
  color:#f4f2ed;
}

.ra-migration-step p{
  color:#969ca5;
}

.ra-migration-step ul{
  display:grid;
  gap:.5rem;
  margin:var(--vm-space-3) 0 0;
  padding-left:1.1rem;
  color:#c7cad0;
}

.ra-migration-index{
  color:#7fa7ff;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-0);
  letter-spacing:.06em;
}

.ra-output-label{
  display:block;
  margin-top:var(--vm-space-3);
  padding-top:var(--vm-space-2);
  border-top:1px solid #20242b;
  color:#82c9a4;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-1);
  font-weight:400;
}

.ra-environment-section{
  color:#ecebe6;
  background:
    radial-gradient(42rem 20rem at 82% 10%,rgba(43,98,201,.08),transparent 72%),
    #050608;
}

.ra-ledger{
  overflow:hidden;
  border:1px solid #20242b;
  border-radius:var(--vm-radius-md);
  color:#ecebe6;
  background:#080a0d;
}

.ra-ledger-head,
.ra-ledger-row{
  display:grid;
  grid-template-columns:minmax(9rem,.7fr) minmax(0,1.15fr) minmax(0,1.15fr);
  gap:var(--vm-space-2);
  padding:1rem var(--vm-space-3);
}

.ra-ledger-head{
  color:#aeb3bc;
  background:#0d1015;
  border-bottom:1px solid rgba(236,235,230,.18);
  font-size:var(--vm-text-1);
  font-weight:600;
}

.ra-ledger-row{
  align-items:start;
  border-bottom:1px solid rgba(236,235,230,.16);
}

.ra-ledger-row:last-child{
  border-bottom:0;
}

.ra-ledger-row>*{
  min-width:0;
  overflow-wrap:anywhere;
}

.ra-ledger-row strong{
  color:#ecebe6;
}

.ra-ledger-row span{
  color:#969ca5;
}

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

.ra-ci-copy{
  min-width:0;
}

.ra-ci-copy>p{
  margin-top:var(--vm-space-2);
}

.ra-support-button{
  margin-top:var(--vm-space-3);
}

.ra-ci-steps{
  display:grid;
  margin:0;
  padding:0;
  list-style:none;
}

.ra-ci-steps li{
  display:grid;
  min-width:0;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--vm-space-2);
  padding-block:var(--vm-space-3);
  border-bottom:1px solid rgba(236,235,230,.18);
}

.ra-ci-steps li:first-child{
  border-top:1px solid #20242b;
}

.ra-ci-steps>li>span{
  display:inline-flex;
  width:2.25rem;
  height:2.25rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:#ffffff;
  background:#173c9e;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-0);
}

.ra-ci-steps div{
  display:grid;
  min-width:0;
  gap:.5rem;
}

.ra-ci-steps h3{
  color:#f4f2ed;
}

.ra-ci-steps p{
  color:#969ca5;
}

.ra-security-section{
  color:#ecebe6;
  background:#050608;
}

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

.ra-security-card{
  display:grid;
  min-width:0;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--vm-space-2);
  padding-inline:var(--vm-space-3);
  color:#ecebe6;
  background:#151a22;
}

.ra-security-card>div{
  display:grid;
  min-width:0;
  gap:.5rem;
}

.ra-security-card h3{
  color:#f4f2ed;
}

.ra-security-card p{
  color:#969ca5;
}

.ra-security-mark{
  display:inline-flex;
  width:2rem;
  height:2rem;
  align-items:center;
  justify-content:center;
  border-radius:var(--vm-radius-sm);
  color:#d8e3ff;
  background:#10204a;
  font-family:var(--vm-font-mono);
  font-size:var(--vm-text-1);
}

.ra-security-alert{
  margin-top:var(--vm-space-4);
  color:#ecebe6;
  background:#0b0e13;
  border-color:#20242b;
}

.ra-security-alert h3{
  color:#f4f2ed;
}

.ra-security-alert p{
  margin-top:.5rem;
  color:#969ca5;
}

.ra-security-alert .c-actions{
  justify-content:flex-start;
}

.ra-closing-section{
  padding-top:var(--vm-space-section);
  padding-bottom:var(--vm-space-5);
}

.ra-closing{
  color:#ecebe6;
  background:
    radial-gradient(34rem 18rem at 78% 20%,rgba(43,98,201,.18),transparent 72%),
    #080a0d;
  border-color:#20242b;
}

.ra-closing h2{
  max-width:24ch;
  color:#f4f2ed;
}

.ra-closing p{
  max-width:45rem;
  color:#969ca5;
}

.ra-closing-actions{
  display:flex;
  flex:0 0 auto;
  align-items:stretch;
  flex-direction:column;
  justify-content:flex-start;
  margin-top:0;
}

@media (max-width:64rem){
  .ra-hero-inner,
  .ra-preflight-layout,
  .ra-desktop-layout,
  .ra-ci-layout{
    grid-template-columns:1fr;
  }

  .ra-hero-inner{
    gap:var(--vm-space-4);
  }

  .ra-access-grid,
  .ra-command-layout{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .ra-section-head{
    grid-template-columns:1fr;
    align-items:start;
    gap:var(--vm-space-2);
  }

  .ra-section-head p{
    justify-self:start;
  }

  .ra-command-sheet pre{
    min-height:0;
  }
}

@media (max-width:44rem){
  .ra-hero{
    padding-block:var(--vm-space-6);
  }

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

  .ra-hero-facts,
  .ra-beat-checks{
    grid-template-columns:1fr;
  }

  .ra-hero-facts div,
  .ra-beat-checks div{
    padding-block:.75rem;
    padding-right:0;
  }

  .ra-hero-facts div+div,
  .ra-beat-checks div+div{
    padding-left:0;
    border-top:1px solid #20242b;
    border-left:0;
  }

  .ra-beat-head,
  .ra-session-head{
    display:grid;
  }

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

  .ra-route-state{
    grid-column:2;
  }

  .ra-access-grid,
  .ra-command-layout{
    grid-template-columns:1fr;
  }

  .ra-session-row{
    grid-template-columns:1fr;
    gap:.75rem;
  }

  .ra-ledger{
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
  }

  .ra-ledger-head{
    display:none;
  }

  .ra-ledger-row{
    grid-template-columns:1fr;
    gap:.5rem;
    margin-bottom:var(--vm-space-2);
    padding:var(--vm-space-3);
    border:0;
    border-radius:var(--vm-radius-md);
    color:#ecebe6;
    background:#0a0c10;
  }

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

@media (max-width:24.375rem){
  .ra-route{
    grid-template-columns:1fr;
  }

  .ra-route-state{
    grid-column:1;
  }

  .ra-preflight-list li,
  .ra-ci-steps li,
  .ra-security-card{
    grid-template-columns:1fr;
  }

  .ra-line-list li{
    display:grid;
    gap:.5rem;
  }

  .ra-line-list strong{
    text-align:left;
  }
}