.connect-hero{padding:160px 0 var(--space-7);position:relative;overflow:hidden}.connect-hero .atmosphere:before{content:"";aspect-ratio:1;background:var(--gradient);filter:blur(140px);opacity:.16;border-radius:50%;width:70%;max-width:640px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.connect-hero-inner{justify-content:center;display:flex;position:relative}.connect-card{width:100%;max-width:560px;padding:var(--space-6) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;position:relative}.crop-mark{pointer-events:none;width:16px;height:16px;position:absolute}.crop-tl{border-top:1px solid var(--border-accent);border-left:1px solid var(--border-accent);top:-8px;left:-8px}.crop-tr{border-top:1px solid var(--border-accent);border-right:1px solid var(--border-accent);top:-8px;right:-8px}.crop-bl{border-bottom:1px solid var(--border-accent);border-left:1px solid var(--border-accent);bottom:-8px;left:-8px}.crop-br{border-bottom:1px solid var(--border-accent);border-right:1px solid var(--border-accent);bottom:-8px;right:-8px}.connect-label{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);letter-spacing:.08em;text-transform:lowercase;margin-bottom:var(--space-4);display:inline-flex}.connect-label:before{content:"// ";color:var(--text-faint)}.label-dot{background:var(--accent);width:8px;height:8px;animation:connect-pulse 2.4s var(--ease-out) infinite;border-radius:50%;box-shadow:0 0 #22c55e80}@keyframes connect-pulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.connect-name{font-size:var(--text-display);letter-spacing:-.03em;margin-bottom:var(--space-3);font-weight:800;line-height:1}.connect-role{font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-muted);margin-bottom:var(--space-4)}.connect-pitch{max-width:42ch;margin:0 auto var(--space-5);color:var(--text-muted)}.connect-meta{justify-content:center;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.meta-item{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;color:var(--text-muted);display:inline-flex}.meta-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.connect-book{width:100%;max-width:320px}.connect-actions{padding-top:0;padding-bottom:var(--space-7)}.action-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);max-width:560px;margin:0 auto;display:grid}.action-tile-wide{grid-column:span 2}@media (width>=640px){.action-grid{grid-template-columns:repeat(4,1fr);max-width:none}.action-tile-wide{grid-column:span 1}}.action-tile{gap:var(--space-2);min-height:104px;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);flex-direction:column;display:flex}.action-tile:hover{border-color:var(--border-accent);transform:translateY(-2px)}.action-tile:active{transform:scale(.98)}.action-tile svg{color:var(--accent)}.action-tile-accent{background:var(--accent-dim);border-color:var(--border-accent)}.action-label{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.03em;color:var(--text);font-weight:600}.action-value{font-size:var(--text-xs);color:var(--text-muted);word-break:break-word}.connect-build{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.build-grid{gap:var(--space-4);display:grid}@media (width>=700px){.build-grid{grid-template-columns:repeat(3,1fr)}}.build-item{padding:var(--space-4) 0;border-top:1px solid var(--border)}@media (width>=700px){.build-item{padding:0 var(--space-4) 0 0;border-top:none;border-left:1px solid var(--border);padding-left:var(--space-4)}.build-item:first-child{border-left:none;padding-left:0}}.build-item:first-child{border-top:none;padding-top:0}.build-number{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--text-faint);margin-bottom:var(--space-2);display:block}.build-label{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:700}.build-desc{font-size:var(--text-sm);color:var(--text-muted)}.connect-more{text-align:center}.connect-more-inner{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.connect-credential{color:var(--text-muted);max-width:48ch}.connect-more-link{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--soft-green);min-height:44px;transition:color var(--duration-fast) var(--ease-out);display:inline-flex}.connect-more-link:hover{color:var(--accent)}