.hiw .connect-cta{flex-wrap:wrap;gap:12px;margin-top:clamp(26px,3vw,34px);display:flex}.hiw .connect-chat{border:1px solid var(--line);background:var(--card);border-radius:18px;flex-direction:column;gap:10px;padding:16px;display:flex}.hiw .connect-chat-top{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:4px 6px 12px;display:flex}.hiw .connect-avatar{width:30px;height:30px;font-family:var(--hiw-mono);color:var(--card);background:var(--sage);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.hiw .connect-chat-name{font-size:14px;font-weight:600}.hiw .connect-chat-sub{font-family:var(--hiw-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-top:1px;font-size:10.5px}.hiw .connect-msgs{flex-direction:column;gap:8px;padding:6px 4px 4px;display:flex}.hiw .cbubble{border-radius:15px;max-width:82%;padding:9px 13px;font-size:13.5px;line-height:1.4}.hiw .cbubble.me{background:color-mix(in srgb, var(--sage) 16%, var(--card));border:1px solid color-mix(in srgb, var(--sage) 30%, var(--line));border-bottom-right-radius:5px;align-self:flex-end}.hiw .cbubble.bot{background:var(--muted);border:1px solid var(--line);border-bottom-left-radius:5px;align-self:flex-start}.hiw .cbubble .who{font-family:var(--hiw-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:3px;font-size:10px;display:block}.hiw .connect-beats{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:clamp(28px,4vw,44px);display:grid}.hiw .connect-steps{counter-reset:cstep;gap:16px;margin:clamp(28px,4vw,44px) 0 0;padding:0;list-style:none;display:grid}.hiw .connect-steps>li{counter-increment:cstep;border:1px solid var(--line);background:var(--card);border-radius:14px;padding:22px 24px 22px 68px;position:relative}.hiw .connect-steps>li:before{content:counter(cstep);width:32px;height:32px;font-family:var(--hiw-mono);color:var(--sage);background:color-mix(in srgb, var(--sage) 10%, transparent);border:1px solid color-mix(in srgb, var(--sage) 32%, var(--line));border-radius:9px;place-items:center;font-size:14px;font-weight:700;display:grid;position:absolute;top:22px;left:22px}.hiw .connect-steps h3{letter-spacing:-.01em;margin:4px 0;font-size:17px}.hiw .connect-steps>li>p{color:var(--muted-foreground);margin:0;font-size:13.5px;line-height:1.55}.hiw .connect-steps>li>p code,.hiw .connect-foot code{font-family:var(--hiw-mono);background:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:6px;padding:1px 6px;font-size:.86em}.hiw .connect-code{font-family:var(--hiw-mono);color:var(--foreground);background:var(--muted);border:1px solid var(--line);white-space:pre;border-radius:10px;margin:14px 0 0;padding:14px 16px;font-size:12.5px;line-height:1.7;overflow-x:auto}.hiw .connect-foot{border:1px solid var(--line);border-left:3px solid var(--sage);background:var(--wash-green);color:var(--muted-foreground);border-radius:10px;max-width:78ch;margin-top:20px;padding:18px 20px;font-size:13.5px;line-height:1.6}@media (width<=900px){.hiw .connect-beats{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.hiw .connect-beats{grid-template-columns:1fr}.hiw .connect-steps>li{padding:20px 18px}.hiw .connect-steps>li:before{margin-bottom:12px;position:static}}
