.rd-hero{
padding-bottom:var(--space-5);
background:var(--c-blue);
color:var(--c-ink)
}

.rd-hero-grid{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(28rem,.92fr);
gap:var(--space-4);
align-items:center
}

.rd-hero-grid>*{
min-width:0
}

.rd-hero-copy{
min-width:0
}

.rd-hero-text{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:.75rem
}

.rd-hero-text h1{
max-width:14ch;
overflow-wrap:anywhere
}

.rd-hero-text .c-lead{
max-width:42rem;
color:var(--c-muted)
}

.rd-hero-proof{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-2);
margin-top:var(--space-3);
padding-top:var(--space-3);
border-top:1px solid var(--c-line)
}

.rd-hero-proof div{
display:grid;
gap:var(--space-1);
min-width:0
}

.rd-hero-proof strong{
font-family:var(--font-mono);
font-size:var(--fs-3);
line-height:1.2;
font-variant-numeric:tabular-nums
}

.rd-hero-proof span{
color:var(--c-muted);
font-size:var(--fs-1);
line-height:1.4
}

.rd-route-stage{
height:31rem;
min-width:0;
overflow:hidden;
border-radius:var(--radius-lg);
background:var(--c-dark);
color:#f8f3f2;
box-shadow:var(--shadow-float)
}

.rd-route-sheet{
display:flex;
width:100%;
max-width:none;
height:100%;
flex-direction:column;
background:var(--c-dark-surface);
color:#f8f3f2
}

.rd-route-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-2);
padding:var(--space-2) var(--space-3);
background:var(--c-primary);
color:var(--c-ink)
}

.rd-route-head span,
.rd-route-head strong{
min-width:0;
font-family:var(--font-mono);
font-size:var(--fs-0);
line-height:1.4;
letter-spacing:.06em;
overflow-wrap:anywhere
}

.rd-route-canvas{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(8rem,.8fr) minmax(0,1fr);
align-items:center;
gap:var(--space-2);
flex:1;
padding:var(--space-4) var(--space-3);
background:var(--c-dark-surface);
color:#f8f3f2
}

.rd-device{
display:flex;
min-width:0;
flex-direction:column;
align-items:center;
gap:var(--space-1);
text-align:center
}

.rd-device svg{
width:min(100%,8rem);
height:auto
}

.rd-device span{
font-family:var(--font-head);
font-size:var(--fs-2);
line-height:1.3;
font-weight:650
}

.rd-device small,
.rd-route-link small{
color:#c6bec3
}

.rd-route-link{
display:flex;
min-width:0;
flex-direction:column;
align-items:center;
gap:var(--space-1);
text-align:center
}

.rd-route-link svg{
width:100%;
color:var(--c-primary)
}

.rd-route-link>span{
font-size:var(--fs-0);
line-height:1.3;
font-weight:700;
letter-spacing:.08em
}

.rd-route-ledger{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
background:var(--c-dark);
color:#f8f3f2
}

.rd-route-ledger div{
display:grid;
gap:var(--space-1);
min-width:0;
padding:var(--space-2);
border-top:1px solid var(--c-line-dark)
}

.rd-route-ledger div+div{
border-left:1px solid var(--c-line-dark)
}

.rd-route-ledger span{
color:#c6bec3;
font-size:var(--fs-0);
line-height:1.3
}

.rd-route-ledger strong{
font-size:var(--fs-1);
line-height:1.35;
overflow-wrap:anywhere
}

.rd-section-head{
display:flex;
max-width:48rem;
flex-direction:column;
align-items:flex-start;
gap:.75rem
}

.rd-section-head .c-lead{
color:var(--c-muted)
}

.rd-method-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr));
align-items:start;
gap:var(--space-3);
margin-top:var(--space-4)
}

.rd-method{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:var(--space-3)
}

.rd-method-desktop{
background:var(--c-peach);
color:var(--c-ink)
}

.rd-method-shell{
background:var(--c-lilac);
color:var(--c-ink)
}

.rd-method-file{
background:var(--c-blue);
color:var(--c-ink)
}

.rd-method-icon{
display:grid;
width:3rem;
height:3rem;
place-items:center;
border-radius:var(--radius-sm);
background:var(--c-surface);
color:var(--c-ink)
}

.rd-method-icon svg{
width:1.5rem;
height:1.5rem
}

.rd-card-copy{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:var(--space-1)
}

.rd-card-copy p{
color:var(--c-muted)
}

.rd-plain-list{
display:grid;
width:100%;
list-style:none
}

.rd-plain-list li{
position:relative;
padding:.7rem 0 .7rem 1.4rem;
border-bottom:1px solid var(--c-line)
}

.rd-plain-list li::before{
position:absolute;
top:1.25rem;
left:0;
width:.45rem;
height:.45rem;
border-radius:50%;
background:var(--c-accent);
content:""
}

.rd-method-note{
display:flex;
align-items:flex-start;
gap:var(--space-1);
margin-top:var(--space-3);
background:var(--c-surface);
color:var(--c-ink)
}

.rd-method-note strong{
flex:0 0 auto
}

.rd-method-note span{
min-width:0;
color:var(--c-muted)
}

.rd-preflight{
background:var(--c-blue);
color:var(--c-ink)
}

.rd-preflight-layout{
display:grid;
grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);
align-items:stretch;
gap:var(--space-3)
}

.rd-preflight-layout>*{
min-width:0
}

.rd-check-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:start;
gap:var(--space-2);
margin-top:var(--space-4)
}

.rd-check-item{
display:grid;
grid-template-columns:auto minmax(0,1fr);
align-items:start;
gap:var(--space-2);
padding:var(--space-3);
border-radius:var(--radius-md);
background:var(--c-surface);
color:var(--c-ink)
}

.rd-check-item>div{
display:grid;
gap:var(--space-1);
min-width:0
}

.rd-check-item p{
color:var(--c-muted)
}

.rd-check-number{
display:inline-flex;
align-items:center;
justify-content:center;
width:2.5rem;
height:2.5rem;
border-radius:999px;
background:var(--c-peach);
color:var(--c-ink);
font-family:var(--font-mono);
font-size:var(--fs-0);
line-height:1
}

.rd-preflight-sheet{
display:flex;
min-width:0;
flex-direction:column;
overflow:hidden;
border-radius:var(--radius-md);
background:var(--c-surface);
color:var(--c-ink)
}

.rd-sheet-title{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-2);
padding:var(--space-3);
background:var(--c-accent);
color:#fff
}

.rd-sheet-title span,
.rd-sheet-title strong{
font-size:var(--fs-1);
line-height:1.4
}

.rd-preflight-sheet dl{
margin:0;
padding-inline:var(--space-3)
}

.rd-preflight-sheet dl div{
display:grid;
grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
gap:var(--space-2);
padding:var(--space-2) 0;
border-bottom:1px solid var(--c-line)
}

.rd-preflight-sheet dt,
.rd-preflight-sheet dd{
min-width:0;
overflow-wrap:anywhere
}

.rd-preflight-sheet dd{
color:var(--c-muted)
}

.rd-preflight-sheet .c-btn{
margin:var(--space-3);
margin-top:auto
}

.rd-step-list{
display:grid;
list-style:none;
margin-top:var(--space-4)
}

.rd-step{
display:grid;
grid-template-columns:auto minmax(0,1fr) minmax(13rem,.45fr);
align-items:start;
gap:var(--space-3);
padding:var(--space-3) 0;
border-bottom:1px solid var(--c-line)
}

.rd-step:first-child{
border-top:1px solid var(--c-line)
}

.rd-step-index{
font-family:var(--font-mono);
font-size:var(--fs-3);
line-height:1.2;
color:#8f3f20
}

.rd-step-copy,
.rd-step-result{
display:grid;
gap:var(--space-1);
min-width:0
}

.rd-step-copy p,
.rd-step-result span{
color:var(--c-muted)
}

.rd-step-result{
padding:var(--space-2);
border-radius:var(--radius-sm);
background:var(--c-surface);
color:var(--c-ink)
}

.rd-step-result span{
font-size:var(--fs-0);
line-height:1.35
}

.rd-step-result strong{
font-size:var(--fs-1);
line-height:1.4;
overflow-wrap:anywhere
}

.rd-other-systems{
background:var(--c-lilac);
color:var(--c-ink)
}

.rd-system-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));
align-items:start;
gap:var(--space-3);
margin-top:var(--space-4)
}

.rd-system-card{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:var(--space-2);
background:var(--c-surface);
color:var(--c-ink)
}

.rd-system-card p{
color:var(--c-muted)
}

.rd-public-device-note{
display:flex;
align-items:flex-start;
gap:var(--space-2);
margin-top:var(--space-3);
padding:var(--space-3);
border-radius:var(--radius-md);
background:var(--c-dark);
color:#f8f3f2
}

.rd-public-device-note svg{
flex:0 0 1.25rem;
width:1.25rem;
height:1.25rem;
color:var(--c-primary)
}

.rd-public-device-note div{
display:grid;
gap:var(--space-1);
min-width:0
}

.rd-public-device-note p{
color:#c6bec3
}

.rd-ssh{
background:var(--c-dark);
color:#f8f3f2
}

.rd-ssh-layout{
display:grid;
grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
align-items:stretch;
gap:var(--space-3)
}

.rd-ssh-layout>*{
min-width:0
}

.rd-dark-copy{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:var(--space-2);
padding:var(--space-3) 0
}

.rd-dark-copy p{
color:#c6bec3
}

.rd-dark-kicker{
background:var(--c-primary);
color:var(--c-ink)
}

.rd-dark-kicker::before{
background:var(--c-ink)
}

.rd-ssh-principles{
display:grid;
width:100%;
margin-top:var(--space-3)
}

.rd-ssh-principles div{
display:grid;
gap:var(--space-1);
padding:var(--space-2) 0;
border-bottom:1px solid var(--c-line-dark)
}

.rd-ssh-principles div:first-child{
border-top:1px solid var(--c-line-dark)
}

.rd-ssh-principles span{
color:#c6bec3
}

.rd-command-sheet{
overflow:hidden;
border-radius:var(--radius-md);
background:var(--c-dark-surface);
color:#f8f3f2
}

.rd-command-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-2);
padding:var(--space-2) var(--space-3);
background:var(--c-peach);
color:var(--c-ink)
}

.rd-command-head span,
.rd-command-head strong{
font-family:var(--font-mono);
font-size:var(--fs-0);
line-height:1.4
}

.rd-command-block{
display:grid;
gap:var(--space-1);
padding:var(--space-3);
border-bottom:1px solid var(--c-line-dark)
}

.rd-command-block:last-child{
border-bottom:0
}

.rd-command-label{
color:var(--c-primary);
font-family:var(--font-mono);
font-size:var(--fs-0);
line-height:1.4
}

.rd-command-block pre{
max-width:100%;
padding:var(--space-2);
border-radius:var(--radius-sm);
background:var(--c-dark);
color:#f8f3f2
}

.rd-command-block p{
color:#c6bec3;
font-size:var(--fs-1)
}

.rd-command-block p code{
color:#f8f3f2
}

.rd-optimization-table{
margin-top:var(--space-4)
}

.rd-optimization-table caption{
padding:var(--space-2);
background:var(--c-surface);
color:var(--c-muted);
font-size:var(--fs-1);
line-height:1.45;
text-align:left
}

.rd-optimization-table table{
min-width:52rem
}

.rd-tuning-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));
align-items:start;
gap:var(--space-3);
margin-top:var(--space-3)
}

.rd-tuning-card{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:var(--space-1);
background:var(--c-surface);
color:var(--c-ink)
}

.rd-tuning-card p{
color:var(--c-muted)
}

.rd-exit{
background:var(--c-peach);
color:var(--c-ink)
}

.rd-exit-layout{
display:grid;
grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);
align-items:start;
gap:var(--space-3)
}

.rd-exit-layout>*{
min-width:0
}

.rd-exit-steps{
display:grid;
list-style:none;
margin-top:var(--space-4)
}

.rd-exit-steps li{
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:var(--space-2);
padding:var(--space-2) 0;
border-bottom:1px solid var(--c-line)
}

.rd-exit-steps li:first-child{
border-top:1px solid var(--c-line)
}

.rd-exit-steps li>span{
font-family:var(--font-mono);
font-size:var(--fs-1);
line-height:1.45;
font-weight:700;
color:var(--c-primary-hover)
}

.rd-exit-steps li>div{
display:grid;
gap:var(--space-1);
min-width:0
}

.rd-exit-steps p{
color:var(--c-muted)
}

.rd-exit-card{
align-self:start;
overflow:hidden;
border-radius:var(--radius-md);
background:var(--c-dark);
color:#f8f3f2
}

.rd-exit-card-head{
display:flex;
align-items:center;
gap:var(--space-2);
padding:var(--space-3);
background:var(--c-accent);
color:#fff
}

.rd-exit-card-head svg{
flex:0 0 1.5rem;
width:1.5rem;
height:1.5rem
}

.rd-exit-card-head div{
display:grid;
gap:var(--space-1)
}

.rd-exit-card-head span{
font-size:var(--fs-0);
line-height:1.35
}

.rd-exit-card ul{
display:grid;
list-style:none;
padding:var(--space-3)
}

.rd-exit-card li{
position:relative;
padding:var(--space-2) 0 var(--space-2) 1.6rem;
border-bottom:1px solid var(--c-line-dark);
color:#d6cfd3
}

.rd-exit-card li:last-child{
border-bottom:0
}

.rd-exit-card li::before{
position:absolute;
top:1.55rem;
left:0;
width:.55rem;
height:.3rem;
border-left:2px solid var(--c-primary);
border-bottom:2px solid var(--c-primary);
content:"";
transform:rotate(-45deg)
}

.rd-faq{
margin-top:var(--space-4);
background:var(--c-base);
color:var(--c-ink)
}

.rd-faq details{
background:var(--c-base);
color:var(--c-ink)
}

.rd-faq .c-faq__body{
color:var(--c-muted)
}

.rd-escalation{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-4);
margin-top:var(--space-4);
padding:var(--space-3);
border-radius:var(--radius-md);
background:var(--c-blue);
color:var(--c-ink)
}

.rd-escalation>div:first-child{
display:grid;
gap:var(--space-1);
max-width:44rem;
min-width:0
}

.rd-escalation p{
color:var(--c-muted)
}

.rd-escalation .c-actions{
flex:0 0 auto;
margin-top:0
}

.rd-closing-section{
padding-top:var(--space-5)
}

.rd-closing{
background:var(--c-dark);
color:#f8f3f2
}

.rd-closing>div:first-child{
display:grid;
gap:var(--space-1);
max-width:44rem;
min-width:0
}

.rd-closing p{
color:#c6bec3
}

.rd-closing-actions{
display:flex;
flex:0 0 auto;
flex-direction:column;
align-items:stretch;
gap:var(--space-2)
}

.rd-closing-actions .c-btn-ghost{
color:#f8f3f2;
border-color:color-mix(in srgb,currentColor 35%,transparent)
}

@media (max-width:64rem){
.rd-hero-grid,
.rd-preflight-layout,
.rd-ssh-layout,
.rd-exit-layout{
grid-template-columns:1fr
}

.rd-route-stage{
height:auto;
overflow:visible
}

.rd-route-sheet{
height:auto
}

.rd-route-canvas{
min-height:20rem
}

.rd-preflight-sheet{
min-height:0
}

.rd-step{
grid-template-columns:auto minmax(0,1fr)
}

.rd-step-result{
grid-column:2
}

.rd-escalation{
align-items:flex-start;
flex-direction:column
}

.rd-escalation .c-actions{
flex:0 0 auto
}
}

@media (max-width:48rem){
.rd-check-grid{
grid-template-columns:1fr
}

.rd-route-canvas{
grid-template-columns:1fr;
padding:var(--space-3)
}

.rd-route-link{
width:min(100%,14rem);
margin-inline:auto
}

.rd-route-link svg{
transform:rotate(90deg)
}

.rd-route-ledger{
grid-template-columns:1fr
}

.rd-route-ledger div+div{
border-left:0
}

.rd-hero-proof{
grid-template-columns:1fr
}

.rd-step{
grid-template-columns:1fr;
gap:var(--space-2)
}

.rd-step-result{
grid-column:auto
}

.rd-method-note{
flex-direction:column
}

.rd-public-device-note{
align-items:flex-start
}

.rd-closing{
align-items:flex-start;
flex-direction:column
}

.rd-closing-actions{
width:100%
}
}

@media (max-width:24.375rem){
.rd-hero-text h1{
font-size:var(--fs-5)
}

.rd-hero-proof{
gap:var(--space-1)
}

.rd-check-item{
grid-template-columns:1fr
}

.rd-preflight-sheet dl div{
grid-template-columns:1fr;
gap:var(--space-1)
}

.rd-sheet-title,
.rd-route-head,
.rd-command-head{
align-items:flex-start;
flex-direction:column
}

.rd-escalation .c-actions{
width:100%
}
}