.connect-page main h1,
.connect-page main h2{
  font-family:var(--am-font-body);
}

.connect-page main h1,
.connect-page main h2,
.connect-page main h3,
.connect-page main p,
.connect-page main li,
.connect-page main dt,
.connect-page main dd{
  overflow-wrap:break-word;
}

.connect-hero{
  padding-block:var(--am-hero-pad);
  background:#faf9f7;
  color:#171a24;
}

.connect-hero .c-hero-copy{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);
  align-items:start;
  gap:var(--am-space-5);
}

.connect-hero-title,
.connect-hero .c-hero-side{
  min-width:0;
}

.connect-hero-title h1{
  max-width:15ch;
  font-size:clamp(2.8rem,5vw,4rem);
  line-height:1.16;
  color:#171a24;
}

.connect-hero .c-hero-side{
  text-align:left;
}

.connect-hero .c-hero-side>p{
  color:#4f5059;
}

.connect-hero .c-hero-actions,
.connect-actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--am-space-2);
  justify-content:flex-start;
  margin-top:var(--am-space-3);
}

.connect-hero .connect-hero-note{
  margin-top:var(--am-space-3);
  padding-top:var(--am-space-2);
  border-top:1px solid color-mix(in srgb,#171a24 12%,transparent);
  color:#5b5a62;
  font-size:var(--am-text-sm);
}

.connect-recipe-board{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(15rem,.75fr) minmax(15rem,.75fr);
  align-items:start;
  gap:var(--am-space-3);
  width:100%;
  height:auto;
  margin-top:var(--am-space-5);
  overflow:visible;
  transform:none;
}

.connect-recipe-board>article{
  min-width:0;
  padding:var(--am-space-3);
  border-radius:var(--am-radius-md);
}

.connect-board-main{
  grid-row:span 2;
  background:#191c27;
  color:#f8f7f4;
}

.connect-board-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--am-space-3);
  padding-bottom:var(--am-space-3);
  border-bottom:1px solid rgba(255,255,255,.12);
}

.connect-board-head>div{
  min-width:0;
}

.connect-board-head strong{
  display:block;
  margin-top:var(--am-space-1);
  font-size:var(--am-text-xl);
  line-height:1.3;
}

.connect-board-label{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  color:inherit;
  font-family:var(--am-font-mono);
  font-size:var(--am-text-xs);
  font-weight:700;
  letter-spacing:.06em;
  line-height:1.3;
  text-transform:uppercase;
}

.connect-board-main .connect-board-label{
  color:#c7cad3;
}

.connect-board-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:.45rem .7rem;
  border-radius:var(--am-radius-pill);
  background:#e8f1ec;
  color:#173128;
  font-size:var(--am-text-xs);
  font-weight:700;
  line-height:1.2;
}

.connect-board-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--am-space-2);
  margin-top:var(--am-space-3);
}

.connect-board-facts>div{
  min-width:0;
  padding:var(--am-space-2);
  border-radius:var(--am-radius-sm);
  background:#252936;
  color:#f8f7f4;
}

.connect-board-facts dt,
.connect-board-facts dd{
  min-width:0;
}

.connect-board-facts dt{
  color:#aeb3c0;
  font-size:var(--am-text-xs);
  font-weight:700;
}

.connect-board-facts dd{
  margin-top:var(--am-space-1);
  color:#f8f7f4;
  font-size:var(--am-text-sm);
}

.connect-recipe-board>.connect-board-node{
  display:flex;
  flex-direction:column;
  height:auto;
  min-height:0;
  align-self:start;
  background:#e8f1ec;
  color:#173128;
}

.connect-board-node-us{
  background:#f2eaf4;
  color:#2b2030;
}

.connect-board-node h2{
  margin-top:var(--am-space-2);
  font-size:var(--am-text-xl);
  line-height:1.3;
}

.connect-board-node ul{
  display:grid;
  gap:var(--am-space-1);
  margin-top:var(--am-space-3);
  list-style:none;
}

.connect-board-node li{
  display:grid;
  grid-template-columns:3.6rem minmax(0,1fr);
  align-items:center;
  gap:var(--am-space-1);
  min-width:0;
}

.connect-board-node li span{
  min-width:0;
  color:inherit;
  font-family:var(--am-font-mono);
  font-size:var(--am-text-xs);
  font-weight:700;
}

.connect-board-node li strong{
  min-width:0;
  font-size:var(--am-text-sm);
}

.connect-recipe-board>.connect-board-check{
  grid-column:2 / 4;
  height:auto;
  min-height:0;
  align-self:start;
  background:#f2edd8;
  color:#302a17;
}

.connect-board-check p{
  margin-top:var(--am-space-2);
  color:#514b34;
}

.connect-board-check strong{
  color:#243d8f;
}

.connect-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));
  gap:var(--am-space-3);
  align-items:stretch;
}

.connect-card-grid>.c-card{
  display:flex;
  flex-direction:column;
  height:100%;
  min-width:0;
  padding:var(--am-space-4);
}

.connect-card-grid>.c-card .connect-card-foot,
.connect-card-grid>.c-card>.c-badge{
  margin-top:auto;
}

.connect-prepare-card{
  gap:var(--am-space-2);
}

.connect-card-mark{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--am-space-2);
  min-width:0;
}

.connect-prepare-card h3,
.connect-scenario-card h3,
.connect-security-card h3,
.connect-command-card h3,
.connect-command-row h3,
.connect-step-row h3,
.connect-diagnostic-row h3{
  font-size:var(--am-text-xl);
  line-height:1.3;
}

.connect-prepare-alert{
  margin-top:var(--am-space-3);
  background:#f2edd8;
  color:#302a17;
}

.connect-prepare-alert svg{
  width:1.25rem;
  height:1.25rem;
  flex:none;
  margin-top:.2rem;
}

.connect-prepare-alert p{
  color:#514b34;
}

.connect-step-list{
  position:relative;
  display:grid;
  gap:0;
  list-style:none;
  margin:0;
  padding:0;
}

.connect-step-list::before{
  content:"";
  position:absolute;
  top:1.5rem;
  bottom:1.5rem;
  left:1.45rem;
  width:1px;
  background:color-mix(in srgb,#2b2030 18%,transparent);
}

.connect-step-row{
  display:grid;
  grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
  gap:var(--am-space-3);
  align-items:start;
  padding:var(--am-space-3);
  border-bottom:1px solid color-mix(in srgb,#2b2030 12%,transparent);
  background:#f2eaf4;
  color:#2b2030;
}

.connect-step-row:first-child{
  border-top:1px solid color-mix(in srgb,#2b2030 12%,transparent);
}

.connect-step-number{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:var(--am-radius-pill);
  background:#243d8f;
  color:#ffffff;
  font-family:var(--am-font-mono);
  font-size:var(--am-text-xs);
  font-weight:700;
  line-height:1;
}

.connect-step-row>div{
  min-width:0;
}

.connect-step-row p{
  color:#594c5d;
}

.connect-step-result{
  display:block;
  margin-top:var(--am-space-1);
  color:#243d8f;
  font-size:var(--am-text-sm);
  font-weight:650;
}

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

.connect-command-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:var(--am-space-4);
  background:#191c27;
  color:#f8f7f4;
}

.connect-command-card h3{
  margin-top:var(--am-space-2);
}

.connect-command-card dl{
  display:grid;
  margin-top:var(--am-space-3);
}

.connect-command-card dl>div{
  display:grid;
  grid-template-columns:minmax(5rem,.35fr) minmax(0,1fr);
  gap:var(--am-space-2);
  min-width:0;
  padding-block:var(--am-space-2);
  border-top:1px solid rgba(255,255,255,.12);
}

.connect-command-card dt,
.connect-command-card dd{
  min-width:0;
}

.connect-command-card dt{
  color:#ffffff;
  font-weight:700;
}

.connect-command-card dd{
  color:#c7cad3;
}

.connect-command-canvas{
  display:flex;
  flex-direction:column;
  min-width:0;
  border-radius:var(--am-radius-md);
  overflow:hidden;
  background:#f2eaf4;
  color:#2b2030;
}

.connect-command-row{
  display:grid;
  grid-template-columns:2.5rem minmax(0,1fr) auto;
  gap:var(--am-space-3);
  align-items:start;
  min-width:0;
  padding:var(--am-space-3);
  border-bottom:1px solid color-mix(in srgb,#2b2030 12%,transparent);
  background:#f2eaf4;
  color:#2b2030;
}

.connect-command-row:last-child{
  border-bottom:0;
}

.connect-command-row>div{
  min-width:0;
}

.connect-command-row p{
  margin-top:var(--am-space-1);
  color:#594c5d;
}

.connect-command-index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:var(--am-radius-sm);
  background:#ffffff;
  color:#243d8f;
  font-family:var(--am-font-mono);
  font-weight:700;
  line-height:1;
}

.connect-method{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));
  gap:var(--am-space-2);
  margin-bottom:var(--am-space-3);
}

.connect-method>div{
  min-width:0;
  padding:var(--am-space-3);
  border-radius:var(--am-radius-md);
  background:#ffffff;
  color:#171a24;
}

.connect-method span,
.connect-method strong{
  display:block;
  min-width:0;
}

.connect-method span{
  color:#5b5a62;
  font-size:var(--am-text-xs);
  font-weight:700;
}

.connect-method strong{
  margin-top:var(--am-space-1);
  color:#171a24;
  font-size:var(--am-text-sm);
}

.connect-latency .table-scroll{
  border-color:color-mix(in srgb,#173128 14%,transparent);
  background:#ffffff;
  color:#171a24;
}

.connect-latency-table{
  display:table;
  width:100%;
  min-width:72rem;
  background:#ffffff;
  color:#171a24;
  table-layout:auto;
}

.connect-latency-table caption{
  padding:var(--am-space-2);
  background:#ffffff;
  color:#5b5a62;
  font-size:var(--am-text-sm);
  text-align:left;
}

.connect-latency-table th,
.connect-latency-table td{
  color:#171a24;
  text-align:center;
  white-space:normal;
}

.connect-latency-table th:first-child,
.connect-latency-table td:first-child{
  width:16%;
  min-width:9rem;
  text-align:left;
}

.connect-latency-table thead th{
  background:#f0efed;
  color:#171a24;
}

.connect-latency-table thead span{
  color:#5b5a62;
  font-family:var(--am-font-mono);
  font-size:var(--am-text-xs);
}

.connect-latency-table tbody td{
  font-family:var(--am-font-mono);
  font-variant-numeric:tabular-nums;
}

.connect-latency-table .is-highlight{
  background:#e8f1ec;
  color:#173128;
  font-weight:700;
}

.connect-table-note{
  margin-top:var(--am-space-3);
  color:#41594f;
  font-size:var(--am-text-sm);
}

.connect-scenario-card{
  gap:var(--am-space-2);
}

.connect-card-foot{
  padding-top:var(--am-space-2);
  color:inherit;
  font-size:var(--am-text-sm);
}

.connect-security-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.connect-security-card{
  gap:var(--am-space-2);
  background:#ffffff;
  color:#171a24;
}

.connect-security-card p{
  color:#5b5a62;
}

.connect-security-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.75rem;
  height:2.75rem;
  border-radius:var(--am-radius-pill);
  background:#243d8f;
  color:#ffffff;
  font-family:var(--am-font-mono);
  font-size:var(--am-text-sm);
  font-weight:700;
  line-height:1;
}

.connect-security-card>.c-badge{
  margin-top:auto;
}

.connect-diagnostic-list{
  display:grid;
  list-style:none;
  margin:0;
  padding:0;
}

.connect-diagnostic-row{
  display:grid;
  grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
  gap:var(--am-space-3);
  align-items:start;
  padding:var(--am-space-3);
  border-bottom:1px solid var(--am-line);
}

.connect-diagnostic-row:first-child{
  border-top:1px solid var(--am-line);
}

.connect-diagnostic-row>div{
  min-width:0;
}

.connect-diagnostic-row p{
  color:#5b5a62;
}

.connect-diagnostic-row div>span{
  display:block;
  margin-top:var(--am-space-1);
  color:#006b8f;
  font-size:var(--am-text-sm);
  font-weight:650;
}

.connect-diagnostic-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:var(--am-radius-pill);
  background:#f2eaf4;
  color:#2b2030;
  font-family:var(--am-font-mono);
  font-size:var(--am-text-xs);
  font-weight:700;
  line-height:1;
}

.connect-support-actions{
  margin-top:var(--am-space-4);
  padding:var(--am-space-3);
  border-radius:var(--am-radius-md);
  background:#f7e9e1;
  color:#34221d;
}

.connect-support-actions p{
  color:#5f483f;
}

.connect-support-actions a:not(.c-btn){
  color:#243d8f;
  font-weight:650;
  overflow-wrap:anywhere;
}

.connect-closing-section{
  padding-top:var(--am-section-space);
  padding-bottom:var(--am-space-4);
}

.connect-closing-section .c-cta-panel{
  padding:clamp(2rem,5vw,4rem);
  background:#191c27;
  color:#f8f7f4;
}

.connect-closing-section .c-cta-panel h2{
  max-width:18ch;
  color:#f8f7f4;
  font-size:clamp(2rem,3.5vw,3rem);
}

.connect-closing-section .c-cta-panel p{
  max-width:46rem;
  margin-top:var(--am-space-2);
  color:#c5c8d1;
}

.connect-closing-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--am-space-2);
  min-width:min(100%,16rem);
}

.connect-closing-actions .c-btn{
  width:100%;
}

.connect-closing-actions .c-btn-ghost{
  color:#f8f7f4;
  border-color:rgba(255,255,255,.38);
}

@media (max-width:64rem){
  .connect-hero .c-hero-copy,
  .connect-command-layout{
    grid-template-columns:minmax(0,1fr);
  }

  .connect-hero .c-hero-side{
    max-width:46rem;
  }

  .connect-recipe-board{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .connect-board-main{
    grid-column:1 / -1;
    grid-row:auto;
  }

  .connect-board-check{
    grid-column:1 / -1;
  }

  .connect-security-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:42rem){
  .connect-hero-title h1{
    max-width:none;
  }

  .connect-hero .c-hero-actions,
  .connect-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .connect-hero .c-hero-actions .c-btn,
  .connect-actions .c-btn{
    width:100%;
  }

  .connect-recipe-board{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:none;
    width:min(calc(100% - var(--am-gutter)*2),100%);
    height:auto;
    margin-inline:auto;
    overflow:visible;
    transform:none;
  }

  .connect-recipe-board>article,
  .connect-board-main,
  .connect-board-check{
    grid-column:1;
    width:100%;
    min-width:0;
    justify-self:stretch;
  }

  .connect-board-head{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    justify-items:start;
  }

  .connect-board-head>div{
    width:100%;
  }

  .connect-board-label,
  .connect-board-badge{
    width:max-content;
    max-width:100%;
    justify-self:start;
    white-space:nowrap;
    overflow-wrap:normal;
  }

  .connect-board-facts{
    grid-template-columns:minmax(0,1fr);
  }

  .connect-step-list::before{
    left:2.7rem;
  }

  .connect-step-row,
  .connect-diagnostic-row{
    grid-template-columns:2.25rem minmax(0,1fr);
    gap:var(--am-space-2);
  }

  .connect-step-row>:nth-child(3),
  .connect-diagnostic-row>:nth-child(3){
    grid-column:2;
  }

  .connect-step-number,
  .connect-diagnostic-number{
    width:2.25rem;
    height:2.25rem;
  }

  .connect-command-card dl>div{
    grid-template-columns:minmax(0,1fr);
    gap:var(--am-space-1);
  }

  .connect-command-row{
    grid-template-columns:2.5rem minmax(0,1fr);
  }

  .connect-command-row>.c-badge{
    grid-column:2;
    justify-self:start;
  }

  .connect-security-grid{
    grid-template-columns:minmax(0,1fr);
  }

  .connect-closing-section .c-cta-panel{
    grid-template-columns:minmax(0,1fr);
  }

  .connect-closing-actions{
    min-width:0;
  }
}