.demo-connect{width:100%;height:100%;font-family:var(--font-brand-sans);color:var(--fg);flex-direction:column;gap:12px;padding:18px;display:flex;overflow:hidden}.demo-connect__header{font-family:var(--font-brand-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;padding-bottom:12px;font-size:10px;display:flex}.demo-connect__brand{align-items:center;gap:8px;min-width:0;display:inline-flex}.demo-connect__brand-label{white-space:nowrap}.demo-connect__brand-mark{background:var(--accent);flex:none;width:6px;height:6px;animation:1s steps(2,end) infinite demo-connect-blink}@keyframes demo-connect-blink{0%,49%{opacity:1}50%,to{opacity:.25}}.demo-connect__clock{color:var(--fg);font-variant-numeric:tabular-nums}.demo-connect__stage{text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:18px;min-height:0;padding:14px 4px;display:flex}.demo-connect__pulse{flex:none;justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative}.demo-connect__pulse-ring{border:1px solid var(--accent);opacity:0;animation:2.4s cubic-bezier(.2,.7,.2,1) infinite demo-connect-pulse;position:absolute;inset:0}.demo-connect__pulse-ring:nth-child(2){animation-delay:.8s}.demo-connect__pulse-ring:nth-child(3){animation-delay:1.6s}.demo-connect__pulse-core{background:var(--accent);z-index:1;width:10px;height:10px;position:relative}@keyframes demo-connect-pulse{0%{opacity:1;transform:scale(.18)}60%{opacity:.45}to{opacity:0;transform:scale(1)}}.demo-connect__copy{flex-direction:column;gap:6px;max-width:28ch;display:flex}.demo-connect__title{font-family:var(--font-brand-sans);letter-spacing:-.01em;color:var(--fg);font-size:18px;font-weight:500;line-height:1.25;animation:.32s ease-out demo-connect-fade}.demo-connect__detail{font-family:var(--font-brand-mono);letter-spacing:.06em;color:var(--fg-dim);font-size:11px;animation:.42s ease-out demo-connect-fade}.demo-connect__steps{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.demo-connect__step{border-bottom:1px solid var(--rule);font-family:var(--font-brand-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dimmer);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 2px;font-size:11px;transition:color .25s;display:grid}.demo-connect__step:last-child{border-bottom:0}.demo-connect__step--done{color:var(--fg-dim)}.demo-connect__step--active{color:var(--accent)}.demo-connect__step-no{font-variant-numeric:tabular-nums}.demo-connect__step-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.demo-connect__step-state{text-align:right;font-variant-numeric:tabular-nums;min-width:28px}.demo-connect__dots{vertical-align:middle;align-items:center;gap:3px;display:inline-flex}.demo-connect__dots>span{background:currentColor;width:4px;height:4px;animation:.9s ease-in-out infinite demo-connect-dot}.demo-connect__dots>span:nth-child(2){animation-delay:.15s}.demo-connect__dots>span:nth-child(3){animation-delay:.3s}@keyframes demo-connect-dot{0%,80%,to{opacity:.2}40%{opacity:1}}.demo-connect__footer{border-top:1px solid var(--rule);font-family:var(--font-brand-mono);letter-spacing:.06em;color:var(--fg-dim);align-items:center;gap:8px;min-height:22px;padding-top:12px;font-size:10px;display:flex;overflow:hidden}.demo-connect__fact-key{color:var(--accent);flex:none}.demo-connect__fact{text-overflow:ellipsis;white-space:nowrap;min-width:0;animation:.5s ease-out demo-connect-fade;overflow:hidden}@keyframes demo-connect-fade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.brand-iphone-frame .demo-connect{gap:10px;padding:72px 18px 60px}.brand-iphone-frame .demo-connect__pulse{width:72px;height:72px}.brand-iphone-frame .demo-connect__title{font-size:16px}.brand-iphone-frame .demo-connect__brand-label:after{content:""}.brand-iphone-frame .demo-connect__brand-label{font-size:0}.brand-iphone-frame .demo-connect__brand-label:before{content:"Vertical AI";font-size:10px}@media (prefers-reduced-motion:reduce){.demo-connect__pulse-ring,.demo-connect__brand-mark,.demo-connect__dots>span,.demo-connect__title,.demo-connect__detail,.demo-connect__fact{transition:none;animation:none}}