.code-examples-section{padding:6rem 0;background-color:var(--bg-primary)}.code-examples-container{max-width:1080px;margin:0 auto;padding:0 1.5rem}.code-tabs{display:flex;gap:.5rem;margin-bottom:0;border-bottom:2px solid var(--border-color);background-color:var(--bg-tertiary);border-radius:.75rem .75rem 0 0}.code-tab{padding:.875rem 1.5rem;background:none;font-size:.9375rem;font-weight:600;color:var(--text-secondary);cursor:pointer;position:relative;transition:color .2s;border:none;border-bottom:2px solid transparent;margin-bottom:-2px}.code-tab:hover{color:var(--text-primary)}.code-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.code-window{background-color:#1e1e1e;border-radius:0 0 .75rem .75rem;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.2)}.code-window-header{display:flex;align-items:center;padding:.875rem 1rem;background-color:#2d2d2d;border-bottom:1px solid #3d3d3d}.code-window-dots{display:flex;gap:.5rem}.code-window-dots span{width:12px;height:12px;border-radius:50%;background-color:#4d4d4d}.code-window-dots span:first-child{background-color:#ff5f56}.code-window-dots span:nth-child(2){background-color:#ffbd2e}.code-window-dots span:nth-child(3){background-color:#27c93f}.code-window-title{margin-left:auto;color:#b0b0b0;font-size:.8125rem;font-family:Courier New,monospace}.code-window-content{margin:0;padding:2rem;font-family:Courier New,monospace;font-size:.875rem;line-height:1.7;color:#d4d4d4;overflow-x:auto}@media (max-width:640px){.code-examples-section{padding:4rem 0}.code-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.code-tab{padding:.75rem 1rem;font-size:.875rem;white-space:nowrap}.code-window-content{padding:1.5rem;font-size:.75rem}}