.landingMobileMenuBtn{width:40px;height:40px;color:var(--color-textPrimary);cursor:pointer;border-radius:var(--radius);transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:none}.landingMobileMenuBtn:hover{background:var(--color-surfaceRaised)}.landingMobileMenuBackdrop{-webkit-backdrop-filter:blur(8px);z-index:100;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background:#0a0a0b80;position:fixed;inset:0}.landingMobileMenuBackdrop.open{opacity:1;pointer-events:auto}.landingMobileMenuSheet{background:var(--color-background);-webkit-backdrop-filter:blur(24px);border-left:1px solid var(--color-border);z-index:101;-webkit-overflow-scrolling:touch;flex-direction:column;width:100vw;height:100vh;padding:28px;transition:transform .35s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.landingMobileMenuSheet.open{transform:translate(0)}.landingMobileMenuHeader{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:24px;display:flex}.landingMobileMenuLogo{align-items:center;text-decoration:none;display:flex}.landingMobileMenuLogo img{width:auto;height:28px}.landingMobileMenuClose{width:40px;height:40px;color:var(--color-textSecondary);cursor:pointer;border-radius:var(--radius);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.landingMobileMenuClose:hover{background:var(--color-surfaceHover);color:var(--color-textPrimary)}.landingMobileMenuSectionLabel{text-transform:uppercase;letter-spacing:.15em;color:var(--color-textTertiary);margin-bottom:8px;padding:0 16px;font-size:11px;font-weight:600;display:block}.landingMobileMenuNav{flex-direction:column;gap:2px;display:flex}.landingMobileMenuLink{border-radius:var(--radius);color:var(--color-textSecondary);transition:all var(--transition-fast);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;width:100%;padding:11px 16px;font-family:inherit;font-size:15px;font-weight:500;line-height:1.4;text-decoration:none;display:flex;position:relative}.landingMobileMenuLink:before{content:"";background:var(--color-accent);width:3px;height:16px;transition:transform var(--transition-fast);border-radius:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.landingMobileMenuLink:hover{background:var(--color-surfaceHover);color:var(--color-textPrimary)}.landingMobileMenuLink:hover:before{transform:translateY(-50%)scaleY(1)}.landingMobileMenuDivider{background:var(--color-border);height:1px;margin:8px 0}.landingMobileMenuAuthSection{border-top:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:2px;margin-top:auto;padding-top:20px;display:flex}.landingMobileMenuCta{margin-top:12px}.landingMobileMenuCta .buttonPrimary{justify-content:center;width:100%}@media (max-width:767px){.landingMobileMenuBtn{display:flex}}
.heroGraphBg{opacity:.5;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}
.mockEditor{background:var(--color-background);border:none;border-radius:0;flex-direction:column;height:400px;display:flex;overflow:hidden}.mockEditorToolbar{border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.mockEditorToolbarLeft{align-items:center;gap:4px;display:flex}.mockEditorToolbarRight{background:var(--color-background);border-radius:var(--radius);align-items:center;gap:2px;padding:2px;display:flex}.mockEditorBtn{border-radius:var(--radius);width:28px;height:28px;color:var(--color-textSecondary);transition:background var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.mockEditorBtn:hover{background:var(--color-surfaceRaised);color:var(--color-textPrimary)}.mockEditorModeBtn{border-radius:var(--radius);color:var(--color-textTertiary);transition:background var(--transition-fast), color var(--transition-fast);padding:4px 10px;font-size:12px;font-weight:500}.mockEditorModeBtn:hover{color:var(--color-textSecondary)}.mockEditorModeBtnActive{background:var(--color-surfaceRaised);color:var(--color-textPrimary)}.mockEditorModeBtnActive:hover{color:var(--color-textPrimary)}.mockEditorContent{flex-direction:column;flex:1;display:flex;overflow:hidden}.mockEditorSource{resize:none;background:var(--color-background);width:100%;color:var(--color-textPrimary);font-family:var(--font-mono);tab-size:2;border:none;outline:none;flex:1;padding:16px 20px;font-size:13px;line-height:1.7}.mockEditorSource::placeholder{color:var(--color-textTertiary)}.mockEditorPreview{color:var(--color-textPrimary);flex:1;padding:16px 20px;font-size:14px;line-height:1.7;overflow-y:auto}.mockEditorPreview p{margin-bottom:12px}.mockEditorPreview p:last-child{margin-bottom:0}.mockH1{color:var(--color-textPrimary);margin-bottom:12px;font-size:20px;font-weight:700;line-height:1.3}.mockWikiLink{color:var(--color-accent);background:var(--color-accentMuted);border-radius:var(--radius);cursor:default;padding:0 2px}.mockEditorPreview strong{color:var(--color-textPrimary);font-weight:600}.mockEditorPreview em{color:var(--color-textPrimary);font-style:italic}
.mockGraph{background:var(--color-background);border:none;border-radius:0;flex-direction:column;display:flex;overflow:hidden}.mockGraphSvg{touch-action:none;width:100%;height:320px;display:block}.mockEdge{stroke:var(--color-textSecondary);stroke-opacity:.18;stroke-width:1.5px;transition:stroke-opacity .2s,stroke .2s}.mockEdgeHighlight{stroke:var(--color-accent);stroke-opacity:.5}.mockNodeGroup{cursor:grab}.mockNodeDragging{cursor:grabbing}.mockNodeCircle{transition:r .15s}.mockNodeHover{filter:drop-shadow(0 0 6px var(--color-accentBorder))}.mockNodeLabel{fill:var(--color-textPrimary);font-size:10px;font-family:var(--font-sans);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.85}.mockGraphLegend{border-top:1px solid var(--color-border);background:var(--color-background);align-items:center;gap:16px;padding:10px 16px;display:flex}.mockGraphLegendItem{color:var(--color-textTertiary);align-items:center;gap:6px;font-size:11px;display:flex}.mockGraphLegendDot{border-radius:50%;width:8px;height:8px;display:inline-block}