#connect-end {
        max-width: 760px;
        margin: 64px auto 0;
        padding: 0 22px
      }

      #connect-end .ce-rule {
        height: 4px;
        background: var(--crimson);
        margin: 0 0 22px;
        border-radius: 2px
      }

      #connect-end .ce-eyebrow {
        font-family: var(--mono);
        font-size: 12px;
        letter-spacing: .16em;
        text-transform: uppercase;
        color: var(--crimson);
        margin: 0 0 10px
      }

      #connect-end h2 {
        font-family: var(--disp);
        font-size: clamp(30px, 4.6vw, 44px);
        line-height: 1.04;
        letter-spacing: -.02em;
        margin: 0 0 14px;
        color: var(--ink)
      }

      #connect-end .ce-lede {
        font-size: 19px;
        line-height: 1.6;
        color: var(--muted-dark);
        max-width: 60ch;
        margin: 0 0 26px
      }

      #connect-end .ce-step {
        display: grid;
        grid-template-columns: 44px 1fr;
        gap: 16px;
        padding: 18px 0;
        border-top: 1px solid var(--rule)
      }

      #connect-end .ce-n {
        font-family: var(--disp);
        font-size: 30px;
        font-weight: 700;
        color: var(--crimson);
        line-height: 1
      }

      #connect-end .ce-t {
        font-family: var(--disp);
        font-size: 19px;
        font-weight: 700;
        margin: 0 0 5px;
        line-height: 1.25
      }

      #connect-end .ce-d {
        font-size: 16.5px;
        line-height: 1.55;
        color: var(--muted-dark);
        margin: 0
      }

      #connect-end .ce-d a {
        color: var(--crimson);
        text-decoration: underline;
        text-underline-offset: 2px
      }

      #connect-end .ce-wall {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 22px 0 4px
      }

      #connect-end .ce-wall:before,
      #connect-end .ce-wall:after {
        content: '';
        flex: 1;
        border-top: 1px dashed var(--crimson);
        opacity: .55
      }

      #connect-end .ce-wall span {
        font-family: var(--mono);
        font-size: 10.5px;
        letter-spacing: .13em;
        text-transform: uppercase;
        color: var(--crimson);
        border: 1px solid var(--crimson);
        border-radius: 20px;
        padding: 4px 11px;
        white-space: nowrap
      }

      #connect-end .ce-forkq {
        font-family: var(--disp);
        font-size: 20px;
        font-weight: 700;
        margin: 34px 0 14px
      }

      #connect-end .ce-buckets {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        margin-bottom: 8px
      }

      #connect-end .ce-b {
        text-align: left;
        padding: 17px 18px;
        border: 2px solid var(--rule);
        border-radius: 12px;
        background: var(--panel);
        cursor: pointer;
        font: inherit;
        color: var(--ink);
        transition: border-color .15s
      }

      #connect-end .ce-b:hover {
        border-color: var(--crimson)
      }

      #connect-end .ce-b[aria-pressed=true] {
        border-color: var(--crimson);
        background: #fff
      }

      #connect-end .ce-b b {
        display: block;
        font-family: var(--disp);
        font-size: 17px;
        margin-bottom: 4px
      }

      #connect-end .ce-b span {
        font-size: 15px;
        color: var(--muted-dark);
        line-height: 1.45
      }

      #connect-end .ce-form {
        display: none;
        margin-top: 20px;
        padding: 22px;
        border: 2px solid var(--crimson);
        border-radius: 14px;
        background: var(--panel)
      }

      #connect-end .ce-form.on {
        display: block
      }

      #connect-end .ce-fh {
        font-family: var(--disp);
        font-size: 18px;
        font-weight: 700;
        margin: 0 0 6px
      }

      #connect-end .ce-fs {
        font-size: 16px;
        color: var(--muted-dark);
        margin: 0 0 16px;
        line-height: 1.5
      }

      #connect-end .ce-in {
        display: block;
        width: 100%;
        padding: 13px 14px;
        margin-bottom: 10px;
        border: 1px solid var(--rule);
        border-radius: 9px;
        background: #fff;
        font: inherit;
        font-size: 16px;
        color: var(--ink);
        box-sizing: border-box
      }

      #connect-end .ce-in::placeholder {
        color: var(--muted)
      }

      #connect-end .ce-go {
        width: 100%;
        padding: 15px;
        border: 0;
        border-radius: 9px;
        background: var(--crimson);
        color: #fff;
        font-family: var(--disp);
        font-size: 17px;
        font-weight: 700;
        cursor: pointer
      }

      #connect-end .ce-go:hover {
        background: var(--crimson-deep)
      }

      #connect-end .ce-note {
        font-family: var(--mono);
        font-size: 13px;
        color: var(--muted);
        margin: 11px 0 0;
        line-height: 1.5
      }

      #connect-end .ce-adv {
        margin-top: 28px;
        padding-top: 20px;
        border-top: 1px solid var(--rule);
        font-size: 15.5px;
        line-height: 1.55;
        color: var(--muted-dark)
      }

      #connect-end .ce-adv b {
        font-family: var(--disp)
      }

      #connect-end .ce-setup {
        margin: 10px 0 0;
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap
      }

      #connect-end .ce-setupbtn {
        font-family: var(--disp);
        font-weight: 600;
        font-size: 13.5px;
        padding: 8px 14px;
        border: 1px solid var(--rule);
        border-radius: 8px;
        background: transparent;
        color: var(--ink);
        cursor: pointer;
        letter-spacing: .01em
      }

      #connect-end .ce-setupbtn:hover {
        border-color: var(--muted)
      }

      #connect-end .ce-setuphint {
        font-size: 13px;
        color: var(--muted);
        line-height: 1.4
      }

      @media(max-width:640px) {
        #connect-end .ce-buckets {
          grid-template-columns: 1fr
        }
      }