.remote-hero{
  position:relative;
  overflow:hidden;
  color:var(--hm-ink);
  background:linear-gradient(115deg,var(--hm-amber),var(--hm-orange));
}
.remote-hero>.hm-container{
  padding-top:var(--hm-space-5);
}
.remote-hero::before{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,var(--hm-amber-pale),transparent);
  opacity:.45;
  content:"";
  pointer-events:none;
}
.remote-hero__breadcrumb{
  position:relative;
  z-index:1;
  margin-bottom:var(--hm-space-4);
  color:var(--hm-ink);
}
.remote-hero__grid{
  position:relative;
  z-index:1;
  display:grid;
  min-height:560px;
  padding-block:var(--hm-space-4) var(--hm-space-5);
  grid-template-columns:minmax(0,1fr) minmax(0,.9fr);
  align-items:center;
  gap:var(--hm-space-5);
}
.remote-hero__grid>*{
  min-width:0;
}
.remote-hero__copy{
  max-width:700px;
}
.remote-hero__copy .hm-eyebrow{
  color:var(--hm-ink);
}
.remote-hero__copy .hm-eyebrow::before{
  background:var(--hm-ink);
}
.remote-hero h1{
  margin-bottom:var(--hm-space-3);
  font-size:clamp(2.6rem,5vw,4.5rem);
}
.remote-hero__lead{
  max-width:680px;
  margin-bottom:var(--hm-space-3);
  font-size:var(--hm-fs-3);
}
.remote-hero__actions{
  gap:var(--hm-space-1);
}
.remote-hero__account{
  color:var(--hm-ink);
}
.remote-hero__route{
  margin-top:var(--hm-space-3);
  font-size:var(--hm-fs-1);
  letter-spacing:.08em;
}
.remote-hero__art{
  position:relative;
  min-height:430px;
}
.remote-hero__art>img{
  width:100%;
  height:430px;
  object-fit:contain;
}
.remote-terminal{
  position:absolute;
  right:0;
  bottom:var(--hm-space-2);
  width:min(100%,390px);
  overflow:hidden;
  border:1px solid var(--hm-line-strong);
  border-radius:var(--hm-radius-md);
  background:var(--hm-dark-surface);
  box-shadow:var(--hm-shadow-float);
}
.remote-terminal__head{
  display:flex;
  padding:var(--hm-space-2);
  align-items:center;
  justify-content:space-between;
  gap:var(--hm-space-2);
  border-bottom:1px solid var(--hm-line-strong);
  color:var(--hm-white);
  font-size:var(--hm-fs-0);
}
.remote-terminal__body{
  display:grid;
  padding:var(--hm-space-2);
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--hm-space-1) var(--hm-space-2);
  color:var(--hm-muted);
  font-size:var(--hm-fs-1);
}
.remote-terminal__body strong{
  min-width:0;
  color:var(--hm-amber);
  font-weight:500;
  overflow-wrap:anywhere;
}
.remote-mode-grid{
  align-items:stretch;
}
.remote-mode-card{
  height:100%;
}
.remote-mode-card .c-card-body{
  height:100%;
}
.remote-card-icon{
  margin-bottom:var(--hm-space-2);
  color:var(--hm-orange-dark);
}
.remote-mode-card .c-badge{
  margin-bottom:var(--hm-space-2);
}
.remote-mode-card h3{
  margin-bottom:var(--hm-space-1);
}
.remote-mode-card p{
  margin-bottom:var(--hm-space-3);
}
.remote-mode-card__facts{
  margin-bottom:0;
  border-top:1px solid var(--hm-line);
}
.remote-mode-card__facts div{
  display:grid;
  padding-block:var(--hm-space-1);
  grid-template-columns:minmax(max-content,auto) minmax(0,1fr);
  gap:var(--hm-space-2);
  border-bottom:1px solid var(--hm-line);
}
.remote-mode-card__facts div:last-child{
  border-bottom:0;
}
.remote-mode-card__facts dt{
  color:var(--hm-muted);
  font-size:var(--hm-fs-1);
}
.remote-mode-card__facts dd{
  min-width:0;
  margin:0;
  text-align:right;
}
.remote-preflight{
  background:var(--hm-soft);
}
.remote-preflight__layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);
  gap:var(--hm-space-3);
}
.remote-preflight__layout>*{
  min-width:0;
}
.remote-checklist .c-card-header h3{
  margin-bottom:var(--hm-space-1);
}
.remote-checklist .c-card-header p{
  margin-bottom:0;
  color:var(--hm-muted);
}
.remote-checklist__items{
  display:grid;
  gap:var(--hm-space-2);
}
.remote-check{
  display:grid;
  min-width:0;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--hm-space-2);
  align-items:start;
  cursor:pointer;
}
.remote-check+.remote-check{
  padding-top:var(--hm-space-2);
  border-top:1px solid var(--hm-line);
}
.remote-check input{
  width:18px;
  height:18px;
  margin:3px 0 0;
  accent-color:var(--hm-orange-dark);
}
.remote-check span{
  min-width:0;
}
.remote-check strong{
  display:block;
  margin-bottom:4px;
  color:var(--hm-ink);
}
.remote-diagnostic .c-card-body{
  height:100%;
}
.remote-diagnostic h3{
  margin-bottom:var(--hm-space-2);
}
.remote-diagnostic ul{
  margin:0 0 var(--hm-space-3);
}
.remote-diagnostic li+li{
  margin-top:var(--hm-space-1);
}
.remote-email{
  font-family:var(--hm-font-mono);
  overflow-wrap:anywhere;
}
.remote-diagnostic__button{
  width:100%;
  margin-top:var(--hm-space-3);
}
.remote-gui__layout{
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  gap:var(--hm-space-4);
  align-items:start;
}
.remote-gui__layout>*{
  min-width:0;
}
.remote-numbered-steps{
  margin:0;
  padding:0;
  list-style:none;
}
.remote-numbered-steps li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--hm-space-2);
}
.remote-numbered-steps li+li{
  padding-top:var(--hm-space-3);
  border-top:1px solid var(--hm-line);
}
.remote-numbered-steps h3{
  margin-bottom:var(--hm-space-1);
}
.remote-numbered-steps p{
  margin-bottom:var(--hm-space-3);
  color:var(--hm-muted);
}
.remote-step-number{
  display:grid;
  width:36px;
  height:36px;
  flex:0 0 auto;
  place-items:center;
  border:1px solid var(--hm-line-strong);
  border-radius:50%;
  color:var(--hm-orange-dark);
  background:var(--hm-white);
  font-size:var(--hm-fs-0);
}
.remote-screen{
  overflow:hidden;
  border:1px solid var(--hm-line-strong);
  border-radius:var(--hm-radius-lg);
  background:var(--hm-white);
  box-shadow:var(--hm-shadow-float);
}
.remote-screen__bar{
  display:grid;
  min-height:48px;
  padding-inline:var(--hm-space-2);
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--hm-space-2);
  border-bottom:1px solid var(--hm-line);
  font-size:var(--hm-fs-1);
}
.remote-screen__bar strong{
  min-width:0;
}
.remote-screen__bar>span{
  color:var(--hm-positive);
}
.remote-screen__dots{
  display:flex;
  gap:5px;
}
.remote-screen__dots span{
  width:8px;
  height:8px;
  border:1px solid var(--hm-line-strong);
  border-radius:50%;
  background:var(--hm-amber);
}
.remote-screen__workspace{
  display:grid;
  min-height:390px;
  grid-template-columns:minmax(max-content,.32fr) minmax(0,1fr);
}
.remote-screen__sidebar{
  display:flex;
  padding:var(--hm-space-2);
  flex-direction:column;
  gap:var(--hm-space-2);
  border-right:1px solid var(--hm-line);
  background:var(--hm-soft);
  color:var(--hm-muted);
  font-size:var(--hm-fs-1);
}
.remote-screen__sidebar strong{
  color:var(--hm-ink);
  font-family:var(--hm-font-mono);
  font-size:var(--hm-fs-0);
}
.remote-screen__main{
  min-width:0;
  padding:var(--hm-space-3);
}
.remote-screen__status{
  display:flex;
  margin-bottom:var(--hm-space-3);
  align-items:center;
  justify-content:space-between;
  gap:var(--hm-space-2);
}
.remote-screen__window{
  overflow:hidden;
  border:1px solid var(--hm-line);
  border-radius:var(--hm-radius-md);
}
.remote-screen__window-head{
  padding:var(--hm-space-1) var(--hm-space-2);
  border-bottom:1px solid var(--hm-line);
  background:var(--hm-amber-pale);
  font-weight:650;
}
.remote-screen__checks{
  display:grid;
  padding:var(--hm-space-2);
  gap:var(--hm-space-2);
  font-family:var(--hm-font-mono);
  font-size:var(--hm-fs-1);
}
.remote-screen__checks span{
  display:flex;
  min-width:0;
  align-items:center;
  gap:var(--hm-space-1);
}
.remote-screen__checks b{
  color:var(--hm-orange-dark);
}
.remote-screen__metrics{
  display:grid;
  margin-top:var(--hm-space-3);
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--hm-space-1);
}
.remote-screen__metrics div{
  min-width:0;
  padding:var(--hm-space-2);
  border:1px solid var(--hm-line);
  border-radius:var(--hm-radius-sm);
  background:var(--hm-soft);
}
.remote-screen__metrics span,
.remote-screen__metrics strong{
  display:block;
  overflow-wrap:anywhere;
}
.remote-screen__metrics span{
  margin-bottom:4px;
  color:var(--hm-muted);
  font-family:var(--hm-font-mono);
  font-size:var(--hm-fs-0);
}
.remote-screen__metrics strong{
  font-family:var(--hm-font-mono);
  font-size:var(--hm-fs-1);
}
.remote-screen__caption{
  margin:0;
  padding:var(--hm-space-2);
  border-top:1px solid var(--hm-line);
  color:var(--hm-muted);
  font-size:var(--hm-fs-1);
}
.remote-terminal-section{
  color:var(--hm-white);
  background:var(--hm-dark-surface);
}
.remote-terminal-section h2,
.remote-terminal-section h3,
.remote-terminal-section p{
  color:var(--hm-white);
}
.remote-terminal-section .hm-eyebrow{
  color:var(--hm-amber);
}
.remote-terminal-section .hm-eyebrow::before{
  background:var(--hm-amber);
}
.remote-terminal-section .hm-section-head>p{
  color:var(--hm-line-strong);
}
.remote-code-grid{
  gap:var(--hm-space-4);
}
.remote-code-grid h3{
  margin-bottom:var(--hm-space-2);
}
.remote-code-grid p{
  color:var(--hm-line-strong);
}
.remote-code-note{
  margin-top:var(--hm-space-2);
  font-size:var(--hm-fs-1);
}
.remote-code-note code{
  color:var(--hm-amber);
}
.remote-runner-checks{
  margin-top:var(--hm-space-4);
}
.remote-runner-checks .c-card{
  color:var(--hm-text);
  background:var(--hm-white);
}
.remote-runner-checks .c-card-body>strong{
  display:block;
  margin-bottom:var(--hm-space-2);
  color:var(--hm-orange-dark);
}
.remote-runner-checks h3{
  margin-bottom:var(--hm-space-1);
  color:var(--hm-ink);
}
.remote-runner-checks p{
  margin-bottom:0;
  color:var(--hm-muted);
}
.remote-migration{
  background:var(--hm-soft);
}
.remote-migration-path{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--hm-space-3);
}
.remote-migration-card{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--hm-line-strong);
  border-radius:var(--hm-radius-md);
  background:var(--hm-white);
}
.remote-migration-card__head{
  display:flex;
  padding:var(--hm-space-3);
  align-items:center;
  gap:var(--hm-space-2);
  border-bottom:1px solid var(--hm-line);
  background:var(--hm-amber-pale);
}
.remote-migration-card__head>div{
  min-width:0;
}
.remote-migration-card__head div>span{
  color:var(--hm-muted);
  font-size:var(--hm-fs-0);
}
.remote-migration-card__head h3{
  margin:4px 0 0;
}
.remote-migration-card__body{
  padding:var(--hm-space-3);
}
.remote-migration-card__body div+div{
  margin-top:var(--hm-space-3);
  padding-top:var(--hm-space-3);
  border-top:1px solid var(--hm-line);
}
.remote-migration-card__body h4{
  margin-bottom:var(--hm-space-1);
}
.remote-migration-card__body p{
  margin-bottom:0;
  color:var(--hm-muted);
}
.remote-region-table{
  min-width:900px;
}
.remote-routing-grid{
  margin-top:var(--hm-space-4);
}
.remote-routing-grid .c-card-body{
  height:100%;
}
.remote-routing-grid h3{
  margin-bottom:var(--hm-space-1);
}
.remote-routing-grid p{
  margin-bottom:0;
  color:var(--hm-muted);
}
.remote-security{
  background:var(--hm-amber-pale);
}
.remote-security__layout{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  gap:var(--hm-space-4);
  align-items:start;
}
.remote-security__layout>*{
  min-width:0;
}
.remote-security-list article{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--hm-space-2);
}
.remote-security-list article+article{
  margin-top:var(--hm-space-3);
  padding-top:var(--hm-space-3);
  border-top:1px solid var(--hm-line-strong);
}
.remote-security-list h3{
  margin-bottom:var(--hm-space-1);
}
.remote-security-list p{
  margin-bottom:0;
}
.remote-exit-card{
  padding:var(--hm-space-4);
  border:1px solid var(--hm-ink);
  border-radius:var(--hm-radius-lg);
  color:var(--hm-white);
  background:var(--hm-ink);
}
.remote-exit-card .hm-eyebrow{
  color:var(--hm-amber);
}
.remote-exit-card .hm-eyebrow::before{
  background:var(--hm-amber);
}
.remote-exit-card h3{
  margin-bottom:var(--hm-space-3);
  color:var(--hm-white);
}
.remote-exit-card ul{
  margin:0 0 var(--hm-space-3);
}
.remote-exit-card li+li{
  margin-top:var(--hm-space-2);
}
.remote-exit-card .c-btn{
  width:100%;
}
.remote-final{
  background:var(--hm-surface);
}
.remote-final__card{
  display:grid;
  padding:var(--hm-space-4);
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--hm-space-4);
  overflow:hidden;
  border:1px solid var(--hm-orange-dark);
  border-radius:var(--hm-radius-lg);
  background:linear-gradient(115deg,var(--hm-amber),var(--hm-orange));
}
.remote-final__card>*{
  min-width:0;
}
.remote-final__card .hm-eyebrow{
  color:var(--hm-ink);
}
.remote-final__card .hm-eyebrow::before{
  background:var(--hm-ink);
}
.remote-final__card h2{
  margin-bottom:var(--hm-space-2);
}
.remote-final__card p{
  max-width:760px;
}
.remote-final__payment{
  margin-bottom:0;
  font-size:var(--hm-fs-1);
}
.remote-final__actions{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--hm-space-1);
}
.remote-final__ghost{
  color:var(--hm-ink);
}
@media (max-width:900px){
  .remote-hero__grid,
  .remote-preflight__layout,
  .remote-gui__layout,
  .remote-security__layout,
  .remote-final__card{
    grid-template-columns:1fr;
  }
  .remote-hero__grid{
    padding-top:var(--hm-space-4);
  }
  .remote-hero__art{
    min-height:390px;
  }
  .remote-hero__art>img{
    height:390px;
  }
  .remote-migration-path{
    grid-template-columns:1fr;
  }
  .remote-final__actions{
    width:100%;
    flex-direction:row;
    flex-wrap:wrap;
  }
}
@media (max-width:640px){
  .remote-hero__grid{
    min-height:auto;
    gap:var(--hm-space-3);
  }
  .remote-hero h1{
    font-size:2.5rem;
  }
  .remote-hero__actions{
    align-items:stretch;
    flex-direction:column;
  }
  .remote-hero__actions .c-btn{
    width:100%;
    white-space:normal;
  }
  .remote-hero__art{
    min-height:330px;
  }
  .remote-hero__art>img{
    height:280px;
  }
  .remote-terminal{
    position:relative;
    bottom:auto;
    width:100%;
    margin-top:calc(var(--hm-space-4) * -1);
  }
  .remote-terminal__head{
    align-items:flex-start;
    flex-direction:column;
  }
  .remote-mode-card__facts div{
    grid-template-columns:1fr;
    gap:4px;
  }
  .remote-mode-card__facts dd{
    text-align:left;
  }
  .remote-screen__workspace{
    grid-template-columns:1fr;
  }
  .remote-screen__sidebar{
    flex-direction:row;
    flex-wrap:wrap;
    border-right:0;
    border-bottom:1px solid var(--hm-line);
  }
  .remote-screen__metrics{
    grid-template-columns:1fr;
  }
  .remote-screen__bar{
    grid-template-columns:auto minmax(0,1fr);
  }
  .remote-screen__bar>span{
    grid-column:1/-1;
    padding-bottom:var(--hm-space-1);
  }
  .remote-code-grid{
    gap:var(--hm-space-3);
  }
  .remote-runner-checks{
    grid-template-columns:1fr;
  }
  .remote-exit-card{
    padding:var(--hm-space-3);
  }
  .remote-final__card{
    padding:var(--hm-space-3);
  }
  .remote-final__actions{
    flex-direction:column;
  }
  .remote-final__actions .c-btn{
    width:100%;
    white-space:normal;
  }
}
@media (max-width:390px){
  .remote-hero h1{
    font-size:2.2rem;
  }
  .remote-terminal__body{
    grid-template-columns:1fr;
    gap:4px;
  }
  .remote-terminal__body strong{
    margin-bottom:var(--hm-space-1);
  }
  .remote-check{
    grid-template-columns:1fr;
  }
  .remote-check input{
    margin-top:0;
  }
  .remote-numbered-steps li,
  .remote-security-list article{
    grid-template-columns:1fr;
  }
  .remote-migration-card__head{
    align-items:flex-start;
    flex-direction:column;
  }
}