.connecthor-topbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);max-width:1400px;margin:0 auto;padding:14px 24px;background:#0a0a0feb;border-bottom:1px solid var(--color-border);backdrop-filter:blur(12px)}.connecthor-brand,.connecthor-nav,.connecthor-actions{display:flex;align-items:center}.connecthor-brand{gap:10px;color:var(--color-text);font-family:var(--font-display);font-weight:700}.connecthor-brand img{width:34px;height:34px;border-radius:8px;object-fit:contain}.connecthor-nav,.connecthor-actions{gap:var(--spacing-md)}.connecthor-nav a{color:var(--color-text-muted);font-size:.95rem;font-weight:700}.connecthor-nav a:hover,.connecthor-inline-link:hover{color:var(--color-thunder)}.connecthor-landing{display:grid;gap:var(--spacing-xl);padding:clamp(32px,5vw,72px) 24px var(--spacing-2xl)}.connecthor-hero,.connecthor-section,.connecthor-split{display:grid;gap:var(--spacing-lg)}.connecthor-hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;min-height:560px}.connecthor-hero-copy{max-width:780px}.connecthor-eyebrow{color:var(--color-thunder);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.connecthor-hero h1,.connecthor-section h2{font-family:var(--font-display);line-height:1.08;letter-spacing:0}.connecthor-hero h1{margin-top:var(--spacing-sm);font-size:clamp(2.65rem,7vw,5.6rem)}.connecthor-lead,.connecthor-section-head p,.connecthor-split p,.connecthor-card p,.connecthor-piece>p,.connecthor-piece span,.connecthor-step p,.connecthor-publish p{color:var(--color-text-muted)}.connecthor-lead{max-width:740px;margin-top:var(--spacing-md);font-size:clamp(1rem,2vw,1.2rem)}.connecthor-actions{flex-wrap:wrap;margin-top:var(--spacing-lg)}.connecthor-action{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-weight:800}.connecthor-action.primary{color:var(--color-bg-dark);background:var(--color-thunder);border-color:var(--color-thunder)}.connecthor-action:hover{border-color:var(--color-thunder);color:var(--color-thunder)}.connecthor-action.primary:hover{color:var(--color-bg-dark);background:var(--color-lightning);border-color:var(--color-lightning)}.connecthor-stage{display:grid;gap:var(--spacing-md);justify-items:center;padding:clamp(24px,4vw,44px);border:1px solid rgba(96,165,250,.28);border-radius:8px;background:#00000070}.connecthor-stage img{width:min(220px,48vw);height:auto;border-radius:24px;filter:drop-shadow(0 18px 42px rgba(96,165,250,.28))}.connecthor-terminal,.connecthor-step code{width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:8px;background:#080c12eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.connecthor-terminal{display:grid;gap:8px;padding:var(--spacing-md);color:var(--color-text);font-size:.9rem}.connecthor-terminal span:before{content:"> ";color:var(--color-success)}.connecthor-section{padding:clamp(28px,5vw,56px);border:1px solid var(--color-border);border-radius:8px;background:#00000075}.connecthor-section-head{max-width:900px}.connecthor-section h2{max-width:920px;margin-top:8px;font-size:clamp(1.8rem,4vw,3.1rem)}.connecthor-section-head p:last-child{margin-top:var(--spacing-sm)}.connecthor-grid,.connecthor-pieces,.connecthor-steps{display:grid;gap:var(--spacing-md)}.connecthor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.connecthor-pieces{grid-template-columns:repeat(2,minmax(0,1fr))}.connecthor-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.connecthor-card,.connecthor-piece,.connecthor-step{display:grid;gap:10px;align-content:start;min-width:0;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:8px;background:#ffffff09}.connecthor-card h3,.connecthor-piece h3,.connecthor-step h3{color:var(--color-text);font-size:1rem}.connecthor-piece div p{color:var(--color-lightning);font-size:.78rem;font-weight:800;text-transform:uppercase}.connecthor-piece span{font-size:.9rem}.connecthor-flow ol{display:grid;gap:var(--spacing-sm);padding-left:22px}.connecthor-flow li{color:var(--color-text-muted);padding-left:4px}.connecthor-split{grid-template-columns:minmax(260px,.85fr) minmax(0,1fr)}.connecthor-split p+p{margin-top:var(--spacing-sm)}.connecthor-inline-link{display:inline-flex;margin-top:var(--spacing-md);color:var(--color-thunder);font-weight:800}.connecthor-step code{display:block;padding:12px;color:var(--color-lightning);font-size:.86rem;white-space:nowrap}.connecthor-publish code,.connecthor-split code{color:var(--color-lightning)}@media(max-width:980px){.connecthor-hero,.connecthor-split{grid-template-columns:1fr;min-height:auto}.connecthor-grid,.connecthor-pieces,.connecthor-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.connecthor-topbar{align-items:flex-start;flex-direction:column;padding:12px 16px}.connecthor-nav{flex-wrap:wrap;gap:10px 14px}.connecthor-landing{padding:var(--spacing-lg) 0 var(--spacing-xl)}.connecthor-hero,.connecthor-section{border-left:0;border-right:0;border-radius:0}.connecthor-hero{padding:0 var(--spacing-md)}.connecthor-grid,.connecthor-pieces,.connecthor-steps{grid-template-columns:1fr}}