.connecthor-topbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;max-width:1400px;margin:5rem auto 0;padding:.875rem 1.5rem;background:var(--landing-header-bg);border-bottom:1px solid var(--color-border)}.connecthor-brand,.connecthor-nav,.connecthor-actions{display:flex;align-items:center}.connecthor-brand{gap:.625rem;color:var(--color-text);font-family:var(--font-mono);font-weight:700}.connecthor-brand img{width:34px;height:34px;border-radius:var(--radius-md);object-fit:contain}.connecthor-nav,.connecthor-actions{gap:1.5rem}.connecthor-nav a{color:var(--color-text-muted);font-size:.95rem;font-weight:700}.connecthor-nav a:hover,.connecthor-inline-link:hover{color:var(--accent-amber)}.connecthor-landing{display:grid;gap:3rem;padding:clamp(2rem,5vw,4.5rem) 1.5rem 5rem}.connecthor-hero,.connecthor-section,.connecthor-split{display:grid;gap:2rem}.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(--accent-amber);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.connecthor-hero h1,.connecthor-section h2{font-family:var(--font-mono);line-height:1.08;letter-spacing:0}.connecthor-hero h1{margin-top:1rem;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{color:var(--color-text-muted)}.connecthor-lead{max-width:740px;margin-top:1.5rem;font-size:clamp(1rem,2vw,1.2rem)}.connecthor-actions{flex-wrap:wrap;margin-top:2rem}.connecthor-action{display:inline-flex;align-items:center;min-height:44px;padding:.625rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-weight:800}.connecthor-action.primary{color:var(--text-on-accent);background:var(--accent-blue);border-color:var(--accent-amber)}.connecthor-action:hover{border-color:var(--accent-amber);color:var(--accent-amber)}.connecthor-action.primary:hover{color:var(--text-on-accent);background:var(--accent-blue-hover);border-color:var(--accent-blue-bright)}.connecthor-stage{display:grid;gap:1.5rem;justify-items:center;padding:clamp(1.5rem,4vw,2.75rem);border:1px solid var(--accent-blue);border-radius:var(--radius-md);background:var(--landing-panel-bg)}.connecthor-stage img{width:min(220px,48vw);height:auto;border-radius:var(--radius-md)}.connecthor-terminal,.connecthor-step code{width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--landing-inset-bg);font-family:var(--font-mono)}.connecthor-terminal{display:grid;gap:.5rem;padding:1.5rem;color:var(--color-text);font-size:.9rem}.connecthor-terminal span:before{content:"> ";color:var(--accent-green)}.connecthor-section{padding:clamp(1.75rem,5vw,3.5rem);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--landing-panel-bg)}.connecthor-section-head{max-width:900px}.connecthor-section h2{max-width:920px;margin-top:.5rem;font-size:clamp(1.8rem,4vw,3.1rem)}.connecthor-section-head p:last-child{margin-top:1rem}.connecthor-grid,.connecthor-pieces,.connecthor-steps{display:grid;gap:1.5rem}.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:.625rem;align-content:start;min-width:0;padding:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--landing-inset-bg)}.connecthor-card h3,.connecthor-piece h3,.connecthor-step h3{color:var(--color-text);font-size:1rem}.connecthor-piece div p{color:var(--accent-blue-bright);font-size:.78rem;font-weight:800;text-transform:uppercase}.connecthor-piece span{font-size:.9rem}.connecthor-flow ol{display:grid;gap:1rem;padding-left:1.375rem}.connecthor-flow li{color:var(--color-text-muted);padding-left:.25rem}.connecthor-split{grid-template-columns:minmax(260px,.85fr) minmax(0,1fr)}.connecthor-split p+p{margin-top:1rem}.connecthor-inline-link{display:inline-flex;margin-top:1.5rem;color:var(--accent-amber);font-weight:800}.connecthor-step code{display:block;padding:.75rem;color:var(--accent-blue-bright);font-size:.86rem;white-space:nowrap}.connecthor-split code{color:var(--accent-blue-bright)}@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:.75rem 1rem}.connecthor-nav{flex-wrap:wrap;gap:.625rem .875rem}.connecthor-landing{padding:2rem 0 3rem}.connecthor-hero,.connecthor-section{border-left:0;border-right:0;border-radius:0}.connecthor-hero{padding:0 1.5rem}.connecthor-grid,.connecthor-pieces,.connecthor-steps{grid-template-columns:1fr}}