:root{--bg:#0E0F12;--panel:#16181E;--ink:#E7E5DE;--muted:#8C8E87;--faint:#6B6D68;--line:#282B33;--mint:#54E0A0;--paper:#EBE7DD;--paper-ink:#141414;--paper-line:#141414;--paper-accent:#1F6E3A}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Space Mono,ui-monospace,Menlo,Consolas,monospace;background:var(--bg);color:var(--ink);min-height:100dvh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;line-height:1.55}.topbar{border-bottom:1px solid var(--line);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;background:#08090b}.brand{display:flex;flex-direction:column;gap:5px;text-decoration:none;color:var(--ink)}.brand__name{font:700 19px/1 Space Mono;letter-spacing:-.01em}.brand__name b{color:var(--mint)}.brand__desc{font:400 10px/1 Space Mono;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.topbar__meta{font:700 11px/1 Space Mono;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.topbar__meta b{color:var(--mint);font-weight:700}main{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 24px}.wrap{max-width:1160px;width:100%}.intro{max-width:680px;margin-bottom:42px}.eyebrow{font:700 11px/1.3 Space Mono;letter-spacing:.18em;text-transform:uppercase;color:var(--mint)}.eyebrow:before{content:"// ";color:var(--mint)}h1{font:700 clamp(2rem,4.4vw,3.2rem)/1.05 "Space Mono";letter-spacing:-.02em;margin:14px 0 16px}h1 em{font-style:normal;color:var(--mint)}.intro p{color:var(--muted);font-family:Archivo,sans-serif;font-size:1.05rem;max-width:60ch}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:border-color .15s ease,transform .15s ease;position:relative}.card:hover{border-color:var(--mint);transform:translateY(-3px)}.card--terminal{background:var(--panel)}.card--terminal .card__head{padding:18px 22px;border-bottom:1px solid var(--line);background:#1c1f27;display:flex;justify-content:space-between;align-items:center;font:700 11px/1 Space Mono;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.card--terminal .card__head b{color:var(--mint)}.card--terminal .card__body{padding:34px 30px 30px}.card--terminal .card__body h2{font:700 1.7rem/1.15 Space Mono;letter-spacing:-.015em}.card--terminal .card__body h2 em{font-style:normal;color:var(--mint)}.card--terminal .card__body p{margin-top:14px;color:var(--muted);font-family:Archivo,sans-serif;font-size:.96rem}.card--terminal .swatches{display:flex;gap:6px;margin-top:22px}.card--terminal .swatch{width:24px;height:24px;border-radius:4px;border:1px solid rgba(255,255,255,.12)}.card--terminal .card__cta{margin-top:24px;display:inline-flex;align-items:center;gap:8px;padding:13px 18px;border:1px solid var(--mint);background:var(--mint);color:#08231a;border-radius:6px;font:700 12px/1 Space Mono;letter-spacing:.05em;text-transform:uppercase}.card--terminal .card__cta:after{content:"→"}.card--brutalist{background:var(--paper);color:var(--paper-ink);border-color:var(--paper-line);box-shadow:6px 6px 0 var(--paper-line);border-radius:0}.card--brutalist:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--paper-line)}.card--brutalist .card__head{padding:18px 22px;border-bottom:3px solid var(--paper-line);background:#ded9cb;display:flex;justify-content:space-between;align-items:center;font:700 11px/1 Space Mono;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-ink)}.card--brutalist .card__head b{color:var(--paper-accent)}.card--brutalist .card__body{padding:34px 30px 30px}.card--brutalist .card__body h2{font:900 2rem/1 Archivo,sans-serif;letter-spacing:-.03em}.card--brutalist .card__body h2 em{font-style:normal;background:var(--paper-accent);color:#fff;padding:0 .12em}.card--brutalist .card__body p{margin-top:14px;color:#5c5a52;font-family:Archivo,sans-serif;font-size:.96rem}.card--brutalist .swatches{display:flex;gap:6px;margin-top:22px}.card--brutalist .swatch{width:24px;height:24px;border:2px solid var(--paper-line)}.card--brutalist .card__cta{margin-top:24px;display:inline-flex;align-items:center;gap:8px;padding:15px 20px;border:3px solid var(--paper-line);background:var(--paper-accent);color:#fff;font:800 12px/1 Space Mono;letter-spacing:.06em;text-transform:uppercase;box-shadow:6px 6px 0 var(--paper-line)}.card--brutalist .card__cta:after{content:"→"}.card--workspace{background:#faf9f6;color:#121416;border-color:#e4e2dc;border-radius:10px;background-image:radial-gradient(#E4E2DC 1px,transparent 1px);background-size:18px 18px}.card--workspace:hover{border-color:#e05a36;box-shadow:0 14px 34px #1214161f}.card--workspace .card__head{padding:18px 22px;border-bottom:1px solid #E4E2DC;background:#fff;display:flex;justify-content:space-between;align-items:center;font:700 11px/1 Space Mono;letter-spacing:.12em;text-transform:uppercase;color:#5c646c}.card--workspace .card__head b{color:#e05a36}.card--workspace .card__body{padding:34px 30px 30px}.card--workspace .card__body h2{font:700 1.9rem/1.08 Archivo,sans-serif;letter-spacing:-.025em}.card--workspace .card__body h2 em{font-style:normal;color:#e05a36}.card--workspace .card__body p{margin-top:14px;color:#5c646c;font-family:Archivo,sans-serif;font-size:.96rem}.card--workspace .swatches{display:flex;gap:6px;margin-top:22px}.card--workspace .swatch{width:24px;height:24px;border-radius:5px;border:1px solid rgba(0,0,0,.1)}.card--workspace .card__cta{margin-top:24px;display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border:1px solid #121416;background:#121416;color:#fff;border-radius:6px;font:600 12px/1 Archivo,sans-serif;letter-spacing:.03em}.card--workspace .card__cta:after{content:"→"}.card--composite{background:#ede9de;color:#181613;border-color:#181613;border-radius:5px;box-shadow:5px 5px #181613;background-image:radial-gradient(rgba(24,22,19,.08) 1px,transparent 1px);background-size:18px 18px}.card--composite:hover{transform:translate(-3px,-3px);box-shadow:9px 9px #181613;border-color:#181613}.card--composite .card__head{padding:18px 22px;border-bottom:2px solid #181613;background:#e3decf;display:flex;justify-content:space-between;align-items:center;font:700 11px/1 Space Mono;letter-spacing:.14em;text-transform:uppercase;color:#181613}.card--composite .card__head b{color:#e05a36}.card--composite .card__body{padding:34px 30px 30px}.card--composite .card__body h2{font:900 2rem/1 Archivo,sans-serif;letter-spacing:-.03em}.card--composite .card__body h2 em{font-style:normal;background:#e05a36;color:#fff;padding:0 .12em}.card--composite .card__body p{margin-top:14px;color:#5f5a4f;font-family:Archivo,sans-serif;font-size:.96rem}.card--composite .swatches{display:flex;gap:6px;margin-top:22px}.card--composite .swatch{width:24px;height:24px;border:2px solid #181613}.card--composite .card__cta{margin-top:24px;display:inline-flex;align-items:center;gap:8px;padding:14px 20px;border:2px solid #181613;background:#e05a36;color:#fff;font:700 12px/1 Space Mono;letter-spacing:.06em;text-transform:uppercase;box-shadow:4px 4px #181613}.card--composite .card__cta:after{content:"→"}footer{padding:18px 24px;border-top:1px solid var(--line);background:#08090b;font:400 12px/1.4 Space Mono;color:var(--faint);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}footer span b{color:var(--ink);font-weight:700}@media (max-width:780px){.grid{grid-template-columns:1fr}main{padding:32px 18px}}