@font-face{font-family:NDot;src:url(/fonts/ndot.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#000;--surface-dark:#0a0a0c;--surface-card:#121215;--surface-hover:#19191d;--gray-900:#18181b;--gray-800:#27272a;--gray-700:#3f3f46;--gray-500:#71717a;--gray-400:#a1a1aa;--gray-200:#e4e4e7;--white:#fff;--red:red;--red-dim:#ff00001f;--red-border:#f006;--font-ndot:"NDot", "Courier New", monospace;--font-bit:"DotGothic16", monospace;--font-mono:"Space Mono", "Courier New", monospace;--font-body:"Inter", system-ui, -apple-system, sans-serif;--nav-height:64px;--max-width:1200px;--radius-widget:20px;--radius-pill:100px;--border-subtle:1px solid #ffffff1a;--border-strong:1px solid #fff3}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 1rem);background-color:var(--black)}body{font-family:var(--font-body);background-color:var(--black);color:var(--white);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}.mesh-gradient-bg{background:radial-gradient(circle at 15%,#141419,#0000 50%),radial-gradient(circle at 85% 30%,#0f0f12,#0000 50%);background-color:var(--black);z-index:0;position:fixed;inset:0}.cursor-flashlight{pointer-events:none;z-index:0;mix-blend-mode:screen;background:radial-gradient(circle,#ffffff26 0%,#fff0 70%);border-radius:50%;width:400px;height:400px;position:fixed;top:-200px;left:-200px}.glass-overlay{-webkit-backdrop-filter:blur(80px);z-index:0;pointer-events:none;position:fixed;inset:0}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--gray-700)}::-webkit-scrollbar-thumb:hover{background:var(--red)}::selection{background:var(--red);color:var(--black)}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.section{z-index:1;padding:5rem 0;position:relative}.bento-grid{grid-template-columns:repeat(12,1fr);gap:1.25rem;display:grid}.bento-card{background:var(--surface-card);border:var(--border-subtle);border-radius:var(--radius-widget);flex-direction:column;padding:1.75rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.bento-card:hover{background:var(--surface-hover);border-color:#ffffff38;transform:translateY(-2px)}.bento-card-active{border-color:var(--red-border)!important;background:var(--red-dim)!important}.ndot{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.section-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gray-400);align-items:center;gap:.6rem;margin-bottom:1.5rem;font-size:.72rem;display:inline-flex}.section-label:before{content:"";background:var(--red);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.display-title{font-family:var(--font-ndot);letter-spacing:-.02em;color:var(--white);text-transform:uppercase;font-size:clamp(2.2rem,5vw,4.2rem);font-weight:700;line-height:1.05}.card-title{font-family:var(--font-bit);color:var(--white);text-transform:uppercase;letter-spacing:.04em;font-size:1.25rem;font-weight:700}.body-text{font-family:var(--font-body);color:var(--gray-400);font-size:.95rem;line-height:1.65}.mono-tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gray-400);border-radius:var(--radius-pill);background:#ffffff08;border:1px solid #ffffff1f;align-items:center;gap:.4rem;padding:.3rem .65rem;font-size:.68rem;display:inline-flex}.mono-tag-red{color:var(--red);border-color:var(--red-border);background:var(--red-dim)}.btn-bento{border-radius:var(--radius-pill);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1.6rem;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-bento-primary{background:var(--white);color:var(--black)}.btn-bento-primary:hover{background:var(--red);color:var(--white);box-shadow:0 0 20px #f006}.btn-bento-outline{color:var(--white);background:0 0;border:1px solid #fff3}.btn-bento-outline:hover{border-color:var(--white);background:#ffffff0f}.bento-input{color:var(--white);font-family:var(--font-body);background:#ffffff08;border:none;border-bottom:1px solid #fff3;border-radius:4px 4px 0 0;outline:none;padding:1rem .8rem;font-size:.95rem;transition:all .2s}.bento-input::placeholder{color:var(--gray-500)}.bento-input:focus{border-bottom-color:var(--red);background:#ffffff0f;box-shadow:0 4px 10px -4px #ff00004d}@keyframes stringVibrate{0%{transform:translateY(0)}25%{transform:translateY(-3px)}50%{transform:translateY(3px)}75%{transform:translateY(-1.5px)}to{transform:translateY(0)}}.vibrating-string{animation:.18s ease-in-out infinite stringVibrate;stroke:var(--red)!important}.col-span-12{grid-column:span 12}.col-span-8{grid-column:span 8}.col-span-7{grid-column:span 7}.col-span-6{grid-column:span 6}.col-span-5{grid-column:span 5}.col-span-4{grid-column:span 4}.col-span-3{grid-column:span 3}@media (hover:none) and (pointer:coarse){.bento-card:active{border-color:#f006!important;transform:scale(.99)!important}}@media (width<=900px){.col-span-8,.col-span-7,.col-span-6,.col-span-5,.col-span-4,.col-span-3{grid-column:span 12}.bento-card{padding:1.35rem}}@media (width<=768px){html,body{width:100vw;overflow-x:hidden}.section{padding:3rem 0}.display-title{font-size:clamp(1.6rem,7vw,2.2rem)!important}.container{padding:0 1rem}}.hide-desktop{display:none!important}.hide-mobile{display:flex!important}@media (width<=768px){.hide-desktop{display:flex!important}.hide-mobile{display:none!important}}