.type-hero{background:var(--type-bg, #f5f5f7);padding:80px 0 72px;border-bottom:1px solid var(--border-light);text-align:center}.type-hero-inner{max-width:680px;margin:0 auto;padding:0 24px}.type-group-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--type-color, var(--accent));margin-bottom:20px}.type-hero-code{font-size:clamp(72px,14vw,120px);font-weight:800;letter-spacing:-4px;line-height:1;color:var(--type-color, var(--text));margin-bottom:8px}.type-hero-name{font-size:clamp(22px,4vw,32px);font-weight:600;letter-spacing:-.5px;color:var(--text);margin-bottom:16px}.type-hero-tagline{font-size:clamp(16px,2.2vw,19px);color:var(--text-secondary);line-height:1.55;max-width:520px;margin:0 auto 40px;font-weight:300}.type-hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.type-content{max-width:860px;padding-top:0;padding-bottom:80px;display:flex;flex-direction:column;gap:24px}.type-section-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--card-radius);padding:40px;box-shadow:var(--card-shadow)}.type-section-title{font-size:20px;font-weight:700;letter-spacing:-.4px;color:var(--text);margin-bottom:20px;display:flex;align-items:center;gap:10px}.type-section-desc{font-size:15px;color:var(--text-secondary);line-height:1.65;margin-bottom:24px}.title-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:14px;font-weight:700;flex-shrink:0}.strength-icon{background:#34c7591f;color:#34c759}.growth-icon{background:#ff95001f;color:#ff9500}.type-description p,.type-description-text{font-size:16px;color:var(--text-secondary);line-height:1.75;margin-bottom:16px}.type-description p:last-child,.type-description-text{margin-bottom:0}.traits-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.trait-list{list-style:none;display:flex;flex-direction:column;gap:10px}.trait-item{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--text);line-height:1.5}.trait-icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;margin-top:2px}.strength-item .trait-icon{background:#34c7591f;color:#34c759}.weakness-item .trait-icon{background:#ff95001f;color:#ff9500}.career-pills{display:flex;flex-wrap:wrap;gap:10px}.career-pill{background:#0071e312;color:var(--accent);font-size:14px;font-weight:500;padding:8px 18px;border-radius:980px;border:1px solid rgba(0,113,227,.15);transition:var(--transition)}.career-pill:hover{background:#0071e31f;border-color:#0071e34d}.compat-section{margin-top:28px}.compat-heading{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-light);margin-bottom:14px}.compat-grid{display:flex;flex-wrap:wrap;gap:10px}.compat-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 20px;border-radius:14px;border:1.5px solid var(--border-light);text-decoration:none;transition:var(--transition);min-width:88px}.compat-chip:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.compat-best{border-color:#34c75966;background:#34c7590d}.compat-good{border-color:#0071e340;background:#0071e30a}.compat-code{font-size:16px;font-weight:700;letter-spacing:-.3px;color:var(--text)}.compat-label{font-size:11px;color:var(--text-light);font-weight:500}.compat-best .compat-label{color:#34c759}.compat-good .compat-label{color:var(--accent)}.famous-chips{display:flex;flex-wrap:wrap;gap:10px}.famous-chip{background:var(--bg-alt);color:var(--text);font-size:14px;font-weight:500;padding:8px 16px;border-radius:980px;border:1px solid var(--border-light)}.type-anecdote-card{border-left:4px solid var(--type-color, var(--accent))}.type-anecdote{font-size:16px;color:var(--text-secondary);line-height:1.75;margin:0 0 12px}.type-disclaimer-note{font-size:13px;color:var(--text-light);line-height:1.55;margin:0;font-style:italic}.historical-grid{display:flex;flex-direction:column;gap:20px}.historical-card{padding:20px 22px;border-radius:14px;background:var(--bg-alt);border:1px solid var(--border-light)}.historical-name{font-size:17px;font-weight:700;letter-spacing:-.3px;color:var(--text);margin:0 0 6px}.historical-era{font-size:13px;font-weight:600;color:var(--type-color, var(--accent));margin:0 0 12px}.historical-tie{font-size:15px;color:var(--text-secondary);line-height:1.65;margin:0}.type-cta-card{background:var(--bg-dark);border-radius:var(--card-radius);padding:52px 40px;text-align:center}.type-cta-title{font-size:clamp(22px,3.5vw,32px);font-weight:700;letter-spacing:-.8px;color:#f5f5f7;margin-bottom:14px}.type-cta-desc{font-size:16px;color:#a1a1a6;line-height:1.65;max-width:480px;margin:0 auto 32px}.type-nav-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.type-nav-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;border-radius:14px;border:1px solid var(--border-light);text-decoration:none;transition:var(--transition);text-align:center}.type-nav-chip:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px #0071e31a}.type-nav-chip.active{border-color:var(--accent);background:#0071e30f}.type-nav-code{font-size:15px;font-weight:700;letter-spacing:-.2px;color:var(--text)}.type-nav-name{font-size:11px;color:var(--text-secondary);line-height:1.3}@media(max-width:768px){.type-hero{padding:60px 0 52px}.type-hero-code{letter-spacing:-3px}.type-section-card{padding:28px 24px}.traits-grid{grid-template-columns:1fr}.type-nav-grid{grid-template-columns:repeat(4,1fr)}.type-cta-card{padding:40px 24px}}@media(max-width:480px){.type-hero{padding:48px 0 40px}.type-section-card{padding:24px 20px}.type-nav-grid{grid-template-columns:repeat(2,1fr)}.type-hero-actions{flex-direction:column;align-items:center}}