.connect-stack-panel{--csp-cyan:#02e0f8;--csp-cyan-dim:#0eb4e8;--csp-navy:#122b45;--csp-paper:#f2efe8;--csp-border:#dad4c4;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.connect-stack-panel__modules{display:flex;flex-direction:column;gap:18px}.connect-stack-panel__head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.connect-stack-panel__head-title{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono),ui-monospace,monospace;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:rgba(18,43,69,.55)}.connect-stack-panel__head-title:before{content:"";width:14px;height:1px;background:var(--csp-cyan-dim)}.connect-stack-panel__head-title strong{color:var(--csp-navy);font-weight:600}.connect-stack-panel__head-tag{font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--csp-cyan-dim)}.connect-stack-panel__list{display:flex;flex-direction:column;gap:8px}.connect-stack-panel__mod{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:start;padding:15px 18px;border:1px solid var(--csp-border);background:#fff;transition:border-color .2s,background-color .2s}.connect-stack-panel__mod:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--csp-cyan);opacity:0;transition:opacity .2s}.connect-stack-panel__mod:hover{border-color:var(--csp-cyan);background:rgba(2,224,248,.03)}.connect-stack-panel__mod:hover:before{opacity:1}.connect-stack-panel__mod-num{font-family:var(--font-serif),ui-serif,Georgia,serif;font-style:italic;font-size:22px;line-height:.9;letter-spacing:-.02em;color:var(--csp-cyan-dim)}.connect-stack-panel__mod-body{display:flex;min-width:0;flex-direction:column;gap:6px}.connect-stack-panel__mod-name{font-family:var(--font-sans),system-ui,sans-serif;font-size:15px;font-weight:500;letter-spacing:-.01em;color:var(--csp-navy)}.connect-stack-panel__mod-name em{font-family:var(--font-serif),ui-serif,Georgia,serif;font-style:italic;font-weight:400;color:var(--csp-cyan-dim)}.connect-stack-panel__mod-eps{display:flex;flex-wrap:wrap;gap:6px}.connect-stack-panel__mod-ep{font-family:var(--font-mono),ui-monospace,monospace;font-size:10.5px;letter-spacing:.02em;padding:3px 8px;border:1px solid var(--csp-border);color:rgba(18,43,69,.55);transition:color .2s,border-color .2s}.connect-stack-panel__mod:hover .connect-stack-panel__mod-ep{color:var(--csp-cyan-dim);border-color:rgba(2,224,248,.3)}.connect-stack-panel__mod-tag{align-self:start;font-family:var(--font-mono),ui-monospace,monospace;font-size:9.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(18,43,69,.4)}.connect-stack-panel__json{position:sticky;top:24px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(2,224,248,.25);background:#0b1b2d;box-shadow:0 24px 48px -20px rgba(11,27,45,.45)}.connect-stack-panel__json-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(2,224,248,.18);background:rgba(0,0,0,.25)}.connect-stack-panel__json-title{font-family:var(--font-mono),ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(242,239,232,.55)}.connect-stack-panel__json-title strong{color:var(--csp-cyan);font-weight:500}.connect-stack-panel__json-status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono),ui-monospace,monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--csp-cyan)}.connect-stack-panel__json-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--csp-cyan)}.connect-stack-panel__json-section{padding:18px 20px;font-family:var(--font-mono),ui-monospace,monospace;font-size:12px;line-height:1.55}.connect-stack-panel__json-section--response{border-top:1px dashed rgba(2,224,248,.18)}.connect-stack-panel__json-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(242,239,232,.45)}.connect-stack-panel__method{padding:3px 8px;font-size:9.5px;letter-spacing:.08em;text-transform:none}.connect-stack-panel__method--post{background:rgba(2,224,248,.18);color:var(--csp-cyan)}.connect-stack-panel__method--resp{background:rgba(2,224,248,.1);color:var(--csp-cyan-dim)}.connect-stack-panel__code{margin:0;white-space:pre;overflow-x:auto;color:rgba(242,239,232,.85)}.connect-stack-panel__code .key{color:rgba(2,224,248,.85)}.connect-stack-panel__code .str{color:rgba(255,210,150,.85)}.connect-stack-panel__code .num{color:rgba(180,230,200,.85)}.connect-stack-panel__code .bool{color:rgba(220,170,150,.85)}.connect-stack-panel__code .punc{color:rgba(242,239,232,.5)}.connect-stack-panel__json-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 18px;border-top:1px solid rgba(2,224,248,.18);background:rgba(0,0,0,.2)}.connect-stack-panel__json-foot-text{margin:0;max-width:420px;font-family:var(--font-sans),system-ui,sans-serif;font-size:13px;line-height:1.45;color:rgba(242,239,232,.72)}.connect-stack-panel__json-foot-text em{font-family:var(--font-serif),ui-serif,Georgia,serif;font-style:italic;font-weight:400;color:var(--csp-cyan)}.connect-stack-panel__json-foot-link{font-family:var(--font-mono),ui-monospace,monospace;font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--csp-cyan);text-decoration:none;transition:color .2s}.connect-stack-panel__json-foot-link:hover{color:#fff}@media (max-width:1100px){.connect-stack-panel{grid-template-columns:1fr;gap:32px}.connect-stack-panel__json{position:static}}@media (max-width:700px){.connect-stack-panel__mod{grid-template-columns:auto 1fr;gap:14px}.connect-stack-panel__mod-tag{display:none}.connect-stack-panel__json-section{padding:14px 16px;font-size:11px}}.connect-api-terminal{--cat-cyan:#02e0f8;--cat-paper:#f2efe8;position:relative;width:100%;height:100%;min-height:420px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(2,224,248,.25);border-radius:3px;background:rgba(0,0,0,.25);box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}.connect-api-terminal:before{content:"";position:absolute;top:-30%;right:-20%;width:60%;height:80%;pointer-events:none;background:radial-gradient(circle,rgba(2,224,248,.12),transparent 65%)}.connect-api-terminal__bar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid rgba(2,224,248,.18);background:rgba(0,0,0,.3)}.connect-api-terminal__dots{display:flex;gap:6px}.connect-api-terminal__dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.18)}.connect-api-terminal__dot--live{background:var(--cat-cyan)}.connect-api-terminal__title{font-family:var(--font-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(242,239,232,.55)}.connect-api-terminal__status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono),ui-monospace,monospace;font-size:9.5px;letter-spacing:.14em;color:var(--cat-cyan)}.connect-api-terminal__status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cat-cyan);animation:connect-api-terminal-pulse 2s ease-in-out infinite}.connect-api-terminal__body{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;gap:14px;overflow:hidden;padding:20px 22px;font-family:var(--font-mono),ui-monospace,monospace;font-size:12.5px}.connect-api-terminal__row{display:flex;align-items:flex-start;gap:12px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04);animation:connect-api-terminal-row-in .6s ease-out backwards}.connect-api-terminal__row--1{animation-delay:0s}.connect-api-terminal__row--2{animation-delay:.5s}.connect-api-terminal__row--3{animation-delay:1s}.connect-api-terminal__row--4{animation-delay:1.5s}.connect-api-terminal__row--5{animation-delay:2s}.connect-api-terminal__row--6{animation-delay:2.5s}.connect-api-terminal__row--active{margin:0 -22px;padding:6px 22px;border-left:2px solid var(--cat-cyan);background:rgba(2,224,248,.05)}.connect-api-terminal__method{flex-shrink:0;padding:3px 9px;border-radius:2px;font-size:10px;font-weight:600;letter-spacing:.08em;line-height:1.6}.connect-api-terminal__method--post{background:rgba(2,224,248,.18);color:var(--cat-cyan)}.connect-api-terminal__method--get{background:rgba(140,180,200,.15);color:rgba(180,230,250,.85)}.connect-api-terminal__method--put{background:rgba(255,180,80,.15);color:rgba(255,200,120,.9)}.connect-api-terminal__path{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(242,239,232,.85)}.connect-api-terminal__arg{color:rgba(2,224,248,.85)}.connect-api-terminal__resp{flex-shrink:0;font-size:9.5px;letter-spacing:.05em;color:var(--cat-cyan)}.connect-api-terminal__foot{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:16px 22px;border-top:1px solid rgba(2,224,248,.18);background:rgba(0,0,0,.25)}.connect-api-terminal__stat{display:flex;flex-direction:column;gap:2px;min-width:0}.connect-api-terminal__stat-label{font-family:var(--font-mono),ui-monospace,monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:rgba(242,239,232,.45)}.connect-api-terminal__stat-val{font-family:var(--font-sans),system-ui,sans-serif;font-size:13px;font-weight:500;letter-spacing:-.01em;color:var(--cat-paper)}.connect-api-terminal__stat-val em{font-family:var(--font-serif),ui-serif,Georgia,serif;font-style:italic;font-weight:400;color:var(--cat-cyan)}@keyframes connect-api-terminal-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes connect-api-terminal-row-in{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.connect-api-terminal__row,.connect-api-terminal__status:before{animation:none}}@media (max-width:700px){.connect-api-terminal{min-height:380px}.connect-api-terminal__body{padding:14px 16px;font-size:11px}.connect-api-terminal__row--active{margin:0 -16px;padding:6px 16px}.connect-api-terminal__foot{grid-template-columns:1fr;gap:8px;padding:12px 16px}}.connect-integrate-timeline{--cit-cyan:#02e0f8;--cit-navy-deep:#0b1b2d;position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0}.connect-integrate-timeline:before{content:"";position:absolute;top:22px;right:0;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(2,224,248,.4),rgba(2,224,248,.4),transparent)}.connect-integrate-timeline__step{position:relative;display:flex;flex-direction:column;gap:24px;padding:0 24px}.connect-integrate-timeline__step:not(:last-child){border-right:1px dashed rgba(2,224,248,.15)}.connect-integrate-timeline__marker{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;align-self:flex-start;width:44px;height:44px;border:1.5px solid var(--cit-cyan);border-radius:50%;background:var(--cit-navy-deep);box-shadow:0 0 0 5px rgba(2,224,248,.08),0 0 16px rgba(2,224,248,.3);font-family:var(--font-mono),ui-monospace,monospace;font-size:13px;font-weight:600;color:var(--cit-cyan)}.connect-integrate-timeline__head{display:flex;flex-direction:column;gap:6px}.connect-integrate-timeline__tag{font-family:var(--font-mono),ui-monospace,monospace;font-size:9.5px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--cit-cyan)}.connect-integrate-timeline__name{margin:0;font-family:var(--font-sans),system-ui,sans-serif;font-size:24px;font-weight:500;line-height:1.15;letter-spacing:-.02em;color:#fff}.connect-integrate-timeline__name em{font-family:var(--font-serif),ui-serif,Georgia,serif;font-style:italic;font-weight:400;color:var(--cit-cyan)}.connect-integrate-timeline__time{margin:2px 0 0;font-family:var(--font-serif),ui-serif,Georgia,serif;font-size:14px;font-style:italic;letter-spacing:-.005em;color:rgba(242,239,232,.55)}.connect-integrate-timeline__time em{color:var(--cit-cyan)}.connect-integrate-timeline__body{display:flex;flex:1;flex-direction:column;gap:14px;padding:20px 22px;border:1px solid rgba(2,224,248,.18);background:rgba(255,255,255,.03)}.connect-integrate-timeline__list{display:flex;flex-direction:column;gap:11px}.connect-integrate-timeline__item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;font-size:13.5px;line-height:1.45;color:rgba(242,239,232,.82)}.connect-integrate-timeline__item strong{font-weight:500;color:#fff}.connect-integrate-timeline__item em{font-family:var(--font-serif),ui-serif,Georgia,serif;font-style:italic;font-weight:400;color:var(--cit-cyan)}.connect-integrate-timeline__item code{font-family:var(--font-mono),ui-monospace,monospace;font-size:11.5px;padding:1px 6px;border:1px solid rgba(2,224,248,.18);background:rgba(0,0,0,.3);color:var(--cit-cyan)}.connect-integrate-timeline__bullet{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:14px;margin-top:2px;border:1px solid rgba(2,224,248,.4);background:rgba(2,224,248,.08)}.connect-integrate-timeline__bullet:after{content:"";width:5px;height:5px;background:var(--cit-cyan)}.connect-integrate-timeline__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px dashed rgba(2,224,248,.18)}.connect-integrate-timeline__footer-tag{font-family:var(--font-mono),ui-monospace,monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:rgba(242,239,232,.5)}.connect-integrate-timeline__footer-val{font-family:var(--font-mono),ui-monospace,monospace;font-size:10.5px;font-weight:500;letter-spacing:.04em;color:var(--cit-cyan)}@media (max-width:1100px){.connect-integrate-timeline{grid-template-columns:1fr;gap:32px}.connect-integrate-timeline:before{display:none}.connect-integrate-timeline__step:not(:last-child){padding-bottom:32px;border-right:none;border-bottom:1px dashed rgba(2,224,248,.15)}}@media (max-width:700px){.connect-integrate-timeline__step{padding:0}.connect-integrate-timeline__name{font-size:21px}}.connect-models-arch{--cma-cyan:#02e0f8;display:flex;flex-direction:column;gap:6px;margin:18px 0 20px}.connect-models-arch__layer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border:1px solid rgba(255,255,255,.1);font-family:var(--font-sans),system-ui,sans-serif;font-size:12.5px;font-weight:500;letter-spacing:-.01em;color:rgba(242,239,232,.85)}.connect-models-arch__layer--brand{background:rgba(255,180,80,.08);border-color:rgba(255,180,80,.22)}.connect-models-arch__layer--client{background:rgba(2,224,248,.08);border-color:rgba(2,224,248,.28)}.connect-models-arch__layer--platform{background:rgba(220,170,150,.08);border-color:rgba(220,170,150,.22)}.connect-models-arch__layer--infra{background:rgba(2,224,248,.04);border-color:rgba(2,224,248,.18)}.connect-models-arch__tag{flex-shrink:0;font-family:var(--font-mono),ui-monospace,monospace;font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.connect-models-arch__layer--brand .connect-models-arch__tag{color:rgba(255,210,150,.6)}.connect-models-arch__layer--client .connect-models-arch__tag{color:var(--cma-cyan)}.connect-models-arch__layer--platform .connect-models-arch__tag{color:rgba(220,170,150,.6)}.connect-models-arch__layer--infra .connect-models-arch__tag{color:rgba(2,224,248,.5)}