.ra-hero{
  overflow:hidden;
  padding-block:var(--mw-space-4) var(--mw-space-6);
  border-bottom:1px solid var(--mw-line);
  background:var(--mw-paper)
}

.ra-hero__inner{
  min-width:0
}

.ra-hero__grid{
  margin-top:var(--mw-space-4);
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  align-items:center;
  gap:var(--mw-space-5)
}

.ra-hero__content{
  min-width:0
}

.ra-hero__title{
  max-width:800px;
  font-size:clamp(var(--mw-size-3xl),6vw,var(--mw-size-hero))
}

.ra-hero__copy{
  max-width:690px;
  margin-top:var(--mw-space-3);
  color:var(--mw-ink-soft);
  font-size:var(--mw-size-lg)
}

.ra-hero__actions{
  margin-top:var(--mw-space-4);
  display:flex;
  flex-wrap:wrap;
  gap:var(--mw-space-2)
}

.ra-hero__facts{
  margin-top:var(--mw-space-3);
  display:flex;
  flex-wrap:wrap;
  gap:var(--mw-space-1)
}

.ra-console{
  min-width:0;
  border:1px solid var(--mw-ink);
  border-radius:var(--mw-radius-lg);
  overflow:hidden;
  background:var(--mw-white);
  box-shadow:var(--mw-shadow)
}

.ra-console__bar{
  min-height:46px;
  padding-inline:var(--mw-space-2);
  border-bottom:1px solid var(--mw-line-strong);
  display:flex;
  align-items:center;
  gap:var(--mw-space-1);
  background:var(--mw-surface)
}

.ra-console__dot{
  width:8px;
  height:8px;
  border:1px solid var(--mw-line-strong);
  border-radius:50%;
  background:var(--mw-white)
}

.ra-console__label{
  min-width:0;
  margin-left:auto;
  color:var(--mw-muted);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs);
  letter-spacing:.08em
}

.ra-console__screen{
  min-height:390px;
  padding:var(--mw-space-3);
  display:grid;
  align-content:space-between;
  gap:var(--mw-space-4);
  background:var(--mw-lavender)
}

.ra-desktop{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--mw-space-2)
}

.ra-desktop__panel{
  min-width:0;
  min-height:92px;
  padding:var(--mw-space-2);
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-sm);
  display:grid;
  align-content:space-between;
  background:var(--mw-paper)
}

.ra-desktop__panel span{
  color:var(--mw-muted);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs)
}

.ra-desktop__panel strong{
  font-family:var(--mw-mono);
  font-size:var(--mw-size-sm)
}

.ra-terminal{
  min-width:0;
  padding:var(--mw-space-3);
  border:1px solid var(--mw-ink);
  border-radius:var(--mw-radius-md);
  display:grid;
  gap:var(--mw-space-1);
  overflow-x:auto;
  background:var(--mw-ink);
  color:var(--mw-paper);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-sm);
  white-space:nowrap
}

.ra-terminal__prompt{
  color:var(--mw-apricot)
}

.ra-terminal__muted{
  color:var(--mw-line-strong)
}

.ra-terminal__cursor{
  width:8px;
  height:1em;
  display:inline-block;
  vertical-align:middle;
  background:var(--mw-teal);
  animation:ra-cursor 1.1s steps(1,end) infinite
}

.ra-console__status{
  min-height:48px;
  padding-inline:var(--mw-space-2);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--mw-space-2);
  color:var(--mw-muted);
  font-size:var(--mw-size-xs)
}

.ra-console__status span{
  min-width:0;
  display:flex;
  align-items:center;
  gap:var(--mw-space-1)
}

.ra-status-dot{
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--mw-success)
}

.ra-choice-table th[scope="row"]{
  width:160px;
  color:var(--mw-ink)
}

.ra-steps{
  border-top:1px solid var(--mw-line-strong)
}

.ra-step{
  min-width:0;
  padding-block:var(--mw-space-3);
  border-bottom:1px solid var(--mw-line);
  display:grid;
  grid-template-columns:64px minmax(0,1fr) minmax(220px,.45fr);
  align-items:start;
  gap:var(--mw-space-3)
}

.ra-step__index{
  width:48px;
  height:48px;
  border:1px solid var(--mw-ink);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--mw-white);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-sm)
}

.ra-step__body{
  min-width:0
}

.ra-step__body p{
  margin-top:var(--mw-space-1);
  color:var(--mw-muted)
}

.ra-step__check{
  min-width:0;
  padding:var(--mw-space-2);
  border:1px solid var(--mw-line);
  border-radius:var(--mw-radius-sm);
  display:grid;
  gap:var(--mw-space-1);
  background:var(--mw-white)
}

.ra-step__check span{
  color:var(--mw-primary);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs)
}

.ra-step__check strong{
  font-size:var(--mw-size-sm)
}

.ra-browser-checks{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--mw-space-3)
}

.ra-ssh-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);
  align-items:start;
  gap:var(--mw-space-4)
}

.ra-command-stack{
  min-width:0;
  display:grid;
  gap:var(--mw-space-3)
}

.ra-command{
  min-width:0;
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-md);
  overflow:hidden;
  background:var(--mw-white)
}

.ra-command__head{
  min-height:48px;
  padding-inline:var(--mw-space-2);
  border-bottom:1px solid var(--mw-line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--mw-space-2);
  font-size:var(--mw-size-sm);
  font-weight:600
}

.ra-command__head span:last-child{
  color:var(--mw-muted);
  font-size:var(--mw-size-xs);
  font-weight:400
}

.ra-command pre{
  border:0;
  border-radius:0
}

.ra-command p{
  margin:0;
  padding:var(--mw-space-2);
  color:var(--mw-muted);
  font-size:var(--mw-size-sm)
}

.ra-verification{
  position:sticky;
  top:calc(var(--mw-header-height) + var(--mw-space-3));
  min-width:0
}

.ra-checklist{
  margin-block:var(--mw-space-3);
  display:grid;
  gap:var(--mw-space-2)
}

.ra-checklist li{
  min-width:0;
  display:flex;
  align-items:flex-start;
  gap:var(--mw-space-1);
  color:var(--mw-ink-soft);
  font-size:var(--mw-size-sm)
}

.ra-check{
  width:16px;
  height:16px;
  margin-top:.3rem;
  flex:0 0 auto;
  border:1px solid var(--mw-primary);
  border-radius:50%;
  position:relative
}

.ra-check::after{
  position:absolute;
  left:4px;
  top:2px;
  width:4px;
  height:7px;
  border-right:1.5px solid var(--mw-primary);
  border-bottom:1.5px solid var(--mw-primary);
  content:"";
  transform:rotate(45deg)
}

.ra-security-routine{
  padding:var(--mw-space-3);
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-md);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--mw-space-3);
  background:var(--mw-white)
}

.ra-security-routine div{
  min-width:0;
  display:grid;
  align-content:start;
  gap:var(--mw-space-2)
}

.ra-security-routine strong{
  font-size:var(--mw-size-sm)
}

.ra-transfer-card{
  display:grid;
  align-content:start;
  gap:var(--mw-space-3)
}

.ra-transfer-card__head{
  min-width:0;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--mw-space-3)
}

.ra-transfer-card__head h3{
  margin-top:var(--mw-space-1)
}

.ra-transfer-card__head svg{
  width:32px;
  height:32px;
  flex:0 0 auto;
  color:var(--mw-primary)
}

.ra-transfer-card p{
  color:var(--mw-muted)
}

.ra-transfer-policy{
  padding:var(--mw-space-4);
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-lg);
  background:var(--mw-paper)
}

.ra-transfer-policy .mw-grid>div{
  padding-top:var(--mw-space-2);
  border-top:1px solid var(--mw-line)
}

.ra-transfer-policy strong{
  display:block;
  margin-top:var(--mw-space-1)
}

.ra-transfer-policy p{
  margin-top:var(--mw-space-1);
  color:var(--mw-muted);
  font-size:var(--mw-size-sm)
}

.ra-policy-number{
  color:var(--mw-primary);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs)
}

.ra-optimization{
  border-top:1px solid var(--mw-line-strong)
}

.ra-optimization__item{
  min-width:0;
  padding-block:var(--mw-space-3);
  border-bottom:1px solid var(--mw-line);
  display:grid;
  grid-template-columns:minmax(180px,.4fr) minmax(0,1fr);
  align-items:start;
  gap:var(--mw-space-4)
}

.ra-optimization__metric{
  min-width:0;
  padding:var(--mw-space-2);
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-sm);
  display:grid;
  gap:var(--mw-space-1);
  background:var(--mw-white)
}

.ra-optimization__metric span{
  color:var(--mw-primary);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs)
}

.ra-optimization__metric strong{
  font-size:var(--mw-size-lg)
}

.ra-optimization__item>div:last-child{
  min-width:0
}

.ra-optimization__item p{
  margin-top:var(--mw-space-1);
  color:var(--mw-muted)
}

.ra-optimization__item pre{
  margin-top:var(--mw-space-2)
}

.ra-page-cta{
  min-width:0;
  padding:var(--mw-space-5);
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-lg);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--mw-space-5);
  background:var(--mw-paper)
}

.ra-page-cta>div{
  min-width:0
}

.ra-page-cta h2{
  max-width:760px
}

.ra-page-cta p:last-child{
  max-width:720px;
  margin-top:var(--mw-space-2);
  color:var(--mw-muted)
}

.ra-page-cta__actions{
  display:grid;
  gap:var(--mw-space-2)
}

@keyframes ra-cursor{
  0%,48%{opacity:1}
  49%,100%{opacity:0}
}

@media (min-width:1440px){
  .ra-hero{
    padding-block:var(--mw-space-5) var(--mw-space-7)
  }

  .ra-console__screen{
    min-height:430px
  }
}

@media (max-width:980px){
  .ra-hero__grid{
    grid-template-columns:1fr
  }

  .ra-console{
    max-width:760px
  }

  .ra-step{
    grid-template-columns:56px minmax(0,1fr)
  }

  .ra-step__check{
    grid-column:2
  }

  .ra-browser-checks{
    grid-template-columns:1fr
  }

  .ra-ssh-grid{
    grid-template-columns:1fr
  }

  .ra-verification{
    position:static
  }

  .ra-security-routine{
    grid-template-columns:1fr
  }

  .ra-page-cta{
    grid-template-columns:1fr;
    gap:var(--mw-space-3)
  }

  .ra-page-cta__actions{
    display:flex;
    flex-wrap:wrap
  }
}

@media (max-width:768px){
  .ra-console__screen{
    min-height:340px
  }

  .ra-optimization__item{
    grid-template-columns:1fr;
    gap:var(--mw-space-2)
  }

  .ra-transfer-policy{
    padding:var(--mw-space-3)
  }
}

@media (max-width:640px){
  .ra-hero{
    padding-block:var(--mw-space-3) var(--mw-space-5)
  }

  .ra-hero__grid{
    margin-top:var(--mw-space-3);
    gap:var(--mw-space-4)
  }

  .ra-hero__copy{
    font-size:var(--mw-size-base)
  }

  .ra-hero__actions{
    display:grid
  }

  .ra-hero__actions .c-btn{
    width:100%;
    white-space:normal
  }

  .ra-console__screen{
    min-height:300px;
    padding:var(--mw-space-2)
  }

  .ra-desktop{
    grid-template-columns:1fr
  }

  .ra-desktop__panel{
    min-height:72px
  }

  .ra-console__status{
    align-items:flex-start;
    flex-direction:column;
    padding-block:var(--mw-space-1)
  }

  .ra-step{
    grid-template-columns:44px minmax(0,1fr);
    gap:var(--mw-space-2)
  }

  .ra-step__index{
    width:40px;
    height:40px
  }

  .ra-step__check{
    grid-column:1/-1
  }

  .ra-transfer-card{
    padding:var(--mw-space-2)
  }

  .ra-page-cta{
    padding:var(--mw-space-3)
  }

  .ra-page-cta__actions{
    display:grid
  }

  .ra-page-cta__actions .c-btn{
    width:100%;
    white-space:normal
  }
}

@media (max-width:390px){
  .ra-console__label{
    font-size:.625rem
  }

  .ra-terminal{
    padding:var(--mw-space-2);
    font-size:var(--mw-size-xs)
  }

  .ra-command__head{
    align-items:flex-start;
    flex-direction:column;
    justify-content:center;
    padding-block:var(--mw-space-1)
  }

  .ra-transfer-card__head{
    align-items:flex-start
  }
}

@media (prefers-reduced-motion:reduce){
  .ra-terminal__cursor{
    animation:none
  }
}
