:root{--accent:#31553d;--bg:#f7f8f3;--border:#dfe5d9;--chip:#e9eee4;--muted:#607267;--panel:#fff;--surface:#fbfcf7;--text:#17201a;background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input{font:inherit}#root,main{min-height:100vh}.nav{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:22px 24px;display:flex}.brand,.nav-links a,.primary-action,.secondary-action{color:inherit;text-decoration:none}.brand{align-items:center;gap:10px;font-size:18px;font-weight:800;display:inline-flex}.brand-mark{background:linear-gradient(135deg,#31553d,#8da66f);border-radius:7px;width:24px;height:24px;display:inline-block}.nav-links{gap:18px;display:flex}.nav-links a{color:var(--muted);font-size:14px;font-weight:700}.hero{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);align-items:center;gap:48px;max-width:1120px;min-height:calc(100vh - 220px);margin:0 auto;padding:54px 24px 68px;display:grid}.hero-copy{text-align:left;gap:22px;display:grid}.eyebrow{color:var(--accent);text-transform:uppercase;margin:0;font-size:13px;font-weight:800}h1{color:var(--text);letter-spacing:0;margin:0;font-size:clamp(54px,9vw,112px);line-height:.9}h2{color:var(--text);letter-spacing:0;margin:0;font-size:28px;line-height:1.1}.lede{color:var(--muted);max-width:620px;margin:0;font-size:22px;line-height:1.45}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.primary-action,.secondary-action{border-radius:8px;align-items:center;min-height:44px;padding:0 16px;font-weight:800;display:inline-flex}.primary-action{background:var(--accent);color:#fff}.secondary-action{background:var(--panel);border:1px solid var(--border);color:var(--text)}.product-panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;gap:18px;padding:18px;display:grid;box-shadow:0 24px 70px #17201a1f}.panel-toolbar{gap:7px;display:flex}.panel-toolbar span{background:var(--chip);border-radius:999px;width:10px;height:10px}.search-preview{background:var(--chip);color:var(--muted);text-align:left;border-radius:8px;padding:12px 14px;font-weight:700}.graph-preview{grid-template-columns:1fr 1fr;gap:14px;min-height:300px;display:grid;position:relative}.node{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;place-self:center;padding:12px 14px;font-size:14px;font-weight:800}.node-query{background:#eef5ec;border-color:#9cb491;grid-column:1/-1}.node-topic{background:#f7f8f3}.feature-grid{border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));max-width:1120px;margin:0 auto;padding:44px 24px;display:grid}.feature{border-right:1px solid var(--border);text-align:left;gap:12px;padding:0 24px;display:grid}.feature:first-child{padding-left:0}.feature:last-child{border-right:0;padding-right:0}.feature p,.roadmap li{color:var(--muted);margin:0;line-height:1.55}.roadmap{border-top:1px solid var(--border);text-align:left;grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);gap:32px;max-width:1120px;margin:0 auto;padding:44px 24px 64px;display:grid}.roadmap>div{gap:12px;display:grid}.roadmap ol{counter-reset:roadmap;gap:10px;margin:0;padding:0;list-style:none;display:grid}.roadmap li{background:var(--panel);border:1px solid var(--border);border-radius:8px;align-items:center;min-height:48px;padding:0 14px;font-weight:800;display:flex}@media (width<=800px){.nav{padding:18px}.hero{grid-template-columns:1fr;gap:28px;min-height:auto;padding:36px 18px 46px}.product-panel{order:-1}.feature-grid,.roadmap{grid-template-columns:1fr;padding:34px 18px}.feature{border-bottom:1px solid var(--border);border-right:0;padding:24px 0}.feature:first-child{padding-top:0}.feature:last-child{border-bottom:0;padding-bottom:0}}