.archetypes-page{--bg:#0c0b0f;--bg-card:#14131a;--bg-card-hover:#1a1924;--text:#e8e4df;--text-muted:#8a8692;--text-dim:#5c5868;--accent-drive:#e85d3a;--accent-soul:#a78bfa;--accent-heart:#f472b6;--accent-body:#34d399;--border:#2a2836;--border-light:#1e1d28;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:EB Garamond,Georgia,serif;line-height:1.7}.archetypes-page .container{max-width:780px;margin:0 auto;padding:0 24px}.archetypes-page .back-link{color:var(--text-muted);letter-spacing:.02em;align-items:center;gap:6px;padding:48px 0 0;font-family:DM Sans,sans-serif;font-size:14px;text-decoration:none;transition:color .2s;display:inline-flex}.archetypes-page .back-link:hover{color:var(--text)}.archetypes-page .back-link svg{width:16px;height:16px}.archetypes-page .hero{border-bottom:1px solid var(--border);padding:80px 0 64px}.archetypes-page .hero h1{letter-spacing:-.02em;margin-bottom:32px;font-size:clamp(36px,5vw,52px);font-weight:500;line-height:1.15}.archetypes-page .hero p{color:var(--text-muted);max-width:620px;font-size:20px;line-height:1.65}.archetypes-page .layer-header{padding:72px 0 16px}.archetypes-page .layer-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500}.archetypes-page .layer-header h2{letter-spacing:-.01em;margin-bottom:8px;font-size:clamp(28px,4vw,38px);font-weight:500;line-height:1.2}.archetypes-page .layer-header p{color:var(--text-muted);max-width:620px;font-size:18px;line-height:1.65}.archetypes-page .dimension{border-bottom:1px solid var(--border-light);padding:56px 0}.archetypes-page .dimension:last-of-type{border-bottom:1px solid var(--border)}.archetypes-page .dimension-header{align-items:baseline;gap:16px;margin-bottom:8px;display:flex}.archetypes-page .dimension-number{color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500}.archetypes-page .dimension-header h3{letter-spacing:-.01em;font-size:26px;font-weight:600}.archetypes-page .dimension-header h3.drive{color:var(--accent-drive)}.archetypes-page .dimension-header h3.soul{color:var(--accent-soul)}.archetypes-page .dimension-header h3.heart{color:var(--accent-heart)}.archetypes-page .dimension-header h3.body{color:var(--accent-body)}.archetypes-page .dimension-subtitle{color:var(--text-muted);letter-spacing:.01em;margin-bottom:20px;font-family:DM Sans,sans-serif;font-size:14px}.archetypes-page .dimension-research{color:var(--text-muted);border-left:2px solid var(--border);margin-bottom:36px;padding-left:20px;font-size:17px;font-style:italic;line-height:1.65}.archetypes-page .spectrum{justify-content:space-between;align-items:center;margin-bottom:32px;padding:0 4px;display:flex}.archetypes-page .spectrum-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-family:DM Sans,sans-serif;font-size:11px;font-weight:600}.archetypes-page .spectrum-line{flex:1;height:1px;margin:0 16px;position:relative}.archetypes-page .spectrum-line.drive{background:linear-gradient(to right,var(--bg),var(--accent-drive))}.archetypes-page .spectrum-line.soul{background:linear-gradient(to right,var(--bg),var(--accent-soul))}.archetypes-page .spectrum-line.heart{background:linear-gradient(to right,var(--bg),var(--accent-heart))}.archetypes-page .spectrum-line.body{background:linear-gradient(to right,var(--bg),var(--accent-body))}.archetypes-page .archetype-list{flex-direction:column;gap:2px;display:flex}.archetypes-page .archetype-item{background:0 0;border-radius:8px;grid-template-columns:32px 1fr;gap:16px;padding:18px 20px;transition:background .2s;display:grid}.archetypes-page .archetype-item:hover{background:var(--bg-card)}.archetypes-page .archetype-index{color:var(--text-dim);padding-top:3px;font-family:JetBrains Mono,monospace;font-size:13px}.archetypes-page .archetype-name{letter-spacing:-.01em;margin-bottom:4px;font-size:20px;font-weight:600}.archetypes-page .archetype-desc{color:var(--text-muted);font-size:17px;line-height:1.6}.archetypes-page .layer-two{border-bottom:1px solid var(--border);padding:72px 0 56px}.archetypes-page .layer-two-block{margin-bottom:40px}.archetypes-page .layer-two-block h4{color:var(--text);letter-spacing:-.01em;margin-bottom:12px;font-size:20px;font-weight:600}.archetypes-page .layer-two-block p{color:var(--text-muted);font-size:17px;line-height:1.7}.archetypes-page .layer-two-continuation{margin-top:16px}.archetypes-page .synthesis{border-bottom:1px solid var(--border);padding:64px 0 56px}.archetypes-page .synthesis h3{letter-spacing:-.01em;margin-bottom:20px;font-size:24px;font-weight:600}.archetypes-page .synthesis p{color:var(--text-muted);font-size:18px;line-height:1.75}.archetypes-page .cta{text-align:center;padding:72px 0 96px}.archetypes-page .cta h3{letter-spacing:-.01em;margin-bottom:24px;font-size:clamp(24px,3.5vw,32px);font-weight:500}.archetypes-page .cta-button{background:var(--text);color:var(--bg);letter-spacing:.01em;border-radius:8px;align-items:center;gap:8px;padding:16px 40px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex}.archetypes-page .cta-button:hover{opacity:.92;transform:translateY(-1px)}.archetypes-page .footer{text-align:center;color:var(--text-dim);letter-spacing:.02em;padding:32px 0;font-family:DM Sans,sans-serif;font-size:13px}@media (max-width:600px){.archetypes-page .hero{padding:56px 0 48px}.archetypes-page .dimension{padding:40px 0}.archetypes-page .archetype-item{grid-template-columns:24px 1fr;gap:12px;padding:14px 12px}.archetypes-page .layer-header{padding:56px 0 12px}}
