:root{font-family:Outfit,system-ui,sans-serif;line-height:1.6;font-weight:400;color:#e8eaed;background-color:#0d1117;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent: #00d4aa;--accent-muted: #00a884;--accent-glow: rgba(0, 212, 170, .15);--surface: #161b22;--surface-elevated: #21262d;--border: #30363d;--text-muted: #8b949e;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-muted);text-decoration:underline}h1,h2,h3{font-weight:600;letter-spacing:-.02em}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.5rem,3vw,2rem);margin-top:0}h3{font-size:1.125rem;margin-top:0}ul{padding-left:1.25rem}li{margin-bottom:.5rem}li::marker{color:var(--accent)}.page{max-width:960px;margin:0 auto;padding:2rem 1.5rem 4rem}.hero{text-align:center;padding:3rem 0 4rem;border-bottom:1px solid var(--border)}.hero-badge{display:inline-block;font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem}.hero h1{margin:0 0 1rem;background:linear-gradient(135deg,#fff 0%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-tagline{font-size:1.25rem;color:var(--text-muted);margin:0 0 1.5rem;max-width:42ch;margin-left:auto;margin-right:auto}.hero-desc{font-size:1rem;line-height:1.7;color:var(--text-muted);max-width:52ch;margin:0 auto}.section{padding:3rem 0;border-bottom:1px solid var(--border)}.section:last-of-type{border-bottom:none}.section-head{margin-bottom:1.5rem}.section-head h2{display:flex;align-items:center;gap:.5rem}.section-head .icon{font-size:1.5rem;opacity:.9}.section-sub{margin:.5rem 0 0;font-size:.95rem;color:var(--text-muted)}.section-demo{background:linear-gradient(180deg,var(--accent-glow) 0%,transparent 100%);border-radius:16px;padding:2rem;margin:0 -.5rem 3rem}.demo-block{margin-top:1.5rem}.demo-trigger{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem}.btn-simulate{font-family:var(--font-mono);font-size:.9rem;font-weight:500;padding:.75rem 1.25rem;background:var(--accent);color:#0d1117;border:none;border-radius:8px;cursor:pointer;transition:background .2s,transform .1s}.btn-simulate:hover:not(:disabled){background:var(--accent-muted);transform:translateY(-1px)}.btn-simulate:disabled{opacity:.8;cursor:not-allowed}.simulated-lead{font-size:.9rem;color:var(--text-muted)}.simulated-label{color:var(--accent);font-weight:500}.flow-pipeline{display:flex;flex-wrap:wrap;gap:.5rem;align-items:stretch}.flow-step{flex:1;min-width:100px;max-width:160px;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;text-align:center;opacity:.5;transition:opacity .3s,border-color .3s,box-shadow .3s}.flow-step.active{opacity:1;border-color:var(--accent-muted)}.flow-step.current{box-shadow:0 0 0 2px var(--accent);border-color:var(--accent)}.flow-step-icon{font-size:1.5rem;margin-bottom:.35rem}.flow-step-label{font-size:.8rem;font-weight:600;color:var(--accent)}.flow-step-detail{font-size:.7rem;color:var(--text-muted);margin-top:.25rem}.activity-feed{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;min-width:0}.activity-row{display:grid;grid-template-columns:70px 120px 1fr 36px;gap:1rem;align-items:center;padding:.65rem 1rem;border-bottom:1px solid var(--border);font-size:.85rem}.activity-row:last-child{border-bottom:none}.activity-row.syncing{background:var(--accent-glow)}.activity-time{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.activity-event{font-family:var(--font-mono);color:var(--accent)}.activity-detail{color:var(--text-muted)}.activity-status{text-align:right;color:var(--accent);font-weight:600}.activity-status.status-syncing{color:var(--accent);animation:pulse .8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.systems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.system-card{display:flex;flex-direction:column;gap:.35rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:10px}.system-name{font-weight:600;color:#e8eaed}.system-status{font-size:.8rem;color:var(--accent)}.system-sync{font-size:.75rem;color:var(--text-muted)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.data-table th{font-weight:600;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.data-table tr:last-child td{border-bottom:none}.data-table code{font-family:var(--font-mono);font-size:.8rem;color:var(--accent)}.badge{display:inline-block;padding:.2rem .5rem;font-size:.75rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-muted)}.integrate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-top:1.5rem}.integrate-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:border-color .2s,box-shadow .2s}.integrate-card:hover{border-color:var(--accent-muted);box-shadow:0 0 0 1px var(--accent-glow)}.integrate-card h3{color:var(--accent);margin-bottom:.75rem;font-size:1rem}.integrate-card ul{margin:0;padding-left:1.1rem;font-size:.9rem;color:var(--text-muted)}.integrate-card li{margin-bottom:.35rem}.sync-examples{background:var(--surface);border-radius:12px;padding:1.5rem;border:1px solid var(--border);margin-top:1rem}.sync-examples h4{font-size:.9rem;color:var(--accent);margin:0 0 .75rem;font-weight:500}.sync-examples p,.sync-examples ul{margin:0;font-size:.95rem;color:var(--text-muted)}.sync-examples ul{margin-top:.5rem}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;margin:1rem 0}.events-grid span{font-family:var(--font-mono);font-size:.8rem;padding:.4rem .65rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-muted)}.events-note{margin-top:1rem;font-size:.95rem;color:var(--text-muted)}.middleware-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.middleware-list span{font-size:.9rem;padding:.5rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-muted)}.security-list{list-style:none;padding-left:0;display:grid;gap:.5rem}.security-list li{display:flex;align-items:center;gap:.5rem;margin:0}.security-list li:before{content:"✓";color:var(--accent);font-weight:600}.security-list li::marker{display:none}.use-cases{display:flex;flex-direction:column;gap:.75rem}.use-case{font-family:var(--font-mono);font-size:.85rem;padding:.75rem 1rem;background:var(--surface);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;color:var(--text-muted)}.custom-list{list-style:none;padding-left:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.custom-list li{margin:0;padding:.5rem 0;border-bottom:1px solid var(--border)}.custom-list li::marker{display:none}.deliverables{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.deliverables span{font-size:.9rem;padding:.5rem 1rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:999px;color:var(--text-muted)}.quote-callout{text-align:center;padding:2.5rem 2rem;background:linear-gradient(135deg,var(--surface) 0%,var(--surface-elevated) 100%);border:1px solid var(--border);border-radius:16px;margin-top:2rem}.quote-callout p{font-size:1.15rem;line-height:1.6;color:#e8eaed;font-style:italic;max-width:48ch;margin:0 auto}.quote-callout .label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.75rem}@media(max-width:640px){.page{padding:1.25rem 1rem 3rem}.hero{padding:2rem 0 3rem}.section{padding:2rem 0}.section-demo{margin-left:0;margin-right:0;padding:1.25rem}.flow-pipeline{flex-direction:column}.flow-step{max-width:none}.activity-feed{overflow-x:auto}.activity-row{grid-template-columns:60px 100px 1fr 32px;padding:.5rem .75rem;font-size:.8rem}.systems-grid,.integrate-grid{grid-template-columns:1fr}.data-table th,.data-table td{padding:.5rem;font-size:.8rem}}