.remote-page [hidden]{display:none!important}

.remote-page .remote-hero.c-page-hero[data-hero-form="product-visual"]{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:start;
  gap:var(--space-4);
  padding-block:var(--hero-pad);
  background:#ffffff;
  color:#20232A;
}

.remote-copy{min-width:0;overflow-wrap:break-word}
.remote-copy .c-kicker,
.remote-section-intro .c-kicker,
.remote-explain-copy .c-kicker,
.remote-finish .c-kicker{
  margin-bottom:var(--space-2);
}
.remote-copy h1{
  max-width:18ch;
  margin-bottom:var(--space-3);
  line-height:1.2;
}
.remote-lead{max-width:35rem;color:#59636D}
.remote-actions{justify-content:flex-start;margin-top:var(--space-3)}
.remote-hero-note{
  max-width:35rem;
  margin:var(--space-3) 0 0;
  color:#59636D;
  font-size:var(--text-sm);
}

.remote-stage{
  min-width:0;
  height:auto;
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:#161B25;
  color:#F9FAFB;
  text-align:left;
}
.remote-stage-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-2);
  padding:var(--space-3);
  border-bottom:1px solid #343C4A;
  color:#F9FAFB;
}
.remote-stage-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:var(--radius-sm);
  background:#EAF1F5;
  color:#233A4C;
}
.remote-stage-mark svg{width:1.25rem;height:1.25rem}
.remote-stage-overline{
  display:block;
  margin-bottom:var(--space-1);
  color:#ABB3C0;
  font-size:var(--text-xs);
}
.remote-stage-head h2{
  margin:0;
  color:#F9FAFB;
  font-size:var(--text-card);
}
.remote-stage-index{color:#ABB3C0;font-size:var(--text-xs)}
.remote-stage-body{padding-inline:var(--space-3)}
.remote-stage-row{
  display:grid;
  grid-template-columns:minmax(6rem,35%) minmax(0,1fr);
  gap:var(--space-2);
  align-items:start;
  padding-block:var(--space-2);
  border-bottom:1px solid #343C4A;
  color:#F9FAFB;
}
.remote-stage-row span,
.remote-stage-row strong{min-width:0;overflow-wrap:break-word}
.remote-stage-row span{color:#ABB3C0;font-weight:400}
.remote-stage-row strong{font-weight:600}
.remote-stage-foot{
  margin:0;
  padding:var(--space-3);
  background:#161B25;
  color:#F9FAFB;
  font-size:var(--text-sm);
}

.remote-section{padding-block:var(--space-5)}
.remote-section--soft{
  background:#FEFEFD;
  color:#20232A;
}
.remote-section-intro{max-width:47rem;margin-bottom:var(--space-4)}
.remote-section-intro h2{margin-bottom:var(--space-2)}
.remote-section-intro p{margin:0;color:#59636D}
.remote-check-grid,
.remote-related-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));
  gap:var(--space-2);
  align-items:stretch;
}
.remote-check-card,
.remote-related-card{
  display:flex;
  flex-direction:column;
  height:100%;
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#EAF1F5;
  color:#233A4C;
}
.remote-check-card:nth-child(2){
  background:#ECF3ED;
  color:#233E35;
}
.remote-check-card:nth-child(3){
  background:#F8ECE9;
  color:#423235;
}
.remote-check-card:nth-child(4){
  background:#F7F1E3;
  color:#423B25;
}
.remote-check-number{
  display:block;
  margin-bottom:var(--space-3);
  font-size:var(--text-sm);
  font-weight:700;
}
.remote-check-card h3,
.remote-related-card h3{font-size:var(--text-card)}
.remote-check-card p,
.remote-related-card p{margin:0;color:inherit}

.remote-steps{
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}
.remote-step{
  display:grid;
  grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
  gap:var(--space-3);
  align-items:start;
  min-width:0;
  padding:var(--space-3);
  border-top:1px solid #E7E9EC;
}
.remote-step:last-child{border-bottom:1px solid #E7E9EC}
.remote-step-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:50%;
  background:#362782;
  color:#ffffff;
  line-height:1;
}
.remote-step h3{margin:0;font-size:var(--text-card)}
.remote-step p{margin:0;color:#59636D}

.remote-explain{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.85fr);
  gap:var(--space-4);
  align-items:start;
}
.remote-explain-copy,
.remote-definition{min-width:0}
.remote-explain-copy p{max-width:43rem;color:#59636D}
.remote-definition{
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#ECF3ED;
  color:#233E35;
}
.remote-definition h3{font-size:var(--text-card)}
.remote-definition dl{margin:var(--space-3) 0}
.remote-definition dl div{
  display:grid;
  grid-template-columns:minmax(5.5rem,35%) minmax(0,1fr);
  gap:var(--space-2);
  padding-block:var(--space-2);
  border-top:1px solid color-mix(in srgb,#233E35 15%,transparent);
}
.remote-definition dt,
.remote-definition dd{min-width:0;overflow-wrap:break-word}
.remote-definition dt{font-weight:700}
.remote-definition p{margin:0;color:#233E35}

.remote-table{display:table;width:100%;min-width:42rem}
.remote-table th:first-child,
.remote-table td:first-child{width:23%}
.remote-table th,
.remote-table td{text-align:left}
.remote-table-note{
  margin:var(--space-3) 0 0;
  color:#59636D;
  font-size:var(--text-sm);
}

.remote-finish{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.85fr);
  gap:var(--space-4);
  align-items:start;
}
.remote-finish>div{min-width:0}
.remote-finish p{color:#59636D}
.remote-finish-list{
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#F7F1E3;
  color:#423B25;
}
.remote-finish-list>div{
  display:grid;
  grid-template-columns:2.5rem minmax(0,1fr);
  column-gap:var(--space-2);
  padding-block:var(--space-2);
  border-top:1px solid color-mix(in srgb,#423B25 15%,transparent);
}
.remote-finish-list>div:first-child{border-top:0;padding-top:0}
.remote-finish-list>div:last-child{padding-bottom:0}
.remote-finish-list span{grid-row:span 2;font-weight:700}
.remote-finish-list strong{min-width:0;overflow-wrap:break-word}
.remote-finish-list p{
  grid-column:2;
  margin:var(--space-1) 0 0;
  color:#423B25;
  font-size:var(--text-sm);
}

.remote-related-card{
  background:#FEFEFD;
  color:#20232A;
  border:1px solid #E7E9EC;
}
.remote-related-card p{color:#59636D}
.remote-related-card .c-text-link{
  width:fit-content;
  margin-top:auto;
  padding-top:var(--space-3);
}

.remote-closing-section{padding-block:var(--space-5)}
.remote-closing.c-cta{
  padding:var(--space-4);
  background:#161B25;
  color:#F9FAFB;
}
.remote-closing h2{color:#F9FAFB}
.remote-closing p{max-width:42rem;color:#C4CBD5}
.remote-closing-actions{
  display:flex;
  flex:0 0 auto;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-2);
}
.remote-closing .remote-closing-actions .c-btn--primary{
  background:#ffffff;
  color:#20232A;
}
.remote-closing .remote-closing-actions .c-btn--ghost{
  background:transparent;
  color:#F9FAFB;
  border-color:color-mix(in srgb,currentColor 45%,transparent);
}

@media(max-width:64rem){
  .remote-page .remote-hero.c-page-hero[data-hero-form="product-visual"]{
    grid-template-columns:minmax(0,1fr);
  }
  .remote-copy h1{max-width:22ch}
}
@media(max-width:42rem){
  .remote-page .remote-hero.c-page-hero[data-hero-form="product-visual"]{
    gap:var(--space-3);
  }
  .remote-stage{height:auto}
  .remote-step{
    grid-template-columns:2.25rem minmax(0,1fr);
    gap:var(--space-3);
  }
  .remote-step p{grid-column:2}
  .remote-explain,
  .remote-finish{grid-template-columns:minmax(0,1fr)}
  .remote-closing-actions,
  .remote-closing-actions .c-btn{width:100%}
}
@media(max-width:350px){
  .remote-stage-head{grid-template-columns:auto minmax(0,1fr)}
  .remote-stage-index{grid-column:2}
  .remote-stage-row{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}
  .remote-definition dl div{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}
}