.code-hero{background:var(--ink);justify-content:center;align-items:center;min-height:100dvh;padding:160px 0 80px;display:flex;position:relative;overflow:hidden}.code-hero-bg{object-fit:cover;object-position:center;filter:grayscale()brightness(.2);z-index:0;width:100%;height:100%;position:absolute;inset:0}.code-hero-overlay{background:linear-gradient(180deg, #0a0a0a99 0%, #0a0a0a4d 50%, var(--ink) 100%);z-index:1;position:absolute;inset:0}.code-hero-particles{display:none}.code-hero-title-wrap{z-index:2;position:relative}.code-grid-section{background:var(--paper)}.code-grid{border:3px solid var(--ink);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.code-card{border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);background:var(--paper);cursor:default;padding:48px 36px;transition:all .25s;position:relative;overflow:hidden}.code-card:nth-child(3n){border-right:none}.code-card:nth-last-child(-n+3){border-bottom:none}.code-card:after{content:"";background:var(--acid);transform-origin:0;height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.code-card:hover:after{transform:scaleX(1)}.code-card:hover{background:var(--ink)}.code-card:hover .code-card-number{color:#d4ff0026}.code-card:hover .code-card-icon,.code-card:hover .code-card-title{color:var(--acid)}.code-card:hover .code-card-desc{color:#fff9}.code-card-number{font-family:var(--font-display);color:var(--paper-3);margin-bottom:12px;font-size:5rem;font-weight:900;line-height:1;transition:color .25s;display:block}.code-card-icon{color:var(--blood);margin-bottom:20px;font-size:2rem;transition:color .25s;display:block}.code-card-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;color:var(--ink);margin-bottom:16px;font-size:1.4rem;font-weight:900;line-height:1.1;transition:color .25s}.code-card-desc{color:var(--ink-3);font-size:.875rem;font-weight:400;line-height:1.75;transition:color .25s}.code-cta-section{background:var(--acid);text-align:center;border-top:4px solid var(--ink);padding:100px 0}@media (max-width:1024px){.code-grid{grid-template-columns:repeat(2,1fr)}.code-card:nth-child(3n){border-right:3px solid var(--ink)}.code-card:nth-child(2n){border-right:none}.code-card:nth-last-child(-n+3){border-bottom:3px solid var(--ink)}.code-card:nth-last-child(-n+2){border-bottom:none}}@media (max-width:768px){.code-hero{padding:130px 20px 60px}.code-grid{grid-template-columns:1fr}.code-card{padding:32px 24px;border-right:none!important;border-bottom:3px solid var(--ink)!important}.code-card:last-child{border-bottom:none!important}.code-card:nth-last-child(-n+2){border-bottom:3px solid var(--ink)!important}}@media (max-width:480px){.code-card{padding:24px 16px}.code-card-number{font-size:3.5rem}}