:root{--primary:#1e293b;--accent:#1e40af;--accent-hover:#1e3a8a;--bg-color:#fcfcfc;--bg-subtle:#f1f5f9;--text-main:#334155;--text-light:#64748b;--border-color:#e2e8f0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--primary);font-weight:700;line-height:1.2}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:12px 24px;font-weight:600;transition:background-color .2s,transform .1s;display:inline-flex}.btn:hover{background-color:var(--accent-hover);color:#fff}.btn-secondary{color:var(--primary);border:1px solid var(--primary);background-color:#0000}.btn-secondary:hover{background-color:var(--primary);color:#fff}.section{padding:80px 0}.section-bg{background-color:var(--bg-subtle)}.diagram-placeholder{background-color:var(--bg-subtle);border:2px dashed var(--border-color);text-align:center;width:100%;color:var(--text-light);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;margin:40px 0;padding:60px 20px;display:flex}.card-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:40px;display:grid}.card{border:1px solid var(--border-color);background:#fff;border-radius:8px;padding:32px;box-shadow:0 4px 6px -1px #0000000d}.card h3{margin-bottom:12px}