.persona-page--connect-ai{--persona-accent: #7c5cfc;--persona-accent-rgb: 124 92 252;--persona-accent-2: #3b82f6;--persona-accent-2-rgb: 59 130 246}.connect-hero{background:radial-gradient(circle at 82% 18%,rgb(124 92 252 / .08),transparent 28rem),var(--color-canvas)}.connect-hero:before{content:none}.connect-response-window{overflow:hidden;border:1px solid rgb(255 255 255 / .09);border-radius:calc(var(--radius-brand) + .25rem);background:radial-gradient(circle at 84% 12%,rgb(124 92 252 / .22),transparent 16rem),radial-gradient(circle at 18% 88%,rgb(59 130 246 / .13),transparent 14rem),#0b0d1c;box-shadow:0 30px 80px -48px #0b0d1cd9,0 0 0 1px #7c5cfc14}.connect-response-window__bar{display:flex;align-items:center;gap:.55rem;border-bottom:1px solid rgb(255 255 255 / .07);padding:.85rem 1rem}.connect-response-window__bar>span{width:.58rem;height:.58rem;border-radius:50%;background:#ffffff21}.connect-response-window__bar code{margin-left:.35rem;color:#ffffff59;font-family:var(--font-mono);font-size:.68rem}.connect-response-window__body{position:relative;padding:1.55rem}.connect-response-window__body:before{position:absolute;inset:1rem;border:1px solid rgb(255 255 255 / .045);border-radius:var(--radius-control);content:"";pointer-events:none}.connect-response-window__signal{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.55rem;border:1px solid rgb(34 197 94 / .16);border-radius:999px;background:#22c55e14;padding:.38rem .62rem;color:#9ef0bd;font-family:var(--font-mono);font-size:.68rem}.connect-response-window__signal i{width:.38rem;height:.38rem;border-radius:50%;background:#22c55e;box-shadow:0 0 18px #22c55ea6}.connect-response-window__body pre{position:relative;z-index:1;margin-top:1.1rem;color:#ffffffe0;font-family:var(--font-mono);font-size:.82rem;line-height:1.75;white-space:pre-wrap}.connect-problem-card,.connect-audit-card,.connect-pricing-card{position:relative;overflow:hidden;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:#ffffff8f;padding:2.35rem 0}.connect-problem-card:before,.connect-audit-card:before,.connect-pricing-card:before{content:none}.connect-loop-section{background:radial-gradient(circle at 50% 0%,rgb(124 92 252 / .09),transparent 28rem),var(--color-canvas-tint)!important}.connect-loop-list{position:relative;display:grid;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-brand);background:#fff;box-shadow:0 18px 46px -40px #1615287a}.connect-loop-row{position:relative;display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:1.25rem;align-items:start;padding:1.25rem 1.5rem}.connect-loop-row+.connect-loop-row{border-top:1px solid var(--color-border)}.connect-loop-row__num{display:grid;width:2.45rem;height:2.45rem;place-items:center;border:1px solid rgb(124 92 252 / .22);border-radius:var(--radius-control);background:#7c5cfc14;box-shadow:0 0 0 .35rem #7c5cfc09}.connect-loop-row__num span{color:var(--color-primary);font-family:var(--font-mono);font-size:.68rem;font-weight:800}.connect-loop-row:before{position:absolute;top:1.25rem;bottom:1.25rem;left:0;width:3px;background:#7c5cfc;content:"";opacity:0}.connect-loop-row:nth-child(1):before{background:#3b82f6;opacity:1}.connect-loop-row:nth-child(2):before{background:#7c5cfc;opacity:1}.connect-loop-row:nth-child(3):before{background:#f59e0b;opacity:1}.connect-loop-row:nth-child(4):before{background:#22c55e;opacity:1}.connect-response-section{background:radial-gradient(circle at 84% 50%,rgb(11 13 28 / .04),transparent 26rem),#fff}.connect-autonomy-meter,.connect-alignment-card,.connect-split-card{position:relative;overflow:hidden;border-color:#7c5cfc24!important;background:radial-gradient(circle at 100% 0%,rgb(124 92 252 / .08),transparent 14rem),#fff!important;box-shadow:0 22px 54px -44px #1615286b!important}.connect-autonomy-meter:before,.connect-alignment-card:before,.connect-split-card:before{position:absolute;top:0;bottom:0;left:0;width:3px;background:linear-gradient(180deg,#3b82f6,#7c5cfc,#22c55e);content:""}@media(min-width:1024px){.connect-autonomy-copy{order:2}.connect-autonomy-meter{order:1}}.ladder{display:flex;flex-direction:column;gap:.65rem}.ladder-row{border-radius:var(--radius-control);border:1px solid rgb(var(--tier-color) / .22);background:rgb(var(--tier-color) / .07);padding:.85rem 1rem;transition:background-color .5s ease,border-color .5s ease}.ladder-row--locked{border-color:var(--color-border);background:var(--color-canvas-tint)}.ladder-row--locked.is-unlocked{border-color:rgb(var(--tier-color) / .22);background:rgb(var(--tier-color) / .07)}.ladder-row__head{display:flex;align-items:center;gap:.5rem}.ladder-row__n{font-family:var(--font-mono);font-size:.68rem;font-weight:800;color:rgb(var(--tier-color))}.ladder-row__label{font-size:.8rem;color:var(--color-ink)}.ladder-row--locked .ladder-row__n,.ladder-row--locked .ladder-row__label{color:var(--color-ink-soft);opacity:.55;transition:color .5s ease,opacity .5s ease}.ladder-row--locked.is-unlocked .ladder-row__n,.ladder-row--locked.is-unlocked .ladder-row__label{opacity:1;color:var(--color-ink)}.ladder-row--locked.is-unlocked .ladder-row__n{color:rgb(var(--tier-color))}.ladder-row__lock{position:relative;margin-left:auto;display:inline-flex;width:.9rem;height:.9rem;color:var(--color-ink-soft);opacity:.55}.lock-icon{position:absolute;inset:0;transition:opacity .4s ease}.lock-icon--open,.is-unlocked .lock-icon--closed{opacity:0}.is-unlocked .lock-icon--open{opacity:1;color:#22c55e}.ladder-row__proof{margin-top:.6rem;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .5rem}.ladder-chip{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);padding:.3rem .65rem .3rem .45rem;font-size:.72rem;font-weight:600;color:var(--color-ink);white-space:nowrap;box-shadow:var(--shadow-e1)}.ladder-chip__dot{width:.4rem;height:.4rem;border-radius:50%;background:currentColor}.ladder-chip--rep{color:#22c55e}.ladder-chip--rep .ladder-chip__role{color:var(--color-ink-soft);font-weight:500}.ladder-chip--corty{color:#7c5cfc}.ladder-chip__corty{display:grid;grid-template-columns:repeat(3,1fr);gap:.09rem;width:.85rem;height:.85rem}.ladder-chip__corty i{border-radius:50%;background:linear-gradient(135deg,#3b82f6,#7c5cfc,#22c55e)}.ladder-chip--agent{color:var(--color-primary);border-color:#7c5cfc4d}.ladder-row__hint{font-family:var(--font-mono);font-size:.66rem;color:var(--color-ink-soft)}.ladder-row__start-hint{font-size:.72rem;font-style:italic;color:var(--color-ink-soft);opacity:.7}.ladder-caption{margin-top:.85rem;font-size:.72rem;line-height:1.5;color:var(--color-ink-soft)}.agent-slot{display:flex;align-items:center;gap:.5rem;transition:opacity .55s ease,transform .55s ease}.agent-slot--L1{opacity:0;transform:translateY(6px)}.ladder[data-agent=L1] .agent-slot--L1{opacity:1;transform:translateY(0)}.connect-record-callout,.connect-autonomy-callout{position:relative;overflow:hidden;border-left-width:3px!important;background:radial-gradient(circle at 100% 0%,rgb(34 197 94 / .1),transparent 13rem),#22c55e0a!important}.connect-provenance-section{background:radial-gradient(circle at 50% 0%,rgb(59 130 246 / .07),transparent 26rem),var(--color-canvas-tint)!important}.connect-alignment-card{min-height:14rem;display:grid;align-content:center}.connect-byok-section{background:radial-gradient(circle at 50% 0%,rgb(124 92 252 / .07),transparent 26rem),var(--color-canvas-tint)!important}.connect-pricing-card{border-color:#7c5cfc29!important}.connect-start-list{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-brand);background:#fff;box-shadow:0 18px 46px -40px #1615287a}.connect-start-list>*+*{margin-top:0!important}.connect-start-row{position:relative;display:grid!important;grid-template-columns:2.5rem minmax(0,1fr);border-radius:0;background:#fff;padding:1.05rem 1.25rem}.connect-start-row+.connect-start-row{border-top:1px solid var(--color-border)}.connect-start-row:before{position:absolute;top:1.05rem;bottom:1.05rem;left:0;width:3px;background:var(--color-primary);content:"";opacity:.8}@media(max-width:1023px){.connect-loop-row{grid-template-columns:3.75rem minmax(0,1fr)}}@media(max-width:767px){.connect-hero{padding-top:6.5rem}.connect-response-window__body{padding:1.1rem}.connect-problem-card,.connect-audit-card,.connect-pricing-card{padding:1.45rem}.connect-loop-row,.connect-start-row{grid-template-columns:1fr;gap:.8rem}.connect-autonomy-meter,.connect-alignment-card,.connect-split-card{padding:1.35rem!important}}
