.dev-top-nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--border,#2a2f3a);background:var(--surface,#0f1117);position:sticky;top:0;z-index:100}
.dev-logo{font-weight:700;color:inherit;text-decoration:none}
.dev-logo span{color:var(--accent,#6ee7b7);margin-left:.35rem}
.dev-top-links{display:flex;gap:.75rem;flex-wrap:wrap}
.dev-top-links a{color:var(--muted,#9ca3af);text-decoration:none;font-size:.9rem}
.dev-home,.dev-portal-main{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}
.dev-hero h1{font-size:clamp(2rem,4vw,2.75rem);line-height:1.15}
.dev-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--accent,#6ee7b7)}
.dev-lead{color:var(--muted,#9ca3af);font-size:1.1rem;max-width:42rem}
.dev-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.dev-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:3rem 0}
.dev-pillar{border:1px solid var(--border,#2a2f3a);border-radius:12px;padding:1.25rem;background:var(--surface,#12151c)}
.dev-code-block{background:#0a0c10;border:1px solid var(--border,#2a2f3a);border-radius:8px;padding:.75rem 1rem;overflow-x:auto;font-family:"IBM Plex Mono",monospace;font-size:.82rem}
.dev-grid,.dev-path-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}
.dev-card,.dev-path-card{border:1px solid var(--border,#2a2f3a);border-radius:10px;padding:1rem;text-decoration:none;color:inherit}