*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f8f7f5;--bg-section: #f0efec;--ink: #0a0a0a;--ink-light: #2a2a2a;--ink-faint: #666666;--blue: #0a0a0a;--blue-light: #333333;--blue-faint: rgba(0, 0, 0, .06);--grid-major: rgba(0, 0, 0, .1);--grid-minor: rgba(0, 0, 0, .05);--border: #b0b0b0;--border-strong: #0a0a0a;--mono: "Share Tech Mono", "Courier New", monospace;--sans: "Inter", system-ui, sans-serif}[data-theme=dark]{--bg: #0f0f0d;--bg-section: #161614;--ink: #f0eeea;--ink-light: #c8c6c0;--ink-faint: #888682;--blue: #f0eeea;--blue-light: #c8c6c0;--blue-faint: rgba(255, 255, 255, .06);--grid-major: rgba(255, 255, 255, .07);--grid-minor: rgba(255, 255, 255, .03);--border: #3a3a36;--border-strong: #f0eeea}[data-theme=dark] .btn-primary{color:#111}[data-theme=dark] .btn-primary:hover{color:var(--blue)}html{scroll-behavior:smooth}body{font-family:var(--sans);background-color:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}.blueprint-bg{background-color:var(--bg);background-image:linear-gradient(var(--grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--grid-major) 1px,transparent 1px),linear-gradient(var(--grid-minor) 1px,transparent 1px),linear-gradient(90deg,var(--grid-minor) 1px,transparent 1px);background-size:80px 80px,80px 80px,16px 16px,16px 16px}.blueprint-bg-dark{background-color:var(--bg-section);background-image:linear-gradient(var(--grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--grid-major) 1px,transparent 1px),linear-gradient(var(--grid-minor) 1px,transparent 1px),linear-gradient(90deg,var(--grid-minor) 1px,transparent 1px);background-size:80px 80px,80px 80px,16px 16px,16px 16px}.mono{font-family:var(--mono)}.label{font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--blue)}.corner-mark{position:relative}.corner-mark:before,.corner-mark:after{content:"";position:absolute;width:16px;height:16px;border-color:var(--blue);border-style:solid}.corner-mark:before{top:0;left:0;border-width:2px 0 0 2px}.corner-mark:after{bottom:0;right:0;border-width:0 2px 2px 0}.section{padding:80px 24px;position:relative}.container{max-width:1100px;margin:0 auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--blue)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--blue);color:#fff;font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--blue);cursor:pointer;text-decoration:none;transition:background .2s,color .2s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.btn-primary:hover{background:transparent;color:var(--blue)}.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:transparent;color:var(--blue);font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--blue);cursor:pointer;text-decoration:none;transition:background .2s,color .2s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.btn-outline:hover{background:var(--blue-faint)}.divider{height:1px;background:var(--border);margin:0}.dim-line{display:flex;align-items:center;gap:8px;color:var(--ink-faint);font-family:var(--mono);font-size:11px}.dim-line:before,.dim-line:after{content:"";flex:1;height:1px;background:var(--border)}@media (max-width: 768px){.hero-diagram{display:none}}section[id]{scroll-margin-top:64px}