/* Connection steps share the bot's orange/cyan palette, with their own grid. */
.connect-journey{margin-top:64px}
.connect-journey-heading{margin-bottom:28px}
.connect-journey-heading .eyebrow{margin:0 0 12px}
.connect-journey-heading h2{margin:0;font-size:clamp(24px,2.6vw,32px);line-height:1.3;letter-spacing:-.6px;max-width:none}
.connect-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.connect-step{position:relative;min-width:0;min-height:248px;padding:26px;display:flex;flex-direction:column;border:1px solid #344e60;border-radius:18px;background:linear-gradient(145deg,#1a2c3a,#111e2b);box-shadow:0 10px 30px #02091126;overflow-wrap:break-word}
.connect-step::before{content:"";position:absolute;left:26px;right:26px;top:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,#ffb15599,#6bdde822)}
.connect-step-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
.connect-step-number{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #b77a35;border-radius:12px;color:#ffcb87;background:linear-gradient(140deg,#5b3b20,#30291f);font-size:15px;font-weight:750;line-height:1;font-variant-numeric:tabular-nums}
.connect-step-icon{display:flex;color:#79dce6}
.connect-step-icon svg{width:25px;height:25px}
.connect-step h3{margin:0 0 12px;color:#f2f7fa;font-size:17px;font-weight:700;line-height:1.4;letter-spacing:0}
.connect-step p{margin:0;color:#b8cad8;font-size:14px;line-height:1.75}
.connect-permissions{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:18px;margin-top:22px;padding:22px 24px;border:1px solid #2d4858;border-radius:16px;background:linear-gradient(110deg,#15303980,#12202b80)}
.connect-permissions-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #37707a;border-radius:11px;color:#7ee3e9;background:#183a43}
.connect-permissions-icon svg{width:22px;height:22px}
.connect-permissions strong{display:block;margin:0 0 6px;color:#deedf3;font-size:14px;font-weight:650;line-height:1.5}
.connect-permissions p{margin:0;color:#a8bfce;font-size:14px;line-height:1.75;overflow-wrap:break-word}
@media(max-width:1050px){.connect-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.connect-step{min-height:226px}}
@media(max-width:600px){.connect-journey{margin-top:44px}.connect-journey-heading{margin-bottom:22px}.connect-journey-heading h2{font-size:26px}.connect-steps{grid-template-columns:1fr;gap:14px}.connect-step{min-height:0;padding:24px}.connect-step::before{left:24px;right:24px}.connect-step-top{margin-bottom:20px}.connect-step h3{font-size:17px}.connect-permissions{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:20px 18px;margin-top:18px}.connect-permissions-icon{width:32px;height:32px;border-radius:9px}.connect-permissions-icon svg{width:19px;height:19px}.connect-permissions p{font-size:14px}}