.onboarding-hero{
background:var(--c-base);
color:var(--c-ink)
}

.onboarding-hero__grid{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(24rem,.9fr);
gap:var(--space-4);
align-items:start;
min-width:0
}

.onboarding-hero__copy,
.onboarding-hero__stage{
min-width:0
}

.onboarding-hero__copy{
display:flex;
flex-direction:column;
align-items:flex-start
}

.onboarding-hero__text{
display:grid;
gap:var(--space-1);
min-width:0
}

.onboarding-hero__text .c-kicker{
width:fit-content;
max-width:100%;
align-self:flex-start
}

.onboarding-hero__text h1{
max-width:18ch;
overflow-wrap:anywhere
}

.onboarding-hero__text .c-lead{
max-width:42rem;
color:var(--c-muted)
}

.onboarding-hero__actions{
justify-content:flex-start;
margin-top:var(--space-3);
margin-bottom:var(--space-3)
}

.onboarding-hero__metrics{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
width:100%;
margin-top:var(--space-2);
border-top:1px solid var(--c-line);
border-bottom:1px solid var(--c-line)
}

.onboarding-hero__metrics div{
display:grid;
gap:var(--space-1);
min-width:0;
padding:var(--space-2)
}

.onboarding-hero__metrics div+div{
border-left:1px solid var(--c-line)
}

.onboarding-hero__metrics strong{
font-family:var(--font-mono);
font-size:var(--fs-3);
line-height:1.2;
font-variant-numeric:tabular-nums;
overflow-wrap:anywhere
}

.onboarding-hero__metrics span{
color:var(--c-muted);
font-size:var(--fs-1);
line-height:1.45
}

.onboarding-hero__stage{
height:clamp(29rem,42vw,34rem);
overflow:hidden;
border-radius:var(--radius-lg);
background:var(--c-dark);
color:#f8f3f2;
box-shadow:var(--shadow-float)
}

.onboarding-run-sheet{
display:flex;
flex-direction:column;
width:100%;
max-width:none;
height:100%;
background:var(--c-surface);
color:var(--c-ink)
}

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

.onboarding-run-sheet__head div{
display:grid;
gap:var(--space-1);
min-width:0
}

.onboarding-run-sheet__head span{
font-size:var(--fs-0);
line-height:1.35;
font-weight:700;
letter-spacing:.08em
}

.onboarding-run-sheet__head strong{
font-family:var(--font-head);
font-size:var(--fs-3);
line-height:1.3
}

.onboarding-run-sheet__state{
flex:0 1 auto;
width:fit-content;
max-width:48%;
padding:.45rem .7rem;
border-radius:999px;
background:var(--c-dark);
color:#f8f3f2;
text-align:center
}

.onboarding-run-sheet__body{
display:flex;
flex:1;
flex-direction:column;
min-height:0;
padding:var(--space-3)
}

.onboarding-run-sheet__device{
display:grid;
grid-template-columns:minmax(7rem,.7fr) minmax(0,1fr);
align-items:center;
gap:var(--space-2);
padding-bottom:var(--space-2);
border-bottom:1px solid var(--c-line)
}

.onboarding-device-mark{
display:flex;
align-items:center;
justify-content:center;
min-height:7rem;
border-radius:var(--radius-md);
background:var(--c-lilac);
color:var(--c-accent)
}

.onboarding-device-mark svg{
width:8.5rem;
height:auto
}

.onboarding-run-sheet__device>div:last-child{
display:grid;
gap:var(--space-1);
min-width:0
}

.onboarding-run-sheet__device span{
color:var(--c-muted);
font-size:var(--fs-1);
line-height:1.4
}

.onboarding-run-sheet__device strong{
font-family:var(--font-head);
font-size:var(--fs-3);
line-height:1.35
}

.onboarding-run-sheet__facts{
display:grid;
margin:0
}

.onboarding-run-sheet__facts div{
display:grid;
grid-template-columns:minmax(6rem,.38fr) minmax(0,1fr);
gap:var(--space-2);
padding-block:var(--space-1);
border-bottom:1px solid var(--c-line)
}

.onboarding-run-sheet__facts dt,
.onboarding-run-sheet__facts dd{
min-width:0;
overflow-wrap:anywhere
}

.onboarding-run-sheet__facts dd{
color:var(--c-muted)
}

.onboarding-run-sheet__steps{
display:grid;
gap:0;
margin-top:auto;
list-style:none
}

.onboarding-run-sheet__steps li{
display:grid;
grid-template-columns:auto minmax(0,1fr);
column-gap:var(--space-1);
padding-block:var(--space-1);
border-bottom:1px solid var(--c-line)
}

.onboarding-run-sheet__steps li:last-child{
border-bottom:0
}

.onboarding-run-sheet__steps li>span{
grid-row:1/3;
display:inline-flex;
align-items:center;
justify-content:center;
width:2rem;
height:2rem;
border-radius:50%;
background:var(--c-peach);
color:var(--c-ink);
font-size:var(--fs-0)
}

.onboarding-run-sheet__steps strong{
font-size:var(--fs-1);
line-height:1.4
}

.onboarding-run-sheet__steps small{
color:var(--c-muted)
}

.onboarding-section .c-section-head{
display:grid;
gap:var(--space-1);
max-width:52rem
}

.onboarding-section .c-section-head .c-kicker{
width:fit-content;
max-width:100%;
align-self:flex-start
}

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

.onboarding-preflight{
margin-top:var(--space-4)
}

.onboarding-check-card{
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:var(--space-2);
align-items:start
}

.onboarding-check-card>svg{
width:1.5rem;
height:1.5rem;
color:var(--c-primary)
}

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

.onboarding-check-card h3{
font-size:var(--fs-3)
}

.onboarding-check-card p{
color:var(--c-muted)
}

.onboarding-note,
.onboarding-acceptance__note{
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:var(--space-2);
align-items:start;
margin-top:var(--space-3);
background:var(--c-blue);
color:var(--c-ink)
}

.onboarding-note svg,
.onboarding-acceptance__note svg{
width:1.25rem;
height:1.25rem;
color:var(--c-accent)
}

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

.onboarding-plan-card{
display:flex;
flex-direction:column;
min-width:0
}

.onboarding-plan-card__head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:var(--space-2)
}

.onboarding-plan-card__head>div{
min-width:0
}

.onboarding-plan-card__head .c-badge{
width:fit-content;
max-width:100%;
align-self:flex-start
}

.onboarding-plan-card__code{
flex:0 1 auto;
max-width:42%;
padding:.45rem .65rem;
border-radius:var(--radius-sm);
background:var(--c-base);
color:var(--c-muted);
font-size:var(--fs-0);
overflow-wrap:anywhere
}

.onboarding-plan-card .c-specs{
margin-top:var(--space-3)
}

.onboarding-plan-card__list{
display:grid;
margin-top:var(--space-3);
list-style:none
}

.onboarding-plan-card__list li{
padding-block:var(--space-2);
border-bottom:1px solid var(--c-line);
color:var(--c-muted)
}

.onboarding-plan-card__list li:first-child{
border-top:1px solid var(--c-line)
}

.onboarding-plan-card .c-btn{
width:100%;
margin-top:var(--space-3)
}

.onboarding-decision-strip{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
margin-top:var(--space-3);
overflow:hidden;
border-radius:var(--radius-md);
background:var(--c-dark);
color:#f8f3f2
}

.onboarding-decision-strip div{
display:grid;
gap:var(--space-1);
min-width:0;
padding:var(--space-3)
}

.onboarding-decision-strip div+div{
border-left:1px solid var(--c-line-dark)
}

.onboarding-decision-strip span{
color:#c6bec3;
font-size:var(--fs-1);
line-height:1.5
}

.onboarding-node-table{
min-width:54rem
}

.onboarding-node-table caption{
padding:var(--space-2);
background:var(--c-surface);
color:var(--c-muted);
font-size:var(--fs-1);
text-align:left
}

.onboarding-node-table td:first-child span{
display:block;
color:var(--c-muted);
font-family:var(--font-mono);
font-size:var(--fs-0)
}

.onboarding-node-table td:last-child a{
color:#9b4825;
font-weight:700;
text-decoration:underline;
text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);
text-underline-offset:.2em
}

.onboarding-node-method{
margin-top:var(--space-3);
align-items:start
}

.onboarding-node-method article{
display:grid;
gap:var(--space-1);
min-width:0
}

.onboarding-node-method .c-badge{
width:fit-content;
max-width:100%;
align-self:flex-start
}

.onboarding-node-method h3{
font-size:var(--fs-3)
}

.onboarding-node-method p{
color:var(--c-muted)
}

.onboarding-data-note{
margin-top:var(--space-3);
color:var(--c-muted);
font-size:var(--fs-1)
}

.onboarding-timeline-layout{
display:grid;
grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr);
gap:var(--space-4);
align-items:start
}

.onboarding-timeline-total{
display:grid;
gap:var(--space-1);
margin-top:var(--space-3);
padding:var(--space-3);
border-radius:var(--radius-md);
background:var(--c-dark);
color:#f8f3f2
}

.onboarding-timeline-total strong{
font-size:var(--fs-4);
line-height:1.2
}

.onboarding-timeline-total span{
color:#c6bec3
}

.onboarding-timeline{
display:grid;
list-style:none
}

.onboarding-timeline li{
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:var(--space-2);
min-width:0
}

.onboarding-timeline__marker{
position:relative;
display:flex;
justify-content:center;
width:3rem
}

.onboarding-timeline__marker::after{
position:absolute;
top:3rem;
bottom:0;
width:1px;
background:var(--c-line);
content:""
}

.onboarding-timeline li:last-child .onboarding-timeline__marker::after{
display:none
}

.onboarding-timeline__marker span{
position:relative;
z-index:1;
display:inline-flex;
align-items:center;
justify-content:center;
width:3rem;
height:3rem;
border-radius:50%;
background:var(--c-primary);
color:var(--c-ink);
font-size:var(--fs-0)
}

.onboarding-timeline__content{
min-width:0;
padding:0 0 var(--space-4)
}

.onboarding-timeline__heading{
display:flex;
align-items:baseline;
justify-content:space-between;
gap:var(--space-2);
min-width:0
}

.onboarding-timeline__heading h3{
font-size:var(--fs-3)
}

.onboarding-timeline__heading strong{
flex:0 0 auto;
font-size:var(--fs-1);
color:#7c3b20
}

.onboarding-timeline__content p{
margin-top:var(--space-1);
color:var(--c-muted)
}

.onboarding-timeline__content small{
display:block;
margin-top:var(--space-1);
font-weight:650;
color:var(--c-ink)
}

.onboarding-login-grid{
margin-top:var(--space-4);
align-items:start
}

.onboarding-login-card{
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:var(--space-2);
align-items:start
}

.onboarding-login-card__index{
display:inline-flex;
align-items:center;
justify-content:center;
width:2.75rem;
height:2.75rem;
border-radius:50%;
background:var(--c-dark);
color:#f8f3f2;
font-size:var(--fs-0)
}

.onboarding-login-card>div:last-child{
display:grid;
gap:var(--space-1);
min-width:0
}

.onboarding-login-card h3{
font-size:var(--fs-3)
}

.onboarding-login-card p{
color:var(--c-muted)
}

.onboarding-command-sheet{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(18rem,.9fr);
margin-top:var(--space-3);
overflow:hidden;
border-radius:var(--radius-md);
background:var(--c-surface);
color:var(--c-ink)
}

.onboarding-command-sheet__intro{
display:grid;
align-content:center;
gap:var(--space-1);
padding:var(--space-3)
}

.onboarding-command-sheet__intro .c-badge{
width:fit-content;
max-width:100%;
align-self:flex-start
}

.onboarding-command-sheet__intro h3{
font-size:var(--fs-3)
}

.onboarding-command-sheet__intro p{
color:var(--c-muted)
}

.onboarding-command-sheet pre{
display:flex;
align-items:center;
min-width:0;
max-width:100%;
padding:var(--space-3);
background:var(--c-dark);
color:#f8f3f2
}

.onboarding-command-sheet code{
color:#f8f3f2
}

.onboarding-validation{
background:var(--c-dark);
color:#f8f3f2
}

.onboarding-validation .c-section-head .c-lead{
color:#c6bec3
}

.onboarding-validation__kicker{
background:var(--c-primary);
color:var(--c-ink)
}

.onboarding-validation__kicker::before{
background:var(--c-dark)
}

.onboarding-tool-wall{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-2);
margin-top:var(--space-4)
}

.onboarding-tool-wall article{
display:grid;
gap:var(--space-1);
min-width:0;
padding:var(--space-3);
border-radius:var(--radius-md);
background:var(--c-dark-surface);
color:#f8f3f2
}

.onboarding-tool-wall article>span{
display:inline-flex;
align-items:center;
justify-content:center;
width:2rem;
height:2rem;
border-radius:50%;
background:var(--c-primary);
color:var(--c-ink);
font-size:var(--fs-0)
}

.onboarding-tool-wall h3{
font-size:var(--fs-3)
}

.onboarding-tool-wall p{
color:#c6bec3
}

.onboarding-tool-wall strong{
padding-top:var(--space-1);
border-top:1px solid var(--c-line-dark);
font-size:var(--fs-1);
line-height:1.5
}

.onboarding-validation__commands{
display:grid;
grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
margin-top:var(--space-3);
overflow:hidden;
border-radius:var(--radius-md);
background:var(--c-primary);
color:var(--c-ink)
}

.onboarding-validation__commands>div{
display:grid;
align-content:center;
gap:var(--space-1);
padding:var(--space-3)
}

.onboarding-validation__commands>div span{
font-size:var(--fs-0);
font-weight:700;
letter-spacing:.08em
}

.onboarding-validation__commands pre{
min-width:0;
max-width:100%;
padding:var(--space-3);
background:var(--c-surface);
color:var(--c-ink)
}

.onboarding-validation__commands code{
color:var(--c-ink)
}

.onboarding-acceptance{
margin-top:var(--space-4)
}

.onboarding-acceptance__sheet{
padding:0;
overflow:hidden;
background:var(--c-surface);
color:var(--c-ink)
}

.onboarding-acceptance__sheet>header{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:var(--space-2);
padding:var(--space-3);
background:var(--c-primary);
color:var(--c-ink)
}

.onboarding-acceptance__sheet>header>div{
display:grid;
gap:var(--space-1);
min-width:0
}

.onboarding-acceptance__sheet>header span:not(.c-badge){
font-size:var(--fs-0);
font-weight:700;
letter-spacing:.08em
}

.onboarding-acceptance__sheet .c-badge{
flex:0 1 auto;
width:fit-content;
max-width:42%;
align-self:flex-start;
background:var(--c-dark);
color:#f8f3f2
}

.onboarding-acceptance__sheet dl{
margin:0;
padding:0 var(--space-3) var(--space-3)
}

.onboarding-acceptance__sheet dl div{
display:grid;
grid-template-columns:minmax(6rem,.3fr) minmax(0,1fr);
gap:var(--space-2);
padding-block:var(--space-2);
border-bottom:1px solid var(--c-line)
}

.onboarding-acceptance__sheet dl div:last-child{
border-bottom:0
}

.onboarding-acceptance__sheet dt,
.onboarding-acceptance__sheet dd{
min-width:0;
overflow-wrap:anywhere
}

.onboarding-acceptance__sheet dd{
color:var(--c-muted)
}

.onboarding-acceptance__side{
display:grid;
grid-template-rows:repeat(2,minmax(0,1fr));
gap:var(--space-3);
min-width:0
}

.onboarding-acceptance__side article{
display:flex;
flex-direction:column;
min-width:0
}

.onboarding-acceptance__side .c-badge{
width:fit-content;
max-width:100%;
align-self:flex-start
}

.onboarding-acceptance__side h3{
margin-top:var(--space-1);
font-size:var(--fs-3)
}

.onboarding-acceptance__side p{
margin-top:var(--space-1);
color:var(--c-muted)
}

.onboarding-acceptance__side .c-btn{
width:100%;
margin-top:var(--space-3)
}

.onboarding-closing-section{
padding-bottom:var(--space-3)
}

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

.onboarding-closing__copy{
display:grid;
gap:var(--space-1);
max-width:46rem;
min-width:0
}

.onboarding-closing__copy p{
color:#c6bec3
}

.onboarding-closing__kicker{
background:var(--c-primary);
color:var(--c-ink)
}

.onboarding-closing__kicker::before{
background:var(--c-dark)
}

.onboarding-closing__actions{
display:flex;
flex:0 0 min(100%,18rem);
flex-direction:column;
gap:var(--space-1)
}

.onboarding-closing__actions .c-btn{
width:100%
}

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

@media (max-width:64rem){
.onboarding-hero__grid,
.onboarding-timeline-layout{
grid-template-columns:1fr
}

.onboarding-hero__stage{
height:auto;
overflow:visible
}

.onboarding-run-sheet{
height:auto
}

.onboarding-plan-grid{
grid-template-columns:1fr
}

.onboarding-decision-strip{
grid-template-columns:1fr
}

.onboarding-decision-strip div+div{
border-top:1px solid var(--c-line-dark);
border-left:0
}

.onboarding-tool-wall{
grid-template-columns:repeat(2,minmax(0,1fr))
}

.onboarding-command-sheet,
.onboarding-validation__commands{
grid-template-columns:1fr
}
}

@media (max-width:44rem){
.onboarding-hero__text h1{
max-width:none;
font-size:var(--fs-5)
}

.onboarding-hero__metrics{
grid-template-columns:1fr
}

.onboarding-hero__metrics div+div{
border-top:1px solid var(--c-line);
border-left:0
}

.onboarding-run-sheet__head,
.onboarding-plan-card__head,
.onboarding-acceptance__sheet>header{
align-items:flex-start;
flex-direction:column
}

.onboarding-run-sheet__head{
display:flex
}

.onboarding-run-sheet__state,
.onboarding-plan-card__code,
.onboarding-acceptance__sheet .c-badge{
max-width:100%
}

.onboarding-run-sheet__device{
grid-template-columns:1fr
}

.onboarding-run-sheet__facts div,
.onboarding-acceptance__sheet dl div{
grid-template-columns:1fr;
gap:var(--space-1)
}

.onboarding-check-card,
.onboarding-login-card{
grid-template-columns:1fr
}

.onboarding-timeline__heading{
align-items:flex-start;
flex-direction:column;
gap:var(--space-1)
}

.onboarding-tool-wall{
grid-template-columns:1fr
}

.onboarding-closing{
align-items:stretch
}

.onboarding-closing__actions{
width:100%;
flex-basis:auto
}
}

@media (max-width:24.375rem){
.onboarding-timeline li{
grid-template-columns:1fr
}

.onboarding-timeline__marker{
justify-content:flex-start;
width:auto
}

.onboarding-timeline__marker::after{
display:none
}

.onboarding-timeline__content{
padding-bottom:var(--space-3)
}
}