:root{--color-bg: #ffffff;--color-grid: rgba(0, 0, 0, .05);--color-text: #1a1a1a;--color-text-muted: #666666;--color-border: #111111;--color-border-light: #e0e0e0;--color-accent: #f0f0f0;--color-accent-dark: #111111;--color-accent-text: #ffffff;--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Share Tech Mono", "Courier New", Courier, monospace;--border-width: 2px;--border-width-thin: 1px;--header-height: 80px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.6;min-height:100vh;position:relative;overflow-x:hidden}.blueprint-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:linear-gradient(var(--color-grid) var(--border-width-thin),transparent var(--border-width-thin)),linear-gradient(90deg,var(--color-grid) var(--border-width-thin),transparent var(--border-width-thin));background-size:24px 24px;pointer-events:none;z-index:-1}.site-container{max-width:1200px;margin:0 auto;padding:0 20px;min-height:100vh;display:flex;flex-direction:column;position:relative}.site-header{height:var(--header-height);border:var(--border-width) solid var(--color-border);margin-top:20px;background-color:var(--color-bg);position:relative;display:flex;align-items:center}.header-inner{width:100%;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.logo a{text-decoration:none;color:var(--color-text);font-family:var(--font-mono);font-size:1.4rem;font-weight:800;letter-spacing:.1em;display:flex;align-items:center;gap:4px;transition:transform .2s ease}.logo a:hover{transform:scale(1.02)}.logo-bracket{color:var(--color-text-muted);font-weight:300}.site-nav ul{list-style:none;display:flex;align-items:center;gap:24px}.nav-link{text-decoration:none;color:var(--color-text);font-family:var(--font-mono);font-size:.95rem;font-weight:700;padding:6px 12px;border:var(--border-width-thin) solid transparent;transition:all .2s ease}.nav-link:hover{background-color:var(--color-accent);border-color:var(--color-border)}.badge{font-family:var(--font-mono);font-size:.75rem;padding:4px 8px;background-color:var(--color-accent-dark);color:var(--color-accent-text);text-transform:uppercase;border:var(--border-width-thin) solid var(--color-border)}.wire-label{position:absolute;bottom:-10px;right:16px;background-color:var(--color-border);color:#fff;font-family:var(--font-mono);font-size:.65rem;padding:2px 8px;line-height:1;z-index:10;letter-spacing:.05em}.site-main{flex:1;display:flex;flex-direction:column;gap:40px;margin:40px 0}.site-footer{border:var(--border-width) solid var(--color-border);margin-bottom:20px;background-color:var(--color-bg);position:relative;padding:30px 24px}.footer-inner{display:flex;flex-direction:column;gap:20px}@media(min-width:768px){.footer-inner{flex-direction:row;justify-content:space-between;align-items:flex-end}}.footer-meta{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted);display:flex;flex-direction:column;gap:6px}.footer-copy{font-size:.85rem;color:var(--color-text);font-weight:500}.wire-card{border:var(--border-width) solid var(--color-border);background-color:var(--color-bg);position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.wire-card:before{content:"";position:absolute;inset:4px -6px -6px 4px;border:var(--border-width-thin) dashed var(--color-border);z-index:-1;pointer-events:none;opacity:.5;transition:all .3s ease}.wire-card:hover{transform:translate(-2px,-2px)}.wire-card:hover:before{transform:translate(2px,2px);opacity:.8}.wire-button{display:inline-block;padding:10px 20px;border:var(--border-width) solid var(--color-border);background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);font-size:.9rem;font-weight:700;text-decoration:none;cursor:pointer;position:relative;transition:all .15s ease;text-transform:uppercase}.wire-button:hover{background-color:var(--color-accent-dark);color:var(--color-accent-text)}.wire-button:active{transform:translate(1px,1px)}.wire-title{font-family:var(--font-sans);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;position:relative;display:inline-block}
