:root{--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-muted: rgba(255, 255, 255, .5);--color-border: rgba(255, 255, 255, .1);--max-width: 1200px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;background:var(--color-bg-primary);min-height:100vh;color:var(--color-text-primary)}.landing-page{max-width:var(--max-width);margin:0 auto;padding:4rem 2rem}@media (max-width: 768px){.landing-page{padding:2rem 1rem}}.hero{text-align:center;margin-bottom:4rem}.hero .title{font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,8vw,5rem);font-weight:700;margin-bottom:.75rem;letter-spacing:-1px;min-height:1.2em}.hero .cursor{animation:blink 1s infinite;font-weight:300}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero .subtitle{font-family:Space Grotesk,sans-serif;font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:500;color:var(--color-text-secondary)}.products-table{border-top:1px solid var(--color-border)}.products-table .table-row{display:grid;grid-template-columns:140px 280px 1fr;gap:2rem;padding:2.5rem 0;text-decoration:none;color:inherit;border-bottom:1px solid var(--color-border);align-items:start;transition:background .2s}.products-table .table-row:hover{background:rgba(255,255,255,.02)}@media (max-width: 900px){.products-table .table-row{grid-template-columns:1fr;gap:1rem;padding:2rem 0}}.products-table .col-project{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.products-table .col-project img{width:80px;height:80px;object-fit:contain}.products-table .col-project .project-name{font-family:Space Grotesk,sans-serif;font-weight:500;font-size:1.125rem}.products-table .col-tagline{font-size:.9375rem;color:var(--color-text-primary);line-height:1.6;font-weight:500}.products-table .col-description{font-size:.875rem;color:var(--color-text-secondary);line-height:1.7}.footer{display:flex;justify-content:center;gap:1.5rem;padding:1.5rem 0;flex-wrap:wrap}.footer a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-text-muted);transition:color .2s,transform .2s}.footer a:hover{color:var(--color-text-primary);transform:scale(1.1)}.footer a svg{width:24px;height:24px}.footer a img{width:24px;height:24px;object-fit:contain}
