.dev-hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; }
        .dev-hero-left h1 { font-size: 2.6rem; margin-bottom: 1rem; }
        .dev-hero-left p { font-size: 1.05rem; color: var(--gray-600); margin-bottom: 1.5rem; max-width: 500px; }
        .dev-hero-right .code-preview {
            background: #1a1a2e;
            border-radius: var(--radius-lg);
            padding: 1.5rem;
            font-family: 'DM Mono', 'Courier New', monospace;
            font-size: 0.82rem;
            color: #e2e8f0;
            line-height: 1.8;
            overflow-x: auto;
            border: 1px solid #2d2d44;
        }
        .code-preview .comment { color: #64748b; }
        .code-preview .keyword { color: #c084fc; }
        .code-preview .string { color: #86efac; }
        .code-preview .func { color: #93c5fd; }
        .code-preview .var { color: #fbbf24; }
        .code-tabs { display: flex; gap: 0; margin-bottom: 0; }
        .code-tab { padding: 8px 18px; font-size: 0.78rem; font-weight: 600; cursor: pointer; border-radius: var(--radius-sm) var(--radius-sm) 0 0; background: #0f0f1a; color: var(--gray-400); border: 1px solid #2d2d44; border-bottom: none; transition: all var(--ease-base); }
        .code-tab.active { background: #1a1a2e; color: var(--white); }
        @media (max-width: 950px) {
            .dev-hero-grid { grid-template-columns: 1fr; }
            .dev-hero-left { text-align: center; }
            .dev-hero-left p { max-width: 100%; }
        }