*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-text: #1a1a2e;--color-muted: #4a5568;--color-bg: #ffffff;--color-surface: #f7fafc;--color-border: #e2e8f0;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-dark: #0d1117;--max-width: 720px;--section-gap: 4rem}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased}.site{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.section{padding:var(--section-gap) 0;border-bottom:1px solid var(--color-border)}.section:last-of-type{border-bottom:none}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-bg);z-index:10}.nav-logo{font-weight:700;font-size:1.125rem;text-decoration:none;color:var(--color-text)}.nav-links{display:flex;gap:1.5rem}.nav-links a{text-decoration:none;color:var(--color-muted);font-size:.875rem}.nav-links a:hover{color:var(--color-text)}h1{font-size:2rem;line-height:1.2;font-weight:700;margin-bottom:1rem}h2{font-size:1.5rem;line-height:1.3;font-weight:700;margin-bottom:1rem}h3{font-size:1.125rem;line-height:1.4;font-weight:600;margin-bottom:.5rem}p{margin-bottom:.75rem;color:var(--color-muted)}.section-sub{font-size:1.0625rem;margin-bottom:1.5rem}.hero{padding-top:6rem;padding-bottom:var(--section-gap)}.hero h1{font-size:2.25rem}.hero-answer{font-size:1.0625rem;max-width:600px}.hero-ctas{display:flex;gap:.75rem;margin-top:1.5rem}.btn{display:inline-block;padding:.625rem 1.25rem;border-radius:6px;text-decoration:none;font-size:.9375rem;font-weight:500}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border)}.risk-grid{display:grid;gap:1rem;margin-top:1rem}.risk-card{padding:1rem;border:1px solid var(--color-border);border-radius:8px}.risk-card h3{color:var(--color-text)}.primitives-grid{display:grid;gap:1.25rem}.primitive-card{padding:1.25rem;border:1px solid var(--color-border);border-radius:8px}.primitive-creator{display:inline-block;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:.5rem}.primitive-question{font-style:italic;color:var(--color-text);margin-bottom:.5rem}.steps{list-style:none;display:grid;gap:1rem;margin-top:1rem}.step{display:flex;gap:1rem;align-items:flex-start;padding:1rem;border:1px solid var(--color-border);border-radius:8px}.step-number{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;border-radius:50%;background:var(--color-surface);font-weight:700;font-size:.875rem;color:var(--color-accent);border:1px solid var(--color-border)}.step strong{color:var(--color-text);display:block;margin-bottom:.25rem}.step p{margin-bottom:0}.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.diff-card{padding:1rem;border:1px solid var(--color-border);border-radius:8px}.diff-card h3{font-size:.9375rem;color:var(--color-text)}.diff-card p{font-size:.875rem;margin-bottom:0}.comparison-table,.tech-table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.9375rem}.comparison-table th,.comparison-table td,.tech-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--color-border)}.comparison-table th{font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-border)}.tech-table td:first-child{font-weight:600;color:var(--color-text);white-space:nowrap;width:140px}.tech-table td:last-child{color:var(--color-muted)}.code-step{margin-bottom:1.25rem}.code-step p{color:var(--color-text);margin-bottom:.5rem}pre{background:var(--color-dark);color:#e2e8f0;padding:1rem;border-radius:8px;overflow-x:auto;font-size:.8125rem;line-height:1.6}code{font-family:SF Mono,Fira Code,monospace}.note{font-size:.875rem;font-style:italic;color:var(--color-muted);margin-top:1rem}.resources-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.resource-card{padding:1.25rem;border:1px solid var(--color-border);border-radius:8px;text-decoration:none;color:inherit;transition:border-color .15s}.resource-card:hover{border-color:var(--color-accent)}.resource-card h3{color:var(--color-text)}.resource-card p{font-size:.875rem;margin-bottom:0}.footer{text-align:center;padding:2rem 0;border-top:1px solid var(--color-border)}.footer p{font-size:.875rem}@media (max-width: 640px){h1{font-size:1.5rem}.hero h1{font-size:1.75rem}.diff-grid,.resources-grid{grid-template-columns:1fr}.nav-links{display:none}.hero-ctas{flex-direction:column}}