.how-it-works{padding-bottom:4rem}.hw-hero{padding:5rem 0 3rem;max-width:720px}.hw-hero h1{font-family:var(--serif-display);font-size:2.2rem;font-weight:400;line-height:1.35;color:var(--text);margin-bottom:1.5rem}.hw-lead{font-family:var(--serif-body);font-size:1.1rem;line-height:1.75;color:var(--text-muted)}.hw-section{padding:3rem 0;border-top:var(--border-width) solid var(--border)}.hw-section>h2{font-family:var(--serif-display);font-size:1.5rem;font-weight:400;color:var(--text);margin-bottom:1.25rem}.hw-section>p{font-family:var(--serif-body);font-size:1.05rem;line-height:1.75;color:var(--text);max-width:720px;margin-bottom:2rem}.hw-flow{max-width:860px}.hw-stage{display:grid;grid-template-columns:48px 1fr;gap:1.25rem}.hw-stage-marker{display:flex;flex-direction:column;align-items:center}.hw-stage-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:var(--border-width) solid var(--border);font-family:var(--mono);font-size:.75rem;color:var(--text-muted);flex-shrink:0}.hw-stage-line{flex:1;width:1px;background:var(--border);margin-top:.5rem}.hw-stage-content{padding-bottom:.5rem}.hw-stage-label{display:block;font-family:var(--mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);margin-bottom:.35rem}.hw-stage-content h3{font-family:var(--serif-body);font-size:1.15rem;font-weight:500;color:var(--text);margin-bottom:.75rem}.hw-stage-content>p{font-family:var(--serif-body);font-size:.95rem;line-height:1.65;color:var(--text-muted);max-width:680px;margin-bottom:1.25rem}.hw-connector{display:flex;align-items:center;padding:.75rem 0 .75rem 23px}.hw-connector-label{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);padding-left:2rem;position:relative}.hw-connector-label:before{content:"";position:absolute;left:0;top:50%;width:1.25rem;height:1px;background:var(--border)}.hw-channels{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hw-channel{border:var(--border-width) solid var(--border);border-radius:4px;padding:1.25rem}.hw-channel-tag{display:inline-block;font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;padding:.2rem .5rem;border-radius:2px;margin-bottom:.75rem}.hw-tag-process{color:var(--accent);border:var(--border-width) solid var(--accent)}.hw-tag-content{color:var(--text-muted);border:var(--border-width) solid var(--border)}.hw-channel p{font-family:var(--serif-body);font-size:.9rem;line-height:1.6;color:var(--text-muted)}.hw-channel-detail{margin-top:.75rem;padding-top:.75rem;border-top:var(--border-width) solid var(--border);font-family:var(--mono);font-size:.7rem;color:var(--text-faint);line-height:1.6}.hw-channel-detail code{color:var(--text-muted);font-size:.7rem}.hw-table-list{border:var(--border-width) solid var(--border);border-radius:4px;overflow:hidden}.hw-table-item{display:grid;grid-template-columns:200px 1fr;gap:1rem;padding:.6rem 1.25rem;border-bottom:var(--border-width) solid var(--border);align-items:baseline}.hw-table-item:last-child{border-bottom:none}.hw-table-item code{font-family:var(--mono);font-size:.72rem;color:var(--accent)}.hw-table-item span{font-family:var(--serif-body);font-size:.88rem;color:var(--text-muted)}.hw-families{display:flex;flex-direction:column;gap:.5rem}.hw-family{border:var(--border-width) solid var(--border);border-radius:4px}.hw-family summary{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;cursor:pointer;list-style:none}.hw-family summary::-webkit-details-marker{display:none}.hw-family summary:before{content:"+";font-family:var(--mono);font-size:.85rem;color:var(--text-faint);width:1rem;flex-shrink:0}.hw-family[open] summary:before{content:"−"}.hw-family-tag{display:inline-block;font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;padding:.15rem .45rem;border-radius:2px}.hw-tag-dynamical,.hw-tag-motor{color:var(--accent);border:var(--border-width) solid var(--accent)}.hw-tag-semantic{color:var(--semantic);border:var(--border-width) solid var(--semantic)}.hw-tag-cross{color:var(--text-muted);border:var(--border-width) solid var(--border)}.hw-family-engine{font-family:var(--mono);font-size:.6rem;color:var(--text-faint);letter-spacing:.04em}.hw-family-count{font-family:var(--mono);font-size:.6rem;color:var(--text-faint);margin-left:auto}.hw-family-body{padding:0 1.25rem 1.25rem 2.5rem}.hw-family-body p{font-family:var(--serif-body);font-size:.9rem;line-height:1.6;color:var(--text-muted);margin-bottom:.75rem}.hw-signal-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.hw-signal-chips span{font-family:var(--mono);font-size:.65rem;letter-spacing:.02em;color:var(--text-muted);background:var(--bg-dim);padding:.25rem .55rem;border-radius:2px;border:var(--border-width) solid var(--border)}.hw-family-dest{font-family:var(--mono);font-size:.65rem;color:var(--text-faint)}.hw-family-dest code{color:var(--text-faint);font-size:.65rem}.hw-downstream-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hw-downstream-item{border:var(--border-width) solid var(--border);border-radius:4px;padding:1.25rem}.hw-downstream-label{display:block;font-family:var(--mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.5rem}.hw-downstream-item p{font-family:var(--serif-body);font-size:.88rem;line-height:1.55;color:var(--text-muted)}.hw-downstream-item:last-child{grid-column:1 / -1}.hw-ghost{max-width:860px}.hw-ghost-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:0;margin-bottom:2.5rem}.hw-ghost-side{border:var(--border-width) solid var(--border);border-radius:4px;padding:1.5rem}.hw-ghost-side-label{display:block;font-family:var(--mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.25rem}.hw-ghost-real .hw-ghost-side-label{color:var(--accent)}.hw-ghost-synthetic .hw-ghost-side-label{color:var(--text-faint)}.hw-ghost-flow-item{margin-bottom:.5rem}.hw-ghost-flow-tag{display:inline-block;font-family:var(--mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin-bottom:.25rem}.hw-ghost-flow-item p{font-family:var(--serif-body);font-size:.85rem;line-height:1.5;color:var(--text-muted)}.hw-ghost-flow-arrow{width:1px;height:16px;background:var(--border);margin:.25rem 0 .25rem 1rem}.hw-ghost-residual{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1.25rem;min-width:140px}.hw-ghost-residual-label{font-family:var(--mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--negative);margin-bottom:.75rem}.hw-ghost-residual p{font-family:var(--serif-body);font-size:.8rem;line-height:1.5;color:var(--text-faint);text-align:center}.hw-variants{margin-bottom:2rem}.hw-variants h3{font-family:var(--serif-body);font-size:1.1rem;font-weight:500;color:var(--text);margin-bottom:.5rem}.hw-variants>p{font-family:var(--serif-body);font-size:.95rem;line-height:1.65;color:var(--text-muted);max-width:680px;margin-bottom:1.5rem}.hw-variant-ladder{display:flex;flex-direction:column}.hw-variant{border:var(--border-width) solid var(--border);border-radius:4px;padding:1rem 1.25rem}.hw-variant-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.hw-variant-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:var(--border-width) solid var(--border);font-family:var(--mono);font-size:.65rem;color:var(--text-faint);flex-shrink:0}.hw-variant-name{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text)}.hw-variant p{font-family:var(--serif-body);font-size:.88rem;line-height:1.55;color:var(--text-muted);padding-left:2.5rem}.hw-variant-step{display:flex;align-items:center;padding:.4rem 0 .4rem .75rem}.hw-variant-step span{font-family:var(--mono);font-size:.6rem;letter-spacing:.04em;color:var(--accent);padding-left:1.5rem;position:relative}.hw-variant-step span:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--border)}.hw-ghost-note{border:var(--border-width) solid var(--border);border-radius:4px;padding:1.25rem}.hw-ghost-note-label{display:block;font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin-bottom:.5rem}.hw-ghost-note p{font-family:var(--serif-body);font-size:.88rem;line-height:1.55;color:var(--text-muted)}.hw-timeline{max-width:760px}.hw-timeline-entry{display:grid;grid-template-columns:120px 1fr;gap:1.5rem;padding:1.25rem 0;border-bottom:var(--border-width) solid var(--border)}.hw-timeline-entry:last-child{border-bottom:none}.hw-timeline-marker{display:flex;flex-direction:column;gap:.25rem}.hw-timeline-id{font-family:var(--mono);font-size:.75rem;color:var(--text);letter-spacing:.02em}.hw-timeline-date{font-family:var(--mono);font-size:.6rem;color:var(--text-faint)}.hw-timeline-body h3{font-family:var(--serif-body);font-size:1.05rem;font-weight:500;color:var(--text);margin-bottom:.5rem}.hw-timeline-type{display:inline-block;font-family:var(--mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;padding:.15rem .45rem;border-radius:2px;margin-bottom:.5rem}.hw-type-data{color:var(--negative);border:var(--border-width) solid var(--negative)}.hw-type-methods{color:var(--accent);border:var(--border-width) solid var(--accent)}.hw-type-architecture{color:var(--text-muted);border:var(--border-width) solid var(--border)}.hw-type-infra{color:var(--positive);border:var(--border-width) solid var(--positive)}.hw-timeline-body details{margin-top:.25rem}.hw-timeline-body summary{font-family:var(--serif-body);font-size:.9rem;color:var(--text-muted);cursor:pointer;list-style:none;padding-left:1rem;position:relative}.hw-timeline-body summary::-webkit-details-marker{display:none}.hw-timeline-body summary:before{content:"+";font-family:var(--mono);font-size:.8rem;color:var(--text-faint);position:absolute;left:0;top:0}.hw-timeline-body details[open] summary:before{content:"−"}.hw-timeline-body details p{font-family:var(--serif-body);font-size:.88rem;line-height:1.6;color:var(--text-muted);margin-top:.75rem;padding-left:1rem}.hw-timeline-body details code{font-family:var(--mono);font-size:.75rem;color:var(--accent)}.hw-timeline-impact{font-family:var(--serif-body)!important;font-size:.85rem!important;line-height:1.55!important;color:var(--text)!important;margin-top:.5rem!important;padding-left:1rem!important}.hw-timeline-coda{margin-top:1.5rem;max-width:680px}.hw-timeline-coda p{font-family:var(--serif-body);font-size:.95rem;line-height:1.65;color:var(--text-muted)}.hw-close>p{font-family:var(--serif-display);font-size:1.3rem;font-weight:400;line-height:1.5;color:var(--text);max-width:600px}.hw-close-links{display:flex;gap:2rem;margin-top:2rem}.hw-close-links a{font-family:var(--serif-body);font-size:1rem;color:var(--accent);text-decoration:none;border-bottom:var(--border-width) solid var(--border);padding-bottom:.15rem;transition:border-color .2s ease}.hw-close-links a:hover{border-color:var(--accent);text-decoration:none}@media(max-width:768px){.hw-hero{padding:4rem 0 2rem}.hw-hero h1{font-size:1.6rem}.hw-stage{grid-template-columns:36px 1fr;gap:.75rem}.hw-stage-number{width:28px;height:28px;font-size:.65rem}.hw-channels{grid-template-columns:1fr}.hw-table-item{grid-template-columns:1fr;gap:.2rem}.hw-downstream-grid{grid-template-columns:1fr}.hw-downstream-item:last-child{grid-column:auto}.hw-connector{padding-left:13px}.hw-ghost-comparison{grid-template-columns:1fr;gap:1rem}.hw-ghost-residual{padding:.75rem;min-width:auto}.hw-variant p{padding-left:0}.hw-timeline-entry{grid-template-columns:1fr;gap:.5rem}.hw-timeline-marker{flex-direction:row;gap:.75rem;align-items:baseline}.hw-close-links{flex-direction:column;gap:1rem}}