.page-hero{border-bottom:1px solid var(--border);margin-bottom:40px;padding:48px 0 32px}.page-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--purple);margin-bottom:8px;font-size:11px;font-weight:700}.page-title{font-family:var(--serif);color:#111827;letter-spacing:-.6px;margin-bottom:12px;font-size:42px;font-weight:800;line-height:1.1}.page-subtitle{color:var(--text-muted);max-width:700px;font-size:16px;line-height:1.75}.stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px 20px}.stat-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-faint);margin-bottom:4px;font-size:10px;font-weight:700}.stat-value{font-family:var(--mono);color:#111827;font-size:24px;font-weight:700}.stat-sub{color:var(--text-dim);margin-top:2px;font-size:11px}.archetype-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;display:grid}.arch-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;transition:all .2s;position:relative;overflow:hidden}.arch-card:hover{box-shadow:0 8px 24px #0000000f}.arch-card:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.arch-card.natural:before{background:var(--green)}.arch-card.cannibalize:before{background:var(--amber)}.arch-card.terminal:before{background:var(--red)}.arch-icon{margin-bottom:12px;font-size:32px}.arch-name{font-family:var(--serif);margin-bottom:4px;font-size:18px;font-weight:700}.arch-tagline{text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:600}.arch-card.natural .arch-tagline{color:var(--green)}.arch-card.cannibalize .arch-tagline{color:var(--amber)}.arch-card.terminal .arch-tagline{color:var(--red)}.arch-desc{color:var(--text-muted);margin-bottom:16px;font-size:14px;line-height:1.7}.arch-count{font-family:var(--mono);color:#111827;font-size:28px;font-weight:700}.arch-count-label{color:var(--text-faint);font-size:11px}.arch-examples{border-top:1px solid var(--border);color:var(--text-dim);margin-top:14px;padding-top:14px;font-size:12px}.arch-examples .ticker{font-family:var(--mono);color:var(--text);font-weight:600}.arch-fourth{background:var(--surface-2);border:1px dashed var(--border);border-radius:12px;align-items:center;gap:20px;margin-bottom:40px;padding:24px;display:flex}.arch-fourth .arch-icon{margin-bottom:0}.arch-fourth-text .arch-name{font-size:16px}.arch-fourth-text .arch-desc{margin-bottom:0}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:40px;overflow:hidden}.table-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px 20px;display:flex}.table-title{color:#111827;font-size:15px;font-weight:700}.table-filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-wrap table{min-width:640px}.arch-badge{letter-spacing:.3px;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.arch-badge.natural{color:#166534;background:#dcfce7}.arch-badge.cannibalize{color:#92400e;background:#fef3c7}.arch-badge.terminal{color:#991b1b;background:#fee2e2}.arch-badge.neutral{color:var(--text-dim);background:#f3f4f6}.method-section{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;overflow:hidden}.method-header{cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;transition:background .15s;display:flex}.method-header:hover{background:#fafafa}.method-header h3{font-size:14px;font-weight:700}.method-arrow{color:var(--text-faint);font-size:12px;transition:transform .2s}.method-section.open .method-arrow{transform:rotate(180deg)}.method-body{color:var(--text-muted);padding:0 20px 20px;font-size:13px;line-height:1.75;display:none}.method-section.open .method-body{display:block}.method-body table{margin:12px 0}.method-body th{padding:6px 10px;font-size:10px}.method-body td{padding:6px 10px;font-size:12px}.feedback-section{text-align:center;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #c4b5fd;border-radius:12px;margin-bottom:48px;padding:40px}.feedback-title{font-family:var(--serif);margin-bottom:8px;font-size:24px;font-weight:700}.feedback-desc{color:var(--text-muted);max-width:600px;margin:0 auto 20px;font-size:15px;line-height:1.7}.feedback-channels{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.feedback-link{color:var(--purple);background:#fff;border:1px solid #c4b5fd;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.feedback-link:hover{background:var(--purple);color:#fff;border-color:var(--purple)}.abr-page{max-width:var(--container-wide);padding:0 var(--space-6) var(--space-20);margin:0 auto}.abr-page .container,.abr-page .container-wide{max-width:none;padding:0}.abr-page .page-title{font-size:var(--text-3xl);letter-spacing:-.02em;line-height:var(--leading-tight);margin:var(--space-3) 0 var(--space-4)}.abr-page .page-subtitle{font-family:var(--font-editorial);color:var(--color-text-secondary);max-width:68ch}.abr-bc{max-width:var(--container-wide);padding:var(--space-6) var(--space-6) var(--space-4);gap:var(--space-2);font-family:var(--font-data);font-size:var(--text-xs);color:var(--color-text-muted);flex-wrap:wrap;align-items:center;margin:0 auto;display:flex}.abr-bc a{color:var(--color-text-secondary);padding:var(--space-2) var(--space-1);margin:calc(var(--space-2) * -1) calc(var(--space-1) * -1);display:inline-block}.abr-bc a:hover{color:var(--color-red)}.abr-bc span[aria-current]{color:var(--color-text)}
